:root{
  --navy:#06152f;
  --navy2:#0b2248;
  --ink:#07152d;
  --muted:#68758b;
  --soft:#f3f6fa;
  --line:#dfe5ed;
  --white:#fff;
  --accent:#2e63ff;
  --accent2:#69a5ff;
  --wrap:min(1240px,calc(100% - 48px));
  --radius:28px;
  --story-progress:0;
  --capital-progress:0;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menuOpen{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
img{display:block;max-width:100%}
::selection{background:#cbdcff;color:var(--navy)}
.siteNav{position:fixed;left:0;right:0;top:0;z-index:100;background:rgba(255,255,255,.78);backdrop-filter:blur(22px) saturate(160%);border-bottom:1px solid rgba(7,21,45,.07);transition:background .3s ease,transform .3s ease}
.siteNav.navDark{background:rgba(5,18,42,.8);border-color:rgba(255,255,255,.1);color:#fff}
.navInner{width:var(--wrap);height:68px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:10px;font-weight:760;letter-spacing:.13em;font-size:14px}
.brand img{width:30px;height:30px;border-radius:8px}
.mainNav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:620}
.mainNav>a:not(.navCta){opacity:.78;transition:opacity .2s ease}
.mainNav>a:not(.navCta):hover{opacity:1}
.navCta{padding:10px 17px;border-radius:999px;background:var(--navy);color:#fff}
.navDark .navCta{background:#fff;color:var(--navy)}
.menuToggle{display:none;background:none;border:0;padding:10px;width:42px;height:42px;position:relative;color:currentColor}
.menuToggle span{position:absolute;left:11px;right:11px;height:1.5px;background:currentColor;transition:.25s ease}
.menuToggle span:first-child{top:16px}
.menuToggle span:last-child{top:24px}
.hero{min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 30%,#14376a 0,#071a3d 29%,#05142f 65%,#041126 100%);color:#fff;display:grid;align-items:center;padding:110px 0 76px}
.heroContent{width:var(--wrap);position:relative;z-index:4;margin:auto}
.kicker,.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:750}
.kicker{color:#9bb6e2;margin-bottom:24px}
.hero h1{font-size:clamp(58px,8.5vw,132px);line-height:.89;letter-spacing:-.068em;max-width:1040px;margin:0;font-weight:690}
.hero p{max-width:690px;font-size:clamp(19px,2vw,27px);line-height:1.45;color:#c5d3e9;margin:34px 0 38px;letter-spacing:-.02em}
.cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border-radius:999px;font-weight:680;font-size:14px;border:1px solid transparent;cursor:pointer;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease}
.cta:hover{transform:translateY(-2px)}
.cta.primary{background:#fff;color:var(--navy)}
.demoSection .cta.primary{background:var(--navy);color:#fff}
.cta.ghost{border-color:#cbd5e2;background:#fff}
.cta.light{background:#fff;color:var(--navy)}
.heroGlow{position:absolute;width:68vw;height:68vw;right:-24vw;top:-19vw;border-radius:50%;background:radial-gradient(circle,rgba(101,160,255,.25),rgba(101,160,255,0) 67%);filter:blur(4px);transform:translate3d(0,calc(var(--hero-shift,0)*1px),0)}
.heroMark{position:absolute;right:4vw;bottom:-11vw;width:min(45vw,620px);aspect-ratio:1;display:grid;place-items:center;opacity:.24;transform:translate3d(0,calc(var(--hero-shift,0)*-.22px),0) scale(calc(1 + var(--hero-shift,0)*.0004))}
.heroMark img{width:34%;position:relative;z-index:2;filter:grayscale(1) brightness(4)}
.heroMarkRing{position:absolute;inset:7%;border-radius:50%;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 150px rgba(255,255,255,.015)}
.scrollCue{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#8da4ca}
.scrollCue i{display:block;width:1px;height:30px;background:linear-gradient(#8da4ca,transparent)}
.statement{padding:clamp(120px,18vw,260px) 0;background:#fff}
.statementInner,.sectionHead,.principleInner,.demoIntro{width:min(960px,calc(100% - 48px));margin:auto}
.eyebrow{color:#6f7d92;margin:0 0 17px}
.statement h2,.sectionHead h2,.principle h2,.demoIntro h2{font-size:clamp(46px,7vw,88px);line-height:.99;letter-spacing:-.055em;margin:0;font-weight:670}
.statementLead,.sectionHead>p:last-child,.demoIntro>p:last-child{font-size:clamp(18px,2.2vw,25px);line-height:1.48;color:var(--muted);max-width:780px;margin:30px 0 0;letter-spacing:-.018em}
.story{height:430vh;background:#07162f;color:#fff;position:relative}
.storySticky{height:100svh;position:sticky;top:0;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}
.storyVisual{position:relative;display:grid;place-items:center}
.decisionCore{width:min(48vw,560px);aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;transform:scale(calc(.74 + var(--story-progress)*.28));transition:transform .14s linear}
.coreHalo{position:absolute;border-radius:50%;border:1px solid rgba(147,183,239,.3)}
.haloOne{inset:10%;transform:rotate(calc(var(--story-progress)*110deg))}
.haloTwo{inset:24%;border-style:dashed;transform:rotate(calc(var(--story-progress)*-160deg))}
.coreDot{width:17%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 30%,#7db3ff,#2d64e9 48%,#123a85);box-shadow:0 0 85px rgba(57,110,228,.72)}
.visualLabel{position:absolute;padding:9px 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9cb1d2;opacity:calc(.25 + var(--story-progress)*.75);transition:transform .15s linear}
.visualLabelA{left:18%;top:23%;transform:translateY(calc(var(--story-progress)*-28px))}
.visualLabelB{right:15%;top:33%;transform:translateY(calc(var(--story-progress)*22px))}
.visualLabelC{left:20%;bottom:24%;transform:translateY(calc(var(--story-progress)*18px))}
.visualLabelD{right:19%;bottom:18%;transform:translateY(calc(var(--story-progress)*-20px))}
.storyMeter{position:absolute;left:50px;bottom:46px;width:140px;height:2px;background:rgba(255,255,255,.14);overflow:hidden}
.storyMeter span{display:block;height:100%;width:calc(var(--story-progress)*100%);background:#8dbaff}
.storyCopy{position:relative;padding:0 8vw 0 3vw;display:grid;align-items:center}
.storyPanel{position:absolute;max-width:580px;opacity:0;transform:translateY(30px);pointer-events:none;transition:opacity .45s ease,transform .45s ease}
.storyPanel.isActive{opacity:1;transform:none;pointer-events:auto}
.storyPanel .step{font-size:13px;color:#7393c3;margin-bottom:28px;font-variant-numeric:tabular-nums}
.storyPanel .eyebrow{color:#87a3cd}
.storyPanel h2{font-size:clamp(42px,5vw,73px);line-height:1;letter-spacing:-.052em;margin:0;font-weight:660}
.storyPanel>p:last-child{font-size:clamp(18px,1.8vw,23px);line-height:1.5;color:#b8c8e1;max-width:570px;margin:28px 0 0}
.decisionSection,.solutions,.demoSection{padding:clamp(110px,12vw,180px) 0}
.decisionSection{background:#f7f9fc}
.signalGrid{width:var(--wrap);margin:70px auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.signalCard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;min-height:260px;display:flex;flex-direction:column;justify-content:flex-end}
.signalCard>span{font-size:11px;color:#8c97a8;margin-bottom:auto}
.signalCard h3{font-size:clamp(26px,3vw,40px);letter-spacing:-.04em;margin:34px 0 12px}
.signalCard p{color:var(--muted);line-height:1.55;margin:0;font-size:16px}
.centerCta{width:var(--wrap);margin:30px auto 0;text-align:center}
.capitalScene{height:250vh;background:#07162f;color:#fff;position:relative}
.capitalSticky{height:100svh;position:sticky;top:0;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center;width:var(--wrap);margin:auto}
.capitalCopy .eyebrow{color:#8da8d0}
.capitalCopy h2{font-size:clamp(47px,6vw,82px);line-height:.98;letter-spacing:-.058em;margin:0;font-weight:660}
.capitalCopy>p:not(.eyebrow){font-size:clamp(18px,2vw,24px);line-height:1.48;color:#b8c8e0;margin:28px 0 34px;max-width:630px}
.capitalVisual{border:1px solid rgba(255,255,255,.14);border-radius:32px;background:rgba(255,255,255,.055);backdrop-filter:blur(18px);padding:34px}
.exposureTitle{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px;color:#bacbe4}
.exposureTitle strong{font-size:clamp(38px,5vw,62px);color:#fff;letter-spacing:-.05em}
.exposureBar{height:26px;background:rgba(255,255,255,.1);border-radius:999px;overflow:hidden}
.exposureBar span{display:block;height:100%;width:calc(100% - var(--capital-progress)*44%);background:linear-gradient(90deg,#e9f1ff,#6ba4ff);border-radius:999px;transition:width .12s linear}
.capitalResult{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.capitalResult div{padding:17px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.035)}
.capitalResult small{display:block;color:#7f9cc7;line-height:1.35}
.capitalResult strong{display:block;margin-top:8px;font-size:15px}
.fine{font-size:11px;line-height:1.5;color:#7f94b5;margin:18px 0 0}
.principle{padding:clamp(140px,18vw,260px) 0;background:#fff}
.principle .bigLine{font-size:clamp(26px,4vw,52px);line-height:1.14;letter-spacing:-.04em;color:#526077;margin:44px 0 0}
.solutions{background:#fff}
.solutionStack{width:var(--wrap);margin:70px auto 0;border-top:1px solid var(--line)}
.solutionRow{display:grid;grid-template-columns:70px 1fr 1.3fr auto;align-items:center;gap:28px;padding:34px 0;border-bottom:1px solid var(--line)}
.solutionIndex{font-size:11px;color:#8e99aa}
.solutionRow .eyebrow{margin:0 0 7px}
.solutionRow h3{font-size:clamp(27px,3vw,40px);letter-spacing:-.04em;margin:0}
.solutionRow>p{color:var(--muted);font-size:15px;line-height:1.55;margin:0}
.textCta{font-size:13px;font-weight:700;white-space:nowrap}
.textCta span{display:inline-block;margin-left:8px;transition:transform .2s ease}
.textCta:hover span{transform:translate(3px,-3px)}
.demoSection{background:#f3f6fa}
.demoSection{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:start;padding-left:max(24px,calc((100vw - 1240px)/2));padding-right:max(24px,calc((100vw - 1240px)/2))}
.demoIntro{width:auto;margin:0;position:sticky;top:120px}
.demoIntro h2{font-size:clamp(42px,5.4vw,72px)}
.demoCard{background:#fff;border:1px solid var(--line);border-radius:32px;padding:36px}
.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:grid;gap:8px}
.field.full{grid-column:1/-1}
.field label{font-size:12px;font-weight:690;color:#45536a}
.field input,.field textarea{width:100%;border:1px solid #d8e0eb;border-radius:14px;background:#fff;padding:14px 15px;outline:none;color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field textarea:focus{border-color:#6a91d6;box-shadow:0 0 0 4px rgba(76,118,193,.11)}
.privacy{font-size:11px;line-height:1.5;color:#8a96a8;margin:18px 0}
.formSubmit{border:0}
.formSubmit[disabled]{opacity:.65;cursor:wait;transform:none}
.formStatus{display:none;padding:13px 14px;border-radius:13px;background:#edf5ee;color:#276436;font-size:13px;margin-bottom:18px}
.formStatus.isVisible{display:block}
.formStatus.isError{background:#fff0f0;color:#872e2e}
.hpField{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.footer{background:#07162f;color:#fff;padding:64px 0 36px}
.footerInner{width:var(--wrap);margin:auto}
.footerBrand{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.12)}
.footerBrand img{width:145px;filter:brightness(0) invert(1)}
.footerBrand p{color:#91a6c6;margin:0}
.footerLinks{display:flex;gap:26px;flex-wrap:wrap;padding:30px 0;font-size:13px;color:#bdcbe0}
.footerLegal{font-size:11px;color:#7188aa;line-height:1.5;margin:0;max-width:780px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}
.reveal.isVisible{opacity:1;transform:none}
@media (max-width:980px){
  :root{--wrap:min(100% - 34px,1240px)}
  .mainNav{position:fixed;inset:68px 0 auto 0;background:rgba(255,255,255,.98);color:var(--ink);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:24px;transform:translateY(-140%);opacity:0;transition:.3s ease;border-bottom:1px solid var(--line)}
  .siteNav.menuOpen .mainNav{transform:none;opacity:1}
  .mainNav a{padding:14px 4px;border-bottom:1px solid #edf0f5}
  .mainNav .navCta{margin-top:12px;text-align:center;border:0}
  .menuToggle{display:block}
  .siteNav.navDark.menuOpen{background:#fff;color:var(--ink)}
  .storySticky{grid-template-columns:1fr}
  .storyVisual{position:absolute;inset:0;opacity:.48}
  .storyCopy{padding:0 26px;z-index:2;background:linear-gradient(90deg,rgba(7,22,47,.84),rgba(7,22,47,.32))}
  .storyPanel{max-width:680px}
  .decisionCore{width:min(78vw,540px);margin-left:28vw}
  .capitalSticky{grid-template-columns:1fr;align-content:center}
  .capitalCopy{max-width:720px}
  .capitalVisual{margin-top:4vh}
  .solutionRow{grid-template-columns:48px 1fr auto}
  .solutionRow>p{grid-column:2/4}
  .demoSection{grid-template-columns:1fr;gap:54px}
  .demoIntro{position:static}
}
@media (max-width:640px){
  :root{--wrap:calc(100% - 28px)}
  .navInner{height:62px}
  .mainNav{top:62px}
  .hero{padding-top:92px}
  .hero h1{font-size:clamp(52px,17vw,78px)}
  .hero p{font-size:19px}
  .heroMark{width:80vw;right:-29vw;bottom:0}
  .scrollCue{display:none}
  .statementInner,.sectionHead,.principleInner,.demoIntro{width:calc(100% - 28px)}
  .statement h2,.sectionHead h2,.principle h2,.demoIntro h2{font-size:clamp(40px,13vw,62px)}
  .story{height:390vh}
  .storyPanel h2{font-size:clamp(39px,12vw,58px)}
  .storyPanel>p:last-child{font-size:17px}
  .visualLabel{display:none}
  .storyMeter{left:24px;bottom:26px}
  .signalGrid{grid-template-columns:1fr}
  .signalCard{min-height:230px;padding:27px}
  .capitalScene{height:230vh}
  .capitalSticky{align-content:center}
  .capitalCopy h2{font-size:clamp(41px,12vw,59px)}
  .capitalVisual{padding:22px;border-radius:24px}
  .capitalResult{grid-template-columns:1fr}
  .capitalResult div{display:flex;align-items:center;justify-content:space-between;gap:15px}
  .capitalResult strong{margin:0;text-align:right}
  .solutionRow{grid-template-columns:34px 1fr}
  .solutionRow>p,.solutionRow .textCta{grid-column:2}
  .solutionRow{gap:14px 18px}
  .formGrid{grid-template-columns:1fr}
  .field.full{grid-column:auto}
  .demoCard{padding:22px;border-radius:24px}
  .footerBrand{align-items:flex-start;flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
  .heroGlow,.heroMark,.decisionCore,.visualLabel{transform:none!important}
}