:root{--ink:#102440;--navy:#071730;--navy2:#0e2e64;--blue:#277bfd;--blue-deep:#1965e6;--sky:#a4c8ff;--ice:#f5f8fe;--line:#e1eaf6;--muted:#60728c;--radius:22px;--container:1170px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}img{max-width:100%}svg{display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.043em}button,input,select,textarea{font:inherit}
.container{width:min(calc(100% - 72px),var(--container));margin:0 auto}
.skip-link{position:absolute;z-index:3000;top:-80px;left:16px;background:#fff;color:#092451;padding:12px 18px;border:2px solid var(--blue)}
.skip-link:focus{top:14px}
:focus-visible{outline:3px solid #73b3ff;outline-offset:3px}
.site-header{height:88px;background:#fff;z-index:20;position:relative;border-bottom:1px solid #ebf0f8}
.nav-shell{height:100%;display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap}
.brand-mark{width:37px;height:40px;object-fit:contain;flex:0 0 auto}
.brand-name{font-size:26px;font-weight:780;letter-spacing:-.052em;color:#102440;line-height:1}
.brand-name span{color:var(--blue)}
.primary-nav{display:flex;align-items:center;gap:33px}
.primary-nav a{text-decoration:none;font-size:14px;font-weight:650}
.nav-link{color:#334863;transition:color .2s}
.nav-link:hover{color:var(--blue-deep)}
.nav-cta{display:inline-flex;gap:14px;align-items:center;background:#edf4ff;border:1px solid #d6e5ff;color:#145ada;padding:13px 19px;border-radius:100px;transition:all .2s}
.nav-cta:hover{background:#dfeeff;transform:translateY(-1px)}
.hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(122deg,#081833 1%,#0a2452 53%,#0d3575 100%);color:#fff;padding:124px 0 118px;text-align:center;min-height:660px;display:flex;align-items:center}
.hero::after{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 49% 115%,rgba(39,123,253,.18),transparent 56%);z-index:-1}
.hero-accent{position:absolute;border:1px solid rgba(113,175,255,.18);border-radius:50%;pointer-events:none;z-index:-1}
.hero-accent-one{width:590px;height:590px;left:-315px;top:-352px;box-shadow:0 0 0 83px rgba(39,123,253,.025),0 0 0 165px rgba(39,123,253,.021)}
.hero-accent-two{width:760px;height:760px;right:-515px;bottom:-470px;box-shadow:0 0 0 100px rgba(86,157,255,.024),0 0 0 225px rgba(39,123,253,.02)}
.hero-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22;background-image:linear-gradient(90deg,transparent 99.85%,rgba(164,200,255,.15) 99.9%),linear-gradient(0deg,transparent 99.85%,rgba(164,200,255,.15) 99.9%);background-size:100px 100px;mask-image:linear-gradient(90deg,transparent,#000 27%,#000 75%,transparent)}
.hero-content{position:relative;max-width:1130px}
.hero-eyebrow{margin:0 auto 31px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;align-items:center;letter-spacing:.16em;color:#b4d2ff;font-size:11px;font-weight:800}
.eyebrow-pulse{width:7px;height:7px;border-radius:50%;background:#55a4ff;box-shadow:0 0 0 5px rgba(85,164,255,.12)}
.eyebrow-slash{color:#6784b1}
.hero h1{font-size:clamp(49px,6vw,82px);font-weight:730;letter-spacing:-.062em;max-width:1070px;margin:0 auto 28px;line-height:1.105}
.hero h1 span{color:#82b6ff}
.hero-lead{font-size:clamp(18px,1.68vw,21px);line-height:1.73;color:#d7e5f8;max-width:800px;margin:0 auto 38px;letter-spacing:-.015em}
.hero-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px}
.button{min-height:55px;padding:15px 24px;border-radius:100px;display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid transparent;text-decoration:none;font-weight:680;font-size:15px;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{background:#246be8;color:#fff;box-shadow:0 11px 30px rgba(7,25,61,.14)}
.button-primary:hover{background:#1559d3;box-shadow:0 16px 32px rgba(13,35,75,.2)}
.button-outline{color:#fff;background:rgba(255,255,255,.035);border-color:rgba(213,231,255,.58)}
.button-outline:hover{background:rgba(255,255,255,.105);border-color:#fff}
.hero-footnote{margin:34px 0 0;color:#9eb5d9;font-size:13px;letter-spacing:.02em}
.value-section{background:#f9fbff;padding:108px 0 116px;border-bottom:1px solid #e7edf7}
.section-heading{text-align:center;max-width:820px;margin:0 auto 40px}
.section-kicker{color:#2068e6;letter-spacing:.16em;font-size:12px;font-weight:800;line-height:1.4;margin-bottom:17px}
.section-heading h2{font-size:clamp(36px,4vw,52px);margin-bottom:16px;font-weight:735}
.section-heading h2 span{color:#357ef0}
.section-heading>p:last-child{font-size:18px;color:var(--muted);line-height:1.6;margin-bottom:0}
.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.benefit-card{position:relative;min-height:278px;border-radius:23px;padding:32px 30px;background:#fff;border:1px solid #e2eaf6;box-shadow:0 15px 40px rgba(11,44,93,.036);transition:transform .2s,box-shadow .2s}
.benefit-card:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(11,44,93,.07)}
.benefit-icon{display:flex;align-items:center;justify-content:center;color:#2679f4;border-radius:17px;background:#eaf2ff;width:62px;height:62px;margin-bottom:32px}
.benefit-icon svg{width:34px;height:34px}
.benefit-number{position:absolute;right:27px;top:31px;font-size:13px;font-weight:750;color:#b6c9e7;letter-spacing:.08em}
.benefit-card h3{font-size:23px;font-weight:730;margin-bottom:12px}
.benefit-card p{font-size:15.5px;color:#677b93;line-height:1.65;margin:0;max-width:310px}
.how-section{padding:100px 0 105px;background:#edf4ff}
.how-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,135px);align-items:center}
.how-title h2{font-size:clamp(38px,4.5vw,58px);font-weight:750;line-height:1.13;margin:0;max-width:530px}
.how-copy{border-left:2px solid #b9d5ff;padding-left:32px}
.how-copy p{font-size:18px;line-height:1.75;color:#455e7b;margin:0 0 18px}
.text-link{color:#155dd6;font-size:15px;font-weight:730;text-decoration:none;display:inline-flex;gap:15px;align-items:center;margin-top:6px;border-bottom:1px solid #a5c8ff;padding-bottom:4px}
.text-link:hover{color:#0d4bb2;border-color:#0d4bb2}
.signup-section{position:relative;background:linear-gradient(125deg,#081a37,#0c2a5b);color:#fff;padding:103px 0 110px;overflow:hidden}
.signup-section::before{content:"";position:absolute;width:600px;height:600px;left:-280px;bottom:-430px;border:1px solid #2559a2;border-radius:50%;box-shadow:0 0 0 90px rgba(57,124,228,.035),0 0 0 180px rgba(57,124,228,.02);pointer-events:none}
.signup-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px);align-items:center;gap:clamp(40px,8vw,145px)}
.section-kicker-light{color:#9bc4ff}
.signup-copy h2{font-size:clamp(41px,4.7vw,64px);font-weight:750;line-height:1.12;margin:0 0 25px;max-width:650px}
.signup-copy>p:not(.section-kicker){font-size:18px;color:#bfd2ec;line-height:1.75;max-width:580px}
.signup-signal{margin-top:44px;display:flex;align-items:center;gap:10px}
.signup-signal span{height:3px;border-radius:10px;background:#488ef7}
.signal-one{width:60px}.signal-two{width:25px;opacity:.55}.signal-three{width:12px;opacity:.2}
.signup-card{border-radius:25px;background:#fff;padding:37px;color:#182d4e;box-shadow:0 22px 70px rgba(0,11,39,.15)}
.signup-card h3{font-size:26px;line-height:1.2;letter-spacing:-.035em;margin:0 0 9px}
.signup-card>p{font-size:14px;color:#657892;line-height:1.6;margin:0 0 28px}
form{display:block}
form>label:not(.consent-label),.field-label{display:block;font-size:13px;font-weight:700;margin:0 0 7px;color:#243958}
form>input:not([type=hidden]):not([type=checkbox]),form>select,form>textarea{background:#f9fbff;border:1px solid #ccd9ec;border-radius:11px;width:100%;height:50px;color:#182d4e;outline:none;padding:0 14px;transition:border-color .15s,box-shadow .15s}
form>textarea{resize:vertical;min-height:130px;padding:12px 14px}
form>input:not([type=hidden]):not([type=checkbox]):focus,form>select:focus,form>textarea:focus{border-color:#277bfd;box-shadow:0 0 0 3px #dceaff}
form>input:not([type=hidden]):not([type=checkbox])::placeholder,form>textarea::placeholder{color:#96a6bb}
form>input:not([type=hidden]):not([type=checkbox]),form>select{margin:0 0 19px}
form>select{appearance:none;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="9" viewBox="0 0 14 9"%3E%3Cpath d="M2 2l5 5 5-5" stroke="%23415E83" stroke-width="1.7" fill="none" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}
.label-optional{font-weight:500;color:#90a1b7}
.consent-label{display:grid;grid-template-columns:18px 1fr;gap:11px;align-items:start;font-size:12.5px;line-height:1.55;color:#516783;margin:3px 0 22px;cursor:pointer}
.consent-label input{width:18px;height:18px;margin:1px 0 0;accent-color:#1863df;cursor:pointer}
.required-star{color:#277bfd}
.button-submit{width:100%;border:0;border-radius:11px;min-height:51px;justify-content:space-between}
.form-note{font-size:11.5px!important;line-height:1.55!important;color:#7b8da3!important;text-align:center;margin:16px 0 0!important}
.form-note a{color:#356bc1;text-underline-offset:3px}
.honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.site-footer{background:#fff;color:#475d7a;padding:29px 0}
.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}
.brand-footer .brand-mark{width:26px;height:29px}
.brand-footer .brand-name{font-size:21px}
.footer-inner p{font-size:12px;margin:0;color:#8291a6}
.footer-inner nav{display:flex;gap:22px}
.footer-inner nav a{font-size:13px;text-decoration:none;color:#536780}
.footer-inner nav a:hover{color:#1e6ee9}
/* lightweight secondary pages */
.page-content{background:#f7faff;min-height:65vh;padding:90px 0 100px}
.page-card{max-width:770px;background:#fff;padding:clamp(30px,5vw,63px);margin:0 auto;border:1px solid #e0eafb;border-radius:25px;box-shadow:0 20px 60px rgba(11,44,93,.05)}
.page-card h1{font-size:clamp(35px,5vw,49px);margin:0 0 17px}
.page-card h2{font-size:22px;margin:30px 0 8px}
.page-card p,.page-card li{color:#516681;line-height:1.75}
.page-card ul{padding-left:23px}
.page-card a:not(.button){color:#175fd5;text-underline-offset:3px}
.page-card form{margin-top:32px}
.page-card .button{border-radius:10px}
.page-card .form-note{text-align:left}
.page-card .page-lead{font-size:18px}
.page-card .text-link{display:inline-flex;margin-top:8px}
@media (max-width:900px){.hero{min-height:auto;padding:120px 0 110px}.hero h1{font-size:clamp(48px,7vw,72px)}.signup-shell{grid-template-columns:1fr 430px;gap:40px}.signup-copy h2{font-size:48px}.benefit-card{padding:28px 23px}.benefit-card h3{font-size:20px}.footer-inner{flex-wrap:wrap}}
@media (max-width:720px){html{scroll-padding-top:72px}.container{width:min(calc(100% - 38px),var(--container))}.site-header{height:73px}.brand-mark{width:30px;height:33px}.brand-name{font-size:22px}.primary-nav{gap:10px}.nav-link{display:none}.nav-cta{font-size:12px!important;padding:10px 12px;gap:6px}.hero{min-height:auto;padding:103px 0 95px}.hero-eyebrow{font-size:9px;letter-spacing:.12em;gap:7px;margin-bottom:25px}.hero h1{font-size:clamp(43px,10vw,62px);letter-spacing:-.06em;line-height:1.1}.hero-lead{font-size:17px;line-height:1.69;margin-top:24px}.hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;max-width:390px;margin:0 auto}.button{min-height:54px;padding:14px 19px;justify-content:center}.hero-footnote{font-size:12px}.value-section{padding:77px 0 83px}.section-heading h2{font-size:38px}.section-heading>p:last-child{font-size:16px}.benefit-grid{grid-template-columns:1fr;gap:13px}.benefit-card{min-height:auto;padding:26px 25px}.benefit-icon{margin-bottom:24px}.benefit-card h3{font-size:22px}.benefit-card p{font-size:15px}.how-section{padding:76px 0 80px}.how-inner{grid-template-columns:1fr;gap:32px}.how-title h2{font-size:41px}.how-copy{padding-left:21px}.how-copy p{font-size:16px}.signup-section{padding:76px 0 86px}.signup-shell{display:grid;grid-template-columns:1fr;gap:31px}.signup-copy h2{font-size:43px}.signup-copy>p:not(.section-kicker){font-size:16px}.signup-signal{margin-top:21px}.signup-card{padding:30px 25px}.site-footer{padding:28px 0}.footer-inner{display:grid;justify-content:center;text-align:center;gap:18px}.brand-footer{justify-content:center}.footer-inner nav{justify-content:center;gap:25px}.page-content{padding:45px 0 65px}.page-card{border-radius:18px}}
@media (max-width:370px){.container{width:min(calc(100% - 28px),var(--container))}.hero h1{font-size:40px}.hero-eyebrow{font-size:8px}.signup-card{padding:23px 18px}.nav-cta{padding:8px 10px;font-size:11px!important}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}