:root{--navy-950:#04101f;--navy-900:#07172b;--navy-800:#0d2442;--navy-700:#16385f;--blue:#1f8dff;--cyan:#49d3ff;--gold:#ffcb4d;--green:#16866f;--ink:#17273b;--title:#0d1d33;--muted:#66788c;--line:#dce4ed;--line-strong:#c7d3df;--surface:#fff;--surface-soft:#f5f8fb;--background:#edf2f7;--error:#b4233f;--shadow:0 18px 50px #1a324e17}*{box-sizing:border-box}html{background:var(--background)}body{min-height:100vh;color:var(--ink);background:var(--background);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.portalShell{min-height:100vh}.portalHeader{color:#fff;background:var(--navy-950);border-bottom:1px solid #7aaee82e}.headerInner{justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 40px);min-height:72px;margin:0 auto;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand img{object-fit:cover;object-position:center;border-radius:6px;width:124px;height:44px;display:block}.brandCopy{border-left:1px solid #fff3;gap:2px;padding-left:12px;display:grid}.brandCopy strong{font-size:.96rem}.brandCopy span{color:#9cb2cc;font-size:.78rem}.secureBadge{color:#cbd9e9;align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:inline-flex}.secureBadge>span{background:#38d8ae;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #38d8ae1f}.welcomeBand{color:#fff;background:linear-gradient(115deg, #07172bfa, #0d2442f2), var(--navy-900)}.welcomeInner{grid-template-columns:minmax(0,1fr) minmax(440px,.78fr);align-items:end;gap:72px;width:min(1180px,100% - 40px);margin:0 auto;padding:44px 0 40px;display:grid}.welcomeCopy{max-width:690px}.eyebrow,.summaryKicker{color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:800}.welcomeCopy h1{max-width:680px;margin:10px 0 12px;font-size:clamp(2.1rem,4.2vw,3.5rem);font-weight:720;line-height:1.05}.welcomeCopy>p:last-child{color:#b7c8db;max-width:660px;margin:0;font-size:1.02rem;line-height:1.6}.progressSteps{grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid;position:relative}.progressSteps:before{content:"";background:#9cb2cc4d;height:1px;position:absolute;top:17px;left:17px;right:17px}.progressSteps li{color:#839ab5;gap:9px;display:grid;position:relative}.progressSteps li:not(:first-child){text-align:center;justify-items:center}.progressSteps li:last-child{text-align:right;justify-items:end}.progressSteps li>span{z-index:1;background:var(--navy-900);border:1px solid #9cb2cc57;border-radius:50%;place-items:center;width:35px;height:35px;font-size:.78rem;font-weight:800;display:grid;position:relative}.progressSteps .active{color:#fff}.progressSteps .active>span{color:var(--navy-950);border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 0 5px #49d3ff1f}.progressSteps strong,.progressSteps small{display:block}.progressSteps strong{font-size:.82rem}.progressSteps small{margin-top:3px;font-size:.72rem;font-weight:500}.checkoutWorkspace{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:28px;width:min(1180px,100% - 40px);margin:0 auto;padding:36px 0 56px;display:grid}.contractForm{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.formSection{padding:30px}.formSection+.formSection{border-top:1px solid var(--line)}.sectionTitle{grid-template-columns:38px minmax(0,1fr);align-items:start;gap:14px;display:grid}.sectionTitle>span{color:#fff;background:var(--navy-800);border-radius:50%;place-items:center;width:38px;height:38px;font-size:.84rem;font-weight:800;display:grid}.sectionTitle h2{color:var(--title);margin:0;font-size:1.25rem}.sectionTitle p{color:var(--muted);margin:5px 0 0;font-size:.88rem;line-height:1.45}.billingSwitch{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:4px;width:fit-content;margin:24px 0 20px 52px;padding:4px;display:grid}.billingSwitch button{min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 14px;font-size:.86rem;font-weight:700}.billingSwitch button.active{color:var(--title);background:#fff;box-shadow:0 2px 8px #1f36521a}.billingSwitch small{color:var(--green);margin-left:5px;font-size:.7rem;font-weight:800;display:inline}.planGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-left:52px;display:grid}.planOption{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;min-width:0;padding:20px;transition:border-color .16s,box-shadow .16s,transform .16s;position:relative}.planOption:hover{border-color:#9fb4ca;transform:translateY(-1px)}.planOption.selected{border-color:var(--blue);box-shadow:0 0 0 3px #1f8dff1a}.planOption input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.planTopline{justify-content:space-between;align-items:center;gap:12px;min-height:24px;display:flex}.radioMark{border:2px solid var(--line-strong);border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.selected .radioMark{border:5px solid var(--blue)}.planTopline small{color:#0a6351;text-transform:uppercase;background:#e6f7f2;border-radius:999px;padding:5px 8px;font-size:.65rem;font-weight:800}.planOption h3{color:var(--title);margin:15px 0 7px;font-size:1.08rem}.planOption>p{min-height:57px;color:var(--muted);margin:0;font-size:.84rem;line-height:1.5}.planPrice{align-items:baseline;gap:4px;margin-top:17px;display:flex}.planPrice strong{color:var(--title);font-size:1.55rem}.planPrice span{color:var(--muted);font-size:.8rem}.planOption ul{border-top:1px solid var(--line);gap:9px;margin:18px 0 0;padding:17px 0 0;list-style:none;display:grid}.planOption li{color:#485c72;padding-left:22px;font-size:.8rem;line-height:1.35;position:relative}.planOption li:before{content:"✓";color:var(--green);font-weight:900;position:absolute;left:0}.accountSection{padding-bottom:34px}.fieldGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0 0 52px;display:grid}.fieldGrid label{color:#31465c;min-width:0;font-size:.8rem;font-weight:700}.fieldGrid input{border:1px solid var(--line-strong);width:100%;min-height:46px;color:var(--ink);background:#fff;border-radius:7px;outline:none;margin-top:7px;padding:11px 13px;transition:border-color .15s,box-shadow .15s}.fieldGrid input::placeholder{color:#9aa8b7}.fieldGrid input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1f8dff1c}.formError{color:var(--error);background:#fff3f5;border-top:1px solid #f3c5ce;margin:0;padding:14px 30px;font-size:.86rem;font-weight:700}.orderSummary{color:#fff;background:var(--navy-900);border-radius:8px;padding:25px;position:sticky;top:20px;box-shadow:0 20px 50px #04101f38}.summaryKicker{color:var(--cyan)}.orderSummary>h2{margin:9px 0 7px;font-size:1.32rem}.summaryDescription{color:#aebfd2;min-height:60px;margin:0;font-size:.84rem;line-height:1.5}.orderSummary dl{margin:22px 0 0}.orderSummary dl>div{border-top:1px solid #aebfd229;justify-content:space-between;align-items:center;gap:16px;padding:11px 0;display:flex}.orderSummary dt{color:#91a7c0;font-size:.8rem}.orderSummary dd{text-align:right;margin:0;font-size:.86rem;font-weight:700}.orderSummary .summaryTotal{align-items:flex-end;padding:18px 0 4px}.summaryTotal dd{color:#fff;font-size:1.65rem}.summaryTotal small{color:#91a7c0;font-size:.76rem}.savingNote{color:#bcebdc;background:#16866f24;border:1px solid #38d8ae33;border-radius:7px;align-items:flex-start;gap:9px;margin-top:17px;padding:11px;font-size:.76rem;line-height:1.4;display:flex}.savingNote>span{color:#48e1b6;font-weight:900}.promotionField,.promotionApplied{border-top:1px solid #aebfd229;margin-top:18px;padding-top:16px}.promotionField>label{color:#aebfd2;margin-bottom:7px;font-size:.74rem;font-weight:700;display:block}.promotionField>div{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.promotionField input{color:#fff;text-transform:uppercase;background:#ffffff12;border:1px solid #aebfd247;border-radius:6px;outline:none;min-width:0;height:40px;padding:9px 10px}.promotionField input:focus{border-color:var(--cyan)}.promotionField button,.promotionApplied button{color:var(--cyan);cursor:pointer;background:#49d3ff14;border:1px solid #49d3ff52;border-radius:6px;font-size:.74rem;font-weight:800}.promotionField button:disabled{cursor:not-allowed;opacity:.5}.promotionError{color:#ff9eb0;margin-top:7px;font-size:.7rem;display:block}.promotionApplied{justify-content:space-between;align-items:center;gap:12px;display:flex}.promotionApplied>div{gap:3px;display:grid}.promotionApplied span{color:#aebfd2;font-size:.72rem}.promotionApplied strong{color:#56ddb8;font-size:.9rem}.promotionApplied button{padding:7px 9px}.primaryButton,.secondaryButton{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 17px;font-weight:800;display:inline-flex}.primaryButton{color:var(--navy-950);background:linear-gradient(135deg, var(--blue), var(--cyan));border:0;box-shadow:0 14px 30px #1f8dff33}.primaryButton:hover:not(:disabled){filter:brightness(1.05)}.primaryButton:disabled{cursor:progress;opacity:.65}.summaryAction{width:100%;margin-top:20px}.privacyNote{color:#8298b1;text-align:center;margin:14px 0 0;font-size:.7rem;line-height:1.45}.portalFooter{border-top:1px solid var(--line-strong);color:#7d8da0;justify-content:space-between;gap:20px;width:min(1180px,100% - 40px);margin:0 auto;padding:21px 0 26px;font-size:.75rem;display:flex}.resultWorkspace{max-width:780px;display:block}.customerResult{border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:8px;padding:40px}.resultMark{color:#fff;background:var(--navy-800);border-radius:50%;place-items:center;width:50px;height:50px;margin:0 auto 18px;font-size:1.1rem;font-weight:900;display:grid}.customerResult.success .resultMark{background:var(--green)}.customerResult .eyebrow{color:var(--blue)}.customerResult h2{color:var(--title);margin:8px 0 10px;font-size:2rem}.resultLead{max-width:590px;color:var(--muted);margin:0 auto;line-height:1.6}.accessDetails{border:1px solid var(--line);background:var(--surface-soft);border-radius:7px;gap:6px;max-width:470px;margin:22px auto 0;padding:15px;display:grid}.accessDetails span{color:var(--muted);font-size:.76rem}.accessDetails strong{color:var(--title);font-family:SFMono-Regular,Consolas,monospace}.purchaseRecap{border:1px solid var(--line);border-radius:7px;grid-template-columns:repeat(3,1fr);max-width:620px;margin:28px auto 0;display:grid}.purchaseRecap>div{gap:6px;padding:16px;display:grid}.purchaseRecap>div+div{border-left:1px solid var(--line)}.purchaseRecap span{color:var(--muted);font-size:.72rem}.purchaseRecap strong{color:var(--title);font-size:.88rem}.resultActions{justify-content:center;gap:10px;margin-top:24px;display:flex}.secondaryButton{border:1px solid var(--line-strong);color:var(--ink);background:#fff}.statusPage{background:linear-gradient(115deg, #07172bfa, #0d2442f5), var(--navy-900);place-items:center;min-height:100vh;padding:24px;display:grid}.statusCard{text-align:center;background:#fff;border-radius:8px;width:min(620px,100%);padding:40px;box-shadow:0 28px 80px #00000040}.statusCard h1{color:var(--title);margin:10px 0 12px;font-size:2.2rem}.statusCard .lead{color:var(--muted);margin:0 0 24px;line-height:1.6}@media (max-width:980px){.welcomeInner{grid-template-columns:1fr;gap:30px}.checkoutWorkspace{grid-template-columns:1fr}.orderSummary{position:static}}@media (max-width:700px){.headerInner,.welcomeInner,.checkoutWorkspace,.portalFooter{width:min(100% - 28px,1180px)}.brand img{width:100px;height:38px}.brandCopy{display:none}.welcomeInner{padding:34px 0 30px}.welcomeCopy h1{font-size:2.2rem}.progressSteps div{display:none}.progressSteps{width:180px}.checkoutWorkspace{padding-top:20px}.formSection{padding:22px 18px}.billingSwitch,.planGrid,.fieldGrid{margin-left:0}.billingSwitch{grid-template-columns:.8fr 1.5fr;width:100%}.planGrid,.fieldGrid{grid-template-columns:1fr}.planOption>p{min-height:auto}.orderSummary,.customerResult,.statusCard{padding:24px 20px}.purchaseRecap{grid-template-columns:1fr}.purchaseRecap>div+div{border-top:1px solid var(--line);border-left:0}.resultActions,.portalFooter{flex-direction:column}}
