:root{--ink:#070707;--muted:#6b7280;--brand:#1e162a;--brand-hover:#30213f;--yellow:#f5c542;--yellow-soft:#fff7da;--community:#4f6f8f;--community-soft:#edf3f8;--line:#e5e7eb;--paper:#fff;--background:#f7f8fa}*{box-sizing:border-box}body{color:var(--ink);background:var(--background);font-variation-settings:"wght" 400;margin:0;font-family:Manrope Variable,Manrope,ui-sans-serif,system-ui,sans-serif}a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}.header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;max-width:1180px;height:64px;margin:0 auto;padding:0 24px;display:flex}.header.login-header{background:0 0}main{min-height:100vh}.brand{color:var(--brand);align-items:center;text-decoration:none;display:flex}.brand img{width:118px;height:auto;display:block}.text-button{color:var(--muted);background:0 0;border:0;font-weight:400}.shell{grid-template-columns:1.35fr .8fr;align-items:start;gap:64px;max-width:1180px;min-height:calc(100vh - 128px);margin:0 auto;padding:56px 24px 64px;display:grid}.shell:not(.setup-shell) .card{position:sticky;top:32px}.setup-shell{padding-top:46px;max-width:1180px;padding-inline:0;display:block}.setup-shell .intro{display:none}.setup-shell .card{width:100%;padding:42px 48px 48px}.setup-shell .card>form{width:100%;margin:0 auto}.setup-shell .form-section{grid-template-columns:220px minmax(0,1fr);column-gap:34px;display:grid}.setup-shell .section-heading{grid-area:1/1/span 5;align-items:flex-start}.setup-shell .section-heading+label,.setup-shell .section-heading+.two-column,.setup-shell .section-heading+.benefit-summary{margin-top:0}.setup-shell .form-section>label,.setup-shell .form-section>.two-column,.setup-shell .form-section>.benefit-summary,.setup-shell .form-section>.authorization{grid-column:2}.setup-shell .benefit-section .section-heading{grid-row:1/span 4}.eyebrow,.step{color:var(--community);letter-spacing:.12em;font-size:12px;font-weight:600}.eyebrow{background:var(--community-soft);border-radius:999px;margin:0;padding:6px 10px;display:inline-block}.intro h1{max-width:690px;color:var(--brand);letter-spacing:-.05em;font-variation-settings:"wght" 650;margin:18px 0;font-size:clamp(44px,4.6vw,62px);font-weight:650;line-height:1.02}.lead{max-width:690px;color:var(--muted);margin-bottom:12px;font-size:17px;line-height:1.65}.lead strong,.intro-copy strong{color:var(--brand);font-weight:600}.intro-copy{max-width:690px;color:var(--muted);margin:0;font-size:15px;line-height:1.65}.value-section,.use-section,.value-close{margin-top:34px}.value-section h2,.use-section h2,.value-close h2{color:var(--brand);margin:0 0 16px;font-size:21px;font-weight:600;line-height:1.35}.value-section .benefit{margin-top:18px}.use-section,.value-close{border-top:1px solid var(--line);padding-top:28px}.use-section p,.value-close p{max-width:690px;color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.65}.value-close p strong{color:var(--brand);font-weight:600}.benefit{align-items:flex-start;gap:14px;margin-top:22px;display:flex}.benefit .check{width:25px;height:25px;color:var(--community);background:var(--community-soft);border-radius:50%;flex:0 0 25px;place-items:center;font-weight:650;display:grid}.benefit strong,.benefit span{display:block}.benefit strong{margin-bottom:4px;font-size:15px;font-weight:600}.benefit div span{color:var(--muted);font-size:14px;line-height:1.45}.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:34px;box-shadow:0 18px 55px #1e162a14}.card h2{color:var(--brand);letter-spacing:-.025em;margin:9px 0 5px;font-size:28px;font-weight:650}.muted{color:var(--muted);margin-top:0;margin-bottom:27px;line-height:1.55}label{margin-top:18px;font-size:14px;font-weight:500;display:block}.optional{color:#8b989d;float:right;font-weight:500}input,textarea{width:100%;color:var(--ink);resize:vertical;background:#fff;border:1px solid #dfe1e5;border-radius:10px;outline:none;margin-top:7px;padding:13px}input:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #f5c54259}.two-column{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-section{border-top:1px solid var(--line);margin-top:26px;padding-top:24px}.section-heading{align-items:center;gap:11px;margin-bottom:4px;display:flex}.section-heading>span{background:var(--community-soft);width:27px;height:27px;color:var(--community);border-radius:50%;flex:0 0 27px;place-items:center;font-size:13px;font-weight:600;display:grid}.section-heading strong,.section-heading small{display:block}.section-heading strong{color:var(--brand);font-size:15px;font-weight:600}.section-heading small{margin:2px 0 0;font-size:12px}.benefit-summary{border-left:3px solid var(--community);background:var(--community-soft);border-radius:0 10px 10px 0;margin:18px 0 3px;padding:15px 17px}.benefit-summary small{color:var(--community);letter-spacing:.1em;margin:0 0 5px;font-size:11px;font-weight:600}.benefit-summary strong{color:var(--brand);font-size:15px;font-weight:600;display:block}.benefit-summary p{color:var(--muted);margin:4px 0 0;font-size:13px}.benefit-hero{background:linear-gradient(120deg, #f6f9fc, var(--community-soft));border:1px solid #d9e3ec;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;margin:28px 0 6px;padding:24px 26px;display:grid}.benefit-hero>div>small{color:var(--community);letter-spacing:.11em;margin:0 0 7px;font-size:11px;font-weight:600}.benefit-hero h3{color:var(--brand);margin:0;font-size:20px;font-weight:600;line-height:1.35}.benefit-hero p{max-width:690px;color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.55}.benefit-metrics{border-left:1px solid #cad8e4;grid-template-columns:repeat(2,minmax(110px,1fr));display:grid}.benefit-metrics>span{min-width:125px;color:var(--community);padding-left:26px;font-size:40px;font-weight:600;line-height:1}.benefit-metrics>span+span{border-left:1px solid #cad8e4}.benefit-metrics small{color:var(--muted);margin-top:7px;font-size:12px;font-weight:400;line-height:1.4;display:block}.authorization{color:#4b5563;align-items:flex-start;gap:10px;margin-top:20px;font-weight:400;line-height:1.5;display:flex}.authorization input{width:17px;height:17px;accent-color:var(--brand);flex:0 0 17px;margin:2px 0 0}.code-input{position:relative}.code-input input{letter-spacing:1px;text-transform:uppercase;padding-right:105px;font-weight:600}.code-input span{color:var(--muted);font-size:12px;position:absolute;top:20px;right:13px}.code-input.available input{border-color:#26835a}.code-input.available span{color:#26835a}.code-input.unavailable input{border-color:#be3b3b}.code-input.unavailable span,.error{color:#a72d2d}small{color:var(--muted);margin-top:7px;font-weight:450;line-height:1.4;display:block}.error{background:#fff0f0;border-radius:8px;padding:10px 12px;font-size:13px}.primary{background:var(--brand);color:#fff;border:0;border-radius:11px;width:100%;min-height:48px;margin-top:24px;padding:13px 18px;font-weight:500;transition:background .15s,transform .15s;box-shadow:0 8px 20px #1e162a24}.primary:hover:not(:disabled){background:var(--brand-hover);transform:translateY(-1px)}.primary:disabled{cursor:not-allowed;opacity:.5}.account-link,.email-note{text-align:center;color:var(--muted);margin:20px 0 0;font-size:13px}.account-link a{color:var(--community);font-weight:500}.success-panel{text-align:center;padding:18px 5px 8px}.success-page{width:min(980px,100% - 32px);min-height:calc(100vh - 129px);margin:0 auto;padding:70px 0}.success-card{padding:48px}.success-card h1{color:var(--brand);margin:8px 0 10px;font-size:clamp(30px,5vw,42px);font-weight:650;line-height:1.1}.active-pill{color:#177245;letter-spacing:.1em;background:#eaf7ef;border-radius:999px;align-items:center;gap:7px;margin:0;padding:7px 11px;font-size:12px;font-weight:600;display:inline-flex}.active-pill span{background:#26835a;border-radius:50%;width:7px;height:7px}.promotion-tools{border-top:1px solid var(--line);text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px;padding-top:28px;display:grid}.promotion-tools>div{border:1px solid var(--line);background:#fafafb;border-radius:12px;padding:18px}.promotion-tools>div>span{color:var(--community);letter-spacing:.1em;font-size:11px}.promotion-tools h2{color:var(--brand);margin:8px 0 6px;font-size:15px;font-weight:600}.promotion-tools p{min-height:62px;color:var(--muted);margin:0;font-size:13px;line-height:1.5}.promotion-tools button{width:100%;color:var(--brand);background:#fff;border:1px solid #d7d9de;border-radius:9px;margin-top:15px;padding:10px 11px;font-size:13px}.promotion-tools button:hover{border-color:var(--brand)}.success-icon{width:58px;height:58px;color:var(--brand);background:var(--yellow);border-radius:50%;place-items:center;margin:0 auto 22px;font-size:28px;font-weight:900;display:grid}.created-code{border:1px dashed var(--community);background:var(--community-soft);color:var(--brand);letter-spacing:3px;overflow-wrap:anywhere;border-radius:12px;margin:28px 0 4px;padding:20px;font-size:clamp(24px,4vw,34px);font-weight:650}footer{border-top:1px solid var(--line);color:#849197;justify-content:space-between;align-items:center;gap:24px;max-width:1180px;margin:0 auto;padding:24px;font-size:12px;display:flex}@media (max-width:820px){.shell{grid-template-columns:1fr;gap:45px;padding-top:25px}.shell:not(.setup-shell) .card{position:static}.setup-shell{padding-top:28px;display:block}.setup-shell .card{padding:30px 24px}.setup-shell .form-section{display:block}.setup-shell .section-heading{margin-bottom:16px}.benefit-hero{grid-template-columns:1fr;gap:18px}.benefit-metrics{border-top:1px solid #cad8e4;border-left:0;padding-top:18px}.benefit-metrics>span{padding-left:0}.benefit-metrics>span+span{padding-left:20px}.promotion-tools{grid-template-columns:1fr}.promotion-tools p{min-height:0}.intro h1{max-width:500px}.card{padding:30px 24px}}@media (max-width:520px){.header{height:66px;padding-inline:20px}.shell{padding:26px 16px 60px}.intro h1{font-size:44px}.lead{font-size:17px}.two-column{grid-template-columns:1fr;gap:0}.card{border-radius:15px;padding:27px 20px}footer{flex-direction:column;align-items:flex-start;padding-inline:20px}}
