:root {
  --ink: #14243e;
  --ink-2: #1d3151;
  --paper: #fbfaf7;
  --paper-2: #f2f4f6;
  --line: #dce2e7;
  --muted: #647084;
  --orange: #f28c64;
  --gold: #ffbd62;
  --sky: #73c7ed;
  --blue: #4a87e2;
  --mint: #91c9b8;
  --radius-lg: 28px;
  --radius-md: 18px;
  --shadow: 0 24px 60px rgb(21 39 66 / .12);
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--paper); color: var(--ink); font-family: var(--font); font-size: 16px; line-height: 1.5; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }

.skip-link { position: fixed; top: 12px; left: 12px; z-index: 100; padding: 10px 14px; border-radius: 9px; background: #fff; color: var(--ink); box-shadow: var(--shadow); transform: translateY(-180%); }
.skip-link:focus { transform: translateY(0); }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }

.section-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.site-header { position: sticky; z-index: 10; top: 0; display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 82px; padding: 16px max(24px, calc((100vw - 1180px) / 2)); background: color-mix(in srgb, var(--paper) 86%, transparent); border-bottom: 1px solid transparent; backdrop-filter: blur(14px); transition: border-color .25s ease, box-shadow .25s ease; }
.site-header--scrolled { border-color: rgb(23 38 64 / .09); box-shadow: 0 7px 22px rgb(20 36 62 / .05); }
.brand { display: inline-flex; align-items: center; gap: 9px; flex: 0 0 auto; }
.brand-mark { display: grid; place-items: center; width: 31px; height: 27px; filter: drop-shadow(0 4px 8px rgb(78 179 230 / .22)); }
.brand-mark svg { display: block; width: 100%; height: 100%; overflow: visible; }
.brand img { display: block; width: auto; height: 27px; max-width: 82px; object-fit: contain; }
.site-header .brand img { filter: invert(1) brightness(.2) sepia(.15) saturate(1.4); }
.site-nav { display: flex; align-items: center; gap: clamp(16px, 2vw, 31px); }
.site-nav a, .nav-assistance { padding: 5px 0; border: 0; background: none; color: #536176; font-size: 14px; font-weight: 650; white-space: nowrap; transition: color .18s ease; }
.site-nav a:hover, .nav-assistance:hover { color: var(--ink); }
.nav-toggle { display: none; border: 0; background: transparent; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 49px; padding: 12px 19px; border: 1px solid transparent; border-radius: 13px; font-size: 14px; font-weight: 760; line-height: 1.1; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button span { font-size: 18px; line-height: 0; }
.button--primary { color: #fff; background: var(--ink); box-shadow: 0 12px 25px rgb(20 36 62 / .2); }
.button--primary:hover { background: #203858; box-shadow: 0 16px 30px rgb(20 36 62 / .28); }
.button--ghost { border-color: #d5dce5; color: var(--ink); background: #fff; }
.button--ghost:hover, .button--outline:hover { border-color: #aeb9c9; background: #f7f9fa; }
.button--outline { width: 100%; border-color: #bdc8d5; color: var(--ink); background: transparent; }
.button--warm { color: var(--ink); background: linear-gradient(110deg, var(--gold), #f4a76b 46%, #9bd8f1); box-shadow: 0 14px 30px rgb(246 156 100 / .17); }
.button--small { min-height: 40px; padding: 9px 15px; border-radius: 10px; font-size: 13px; }

.hero { position: relative; display: grid; grid-template-columns: minmax(0, .95fr) minmax(470px, 1.05fr); gap: clamp(42px, 7vw, 100px); align-items: center; min-height: 735px; padding: 74px 0 92px; overflow: hidden; }
.hero::before { content: ""; position: absolute; z-index: -1; top: 52px; left: -15%; width: 580px; height: 580px; border-radius: 50%; background: radial-gradient(circle, rgb(255 191 98 / .17) 0%, rgb(255 191 98 / 0) 66%); pointer-events: none; }
.eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 17px; color: #617089; font-size: 11px; font-weight: 780; letter-spacing: .15em; line-height: 1.3; text-transform: uppercase; }
.dot { width: 8px; height: 8px; border-radius: 99px; background: linear-gradient(135deg, var(--orange), var(--sky)); box-shadow: 0 0 0 4px rgb(241 142 99 / .14); }
.hero h1, h2 { margin: 0; letter-spacing: -.058em; font-weight: 760; line-height: .98; }
.hero h1 { max-width: 570px; font-size: clamp(53px, 6.15vw, 81px); }
.hero h1 em { color: var(--orange); font-style: normal; }
.hero-lede { max-width: 552px; margin: 27px 0 28px; color: #526176; font-size: 18px; line-height: 1.62; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.hero-note { max-width: 500px; margin: 22px 0 0; color: #8490a0; font-size: 13px; line-height: 1.55; }

.hero-stage { position: relative; isolation: isolate; min-height: 480px; padding: 28px; overflow: hidden; border: 1px solid rgb(255 255 255 / .12); border-radius: 29px; color: #e8f1fb; background: linear-gradient(145deg, #172944, #14243e 60%, #28497a); box-shadow: 0 36px 80px rgb(20 36 62 / .22); transform: rotate(1.4deg); }
.stage-orbit { position: absolute; z-index: -1; border: 1px solid rgb(142 212 246 / .2); border-radius: 50%; }
.orbit-a { width: 510px; height: 510px; right: -230px; bottom: -270px; }
.orbit-b { width: 315px; height: 315px; top: -190px; left: -145px; border-color: rgb(255 190 98 / .18); }
.stage-topline, .stage-bottom { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #b5c4d6; font-size: 11px; font-weight: 720; letter-spacing: .1em; text-transform: uppercase; }
.live-status { display: inline-flex; align-items: center; gap: 7px; padding: 7px 9px; border-radius: 99px; color: #c9ebda; background: rgb(126 207 172 / .11); letter-spacing: .05em; }
.live-status i { width: 6px; height: 6px; border-radius: 50%; background: #75d3a9; box-shadow: 0 0 0 3px rgb(117 211 169 / .15); }
.stage-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin: 28px 0 14px; }
.stage-summary > div, .stage-card { border: 1px solid rgb(255 255 255 / .11); border-radius: 16px; background: rgb(255 255 255 / .065); box-shadow: inset 0 1px 0 rgb(255 255 255 / .05); }
.stage-summary > div { min-height: 115px; padding: 16px; }
.stage-summary span, .stage-card .card-kicker { display: block; color: #b9c6d8; font-size: 11px; font-weight: 650; letter-spacing: .07em; text-transform: uppercase; }
.stage-summary strong { display: block; margin: 8px 0 2px; color: #fff; font-size: 31px; letter-spacing: -.06em; }
.stage-summary small { color: #8bd1b5; font-size: 12px; }
.stage-grid { display: grid; grid-template-columns: 1.35fr 1fr; gap: 13px; }
.stage-card { min-height: 130px; padding: 16px; }
.stage-card--wide { grid-row: span 2; }
.stage-card strong { display: block; margin: 10px 0 5px; color: #fff; font-size: 16px; line-height: 1.15; }
.stage-card p { margin: 0; color: #b9c6d8; font-size: 12px; }
.progress { height: 6px; margin-top: 24px; overflow: hidden; border-radius: 99px; background: rgb(255 255 255 / .13); }
.progress i { display: block; width: 65%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--gold), var(--orange), var(--sky)); }
.stage-bottom { margin-top: 14px; padding: 14px 0 0; border-top: 1px solid rgb(255 255 255 / .12); letter-spacing: .02em; text-transform: none; }
.stage-bottom strong { color: #fff; font-size: 12px; }
.stage-bottom button { display: grid; width: 28px; height: 28px; place-items: center; border: 0; border-radius: 8px; color: #fff; background: rgb(255 255 255 / .12); }

.intro-strip { padding: 21px 0; color: #243b61; background: linear-gradient(90deg, #fee4b4 0%, #f5d6c6 47%, #c9ecfa 100%); }
.intro-strip__inner { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; }
.intro-strip p { margin: 0; font-size: 18px; font-weight: 770; letter-spacing: -.025em; }
.intro-strip span { max-width: 520px; color: #4e607d; font-size: 13px; }

.section { padding: 132px 0; }
.section-heading { max-width: 728px; }
.section-heading h2, .final-cta h2, .beta-callout h2 { font-size: clamp(38px, 4.3vw, 61px); }
.section-heading h2 span, .final-cta h2 span, .beta-callout h2 span { color: #7c899a; }
.section-heading > p:not(.eyebrow), .final-cta > p:not(.eyebrow), .beta-callout p { max-width: 655px; margin: 22px 0 0; color: #657286; font-size: 17px; line-height: 1.7; }
.pain-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 61px; }
.pain-card { min-height: 258px; padding: 25px 23px; border: 1px solid var(--line); border-radius: var(--radius-md); background: #fff; transition: transform .25s ease, box-shadow .25s ease; }
.pain-card:hover { transform: translateY(-5px); box-shadow: 0 16px 34px rgb(24 42 69 / .09); }
.number { display: block; color: var(--orange); font-size: 12px; font-weight: 800; letter-spacing: .11em; }
.pain-card h3 { margin: 43px 0 11px; font-size: 20px; line-height: 1.1; letter-spacing: -.04em; }
.pain-card p { margin: 0; color: #728096; font-size: 14px; line-height: 1.6; }

.section--dark { position: relative; overflow: hidden; color: #fff; background: #14243e; }
.section--dark::after { content: "∞"; position: absolute; right: -5vw; bottom: -15vw; color: rgb(115 199 237 / .07); font-size: min(74vw, 850px); font-weight: 200; line-height: .8; }
.flow-layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, .87fr) minmax(440px, 1.13fr); gap: clamp(45px, 9vw, 135px); align-items: start; }
.section-heading--light .eyebrow { color: #aebfd3; }.section-heading--light h2 span { color: #8fa5bf; }.section-heading--light > p:not(.eyebrow) { color: #bdc8d7; }
.flow-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid rgb(255 255 255 / .16); }
.flow-list li { display: grid; grid-template-columns: 48px 1fr; gap: 17px; padding: 25px 0; border-bottom: 1px solid rgb(255 255 255 / .16); }
.flow-list li > span { color: var(--gold); font-size: 12px; font-weight: 780; letter-spacing: .12em; }
.flow-list h3 { margin: 0 0 7px; font-size: 21px; letter-spacing: -.04em; }.flow-list p { margin: 0; color: #b3c0d1; font-size: 14px; line-height: 1.55; }

.modules-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 60px; }
.module-card { position: relative; min-height: 265px; padding: 23px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.module-card--accent { color: #fff; border-color: transparent; background: linear-gradient(150deg, #1b3153, #284c7d); }.module-card--future { background: #e9f6fb; }
.tag { display: inline-flex; padding: 5px 8px; border-radius: 99px; font-size: 10px; font-weight: 780; letter-spacing: .07em; text-transform: uppercase; }.tag--beta { color: #477464; background: #e5f3ed; }.tag--future { color: #47708d; background: #d6edf9; }.module-card--accent .tag--beta { color: #f9dca8; background: rgb(255 211 137 / .14); }
.module-icon { display: grid; width: 39px; height: 39px; margin-top: 31px; place-items: center; border-radius: 11px; color: #3665c7; background: #eef4ff; font-size: 20px; font-weight: 800; }.module-card--accent .module-icon { color: var(--gold); background: rgb(255 255 255 / .1); }
.module-card h3 { margin: 20px 0 8px; font-size: 21px; letter-spacing: -.045em; line-height: 1.06; }.module-card p { max-width: 300px; margin: 0; color: #6a788b; font-size: 14px; line-height: 1.58; }.module-card--accent p { color: #cad5e3; }
.compliance-note { margin-top: 22px; padding: 18px 20px; border: 1px solid #f0d6a6; border-radius: 13px; color: #735a2e; background: #fff8e8; font-size: 13px; line-height: 1.62; }.compliance-note strong { color: #6a4b1e; }

.comparison { padding: 129px 0; background: #f1f3f4; }.comparison-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(460px, 1.1fr); gap: clamp(44px, 8vw, 110px); align-items: start; }.comparison-table { overflow: hidden; border: 1px solid #d8dfe5; border-radius: 18px; background: #fff; box-shadow: 0 18px 36px rgb(28 47 75 / .07); }.comparison-table > div { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 18px 21px; border-bottom: 1px solid #e5e9ed; font-size: 13px; line-height: 1.45; }.comparison-table > div:last-child { border: 0; }.comparison-head { color: #fff; background: var(--ink); font-size: 10px !important; font-weight: 780; letter-spacing: .12em; text-transform: uppercase; }.comparison-table > div:not(.comparison-head) span { color: #7a8697; }.comparison-table strong { color: #36475f; font-weight: 700; }

.plans-section { padding-bottom: 112px; }.plans-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: stretch; margin-top: 62px; }.plan-card { position: relative; display: flex; min-height: 523px; flex-direction: column; padding: 28px; border: 1px solid #dce2e7; border-radius: 20px; background: #fff; }.plan-card--featured { color: #fff; border: 0; background: linear-gradient(160deg, #1b3152, #14243e); box-shadow: 0 22px 45px rgb(20 36 62 / .2); transform: translateY(-10px); }.popular { position: absolute; top: -13px; left: 25px; padding: 6px 10px; border-radius: 99px; color: #493515; background: var(--gold); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.plan-name { margin: 0; color: #68778b; font-size: 12px; font-weight: 780; letter-spacing: .12em; text-transform: uppercase; }.plan-card--featured .plan-name { color: #aebfd3; }.plan-card h3 { margin: 18px 0 13px; font-size: 39px; letter-spacing: -.07em; line-height: 1; }.plan-card h3 small { color: #8491a2; font-size: 13px; font-weight: 650; letter-spacing: 0; }.plan-card--featured h3 small { color: #aec0d5; }.plan-intro { min-height: 57px; margin: 0; color: #697789; font-size: 14px; line-height: 1.52; }.plan-card--featured .plan-intro { color: #c4d0df; }.plan-card ul { display: grid; gap: 11px; flex: 1; margin: 27px 0; padding: 0; list-style: none; }.plan-card li { position: relative; padding-left: 20px; color: #536276; font-size: 13px; }.plan-card li::before { content: "✓"; position: absolute; left: 0; color: #4d9c78; font-weight: 850; }.plan-card--featured li { color: #d7e0eb; }.plan-card--featured li::before { color: var(--gold); }.plans-footnote { max-width: 835px; margin: 40px auto 0; color: #788497; font-size: 12px; line-height: 1.65; text-align: center; }

.section--support { overflow: hidden; color: #fff; background: #172a47; }.support-layout { display: grid; grid-template-columns: minmax(380px, .9fr) minmax(0, 1.1fr); gap: clamp(45px, 8vw, 120px); align-items: center; }.support-visual { position: relative; min-height: 395px; }.support-orb { position: absolute; top: 50%; left: 50%; width: 360px; height: 360px; border: 1px solid rgb(111 200 238 / .22); border-radius: 50%; background: radial-gradient(circle at 34% 32%, rgb(255 186 95 / .45), transparent 29%), radial-gradient(circle at 70% 70%, rgb(112 203 239 / .4), transparent 37%); transform: translate(-50%, -50%); }.support-orb::before, .support-orb::after { content: ""; position: absolute; inset: 26px; border: 1px solid rgb(255 255 255 / .14); border-radius: inherit; }.support-orb::after { inset: 71px; }.support-pulse { position: absolute; top: 93px; right: 27%; width: 13px; height: 13px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 12px rgb(255 190 98 / .12); }.support-card { position: absolute; bottom: 31px; left: 50%; width: min(390px, 88%); padding: 22px; border: 1px solid rgb(255 255 255 / .22); border-radius: 18px; background: rgb(17 35 61 / .72); box-shadow: 0 24px 60px rgb(0 0 0 / .22); backdrop-filter: blur(16px); transform: translateX(-50%) rotate(-2deg); }.support-card p { margin: 0; color: var(--gold); font-size: 10px; font-weight: 800; letter-spacing: .13em; }.support-card strong { display: block; margin: 12px 0; font-size: 23px; line-height: 1.08; letter-spacing: -.045em; }.support-card span { color: #b6c7da; font-size: 12px; }.support-disclaimer { max-width: 610px; margin: 20px 0 0 !important; color: #9cadc2 !important; font-size: 12px !important; line-height: 1.6 !important; }

.beta-callout { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 55px; align-items: center; padding: 70px 0; }.beta-actions { display: grid; justify-items: start; gap: 17px; }.text-link { color: #4e6889; font-size: 13px; font-weight: 720; text-decoration: underline; text-decoration-color: #9bb7d0; text-underline-offset: 4px; }.text-link span { margin-left: 5px; font-size: 16px; }

.faq-section { padding-top: 116px; }.faq-list { margin-top: 56px; border-top: 1px solid #dce3e9; }.faq-list details { border-bottom: 1px solid #dce3e9; }.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 5px; list-style: none; font-size: 18px; font-weight: 710; letter-spacing: -.025em; cursor: pointer; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { color: var(--orange); font-size: 27px; font-weight: 350; transition: transform .2s ease; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list p { max-width: 770px; margin: 0; padding: 0 5px 24px; color: #657285; font-size: 15px; line-height: 1.65; }

.final-cta { max-width: 1180px; margin: 33px auto 98px; padding: clamp(38px, 7vw, 73px); border-radius: 25px; color: #fff; background: linear-gradient(125deg, #1a2d4b, #213f6e 65%, #315d9d); box-shadow: 0 25px 55px rgb(20 36 62 / .18); }.final-cta .eyebrow { color: #b4c5d9; }.final-cta h2 span { color: #b7c5d7; }.final-cta > p:not(.eyebrow) { color: #c7d3e2; }.final-cta .button { margin-top: 29px; color: var(--ink); background: linear-gradient(110deg, var(--gold), #f5a46d 47%, #a5dbf1); }
.site-footer { padding: 28px 0; color: #bdc8d7; background: #101e34; }.footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; }.site-footer .brand img { filter: none; }.site-footer p { margin: 0; font-size: 12px; }.site-footer button { border: 0; color: #d9e4f0; background: none; font-size: 13px; font-weight: 700; }

.support-dialog { width: min(674px, calc(100% - 28px)); max-height: min(768px, calc(100vh - 28px)); padding: 0; overflow: auto; border: 0; border-radius: 20px; box-shadow: 0 35px 80px rgb(13 27 47 / .35); }.support-dialog::backdrop { background: rgb(9 20 36 / .72); backdrop-filter: blur(4px); }.dialog-shell { position: relative; padding: 38px; background: #fff; }.dialog-shell h2 { max-width: 530px; margin-bottom: 14px; font-size: 38px; }.dialog-shell > p:not(.eyebrow) { margin: 0 0 26px; color: #667487; font-size: 14px; line-height: 1.6; }.dialog-close { position: absolute; top: 17px; right: 17px; display: grid; width: 34px; height: 34px; place-items: center; border: 0; border-radius: 9px; color: #5b6d85; background: #eef2f5; font-size: 25px; line-height: 1; }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }.dialog-shell label { display: grid; gap: 7px; margin-top: 14px; color: #4c5b70; font-size: 12px; font-weight: 720; }.dialog-shell input, .dialog-shell select, .dialog-shell textarea { width: 100%; padding: 12px 13px; border: 1px solid #d3dbe4; border-radius: 9px; outline: none; color: var(--ink); background: #fff; font-size: 14px; font-weight: 500; }.dialog-shell textarea { resize: vertical; }.dialog-shell input:focus, .dialog-shell select:focus, .dialog-shell textarea:focus { border-color: #6cbbe5; box-shadow: 0 0 0 3px rgb(115 199 237 / .17); }.dialog-shell .consent { display: flex; align-items: flex-start; gap: 9px; margin: 19px 0 18px; color: #718096; font-size: 11px; line-height: 1.45; font-weight: 500; }.dialog-shell .consent input { width: 15px; height: 15px; margin-top: 1px; }.form-feedback { margin: 14px 0 0; color: #4d7f6b; font-size: 13px; line-height: 1.5; }

.lead-gate { width: min(980px, calc(100% - 32px)); max-height: min(810px, calc(100vh - 32px)); margin: auto; padding: 0; overflow: auto; border: 0; border-radius: 26px; color: var(--ink); background: #fff; box-shadow: 0 35px 100px rgb(8 20 39 / .42); }.lead-gate::backdrop { background: rgb(9 20 36 / .82); backdrop-filter: blur(8px); }.lead-gate__shell { display: grid; grid-template-columns: minmax(270px, .8fr) minmax(0, 1.2fr); min-height: 620px; }.lead-gate__intro { position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 16px; padding: 44px 37px; overflow: hidden; color: #dce8f5; background: radial-gradient(circle at 14% 11%, rgb(255 191 98 / .4), transparent 27%), radial-gradient(circle at 88% 84%, rgb(91 185 232 / .3), transparent 34%), linear-gradient(155deg, #152946, #0e1f37); }.lead-gate__intro::before { content: "∞"; position: absolute; top: -128px; right: -66px; color: rgb(255 255 255 / .07); font-size: 430px; font-weight: 200; line-height: 1; }.lead-gate__intro > * { position: relative; }.lead-gate__mark { display: grid; width: 59px; height: 42px; margin-bottom: auto; place-items: center; }.lead-gate__mark svg { width: 100%; height: 100%; overflow: visible; }.lead-gate__intro p { margin: 0; color: var(--gold); font-size: 10px; font-weight: 820; letter-spacing: .14em; }.lead-gate__intro strong { max-width: 280px; font-size: clamp(27px, 3vw, 38px); letter-spacing: -.055em; line-height: 1.02; }.lead-gate__intro > span:last-child { max-width: 280px; color: #afc1d6; font-size: 13px; line-height: 1.6; }.lead-gate__content { padding: 43px 47px 41px; background: #fff; }.lead-gate__heading h2 { max-width: 530px; margin: 0; font-size: clamp(30px, 3vw, 43px); letter-spacing: -.06em; line-height: 1.02; }.lead-gate__heading > p:not(.eyebrow) { max-width: 570px; margin: 14px 0 0; color: #647389; font-size: 13px; line-height: 1.55; }.lead-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 26px 0 26px; padding: 0; list-style: none; }.lead-steps li { display: flex; align-items: center; gap: 7px; color: #98a5b4; font-size: 11px; font-weight: 740; line-height: 1.25; }.lead-steps span { display: grid; width: 23px; height: 23px; flex: 0 0 auto; place-items: center; border: 1px solid #d5dce4; border-radius: 50%; color: #8290a2; background: #fff; font-size: 10px; }.lead-steps .is-active, .lead-steps .is-complete { color: #334a68; }.lead-steps .is-active span { border-color: #1f3c61; color: #fff; background: #1f3c61; }.lead-steps .is-complete span { border-color: #82cbae; color: #2f6b51; background: #e8f7ee; }.lead-form label { display: grid; gap: 7px; margin-top: 15px; color: #4c5b70; font-size: 12px; font-weight: 740; }.lead-form input:not([type="checkbox"]):not([type="radio"]), .lead-form select, .lead-form textarea { width: 100%; padding: 12px 13px; border: 1px solid #d3dbe4; border-radius: 9px; outline: none; color: var(--ink); background: #fff; font: inherit; font-size: 14px; font-weight: 520; }.lead-form textarea { min-height: 100px; resize: vertical; }.lead-form input:not([type="checkbox"]):not([type="radio"]):focus, .lead-form select:focus, .lead-form textarea:focus { border-color: #6cbbe5; box-shadow: 0 0 0 3px rgb(115 199 237 / .17); }.lead-fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }.lead-fieldset + .lead-label { display: block; margin-top: 17px; }.lead-fieldset + .lead-label + select { margin-top: 7px; }.lead-fieldset legend { padding: 0; color: #34465f; font-size: 13px; font-weight: 780; }.choice-grid { display: grid; gap: 10px; margin-top: 11px; }.choice-grid--two { grid-template-columns: 1fr 1fr; }.choice-card { position: relative; display: block !important; margin: 0 !important; cursor: pointer; }.choice-card input { position: absolute; width: 1px; height: 1px; opacity: 0; }.choice-card span { display: grid; gap: 3px; min-height: 75px; padding: 16px; border: 1px solid #d8dfe7; border-radius: 12px; background: #fff; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }.choice-card strong { color: #30435c; font-size: 14px; }.choice-card small { color: #758398; font-size: 11px; font-weight: 520; line-height: 1.4; }.choice-card input:checked + span { border-color: #5789b8; box-shadow: 0 0 0 3px rgb(115 199 237 / .17); background: #f8fcff; }.choice-card:hover span { transform: translateY(-1px); }.lead-interest-fieldset { margin-top: 22px; }.lead-interest-fieldset > p { margin: 5px 0 0; color: #78869a; font-size: 11px; }.interest-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }.interest-grid label { display: flex; align-items: flex-start; gap: 8px; min-height: 42px; margin: 0; padding: 10px 11px; border: 1px solid #e0e5e9; border-radius: 10px; color: #53647a; background: #fbfcfd; font-size: 11px; line-height: 1.35; cursor: pointer; }.interest-grid input, .lead-consent input { width: 15px; height: 15px; flex: 0 0 auto; margin: 0; accent-color: #335d8a; }.lead-optional { color: #8996a6; font-size: 10px; font-weight: 550; }.lead-actions { display: flex; align-items: center; justify-content: space-between; gap: 11px; margin-top: 25px; }.lead-actions--end { justify-content: flex-end; }.button--quiet { border-color: #d4dde6; color: #52657b; background: #fff; }.button--quiet:hover { border-color: #adc2d7; background: #f8fbfd; }.lead-privacy { margin-top: 20px; padding: 13px 15px; border: 1px solid #e3e8ed; border-radius: 11px; color: #6e7d90; background: #f8fafb; font-size: 11px; line-height: 1.5; }.lead-privacy summary { color: #4d627b; font-weight: 730; cursor: pointer; }.lead-privacy p { margin: 10px 0 0; }.lead-consent { display: flex !important; align-items: flex-start; gap: 9px; margin-bottom: 0; color: #718096 !important; font-size: 11px !important; font-weight: 520 !important; line-height: 1.45; }.lead-consent:first-of-type { margin-top: 17px; }.lead-feedback { min-height: 18px; margin: 12px 0 0; color: #b25543; font-size: 12px; line-height: 1.45; }.lead-success { display: grid; justify-items: start; padding: 37px 0 13px; }.lead-success__check { display: grid; width: 43px; height: 43px; margin-bottom: 15px; place-items: center; border-radius: 50%; color: #2c6e50; background: #e4f5eb; font-size: 21px; font-weight: 850; }.lead-success h3 { margin: 0; font-size: 31px; letter-spacing: -.055em; }.lead-success p { max-width: 480px; margin: 12px 0 22px; color: #68768a; font-size: 14px; line-height: 1.58; }

.reveal { opacity: 0; transform: translateY(17px); transition: opacity .65s ease, transform .65s cubic-bezier(.2,.7,.2,1); }.reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1000px) {
  .hero { grid-template-columns: 1fr; min-height: auto; padding: 65px 0 82px; }.hero-copy { max-width: 690px; }.hero-stage { max-width: 680px; width: 100%; margin-inline: auto; }.pain-grid { grid-template-columns: repeat(2, 1fr); }.flow-layout, .comparison-layout, .support-layout { grid-template-columns: 1fr; }.flow-layout { gap: 52px; }.modules-grid { grid-template-columns: repeat(2, 1fr); }.comparison-layout { gap: 52px; }.support-layout { gap: 20px; }.support-visual { order: 2; }.plans-grid { grid-template-columns: 1fr; max-width: 510px; margin-inline: auto; }.plan-card { min-height: auto; }.plan-card--featured { transform: none; }.plan-card ul { flex: none; }.beta-callout { grid-template-columns: 1fr; gap: 31px; }.beta-actions { display: flex; flex-wrap: wrap; align-items: center; }
}

@media (max-width: 760px) {
  .section-shell { width: min(100% - 32px, 620px); }.site-header { min-height: 69px; padding: 13px 16px; }.brand img { height: 24px; }.brand-mark { width: 29px; height: 25px; }.nav-toggle { display: grid; width: 38px; height: 38px; place-content: center; gap: 4px; border-radius: 9px; color: var(--ink); }.nav-toggle span:not(.sr-only) { display: block; width: 19px; height: 2px; border-radius: 9px; background: currentColor; }.site-nav { position: absolute; top: 67px; right: 12px; left: 12px; display: none; align-items: stretch; gap: 2px; padding: 10px; border: 1px solid #dce2e8; border-radius: 15px; background: #fff; box-shadow: var(--shadow); }.site-nav--open { display: flex; flex-direction: column; }.site-nav a, .nav-assistance { padding: 12px; border-radius: 9px; text-align: left; }.site-nav a:hover, .nav-assistance:hover { background: #f2f5f7; }.site-nav .button { margin-top: 4px; }.hero { gap: 43px; padding: 48px 0 60px; }.hero h1 { font-size: clamp(45px, 13vw, 62px); }.hero-lede { margin: 21px 0 24px; font-size: 16px; }.hero-stage { min-height: 425px; padding: 18px; border-radius: 22px; transform: none; }.stage-summary { margin-top: 20px; }.stage-grid { grid-template-columns: 1.25fr 1fr; }.stage-card { min-height: 112px; padding: 13px; }.stage-card--wide { min-height: 237px; }.stage-card strong { font-size: 14px; }.stage-bottom { flex-wrap: wrap; }.intro-strip { padding: 17px 0; }.intro-strip__inner { display: grid; gap: 4px; }.intro-strip p { font-size: 16px; }.section { padding: 82px 0; }.section-heading h2, .final-cta h2, .beta-callout h2 { font-size: clamp(35px, 10vw, 48px); }.section-heading > p:not(.eyebrow), .final-cta > p:not(.eyebrow), .beta-callout p { margin-top: 18px; font-size: 15px; }.pain-grid { grid-template-columns: 1fr; margin-top: 39px; }.pain-card { min-height: 195px; }.pain-card h3 { margin-top: 27px; }.modules-grid { grid-template-columns: 1fr; margin-top: 38px; }.module-card { min-height: 225px; }.comparison { padding: 81px 0; }.comparison-table > div { grid-template-columns: 1fr; gap: 6px; padding: 15px; }.comparison-head { display: none !important; }.comparison-table > div:not(.comparison-head) span { font-size: 11px; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }.plans-grid { margin-top: 43px; }.plans-section { padding-bottom: 72px; }.support-visual { min-height: 305px; }.support-orb { width: 270px; height: 270px; }.support-card { bottom: 8px; }.support-card strong { font-size: 18px; }.support-pulse { top: 49px; right: 16%; }.beta-callout { padding: 62px 0; }.faq-section { padding-top: 73px; }.faq-list { margin-top: 38px; }.faq-list summary { padding: 19px 0; font-size: 16px; }.final-cta { width: calc(100% - 32px); margin: 4px auto 58px; padding: 36px 23px; }.footer-inner { flex-wrap: wrap; }.dialog-shell { padding: 29px 20px; }.dialog-shell h2 { font-size: 31px; }.form-grid { grid-template-columns: 1fr; gap: 0; }
}

@media (max-width: 760px) {
  .lead-gate { width: min(100% - 22px, 580px); max-height: calc(100vh - 22px); border-radius: 20px; }.lead-gate__shell { display: block; min-height: 0; }.lead-gate__intro { display: grid; grid-template-columns: auto 1fr; gap: 8px 15px; padding: 20px 22px; }.lead-gate__intro::before { top: -91px; right: -33px; font-size: 310px; }.lead-gate__mark { grid-row: span 2; width: 43px; height: 34px; margin: 0; align-self: center; }.lead-gate__intro p { align-self: end; }.lead-gate__intro strong { max-width: 330px; font-size: 19px; }.lead-gate__intro > span:last-child { grid-column: 1 / -1; max-width: none; font-size: 11px; }.lead-gate__content { padding: 25px 21px 26px; }.lead-gate__heading h2 { font-size: 30px; }.lead-gate__heading > p:not(.eyebrow) { font-size: 12px; }.lead-steps { margin: 21px 0; }.lead-steps li { gap: 5px; font-size: 10px; }.lead-steps span { width: 20px; height: 20px; }.choice-grid--two, .interest-grid { grid-template-columns: 1fr; }.choice-card span { min-height: 64px; padding: 13px; }.lead-interest-fieldset { margin-top: 19px; }.interest-grid { gap: 6px; }.lead-actions { margin-top: 21px; }.lead-success { padding-top: 21px; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.reveal { opacity: 1; transform: none; transition: none; }.button, .pain-card { transition: none; } }