/* STROKIQ Marketing Site V2 — premium static build */
:root{
  --bg:#02070b;
  --bg2:#041018;
  --panel:#06131b;
  --panel2:#081923;
  --ink:#f7fbfd;
  --muted:#9aabb4;
  --muted2:#60737d;
  --cyan:#54e8ff;
  --cyan2:#0ea9d2;
  --line:rgba(164,225,242,.13);
  --line-strong:rgba(164,225,242,.24);
  --max:1320px;
  --radius:28px;
  --header:92px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;color:var(--ink);background:
  radial-gradient(circle at 78% 8%,rgba(35,152,176,.11),transparent 28rem),
  radial-gradient(circle at 12% 48%,rgba(24,89,120,.08),transparent 32rem),
  var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
body::after{content:"";position:fixed;width:520px;height:520px;border-radius:50%;left:var(--mx,-600px);top:var(--my,-600px);transform:translate(-50%,-50%);pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(84,232,255,.055),transparent 68%)}
body.menu-open{overflow:hidden}
main,.site-header,.mobile-panel,.site-footer{position:relative;z-index:1}
a{color:inherit;text-decoration:none} img{display:block;max-width:100%} button,input,textarea,select{font:inherit} button{color:inherit}
::selection{background:var(--cyan);color:#001015}
.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}

/* header */
.site-header{position:fixed;inset:0 0 auto;z-index:90;height:var(--header);border-bottom:1px solid transparent;transition:background .25s,border-color .25s,backdrop-filter .25s}
.site-header.scrolled{background:rgba(2,7,11,.82);backdrop-filter:blur(20px);border-color:var(--line)}
.nav-wrap{width:min(var(--max),calc(100% - 64px));height:100%;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:13px;width:max-content;font-weight:900;letter-spacing:.18em;font-size:1.08rem}
.brand-glyph{width:34px;height:16px;position:relative;display:inline-block}
.brand-glyph::before,.brand-glyph::after{content:"";position:absolute;left:0;right:0;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--cyan),#fff);transform-origin:left center;box-shadow:0 0 18px rgba(84,232,255,.3)}
.brand-glyph::before{top:3px;transform:skewX(-28deg)}
.brand-glyph::after{bottom:2px;left:8px;transform:skewX(22deg);opacity:.7}
.brand-iq{color:var(--cyan)}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:34px}
.desktop-nav a{position:relative;padding:10px 0;font-size:.91rem;font-weight:620;color:#a9b8c0;transition:color .2s}
.desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--cyan);transition:right .22s}
.desktop-nav a:hover,.desktop-nav a.active{color:#fff}.desktop-nav a:hover::after,.desktop-nav a.active::after{right:0}
.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px}
.btn{min-height:48px;padding:0 21px;border-radius:999px;border:1px solid var(--line-strong);background:rgba(255,255,255,.025);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:.86rem;font-weight:800;letter-spacing:.015em;cursor:pointer;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);border-color:rgba(84,232,255,.48);background:rgba(84,232,255,.04)}
.btn-primary{color:#001015;border-color:transparent;background:linear-gradient(100deg,#e9ffff 0%,var(--cyan) 58%,#70bfff 100%);box-shadow:0 10px 32px rgba(84,232,255,.17)}
.btn-primary:hover{box-shadow:0 16px 46px rgba(84,232,255,.25);background:linear-gradient(100deg,#fff 0%,#6df0ff 58%,#86c9ff 100%)}
.menu-button{display:none;width:48px;height:48px;padding:0;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.02);cursor:pointer}
.menu-button span{display:block;width:20px;height:1px;margin:6px auto;background:#dce8ed;transition:.2s}.menu-button.open span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button.open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.mobile-panel{position:fixed;inset:var(--header) 0 0;z-index:80;background:rgba(2,7,11,.985);padding:34px 24px 48px;transform:translateX(100%);transition:transform .28s}.mobile-panel.open{transform:none}.mobile-panel nav{display:grid}.mobile-panel nav a{padding:19px 6px;border-bottom:1px solid var(--line);font-size:1.35rem;font-weight:720}.mobile-panel .btn{margin-top:28px;width:100%}

/* home hero */
.brand-hero{padding-top:var(--header);background:#02070b}
.brand-hero-frame{position:relative;width:100%;overflow:hidden;aspect-ratio:16/8.2;min-height:620px;max-height:920px;background:#04111a;border-bottom:1px solid var(--line)}
.brand-hero-frame img{width:100%;height:100%;object-fit:cover;object-position:center 52%}
.brand-hero-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(2,7,11,.02) 70%,rgba(2,7,11,.58) 92%,var(--bg) 100%);pointer-events:none}
.hero-meta{position:absolute;left:50%;bottom:26px;z-index:2;transform:translateX(-50%);display:flex;align-items:center;gap:12px;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(222,241,247,.6);white-space:nowrap}.hero-meta i{width:38px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan))}

/* typography */
.eyebrow{display:inline-flex;align-items:center;gap:11px;color:var(--cyan);font-size:.72rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.eyebrow::before{content:"";width:30px;height:1px;background:var(--cyan);box-shadow:0 0 12px rgba(84,232,255,.55)}
h1,h2,h3,p{margin-top:0}.mega{font-size:clamp(3.6rem,7vw,7.2rem);line-height:.92;letter-spacing:-.065em;font-weight:800;margin:22px 0 28px}.display{font-size:clamp(3.1rem,5.7vw,6rem);line-height:.96;letter-spacing:-.058em;font-weight:790;margin:18px 0 24px}.title{font-size:clamp(2.25rem,4vw,4.3rem);line-height:1;letter-spacing:-.05em;font-weight:780;margin:16px 0 22px}.body-xl{font-size:clamp(1.12rem,1.55vw,1.34rem);line-height:1.7;color:#a9bbc4;max-width:720px}.body{font-size:1rem;line-height:1.72;color:#91a6b1}.cyan{color:var(--cyan)}

/* home story */
.home-intro{padding:128px 0 118px}.home-intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:end}.home-intro .display{max-width:880px}.home-intro-side{padding-bottom:8px}.home-intro-actions{display:flex;align-items:center;gap:18px;margin-top:30px}.text-link{font-size:.86rem;font-weight:760;color:#c1d0d7}.text-link span{color:var(--cyan);margin-left:5px}.text-link:hover{color:#fff}
.signal-rail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.007)}.signal-rail-track{width:max-content;padding:26px 0;white-space:nowrap;font-size:clamp(1.25rem,2.2vw,2.25rem);font-weight:780;letter-spacing:-.03em;color:#30434d;animation:rail 28s linear infinite}.signal-rail-track b{color:#5b7480;font-weight:780}.signal-rail-track span{color:var(--cyan);opacity:.6;padding:0 .65em}@keyframes rail{to{transform:translateX(-50%)}}

.story-section{padding:150px 0;border-bottom:1px solid var(--line)}
.story-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:100px;align-items:center}
.story-copy .display{max-width:760px}.story-copy .body-xl{max-width:600px}
.signal-visual{position:relative;min-height:520px;border:1px solid var(--line);border-radius:34px;overflow:hidden;background:radial-gradient(circle at 66% 40%,rgba(84,232,255,.11),transparent 22%),linear-gradient(145deg,#061720,#02070b 70%);box-shadow:inset 0 0 70px rgba(84,232,255,.025),0 40px 120px rgba(0,0,0,.25)}
.signal-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(84,232,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(84,232,255,.035) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at 65% 45%,#000,transparent 70%)}
.signal-visual::after{content:"";position:absolute;inset:16% 14%;border-radius:50%;border:1px solid rgba(84,232,255,.15);box-shadow:0 0 0 34px rgba(84,232,255,.018),0 0 0 88px rgba(84,232,255,.01)}
.signal-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.signal-label{position:absolute;z-index:3;left:34px;bottom:30px;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#76909c}.signal-label strong{color:#d7f8ff;font-weight:740;margin-left:7px}

.triad{padding:140px 0}.triad-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:64px}.triad-head .display{max-width:800px}.triad-head .body{max-width:420px;margin-bottom:6px}.triad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.triad-card{min-height:360px;padding:34px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.004)),var(--panel);position:relative;overflow:hidden;transition:transform .25s,border-color .25s}.triad-card:hover{transform:translateY(-5px);border-color:rgba(84,232,255,.33)}.triad-card .num{font-size:.67rem;letter-spacing:.15em;color:#5d7580}.triad-card h3{font-size:clamp(1.6rem,2.4vw,2.2rem);letter-spacing:-.035em;margin:120px 0 14px}.triad-card p{color:#8399a4;line-height:1.65;max-width:340px}.triad-card::after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-90px;bottom:-90px;background:rgba(84,232,255,.035);filter:blur(2px)}

.coach-tease{padding:150px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.coach-tease-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:110px;align-items:center}.coach-tease .display{max-width:780px}.questions{display:grid;gap:0;border-top:1px solid var(--line)}.question{display:flex;justify-content:space-between;gap:20px;padding:23px 0;border-bottom:1px solid var(--line);font-size:1.04rem;font-weight:650;color:#dfe9ed}.question span{color:#54707d;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;align-self:center}

.final-cta{padding:145px 0}.final-card{border:1px solid rgba(84,232,255,.2);border-radius:34px;padding:70px;position:relative;overflow:hidden;background:radial-gradient(circle at 85% 30%,rgba(84,232,255,.11),transparent 26%),linear-gradient(135deg,rgba(84,232,255,.055),rgba(94,75,180,.025) 45%,rgba(255,255,255,.008))}.final-card::after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-180px;bottom:-220px;border:1px solid rgba(84,232,255,.1);box-shadow:0 0 0 42px rgba(84,232,255,.012),0 0 0 98px rgba(84,232,255,.008)}.final-card .display{max-width:940px}.final-card p{max-width:650px}.final-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}

/* inner pages */
.page-hero{min-height:620px;padding:calc(var(--header) + 92px) 0 92px;display:flex;align-items:center;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:70px;border:1px solid rgba(84,232,255,.07);box-shadow:inset 0 0 80px rgba(84,232,255,.018)}.page-hero .mega{max-width:1050px}.page-hero .body-xl{max-width:660px}.page-hero-compact{min-height:540px}
.inner-section{padding:112px 0;border-bottom:1px solid var(--line)}.inner-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.inner-grid.align-center{align-items:center}.inner-copy .title{max-width:620px}.inner-copy .body{max-width:560px}.rule-list{border-top:1px solid var(--line)}.rule{display:grid;grid-template-columns:60px 1fr;gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}.rule .n{color:#4f6a77;font-size:.67rem;letter-spacing:.13em}.rule strong{display:block;font-size:1.18rem;margin-bottom:7px}.rule p{margin:0;color:#7e939e;line-height:1.6;font-size:.93rem}
.center-statement{padding:130px 0;text-align:center}.center-statement .display{max-width:1000px;margin-left:auto;margin-right:auto}.center-statement .body-xl{margin-left:auto;margin-right:auto}
.locked-panel{min-height:520px;border:1px solid var(--line);border-radius:32px;position:relative;overflow:hidden;background:radial-gradient(circle at 65% 38%,rgba(84,232,255,.14),transparent 22%),linear-gradient(145deg,#071923,#02070b 70%);display:flex;align-items:flex-end;padding:42px}.locked-panel::before{content:"";position:absolute;inset:-15%;background-image:linear-gradient(62deg,transparent 49.5%,rgba(84,232,255,.065) 50%,transparent 50.5%),linear-gradient(118deg,transparent 49.5%,rgba(84,232,255,.045) 50%,transparent 50.5%);background-size:64px 64px;transform:rotate(-9deg);mask-image:radial-gradient(circle at 70% 40%,#000,transparent 60%)}.locked-panel .lock-copy{position:relative;z-index:2;max-width:520px}.locked-panel .title{margin-bottom:14px}
.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric{padding:34px 30px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric span{display:block;color:#58717d;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;margin-bottom:12px}.metric strong{font-size:1.35rem;letter-spacing:-.025em}

/* contact */
.contact-section{padding:110px 0 130px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.form-card{border:1px solid var(--line);border-radius:28px;padding:34px;background:linear-gradient(180deg,rgba(255,255,255,.016),rgba(255,255,255,.004)),var(--panel)}.field{display:grid;gap:9px;margin-bottom:18px}.field label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#69808b}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:#030b10;color:#eefaff;padding:15px 16px;outline:none;transition:border-color .2s,box-shadow .2s}.field textarea{min-height:132px;resize:vertical}.field input:focus,.field textarea:focus{border-color:rgba(84,232,255,.45);box-shadow:0 0 0 4px rgba(84,232,255,.055)}.form-note{font-size:.78rem;line-height:1.55;color:#58717d;margin:18px 0 0}.form-status{margin-top:16px;min-height:1.2em;color:#b7f7ff;font-size:.85rem}

/* footer */
.site-footer{border-top:1px solid var(--line);padding:54px 0 28px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px}.footer-brand p{max-width:390px;color:#667d88;font-size:.87rem;line-height:1.65;margin-top:18px}.footer-nav{display:grid;align-content:start;gap:11px}.footer-nav .label{font-size:.64rem;letter-spacing:.15em;text-transform:uppercase;color:#465e69;margin-bottom:8px}.footer-nav a{font-size:.86rem;color:#8ca0aa}.footer-nav a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:24px;margin-top:42px;padding-top:22px;border-top:1px solid var(--line);font-size:.7rem;color:#455b66}

/* reveal */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .72s ease,transform .72s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:1100px){
  :root{--header:80px}.container,.nav-wrap{width:min(var(--max),calc(100% - 40px))}.desktop-nav{display:none}.menu-button{display:block}.header-actions .btn-primary{display:none}.nav-wrap{grid-template-columns:1fr auto}.brand-hero-frame{aspect-ratio:16/9;min-height:0}.home-intro-grid,.story-grid,.coach-tease-grid,.inner-grid,.contact-grid{grid-template-columns:1fr;gap:56px}.triad-grid{grid-template-columns:1fr 1fr}.triad-card:last-child{grid-column:1/-1}.page-hero{min-height:560px}.metric-strip{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}}
@media(max-width:760px){
  .container,.nav-wrap{width:min(var(--max),calc(100% - 30px))}.brand{font-size:.98rem}.brand-glyph{width:28px}.brand-hero-frame{aspect-ratio:auto;height:76svh;min-height:560px}.brand-hero-frame img{object-fit:cover;object-position:center center}.hero-meta{bottom:18px;font-size:.58rem}.home-intro,.story-section,.triad,.coach-tease,.final-cta{padding:90px 0}.home-intro-actions,.final-actions{display:grid}.home-intro-actions .btn,.final-actions .btn{width:100%}.triad-head{display:block;margin-bottom:42px}.triad-grid{grid-template-columns:1fr}.triad-card:last-child{grid-column:auto}.triad-card{min-height:300px}.triad-card h3{margin-top:86px}.signal-visual{min-height:390px}.questions .question{font-size:.98rem}.final-card{padding:38px 24px}.page-hero{min-height:520px;padding:calc(var(--header) + 60px) 0 64px}.inner-section,.contact-section{padding:84px 0}.center-statement{padding:92px 0}.locked-panel{min-height:440px;padding:28px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.mega{font-size:clamp(3.1rem,14vw,5rem)}.display{font-size:clamp(2.65rem,11vw,4rem)}.title{font-size:clamp(2rem,9vw,3.2rem)}}
@media(max-width:480px){.brand-hero-frame{height:68svh;min-height:520px}.footer-top{grid-template-columns:1fr}.footer-brand{grid-column:auto}.rule{grid-template-columns:42px 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* =========================================================
   HOME V3 — MINIMAL / EDITORIAL / MYSTERIOUS
   ========================================================= */
.home-v3{background:#02070b}
.home-v3 .site-header{height:84px;background:rgba(2,7,11,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(164,225,242,.10)}
.home-v3 .nav-wrap{height:84px}
.home-v3 .brand{font-size:1.04rem;letter-spacing:.2em}
.home-v3 .desktop-nav{gap:32px}
.home-v3 .desktop-nav a{font-size:.84rem;color:#879aa4;font-weight:620}
.home-v3 .desktop-nav a:hover{color:#fff}
.home-v3 .header-actions .btn{min-height:44px;padding:0 19px;font-size:.80rem}

.v3-hero{position:relative;height:calc(100svh - 84px);min-height:690px;margin-top:84px;background:#031019;overflow:hidden;border-bottom:1px solid var(--line)}
.v3-hero img{width:100%;height:100%;object-fit:cover;object-position:center center}
.v3-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(2,7,11,.02) 62%,rgba(2,7,11,.24) 100%)}
.v3-scroll{position:absolute;z-index:2;left:50%;bottom:25px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:rgba(224,245,251,.64);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase}
.v3-scroll span{width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan))}

.v3-rail{height:72px;display:flex;align-items:center;border-bottom:1px solid var(--line);overflow:hidden;position:relative;background:#02070b;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
.v3-rail-track{display:flex;align-items:center;width:max-content;white-space:nowrap;animation:v3rail 34s linear infinite;color:#60727b;font-size:clamp(1.05rem,1.65vw,1.55rem);font-weight:780;letter-spacing:-.02em}
.v3-rail-track span:nth-of-type(2n){color:#a0b2bb}
.v3-rail-track i{font-style:normal;color:var(--cyan);opacity:.68;padding:0 30px}
@keyframes v3rail{to{transform:translateX(-50%)}}

.v3-question{min-height:88svh;display:flex;align-items:center;padding:130px 0;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.v3-question::before{content:"";position:absolute;width:720px;height:720px;border-radius:50%;right:-380px;top:50%;transform:translateY(-50%);border:1px solid rgba(84,232,255,.05);box-shadow:0 0 0 70px rgba(84,232,255,.008),0 0 0 150px rgba(84,232,255,.004)}
.v3-question-inner{max-width:1120px;text-align:center;margin-inline:auto}
.v3-kicker{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;font-weight:820;color:var(--cyan);margin-bottom:28px}
.v3-question h1{margin:0;font-size:clamp(4.3rem,8.6vw,8.6rem);line-height:.86;letter-spacing:-.072em;font-weight:820}
.v3-question h1 span{color:transparent;background:linear-gradient(92deg,#fff 0%,#8ef1ff 42%,#37caed 76%,#86b7ff 100%);-webkit-background-clip:text;background-clip:text}
.v3-question p{max-width:680px;margin:42px auto 0;color:#8da0aa;font-size:1.08rem;line-height:1.75}

.v3-beneath{min-height:92svh;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 76% 50%,rgba(23,114,139,.10),transparent 28rem),#02070b}
.v3-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.75;mask-image:linear-gradient(to bottom,transparent 4%,#000 26%,#000 75%,transparent 100%)}
.v3-beneath::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,11,.96) 0%,rgba(2,7,11,.73) 36%,rgba(2,7,11,.28) 66%,rgba(2,7,11,.74) 100%);z-index:1}
.v3-beneath-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.28fr .72fr;gap:120px;align-items:end}
.v3-beneath-copy h2{margin:0;font-size:clamp(3.8rem,7vw,7.2rem);line-height:.91;letter-spacing:-.065em;max-width:960px}
.v3-beneath-copy h2 span{color:var(--cyan)}
.v3-beneath-note{max-width:390px;padding-bottom:14px}
.v3-beneath-note p{color:#8b9da6;font-size:1rem;line-height:1.72;margin:0 0 26px}
.v3-text-link{display:inline-flex;align-items:center;gap:10px;font-weight:780;font-size:.82rem;color:#e8fbff;border-bottom:1px solid rgba(84,232,255,.34);padding-bottom:7px}
.v3-text-link span{color:var(--cyan)}

.v3-close{min-height:76svh;display:flex;align-items:center;text-align:center;padding:120px 0;background:radial-gradient(circle at 50% 40%,rgba(84,232,255,.075),transparent 25rem),#02070b}
.v3-close-inner{max-width:1000px;margin-inline:auto}
.v3-close h2{margin:0;font-size:clamp(5.2rem,12vw,11rem);line-height:.8;letter-spacing:-.08em;font-weight:840}
.v3-close p{margin:38px 0 32px;color:#8fa1aa;font-size:1.15rem}
.v3-cta{min-width:190px}

.home-v3 .site-footer{padding:28px 0;border-top:1px solid var(--line)}
.home-v3 .footer-top{display:none}
.home-v3 .footer-bottom{margin:0;padding:0;border:0;font-size:.66rem;color:#49606b}

@media(max-width:1100px){
  .v3-beneath-inner{grid-template-columns:1fr;gap:52px;align-items:start}
  .v3-beneath-note{max-width:600px}
  .v3-question{min-height:78svh}
}
@media(max-width:760px){
  .home-v3 .site-header,.home-v3 .nav-wrap{height:74px}.v3-hero{margin-top:74px;height:74svh;min-height:560px}.v3-hero img{object-position:center center}
  .v3-rail{height:62px}.v3-rail-track{font-size:1rem}.v3-rail-track i{padding:0 20px}
  .v3-question{padding:100px 0;min-height:78svh}.v3-question h1{font-size:clamp(3.6rem,16vw,5.7rem)}.v3-question p{font-size:.98rem;max-width:92%}
  .v3-beneath{min-height:82svh;padding:100px 0}.v3-beneath-copy h2{font-size:clamp(3.3rem,13.5vw,5.2rem)}
  .v3-close{min-height:68svh;padding:100px 0}.v3-close h2{font-size:clamp(5rem,22vw,8rem)}
}
@media(max-width:480px){.v3-hero{height:67svh;min-height:500px}.v3-scroll{bottom:16px}.v3-kicker{font-size:.61rem}.v3-question p{margin-top:30px}}


/* =========================================================
   HOME V3.1 — REFINED RHYTHM / PRONUNCIATION SYSTEM
   Visual logo stays STROKIQ. Editorial naming uses strok-IQ.
   ========================================================= */
.home-v3 .site-header{height:88px;background:rgba(2,7,11,.84)}
.home-v3 .nav-wrap{height:88px}
.home-v3 .brand{font-size:1.13rem;letter-spacing:.205em}
.home-v3 .brand-glyph{width:36px}
.home-v3 .desktop-nav{gap:36px}
.home-v3 .desktop-nav a{font-size:.92rem;color:#9aabb4;font-weight:650}
.home-v3 .header-actions .btn{min-height:46px;padding:0 21px;font-size:.84rem}

.v3-hero{height:calc(100svh - 88px);margin-top:88px;min-height:650px}
.v3-scroll{bottom:20px}
.v3-rail{height:66px}
.v3-rail-track{font-size:clamp(1rem,1.45vw,1.38rem);letter-spacing:-.015em}

/* Premium rhythm: space is intentional, not empty. */
.v3-question{min-height:68svh;padding:92px 0 98px}
.v3-question::before{width:620px;height:620px;right:-340px}
.v3-question-inner{max-width:1040px}
.v3-question h1{font-size:clamp(4rem,7.8vw,7.8rem);line-height:.88}
.v3-question p{max-width:620px;margin-top:32px;font-size:1.03rem;color:#91a4ae}

.v3-beneath{min-height:72svh;padding:96px 0 104px}
.v3-beneath-inner{grid-template-columns:1.3fr .7fr;gap:96px;align-items:center}
.v3-beneath-copy h2{font-size:clamp(3.65rem,6.4vw,6.7rem);line-height:.92}
.v3-beneath-note{padding-bottom:0;max-width:350px}
.v3-beneath-note p{font-size:1.02rem;line-height:1.7;color:#96a8b1}

.v3-close{min-height:54svh;padding:92px 0 98px}
.v3-close h2{font-size:clamp(5rem,10.4vw,9.4rem)}
.v3-close p{margin:30px 0 28px;font-size:1.08rem}

@media(max-width:1100px){
  .home-v3 .site-header,.home-v3 .nav-wrap{height:80px}
  .v3-hero{margin-top:80px;height:calc(100svh - 80px)}
  .v3-question{min-height:64svh}
  .v3-beneath{min-height:68svh}
  .v3-beneath-inner{grid-template-columns:1fr;gap:40px;align-items:start}
  .v3-beneath-note{max-width:560px}
}
@media(max-width:760px){
  .home-v3 .site-header,.home-v3 .nav-wrap{height:74px}
  .home-v3 .brand{font-size:1.02rem}
  .v3-hero{margin-top:74px;height:72svh;min-height:540px}
  .v3-rail{height:58px}
  .v3-question{min-height:66svh;padding:82px 0}
  .v3-question h1{font-size:clamp(3.35rem,15vw,5.35rem)}
  .v3-beneath{min-height:auto;padding:88px 0 94px}
  .v3-beneath-copy h2{font-size:clamp(3.1rem,13vw,4.9rem)}
  .v3-close{min-height:58svh;padding:86px 0}
}


/* =========================================================
   HOME V4 — CINEMATIC / QUIET / PREMIUM
   Keep the visual logo as STROKIQ; editorial name is strok-IQ.
   ========================================================= */
.home-v4{background:#02070b}
.home-v4 .site-header{height:88px;background:rgba(2,7,11,.86);backdrop-filter:blur(20px);border-bottom:1px solid rgba(164,225,242,.10)}
.home-v4 .nav-wrap{height:88px}
.home-v4 .brand{font-size:1.15rem;letter-spacing:.205em}
.home-v4 .brand-glyph{width:36px}
.home-v4 .desktop-nav{gap:35px}
.home-v4 .desktop-nav a{font-size:.94rem;color:#9baab2;font-weight:650}
.home-v4 .header-actions .btn{min-height:46px;padding:0 21px;font-size:.84rem}

.v4-hero{position:relative;height:calc(100svh - 88px);min-height:650px;margin-top:88px;background:#031019;overflow:hidden;border-bottom:1px solid var(--line)}
.v4-hero img{width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.005);animation:v4HeroBreath 14s ease-out both}
.v4-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(2,7,11,0) 66%,rgba(2,7,11,.18) 88%,rgba(2,7,11,.36) 100%)}
.v4-scroll{position:absolute;z-index:2;left:50%;bottom:20px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:rgba(224,245,251,.60);font-size:.62rem;letter-spacing:.20em;text-transform:uppercase}
.v4-scroll span{width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan))}
@keyframes v4HeroBreath{from{transform:scale(1.018)}to{transform:scale(1.005)}}

.v4-rail{height:56px;display:flex;align-items:center;border-bottom:1px solid var(--line);overflow:hidden;position:relative;background:#02070b;mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.v4-rail-track{display:flex;align-items:center;width:max-content;white-space:nowrap;animation:v3rail 38s linear infinite;color:#51656f;font-size:clamp(.95rem,1.18vw,1.15rem);font-weight:760;letter-spacing:-.015em}
.v4-rail-track span:nth-of-type(2n){color:#90a3ac}
.v4-rail-track i{font-style:normal;color:var(--cyan);opacity:.66;padding:0 28px}

.v4-kicker{font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;font-weight:830;color:var(--cyan);margin-bottom:24px}
.v4-question{min-height:56svh;padding:78px 0 84px;display:flex;align-items:center;border-bottom:1px solid var(--line);position:relative;overflow:hidden;background:radial-gradient(circle at 50% 46%,rgba(33,138,164,.055),transparent 31rem),#02070b}
.v4-question::after{content:"";position:absolute;right:-260px;top:50%;width:510px;height:510px;border-radius:50%;border:1px solid rgba(84,232,255,.045);transform:translateY(-50%);box-shadow:0 0 0 52px rgba(84,232,255,.006)}
.v4-center{max-width:1040px;text-align:center;margin-inline:auto;position:relative;z-index:2}
.v4-question h1{margin:0;font-size:clamp(4rem,7.3vw,7.1rem);line-height:.88;letter-spacing:-.07em;font-weight:825}
.v4-question h1 span{color:transparent;background:linear-gradient(92deg,#fff 0%,#91f3ff 34%,#39cdec 72%,#83b8ff 100%);-webkit-background-clip:text;background-clip:text}
.v4-question p{max-width:640px;margin:28px auto 0;color:#8da0aa;font-size:1rem;line-height:1.68}

.v4-signal{min-height:60svh;padding:84px 0 90px;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 50%,rgba(28,126,152,.09),transparent 24rem),#02070b}
.v4-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.42;mask-image:linear-gradient(to bottom,transparent 5%,#000 26%,#000 74%,transparent 97%)}
.v4-signal::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,11,.96) 0%,rgba(2,7,11,.83) 34%,rgba(2,7,11,.50) 66%,rgba(2,7,11,.82) 100%);z-index:1}
.v4-signal-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.28fr .72fr;gap:110px;align-items:end}
.v4-signal-copy h2{margin:0;font-size:clamp(3.7rem,6.2vw,6.3rem);line-height:.92;letter-spacing:-.064em;max-width:850px}
.v4-signal-copy h2 span{color:var(--cyan)}
.v4-signal-note{max-width:390px;padding-bottom:7px}
.v4-signal-note p{margin:0;color:#93a5ae;font-size:1.02rem;line-height:1.72}

.v4-close{min-height:40svh;padding:72px 0 78px;display:flex;align-items:center;text-align:center;background:radial-gradient(circle at 50% 42%,rgba(84,232,255,.060),transparent 21rem),#02070b}
.v4-close-inner{max-width:920px;margin-inline:auto}
.v4-close h2{margin:0;font-size:clamp(4.8rem,9vw,8rem);line-height:.84;letter-spacing:-.078em;font-weight:840}
.v4-close p{margin:24px 0 25px;color:#8fa1aa;font-size:1.02rem}
.v4-cta{min-width:190px}
.home-v4 .site-footer{padding:24px 0;border-top:1px solid var(--line)}
.home-v4 .footer-top{display:none}
.home-v4 .footer-bottom{margin:0;padding:0;border:0;font-size:.68rem;color:#50656f}

@media(max-width:1100px){
  .home-v4 .site-header,.home-v4 .nav-wrap{height:80px}
  .v4-hero{margin-top:80px;height:calc(100svh - 80px)}
  .v4-question{min-height:54svh}
  .v4-signal{min-height:auto;padding:86px 0}
  .v4-signal-inner{grid-template-columns:1fr;gap:36px;align-items:start}
  .v4-signal-note{max-width:600px}
}
@media(max-width:760px){
  .home-v4 .site-header,.home-v4 .nav-wrap{height:74px}
  .home-v4 .brand{font-size:1.02rem}
  .v4-hero{margin-top:74px;height:72svh;min-height:540px}
  .v4-rail{height:54px}.v4-rail-track{font-size:.92rem}.v4-rail-track i{padding:0 20px}
  .v4-question{min-height:auto;padding:82px 0}
  .v4-question h1{font-size:clamp(3.3rem,14.7vw,5.2rem)}
  .v4-question p{max-width:92%;font-size:.96rem}
  .v4-signal{padding:84px 0 88px}
  .v4-signal-copy h2{font-size:clamp(3rem,12.7vw,4.75rem)}
  .v4-close{min-height:auto;padding:78px 0 82px}
  .v4-close h2{font-size:clamp(4.6rem,19vw,7.2rem)}
}
@media(max-width:480px){
  .v4-hero{height:66svh;min-height:500px}
  .v4-scroll{bottom:15px}
  .v4-kicker{font-size:.60rem}
}


/* =========================================================
   HOME V5 — SIGNATURE / EDITORIAL / NO DEAD SPACE
   The visual logo remains STROKIQ. Editorial naming uses strok-IQ.
   ========================================================= */
.home-v5{background:#02070b}
.home-v5 .site-header{height:82px;background:rgba(2,7,11,.90);backdrop-filter:blur(22px);border-bottom:1px solid rgba(164,225,242,.11)}
.home-v5 .nav-wrap{height:82px;width:min(1200px,calc(100% - 64px))}
.home-v5 .brand{font-size:1.18rem;letter-spacing:.21em}
.home-v5 .brand-glyph{width:36px}
.home-v5 .desktop-nav{gap:34px}
.home-v5 .desktop-nav a{font-size:.98rem;color:#a6b5bc;font-weight:660}
.home-v5 .header-actions .btn{min-height:46px;padding:0 22px;font-size:.88rem}

.v5-hero{position:relative;margin-top:82px;height:clamp(500px,68svh,650px);overflow:hidden;background:#031019;border-bottom:0}
.v5-hero img{width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.003);animation:v5HeroIn 10s ease-out both}
.v5-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(2,7,11,0) 70%,rgba(2,7,11,.08) 88%,rgba(2,7,11,.18) 100%);pointer-events:none}
@keyframes v5HeroIn{from{transform:scale(1.016)}to{transform:scale(1.003)}}

.v5-rail{height:64px;display:flex;align-items:center;overflow:hidden;border-top:1px solid rgba(164,225,242,.12);border-bottom:1px solid rgba(164,225,242,.13);background:linear-gradient(90deg,#030a0f,#041018 45%,#030a0f);mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%)}
.v5-rail-track{display:flex;align-items:center;width:max-content;white-space:nowrap;animation:v3rail 30s linear infinite;color:#8298a2;font-size:clamp(1.02rem,1.34vw,1.34rem);font-weight:820;letter-spacing:-.018em}
.v5-rail-track span:nth-of-type(2n){color:#a1b2ba}
.v5-rail-track i{font-style:normal;color:var(--cyan);opacity:.78;padding:0 30px}

.v5-kicker{font-size:.68rem;letter-spacing:.25em;text-transform:uppercase;font-weight:850;color:var(--cyan);margin-bottom:18px}

.v5-manifesto{position:relative;overflow:hidden;display:flex;align-items:center;min-height:360px;padding:58px 0 62px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 42%,rgba(38,152,177,.055),transparent 27rem),#02070b}
.v5-manifesto::after{content:"";position:absolute;right:-280px;top:50%;width:520px;height:520px;border-radius:50%;border:1px solid rgba(84,232,255,.045);transform:translateY(-50%);box-shadow:0 0 0 56px rgba(84,232,255,.006)}
.v5-manifesto-inner{position:relative;z-index:2;text-align:center;max-width:1050px;margin-inline:auto}
.v5-manifesto h1{margin:0;font-size:clamp(3.45rem,6.1vw,6rem);line-height:.90;letter-spacing:-.066em;font-weight:840}
.v5-manifesto h1 span{color:transparent;background:linear-gradient(92deg,#fff 0%,#8ff0ff 34%,#38cbea 72%,#7ebcff 100%);-webkit-background-clip:text;background-clip:text}
.v5-question-line{margin:24px 0 0;font-size:clamp(1.5rem,2.2vw,2.25rem);font-weight:720;letter-spacing:-.035em;color:#edf8fb}
.v5-sub{margin:20px auto 0;max-width:620px;color:#8c9da5;font-size:1rem;line-height:1.6}

.v5-signal{position:relative;overflow:hidden;display:flex;align-items:center;min-height:330px;padding:56px 0 60px;border-bottom:1px solid var(--line);background:#02070b}
.v5-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.36;mask-image:linear-gradient(to bottom,transparent 5%,#000 22%,#000 78%,transparent 97%)}
.v5-signal::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,11,.96) 0%,rgba(2,7,11,.78) 38%,rgba(2,7,11,.56) 68%,rgba(2,7,11,.88) 100%);z-index:1}
.v5-signal-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;gap:96px;align-items:end;width:min(1120px,calc(100% - 64px))}
.v5-signal h2{margin:0;font-size:clamp(3.4rem,5.4vw,5.5rem);line-height:.91;letter-spacing:-.062em;max-width:780px}
.v5-signal h2 span{color:var(--cyan)}
.v5-side{max-width:340px;padding-bottom:6px}
.v5-side p{margin:0;color:#90a2aa;font-size:1.02rem;line-height:1.7}

.v5-close{display:flex;align-items:center;min-height:220px;padding:48px 0 52px;background:radial-gradient(circle at 50% 48%,rgba(84,232,255,.042),transparent 19rem),#02070b}
.v5-close-inner{display:grid;grid-template-columns:1fr auto;align-items:end;gap:80px;width:min(1120px,calc(100% - 64px))}
.v5-close h2{margin:0;font-size:clamp(4.3rem,7.8vw,7.1rem);line-height:.82;letter-spacing:-.078em;font-weight:850}
.v5-close-action{text-align:right}
.v5-close-action p{margin:0 0 20px;color:#879aa3;font-size:1rem}
.home-v5 .site-footer{padding:22px 0;border-top:1px solid var(--line)}
.home-v5 .footer-top{display:none}
.home-v5 .footer-bottom{margin:0;padding:0;border:0;font-size:.68rem;color:#50656f}

@media(max-width:1100px){
  .home-v5 .site-header,.home-v5 .nav-wrap{height:78px}
  .v5-hero{margin-top:78px;height:clamp(480px,66svh,620px)}
  .v5-manifesto{min-height:400px}
  .v5-signal-inner{grid-template-columns:1fr;gap:32px;align-items:start}
  .v5-side{max-width:600px}
  .v5-close-inner{grid-template-columns:1fr;gap:26px;align-items:start}
  .v5-close-action{text-align:left}
}
@media(max-width:760px){
  .home-v5 .site-header,.home-v5 .nav-wrap{height:72px}
  .home-v5 .brand{font-size:1.04rem}
  .v5-hero{margin-top:72px;height:56svh;min-height:440px}
  .v5-rail{height:54px}.v5-rail-track{font-size:.92rem}.v5-rail-track i{padding:0 20px}
  .v5-manifesto{min-height:auto;padding:72px 0 76px}.v5-manifesto h1{font-size:clamp(3rem,13vw,4.9rem)}
  .v5-question-line{font-size:1.35rem}.v5-sub{font-size:.92rem;max-width:92%}
  .v5-signal{min-height:auto;padding:72px 0 76px}.v5-signal h2{font-size:clamp(3rem,12vw,4.5rem)}
  .v5-close{min-height:auto;padding:64px 0 68px}.v5-close h2{font-size:clamp(4.2rem,18vw,6.5rem)}
}
@media(max-width:480px){
  .v5-hero{height:52svh;min-height:420px}
  .v5-kicker{font-size:.60rem}
  .v5-close-action .btn{width:100%}
}


/* =========================================================
   HOME V5.2 — PREMIUM LOCK
   Final home structure: hero + integrated signal rail +
   two editorial moments + compact early-access close.
   ========================================================= */
.home-v52{background:#02070b}
.home-v52 .site-header{height:82px;background:rgba(2,7,11,.91);backdrop-filter:blur(22px);border-bottom:1px solid rgba(164,225,242,.10)}
.home-v52 .nav-wrap{height:82px;width:min(1200px,calc(100% - 64px))}
.home-v52 .brand{font-size:1.18rem;letter-spacing:.21em}
.home-v52 .brand-glyph{width:36px}
.home-v52 .desktop-nav{gap:34px}
.home-v52 .desktop-nav a{font-size:.98rem;color:#a8b7be;font-weight:660}
.home-v52 .header-actions .btn{min-height:46px;padding:0 22px;font-size:.88rem}

.v52-hero{position:relative;margin-top:82px;height:min(710px,calc(100svh - 82px));min-height:610px;overflow:hidden;background:#031019;border-bottom:1px solid rgba(164,225,242,.13)}
.v52-hero img{width:100%;height:100%;object-fit:cover;object-position:center 43%;transform:scale(1.002);animation:v52HeroBreath 14s ease-out both}
.v52-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(2,7,11,0) 70%,rgba(2,7,11,.04) 83%,rgba(2,7,11,.24) 100%)}
@keyframes v52HeroBreath{from{transform:scale(1.014)}to{transform:scale(1.002)}}

.v52-rail{position:absolute;left:0;right:0;bottom:0;z-index:3;height:58px;display:flex;align-items:center;overflow:hidden;border-top:1px solid rgba(164,225,242,.13);background:rgba(2,8,12,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);mask-image:linear-gradient(90deg,transparent 0,#000 2.5%,#000 97.5%,transparent 100%)}
.v52-rail-track{display:flex;align-items:center;width:max-content;white-space:nowrap;animation:v3rail 28s linear infinite;color:#9badb5;font-size:clamp(.94rem,1.18vw,1.16rem);font-weight:820;letter-spacing:-.012em}
.v52-rail-track span:nth-of-type(2n){color:#c0ced4}
.v52-rail-track i{font-style:normal;color:var(--cyan);opacity:.86;padding:0 29px}

.v52-kicker{font-size:.67rem;letter-spacing:.25em;text-transform:uppercase;font-weight:850;color:var(--cyan);margin-bottom:18px}
.v52-question{position:relative;overflow:hidden;display:flex;align-items:center;min-height:390px;padding:62px 0 68px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 44%,rgba(38,152,177,.055),transparent 26rem),#02070b}
.v52-question::after{content:"";position:absolute;right:-290px;top:50%;width:520px;height:520px;border-radius:50%;border:1px solid rgba(84,232,255,.045);transform:translateY(-50%);box-shadow:0 0 0 56px rgba(84,232,255,.006)}
.v52-question-inner{position:relative;z-index:2;text-align:center;max-width:1180px;margin-inline:auto}
.v52-question h1{margin:0;font-size:clamp(3.35rem,5.55vw,5.6rem);line-height:.94;letter-spacing:-.061em;font-weight:840}
.v52-white{color:#f7fbfd}
.v52-gradient{color:transparent;background:linear-gradient(92deg,#eafcff 0%,#8ff0ff 29%,#38cbea 70%,#7ebcff 100%);-webkit-background-clip:text;background-clip:text}
.v52-question p{margin:24px auto 0;max-width:640px;color:#91a3ac;font-size:.98rem;line-height:1.62}

.v52-signal{position:relative;overflow:hidden;display:flex;align-items:center;min-height:320px;padding:54px 0 58px;border-bottom:1px solid var(--line);background:#02070b}
.v52-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.29;mask-image:linear-gradient(to bottom,transparent 4%,#000 24%,#000 80%,transparent 98%)}
.v52-signal::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,11,.97) 0%,rgba(2,7,11,.78) 38%,rgba(2,7,11,.57) 67%,rgba(2,7,11,.90) 100%);z-index:1}
.v52-signal-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;gap:100px;align-items:end;width:min(1120px,calc(100% - 64px))}
.v52-signal h2{margin:0;font-size:clamp(3.2rem,4.85vw,5rem);line-height:.93;letter-spacing:-.058em;max-width:760px}
.v52-signal h2 span{color:var(--cyan)}
.v52-side{max-width:330px;padding-bottom:5px}
.v52-side p{margin:0;color:#93a5ad;font-size:1rem;line-height:1.68}

.v52-close{min-height:245px;padding:50px 0 54px;display:flex;align-items:center;text-align:center;background:radial-gradient(circle at 50% 45%,rgba(84,232,255,.045),transparent 18rem),#02070b}
.v52-close-inner{max-width:840px;margin-inline:auto}
.v52-close .v52-kicker{margin-bottom:16px}
.v52-close h2{margin:0;font-size:clamp(4.1rem,6.9vw,6.5rem);line-height:.86;letter-spacing:-.073em;font-weight:850}
.v52-close p{margin:20px 0 24px;color:#879aa3;font-size:.96rem}
.home-v52 .site-footer{padding:20px 0;border-top:1px solid var(--line)}
.home-v52 .footer-top{display:none}
.home-v52 .footer-bottom{margin:0;padding:0;border:0;font-size:.68rem;color:#50656f}

@media(max-width:1100px){
  .home-v52 .site-header,.home-v52 .nav-wrap{height:78px}
  .v52-hero{margin-top:78px;height:min(650px,calc(100svh - 78px));min-height:560px}
  .v52-signal-inner{grid-template-columns:1fr;gap:26px;align-items:start}
  .v52-side{max-width:620px}
}
@media(max-width:760px){
  .home-v52 .site-header,.home-v52 .nav-wrap{height:72px}
  .home-v52 .brand{font-size:1.04rem}
  .v52-hero{margin-top:72px;height:58svh;min-height:450px}
  .v52-hero img{object-position:center 44%}
  .v52-rail{height:50px}.v52-rail-track{font-size:.87rem}.v52-rail-track i{padding:0 18px}
  .v52-question{min-height:auto;padding:68px 0 72px}.v52-question h1{font-size:clamp(2.8rem,11.8vw,4.55rem);line-height:.95}.v52-question p{font-size:.91rem;max-width:92%}
  .v52-signal{min-height:auto;padding:68px 0 72px}.v52-signal h2{font-size:clamp(2.8rem,11.4vw,4.35rem)}
  .v52-close{min-height:auto;padding:62px 0 66px}.v52-close h2{font-size:clamp(4rem,17vw,6.2rem)}
}
@media(max-width:480px){
  .v52-hero{height:54svh;min-height:420px}.v52-kicker{font-size:.60rem}.v52-close .btn{width:100%}
}

/* =========================================================
   HOME V6 — PREMIUM TEASER / LOCKED NARRATIVE
   Hero + integrated rail + one statement + early access.
   ========================================================= */
.home-v6{background:#02070b}
.home-v6 .site-header{height:92px;background:rgba(2,7,11,.93);backdrop-filter:blur(24px);border-bottom:1px solid rgba(164,225,242,.13)}
.home-v6 .nav-wrap{height:92px;width:min(1280px,calc(100% - 72px));gap:36px}
.home-v6 .brand{font-size:1.30rem;letter-spacing:.215em}
.home-v6 .brand-glyph{width:42px;height:19px}
.home-v6 .desktop-nav{gap:38px}
.home-v6 .desktop-nav a{font-size:1.04rem;line-height:1;font-weight:670;color:#aebdc4}
.home-v6 .header-actions .btn{min-height:50px;padding:0 25px;font-size:.94rem}

.v6-hero{position:relative;margin-top:92px;height:clamp(570px,calc(100svh - 92px),690px);overflow:hidden;background:#031019;border-bottom:0}
.v6-hero img{width:100%;height:100%;object-fit:cover;object-position:center 62%;transform:scale(1.001);animation:v6HeroIn 12s ease-out both}
@keyframes v6HeroIn{from{transform:scale(1.025);filter:saturate(.88) brightness(.94)}to{transform:scale(1.001);filter:none}}
.v6-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(2,7,11,0) 72%,rgba(2,7,11,.03) 84%,rgba(2,7,11,.14) 100%)}
.v6-rail{position:absolute;z-index:3;left:0;right:0;bottom:0;height:58px;display:flex;align-items:center;overflow:hidden;border-top:1px solid rgba(164,225,242,.14);border-bottom:1px solid rgba(164,225,242,.14);background:linear-gradient(90deg,rgba(2,7,11,.76),rgba(3,16,24,.58),rgba(2,7,11,.76));backdrop-filter:blur(8px);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.v6-rail-track{width:max-content;display:flex;align-items:center;gap:24px;white-space:nowrap;animation:v6Rail 28s linear infinite;padding-left:0;font-size:.92rem;font-weight:760;letter-spacing:.015em;color:#a6bbc5}
.v6-rail-track i{font-style:normal;color:var(--cyan);opacity:.78;font-size:.72rem}.v6-rail-track span{opacity:.9}
@keyframes v6Rail{to{transform:translateX(-50%)}}

.v6-statement{position:relative;min-height:430px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 86% 45%,rgba(31,150,180,.065),transparent 22rem),#02070b}
.v6-statement-inner{position:relative;z-index:2;text-align:center;width:min(1120px,calc(100% - 64px));padding:78px 0 84px}
.v6-kicker{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:19px;color:var(--cyan);font-size:.74rem;font-weight:860;letter-spacing:.20em;text-transform:uppercase}
.v6-kicker::before,.v6-kicker::after{content:"";width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan))}.v6-kicker::after{transform:scaleX(-1)}
.v6-statement h1{margin:0 auto;max-width:1120px;font-size:clamp(3.45rem,6.1vw,6.15rem);line-height:.91;letter-spacing:-.066em;font-weight:850}
.v6-statement h1 span{color:transparent;background:linear-gradient(95deg,#aef7ff 0%,#47dcf7 50%,#70a9ff 100%);-webkit-background-clip:text;background-clip:text}
.v6-statement p{margin:26px auto 0;color:#7f929c;font-size:1rem;line-height:1.65;max-width:600px}
.v6-orbit{position:absolute;right:-190px;top:50%;width:510px;height:510px;border:1px solid rgba(84,232,255,.06);border-radius:50%;transform:translateY(-50%);box-shadow:0 0 0 70px rgba(84,232,255,.008),inset 0 0 75px rgba(84,232,255,.014)}

.v6-close{position:relative;min-height:330px;display:flex;align-items:center;overflow:hidden;background:#02070b}
.v6-canvas{opacity:.28;z-index:0;mask-image:linear-gradient(to right,transparent 0,#000 17%,#000 83%,transparent 100%)}
.v6-close::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(2,7,11,.88),rgba(2,7,11,.74),rgba(2,7,11,.96));pointer-events:none;z-index:1}
.v6-close-inner{position:relative;z-index:2;text-align:center;padding:66px 0 72px}
.v6-close h2{margin:0;font-size:clamp(4.1rem,7.7vw,7.8rem);line-height:.88;letter-spacing:-.073em;font-weight:870}
.v6-close p{margin:20px 0 25px;color:#8699a3;font-size:1rem}.v6-close .btn{min-height:50px;padding:0 25px;font-size:.92rem}
.home-v6 .site-footer{padding:20px 0;border-top:1px solid var(--line)}
.home-v6 .footer-top{display:none}
.home-v6 .footer-bottom{margin:0;padding:0;border:0;font-size:.70rem;color:#50656f}

@media(max-width:1100px){
  .home-v6 .site-header,.home-v6 .nav-wrap{height:82px}
  .home-v6 .nav-wrap{width:min(var(--max),calc(100% - 42px))}
  .home-v6 .brand{font-size:1.18rem}
  .v6-hero{margin-top:82px;height:clamp(540px,calc(100svh - 82px),650px)}
  .v6-statement{min-height:400px}.v6-statement-inner{padding:72px 0 78px}
}
@media(max-width:760px){
  .home-v6 .site-header,.home-v6 .nav-wrap{height:74px}
  .home-v6 .brand{font-size:1.04rem}.home-v6 .brand-glyph{width:30px}
  .v6-hero{margin-top:74px;height:62svh;min-height:480px;max-height:590px}
  .v6-hero img{object-position:center 61%}
  .v6-rail{height:50px}.v6-rail-track{font-size:.78rem;gap:18px}
  .v6-statement{min-height:auto}.v6-statement-inner{padding:68px 0 72px;width:min(100% - 30px,1120px)}
  .v6-kicker{font-size:.62rem;margin-bottom:17px}
  .v6-statement h1{font-size:clamp(2.75rem,11.2vw,4.5rem)}
  .v6-statement p{font-size:.91rem;margin-top:21px}
  .v6-close{min-height:300px}.v6-close-inner{padding:62px 0 66px}.v6-close h2{font-size:clamp(3.8rem,16vw,5.9rem)}
}
@media(max-width:480px){
  .v6-hero{height:56svh;min-height:440px}.v6-rail{height:46px}.v6-rail-track{font-size:.72rem}
  .v6-statement-inner{padding:58px 0 62px}.v6-close-inner{padding:56px 0 60px}.v6-close .btn{width:100%}
}


/* =========================================================
   HOME V7 — SIGNATURE TEASER
   Full-width art, readable nav, no dead space.
   ========================================================= */
.home-v7{background:#02070b}
.home-v7 .site-header{
  height:84px;
  background:rgba(2,7,11,.92);
  backdrop-filter:blur(22px);
  border-bottom:1px solid rgba(164,225,242,.12);
}
.home-v7 .nav-wrap{
  width:min(1380px,calc(100% - 72px));
  height:84px;
  grid-template-columns:1fr auto 1fr;
  gap:38px;
}
.home-v7 .brand{font-size:1.18rem;letter-spacing:.205em}
.home-v7 .brand-glyph{width:38px;height:18px}
.home-v7 .desktop-nav{gap:38px}
.home-v7 .desktop-nav a{
  font-size:1rem;
  line-height:1;
  font-weight:680;
  color:#aebdc4;
  letter-spacing:.002em;
}
.home-v7 .header-actions .btn{
  min-height:48px;
  padding:0 24px;
  font-size:.9rem;
}

.v7-hero{
  position:relative;
  margin-top:84px;
  width:100%;
  background:#031019;
  overflow:hidden;
  border-bottom:1px solid rgba(164,225,242,.14);
}
.v7-hero-art{
  width:100%;
  height:auto;
  display:block;
}
.v7-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:21%;
  pointer-events:none;
  background:linear-gradient(to bottom,transparent,rgba(2,7,11,.14));
}
.v7-rail{
  position:absolute;
  z-index:3;
  left:0;
  right:0;
  bottom:8.2%;
  height:56px;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-top:1px solid rgba(126,226,248,.20);
  border-bottom:1px solid rgba(126,226,248,.16);
  background:rgba(1,8,13,.46);
  backdrop-filter:blur(8px);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
}
.v7-rail-track{
  display:flex;
  align-items:center;
  width:max-content;
  white-space:nowrap;
  animation:v7rail 34s linear infinite;
  color:#d7e6ec;
  font-size:clamp(.92rem,1.02vw,1.05rem);
  font-weight:790;
  letter-spacing:.025em;
  text-transform:uppercase;
  text-shadow:0 1px 10px rgba(0,0,0,.55);
}
.v7-rail-track span{opacity:.88}
.v7-rail-track i{font-style:normal;color:var(--cyan);padding:0 28px;opacity:.95}
@keyframes v7rail{to{transform:translateX(-50%)}}

.v7-manifesto{
  position:relative;
  min-height:470px;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 50% 42%,rgba(49,177,205,.075),transparent 31rem),
    #02070b;
}
.v7-manifesto::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent 0,rgba(84,232,255,.025) 50%,transparent 100%);
  pointer-events:none;
}
.v7-glow{
  position:absolute;
  width:560px;
  height:560px;
  right:-250px;
  top:50%;
  transform:translateY(-50%);
  border-radius:50%;
  border:1px solid rgba(84,232,255,.055);
  box-shadow:0 0 0 64px rgba(84,232,255,.006),0 0 110px rgba(84,232,255,.025);
}
.v7-manifesto-inner{
  position:relative;
  z-index:2;
  text-align:center;
  max-width:1180px;
  margin-inline:auto;
}
.v7-kicker{
  color:var(--cyan);
  font-size:.72rem;
  line-height:1;
  font-weight:880;
  letter-spacing:.25em;
  text-transform:uppercase;
  margin-bottom:22px;
}
.v7-manifesto h1{
  margin:0;
  font-size:clamp(3.45rem,5.8vw,6.25rem);
  line-height:.92;
  letter-spacing:-.065em;
  font-weight:850;
}
.v7-manifesto h1 span{
  color:transparent;
  background:linear-gradient(92deg,#dffcff 0%,#74efff 30%,#36c7ea 68%,#7eb9ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
}
.v7-manifesto p{
  margin:28px auto 0;
  color:#9cafb8;
  font-size:1.08rem;
  line-height:1.55;
  max-width:560px;
}

.v7-close{
  min-height:310px;
  display:flex;
  align-items:center;
  background:#02070b;
  border-bottom:1px solid var(--line);
}
.v7-close-inner{
  display:grid;
  grid-template-columns:1fr auto;
  gap:80px;
  align-items:end;
  padding-top:64px;
  padding-bottom:64px;
}
.v7-close h2{
  margin:0;
  font-size:clamp(3.7rem,6.4vw,6.4rem);
  line-height:.88;
  letter-spacing:-.065em;
  font-weight:850;
}
.v7-close-action{
  text-align:right;
  padding-bottom:4px;
}
.v7-close-action p{
  margin:0 0 20px;
  color:#8fa2ab;
  font-size:1rem;
}
.home-v7 .site-footer{padding:24px 0 26px}
.home-v7 .footer-top{display:none}
.home-v7 .footer-bottom{margin:0;padding:0;border:0;font-size:.72rem;color:#50656f}

@media(max-width:1100px){
  .home-v7 .site-header,.home-v7 .nav-wrap{height:78px}
  .home-v7 .nav-wrap{width:min(100% - 42px,1200px)}
  .home-v7 .desktop-nav{gap:24px}
  .home-v7 .desktop-nav a{font-size:.9rem}
  .v7-hero{margin-top:78px}
  .v7-rail{bottom:7%;height:50px}
  .v7-manifesto{min-height:430px}
  .v7-close-inner{gap:40px}
}
@media(max-width:820px){
  .home-v7 .site-header,.home-v7 .nav-wrap{height:74px}
  .home-v7 .brand{font-size:1.02rem}
  .v7-hero{margin-top:74px}
  .v7-rail{position:relative;bottom:auto;height:50px;background:#031019}
  .v7-manifesto{min-height:auto;padding:84px 0 88px}
  .v7-manifesto h1{font-size:clamp(3rem,12vw,5.2rem)}
  .v7-manifesto p{font-size:1rem}
  .v7-close{min-height:auto}
  .v7-close-inner{grid-template-columns:1fr;gap:30px;padding-top:66px;padding-bottom:70px;align-items:start}
  .v7-close-action{text-align:left}
}
@media(max-width:520px){
  .v7-rail-track{font-size:.82rem}.v7-rail-track i{padding:0 18px}
  .v7-kicker{font-size:.62rem}
  .v7-manifesto{padding:72px 0 76px}
  .v7-manifesto h1{font-size:clamp(2.75rem,13vw,4rem)}
  .v7-close h2{font-size:clamp(3.5rem,16vw,5rem)}
}


/* V7.4 — video-based water motion. Keeps all brand text crisp. */
.v7-hero-video{
  width:100%;
  height:auto;
  display:block;
  background:#031019;
}
@media (prefers-reduced-motion: reduce){
  .v7-hero-video{display:none}
  .v7-hero{background:#031019 url("../img/strokiq-brand-hero.png") center top/100% auto no-repeat;aspect-ratio:1774/887}
}


/* =========================================================
   HOME V7.6 — FINAL HOME POLISH
   Crisp hero typography, slower rail, refined hierarchy.
   ========================================================= */
.home-v7 .site-header{
  height:88px;
  background:rgba(2,7,11,.94);
  border-bottom-color:rgba(164,225,242,.14);
}
.home-v7 .nav-wrap{
  height:88px;
  width:min(1400px,calc(100% - 72px));
}
.home-v7 .brand{
  font-size:1.24rem;
  letter-spacing:.21em;
}
.home-v7 .brand-glyph{width:40px;height:19px}
.home-v7 .desktop-nav{gap:40px}
.home-v7 .desktop-nav a{
  font-size:1.03rem;
  font-weight:680;
}
.home-v7 .header-actions .btn{
  min-height:50px;
  padding-inline:25px;
  font-size:.92rem;
}
.v7-hero{margin-top:88px}
.v7-hero-video{
  position:relative;
  z-index:1;
}
.v7-hero::after{
  z-index:2;
  height:18%;
  background:linear-gradient(to bottom,transparent 0%,rgba(2,7,11,.04) 45%,rgba(2,7,11,.24) 100%);
}
.v7-swim-line{
  position:absolute;
  z-index:5;
  left:50%;
  bottom:7.1%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:27px;
  min-width:min(680px,72vw);
  padding:7px 28px 8px;
  color:rgba(239,247,250,.72);
  font-size:clamp(.94rem,1.13vw,1.16rem);
  font-weight:500;
  line-height:1;
  letter-spacing:.31em;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 2px 14px rgba(0,0,0,.84),0 0 20px rgba(84,232,255,.08);
}
.v7-swim-line::before{
  content:"";
  position:absolute;
  inset:-8px -44px;
  z-index:-1;
  background:linear-gradient(90deg,transparent 0%,rgba(2,7,11,.50) 14%,rgba(2,7,11,.67) 50%,rgba(2,7,11,.50) 86%,transparent 100%);
  filter:blur(2px);
  border-radius:999px;
}
.v7-swim-line i{
  font-style:normal;
  color:var(--cyan);
  letter-spacing:0;
  opacity:.78;
}
.v7-rail{
  bottom:0;
  height:44px;
  background:rgba(1,8,13,.60);
  border-top-color:rgba(126,226,248,.17);
  border-bottom-color:rgba(126,226,248,.15);
  backdrop-filter:blur(7px);
}
.v7-rail-track{
  animation-duration:52s;
  font-size:clamp(.76rem,.86vw,.9rem);
  font-weight:720;
  letter-spacing:.065em;
}
.v7-rail-track i{padding:0 44px;opacity:.82}
.v7-manifesto{
  min-height:440px;
}
.v7-manifesto-inner{
  transform:translateY(-2px);
}
.v7-manifesto p{
  margin-top:23px;
}
.v7-close{
  min-height:270px;
}
.v7-close-inner{
  padding-top:56px;
  padding-bottom:56px;
}
.v7-close h2{
  font-size:clamp(3.15rem,5.15vw,5.25rem);
  letter-spacing:-.06em;
}
.v7-close-action p{
  font-size:.96rem;
  margin-bottom:17px;
}
.home-v7 .site-footer{
  padding:27px 0 30px;
}
.home-v7 .footer-bottom{
  font-size:.78rem;
  color:#60747e;
}
/* restrained cinematic scroll reveal */
.home-v7 .reveal{
  opacity:0;
  transform:translateY(18px) scale(.997);
  transition:opacity .82s cubic-bezier(.2,.65,.25,1),transform .82s cubic-bezier(.2,.65,.25,1);
}
.home-v7 .reveal.visible{
  opacity:1;
  transform:none;
}
@media(max-width:1100px){
  .home-v7 .site-header,.home-v7 .nav-wrap{height:80px}
  .home-v7 .brand{font-size:1.08rem}
  .home-v7 .desktop-nav a{font-size:.92rem}
  .v7-hero{margin-top:80px}
  .v7-swim-line{bottom:7.8%;gap:20px;letter-spacing:.25em}
  .v7-rail{height:42px}
}
@media(max-width:820px){
  .home-v7 .site-header,.home-v7 .nav-wrap{height:74px}
  .v7-hero{margin-top:74px}
  .v7-swim-line{
    position:absolute;
    bottom:10px;
    min-width:0;
    width:100%;
    gap:12px;
    padding-inline:16px;
    font-size:.72rem;
    letter-spacing:.18em;
  }
  .v7-swim-line::before{inset:-7px 0}
  .v7-rail{position:relative;bottom:auto;height:42px}
  .v7-close h2{font-size:clamp(3rem,14vw,4.5rem)}
}
@media(max-width:520px){
  .v7-swim-line{font-size:.62rem;gap:8px;letter-spacing:.12em}
  .v7-rail-track{font-size:.7rem}
  .v7-rail-track i{padding:0 28px}
}
@media(prefers-reduced-motion:reduce){
  .v7-rail-track{animation:none}
  .home-v7 .reveal{opacity:1;transform:none}
}


/* =========================================================
   HOME V7.7 — HOME LOCK
   Fix: single crisp SWIM / ANALYZE / PROGRESS line.
   The static hero remains underneath; the moving-water video
   fades out before the embedded typography so text never ghosts.
   ========================================================= */
.home-v7 .v7-hero{
  aspect-ratio:1774/888;
  background:#031019 url("../img/strokiq-brand-hero.png") center/100% 100% no-repeat;
}
.home-v7 .v7-hero-video{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:fill;
  -webkit-mask-image:linear-gradient(to bottom,
    #000 0%,
    #000 83%,
    rgba(0,0,0,.96) 85%,
    rgba(0,0,0,.72) 88%,
    rgba(0,0,0,.26) 90.5%,
    transparent 93%);
  mask-image:linear-gradient(to bottom,
    #000 0%,
    #000 83%,
    rgba(0,0,0,.96) 85%,
    rgba(0,0,0,.72) 88%,
    rgba(0,0,0,.26) 90.5%,
    transparent 93%);
}
.home-v7 .v7-hero::after{
  z-index:2;
  height:14%;
  background:linear-gradient(to bottom,transparent 0%,rgba(2,7,11,.035) 52%,rgba(2,7,11,.15) 100%);
}
.home-v7 .v7-rail{
  z-index:4;
  height:42px;
  background:rgba(1,8,13,.54);
}
.home-v7 .v7-rail-track{
  animation-duration:58s;
}
.home-v7 .v7-rail-track i{padding-inline:48px}

/* Old HTML overlay is intentionally disabled in case a cached page keeps it. */
.home-v7 .v7-swim-line{display:none!important}

@media(max-width:820px){
  .home-v7 .v7-hero{aspect-ratio:1774/888;background-size:cover;background-position:center}
  .home-v7 .v7-hero-video{object-fit:cover}
}

/* =========================================================
   PLATFORM V1 — SIGNATURE TEASER
   Home V7.7 remains untouched. Editorial brand = strok-IQ.
   ========================================================= */
.platform-v1{background:#02070b}
.platform-v1 .site-header{height:88px;background:rgba(2,7,11,.94);backdrop-filter:blur(22px);border-bottom:1px solid rgba(164,225,242,.12)}
.platform-v1 .nav-wrap{height:88px;width:min(1400px,calc(100% - 72px))}
.platform-v1 .brand{font-size:1.24rem;letter-spacing:.21em}
.platform-v1 .brand-glyph{width:40px;height:19px}
.platform-v1 .desktop-nav{gap:40px}
.platform-v1 .desktop-nav a{font-size:1.03rem;font-weight:680}
.platform-v1 .header-actions .btn{min-height:50px;padding-inline:25px;font-size:.92rem}
.platform-v1 main{padding-top:88px}
.platform-v1 .site-footer{padding-top:52px}

.pv1-kicker{display:flex;align-items:center;gap:12px;color:var(--cyan);font-size:.69rem;font-weight:880;letter-spacing:.25em;text-transform:uppercase}
.pv1-kicker::before{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan));box-shadow:0 0 14px rgba(84,232,255,.26)}

.pv1-hero{position:relative;min-height:calc(100svh - 88px);display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 73% 43%,rgba(18,142,171,.095),transparent 30rem),linear-gradient(135deg,#02070b 0%,#031019 55%,#02070b 100%)}
.pv1-hero::before{content:"";position:absolute;inset:0;opacity:.22;background:linear-gradient(rgba(84,232,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(84,232,255,.018) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to bottom,transparent,#000 28%,#000 70%,transparent)}
.pv1-hero-inner{position:relative;z-index:3;max-width:1180px;padding-top:40px;padding-bottom:74px}
.pv1-hero h1{margin:26px 0 30px;max-width:1180px;font-size:clamp(4.9rem,8.7vw,9.3rem);line-height:.84;letter-spacing:-.076em;font-weight:860}
.pv1-hero h1 span,.pv1-signal h2 span,.pv1-quiet h2 span,.pv1-close h2 span{color:transparent;background:linear-gradient(92deg,#e8fdff 0%,#7ef0ff 27%,#36c9ea 66%,#79baff 100%);-webkit-background-clip:text;background-clip:text}
.pv1-hero p{max-width:650px;margin:0;color:#9cafb7;font-size:clamp(1.02rem,1.25vw,1.18rem);line-height:1.72}
.pv1-scroll-hint{position:absolute;left:50%;bottom:28px;z-index:3;transform:translateX(-50%);display:flex;align-items:center;gap:11px;color:#627781;font-size:.62rem;font-weight:760;letter-spacing:.24em;white-space:nowrap}
.pv1-scroll-hint span{width:42px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan))}
.pv1-orbit{position:absolute;border:1px solid rgba(84,232,255,.07);border-radius:50%;pointer-events:none;filter:drop-shadow(0 0 28px rgba(84,232,255,.018))}
.pv1-orbit-a{width:620px;height:620px;right:-190px;top:50%;transform:translateY(-50%);animation:pv1Orbit 22s linear infinite}
.pv1-orbit-b{width:430px;height:430px;right:-95px;top:50%;transform:translateY(-50%);opacity:.54;animation:pv1Orbit 16s linear reverse infinite}
@keyframes pv1Orbit{to{transform:translateY(-50%) rotate(360deg)}}

.pv1-signal{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:#02070b}
.pv1-signal-inner{position:relative;z-index:3;text-align:center;max-width:1040px;margin-inline:auto;padding:112px 0}
.pv1-signal h2{margin:22px 0 26px;font-size:clamp(3.8rem,6.75vw,7.1rem);line-height:.90;letter-spacing:-.067em;font-weight:850}
.pv1-signal p{max-width:590px;margin:0 auto;color:#91a4ae;font-size:1.05rem;line-height:1.72}
.pv1-signal-field{position:absolute;inset:0;opacity:.72;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 3%,#000 23%,#000 77%,transparent 97%)}
.pv1-wave{position:absolute;left:-10%;width:120%;height:1px;top:50%;background:linear-gradient(90deg,transparent 0%,rgba(84,232,255,.07) 12%,rgba(84,232,255,.42) 50%,rgba(84,232,255,.08) 88%,transparent 100%);transform-origin:center;filter:drop-shadow(0 0 8px rgba(84,232,255,.12))}
.pv1-wave::after{content:"";position:absolute;inset:-38px 0;background:radial-gradient(ellipse at center,rgba(84,232,255,.045),transparent 66%)}
.pv1-wave.w1{animation:pv1WaveA 8.5s ease-in-out infinite}
.pv1-wave.w2{top:54%;opacity:.55;animation:pv1WaveB 11s ease-in-out infinite}
.pv1-wave.w3{top:46%;opacity:.33;animation:pv1WaveC 13s ease-in-out infinite}
@keyframes pv1WaveA{0%,100%{transform:translateY(0) skewY(-1.1deg)}50%{transform:translateY(-18px) skewY(1.3deg)}}
@keyframes pv1WaveB{0%,100%{transform:translateY(10px) skewY(.8deg)}50%{transform:translateY(-12px) skewY(-1deg)}}
@keyframes pv1WaveC{0%,100%{transform:translateY(-7px) skewY(.55deg)}50%{transform:translateY(14px) skewY(-.7deg)}}
.pv1-pulse{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 rgba(84,232,255,.18),0 0 28px rgba(84,232,255,.28);opacity:.55}
.pv1-pulse.p1{left:18%;top:50%;animation:pv1Pulse 4.8s ease-in-out infinite}
.pv1-pulse.p2{left:68%;top:50%;animation:pv1Pulse 5.7s 1.1s ease-in-out infinite}
.pv1-pulse.p3{left:86%;top:50%;animation:pv1Pulse 6.2s 2.2s ease-in-out infinite}
@keyframes pv1Pulse{0%,100%{transform:scale(.7);opacity:.24;box-shadow:0 0 0 0 rgba(84,232,255,.08)}48%{transform:scale(1);opacity:.72;box-shadow:0 0 0 26px rgba(84,232,255,0)}}

.pv1-quiet{min-height:520px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:radial-gradient(circle at 20% 60%,rgba(23,115,141,.07),transparent 25rem),#02070b}
.pv1-quiet-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:end;padding-top:106px;padding-bottom:106px}
.pv1-quiet h2{margin:22px 0 0;font-size:clamp(4rem,6.6vw,6.9rem);line-height:.89;letter-spacing:-.068em;font-weight:850}
.pv1-quiet-note{max-width:420px;padding-bottom:8px}
.pv1-quiet-note p{margin:0 0 30px;color:#95a8b1;font-size:1.05rem;line-height:1.72}
.pv1-link{display:inline-flex;align-items:center;gap:8px;padding-bottom:6px;border-bottom:1px solid rgba(84,232,255,.32);color:#dffbff;font-size:.77rem;font-weight:820;letter-spacing:.17em;text-transform:uppercase}
.pv1-link span{color:var(--cyan)}

.pv1-close{min-height:390px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#02070b,#031018)}
.pv1-close-inner{display:grid;grid-template-columns:1fr auto;gap:80px;align-items:end;padding-top:86px;padding-bottom:88px}
.pv1-close h2{margin:20px 0 0;font-size:clamp(3.2rem,5.2vw,5.4rem);line-height:.91;letter-spacing:-.061em;font-weight:840}
.pv1-close-action{text-align:right;padding-bottom:3px}
.pv1-close-action p{margin:0 0 18px;color:#7f929b;font-size:1rem}

.platform-v1 .reveal{opacity:0;transform:translateY(18px);transition:opacity .82s cubic-bezier(.2,.65,.25,1),transform .82s cubic-bezier(.2,.65,.25,1)}
.platform-v1 .reveal.visible{opacity:1;transform:none}

@media(max-width:1100px){
  .platform-v1 .site-header,.platform-v1 .nav-wrap{height:80px}.platform-v1 main{padding-top:80px}
  .platform-v1 .nav-wrap{width:min(100% - 42px,1200px)}.platform-v1 .desktop-nav{gap:24px}.platform-v1 .desktop-nav a{font-size:.92rem}
  .pv1-hero{min-height:calc(100svh - 80px)}
  .pv1-quiet-grid{grid-template-columns:1fr;gap:42px;align-items:start}.pv1-quiet-note{max-width:610px}
  .pv1-close-inner{gap:44px}
}
@media(max-width:820px){
  .platform-v1 .site-header,.platform-v1 .nav-wrap{height:74px}.platform-v1 main{padding-top:74px}
  .platform-v1 .brand{font-size:1.02rem}
  .pv1-hero{min-height:72svh;padding:80px 0}.pv1-hero h1{font-size:clamp(3.5rem,14.5vw,5.8rem)}.pv1-scroll-hint{display:none}
  .pv1-signal{min-height:auto}.pv1-signal-inner{padding:88px 0}.pv1-signal h2{font-size:clamp(3rem,12vw,4.8rem)}
  .pv1-quiet{min-height:auto}.pv1-quiet-grid{padding-top:84px;padding-bottom:88px}.pv1-quiet h2{font-size:clamp(3rem,12vw,4.8rem)}
  .pv1-close{min-height:auto}.pv1-close-inner{grid-template-columns:1fr;gap:32px;padding-top:78px;padding-bottom:82px}.pv1-close-action{text-align:left}
}
@media(max-width:520px){
  .pv1-kicker{font-size:.61rem}.pv1-hero p,.pv1-signal p,.pv1-quiet-note p{font-size:.95rem}
  .pv1-hero h1{font-size:clamp(3.15rem,16vw,4.5rem)}.pv1-signal h2,.pv1-quiet h2{font-size:clamp(2.8rem,14vw,4rem)}
  .pv1-close h2{font-size:clamp(2.8rem,13vw,4rem)}
}
@media(prefers-reduced-motion:reduce){.pv1-orbit,.pv1-wave,.pv1-pulse{animation:none}.platform-v1 .reveal{opacity:1;transform:none}}

/* =========================================================
   PLATFORM V2 — REFINED SIGNATURE
   Home V7.7 remains untouched.
   ========================================================= */
.platform-v2{background:#02070b}
.platform-v2 .site-header{height:88px;background:rgba(2,7,11,.95);backdrop-filter:blur(22px);border-bottom:1px solid rgba(164,225,242,.12)}
.platform-v2 .nav-wrap{height:88px;width:min(1400px,calc(100% - 72px))}
.platform-v2 .brand{font-size:1.24rem;letter-spacing:.21em}
.platform-v2 .brand-glyph{width:40px;height:19px}
.platform-v2 .desktop-nav{gap:40px}
.platform-v2 .desktop-nav a{font-size:1.03rem;font-weight:680}
.platform-v2 .header-actions .btn{min-height:50px;padding-inline:25px;font-size:.92rem}
.platform-v2 main{padding-top:88px}
.platform-v2 .site-footer{padding-top:48px}

.pv2-kicker{display:flex;align-items:center;gap:12px;color:var(--cyan);font-size:.69rem;font-weight:880;letter-spacing:.25em;text-transform:uppercase}
.pv2-kicker::before{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan));box-shadow:0 0 14px rgba(84,232,255,.26)}

.pv2-hero{position:relative;min-height:760px;height:calc(100svh - 88px);max-height:900px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 71% 42%,rgba(18,142,171,.10),transparent 26rem),linear-gradient(135deg,#02070b 0%,#031018 56%,#02070b 100%)}
.pv2-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 42%,rgba(84,232,255,.018) 50%,transparent 58%);opacity:.8;pointer-events:none}
.pv2-hero-inner{position:relative;z-index:4;width:min(1060px,calc(100% - 96px));margin-inline:auto;transform:translateY(-45px)}
.pv2-hero h1{margin:24px 0 24px;max-width:980px;font-size:clamp(4.6rem,7.6vw,8rem);line-height:.86;letter-spacing:-.072em;font-weight:860}
.pv2-hero h1 span,.pv2-focus h2 span,.pv2-close h2 span{color:transparent;background:linear-gradient(92deg,#e8fdff 0%,#7ef0ff 27%,#36c9ea 66%,#79baff 100%);-webkit-background-clip:text;background-clip:text}
.pv2-hero p{max-width:690px;margin:0;color:#93a8b2;font-size:clamp(1.02rem,1.3vw,1.18rem);line-height:1.72}
.pv2-hero p strong{color:#dff8fd;font-weight:650}

.pv2-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.88;mask-image:linear-gradient(to bottom,transparent 8%,#000 24%,#000 82%,transparent 100%)}
.pv2-line{position:absolute;left:-8%;width:116%;height:1px;top:54%;background:linear-gradient(90deg,transparent 0%,rgba(84,232,255,.07) 15%,rgba(84,232,255,.33) 50%,rgba(84,232,255,.07) 85%,transparent 100%);transform-origin:center;filter:drop-shadow(0 0 12px rgba(84,232,255,.10))}
.pv2-line.l1{animation:pv2Line1 9s ease-in-out infinite}
.pv2-line.l2{top:57%;opacity:.48;animation:pv2Line2 12s ease-in-out infinite}
.pv2-line.l3{top:51%;opacity:.30;animation:pv2Line3 15s ease-in-out infinite}
.pv2-glow{position:absolute;left:14%;top:46%;width:11px;height:11px;border-radius:50%;background:var(--cyan);box-shadow:0 0 45px 18px rgba(84,232,255,.08),0 0 10px rgba(84,232,255,.55);animation:pv2Glow 11s ease-in-out infinite}
@keyframes pv2Line1{0%,100%{transform:translateY(0) skewY(-.7deg)}50%{transform:translateY(-22px) skewY(.9deg)}}
@keyframes pv2Line2{0%,100%{transform:translateY(13px) skewY(.45deg)}50%{transform:translateY(-13px) skewY(-.7deg)}}
@keyframes pv2Line3{0%,100%{transform:translateY(-10px) skewY(.35deg)}50%{transform:translateY(15px) skewY(-.45deg)}}
@keyframes pv2Glow{0%,100%{left:14%;opacity:.18;transform:scale(.72)}45%{opacity:.62;transform:scale(1)}62%{left:78%;opacity:.48}100%{left:86%;opacity:.16;transform:scale(.78)}}

.pv2-sequence{position:absolute;z-index:5;left:50%;bottom:42px;transform:translateX(-50%);width:min(1080px,calc(100% - 96px));display:grid;grid-template-columns:1fr 56px 1fr 56px 1fr;align-items:center}
.pv2-sequence>div{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:2px;align-items:baseline}
.pv2-sequence span{grid-row:1/3;color:#48616c;font-size:.64rem;letter-spacing:.18em}
.pv2-sequence strong{color:#eefcff;font-size:.88rem;letter-spacing:.18em}
.pv2-sequence em{color:#69808b;font-size:.72rem;font-style:normal;letter-spacing:.04em}
.pv2-sequence i{height:1px;background:linear-gradient(90deg,rgba(84,232,255,.09),rgba(84,232,255,.36),rgba(84,232,255,.09));position:relative}
.pv2-sequence i::after{content:"";position:absolute;right:-2px;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px rgba(84,232,255,.25)}

.pv2-focus{min-height:560px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:radial-gradient(circle at 18% 58%,rgba(23,115,141,.08),transparent 24rem),#02070b}
.pv2-focus-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:120px;align-items:end;padding-top:112px;padding-bottom:112px}
.pv2-focus h2{margin:22px 0 0;font-size:clamp(4rem,6.2vw,6.6rem);line-height:.89;letter-spacing:-.067em;font-weight:850}
.pv2-focus-copy{max-width:450px;padding-bottom:10px}
.pv2-focus-copy p{margin:0 0 30px;color:#95a8b1;font-size:1.05rem;line-height:1.72}
.pv2-link{display:inline-flex;align-items:center;gap:8px;padding-bottom:6px;border-bottom:1px solid rgba(84,232,255,.32);color:#dffbff;font-size:.77rem;font-weight:820;letter-spacing:.17em;text-transform:uppercase}
.pv2-link span{color:var(--cyan)}

.pv2-close{min-height:520px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#02070b,#031018)}
.pv2-close-inner{padding-top:110px;padding-bottom:110px}
.pv2-close h2{margin:22px 0 34px;max-width:1120px;font-size:clamp(3.6rem,5.7vw,6.15rem);line-height:.91;letter-spacing:-.063em;font-weight:850}
.pv2-close-bottom{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:26px;border-top:1px solid rgba(164,225,242,.10)}
.pv2-close-bottom p{margin:0;color:#7e929b;font-size:1rem}

.platform-v2 .reveal{opacity:0;transform:translateY(18px);transition:opacity .82s cubic-bezier(.2,.65,.25,1),transform .82s cubic-bezier(.2,.65,.25,1)}
.platform-v2 .reveal.visible{opacity:1;transform:none}

@media(max-width:1100px){
  .platform-v2 .site-header,.platform-v2 .nav-wrap{height:80px}.platform-v2 main{padding-top:80px}
  .platform-v2 .nav-wrap{width:min(100% - 42px,1200px)}.platform-v2 .desktop-nav{gap:24px}.platform-v2 .desktop-nav a{font-size:.92rem}
  .pv2-hero{height:auto;min-height:720px}.pv2-hero-inner{width:min(100% - 54px,900px)}
  .pv2-sequence{width:min(100% - 54px,980px);grid-template-columns:1fr 34px 1fr 34px 1fr}
  .pv2-focus-grid{grid-template-columns:1fr;gap:42px;align-items:start}.pv2-focus-copy{max-width:620px}
}
@media(max-width:820px){
  .platform-v2 .site-header,.platform-v2 .nav-wrap{height:74px}.platform-v2 main{padding-top:74px}.platform-v2 .brand{font-size:1.02rem}
  .pv2-hero{min-height:680px}.pv2-hero-inner{transform:translateY(-20px)}.pv2-hero h1{font-size:clamp(3.4rem,14vw,5.6rem)}
  .pv2-sequence{bottom:30px;grid-template-columns:1fr;gap:12px}.pv2-sequence i{display:none}.pv2-sequence>div{grid-template-columns:42px 1fr}.pv2-sequence em{display:none}
  .pv2-focus{min-height:auto}.pv2-focus-grid{padding-top:86px;padding-bottom:90px}.pv2-focus h2{font-size:clamp(3rem,12vw,4.8rem)}
  .pv2-close{min-height:auto}.pv2-close-inner{padding-top:88px;padding-bottom:90px}.pv2-close h2{font-size:clamp(3rem,11.7vw,4.9rem)}.pv2-close-bottom{align-items:flex-start;flex-direction:column}
}
@media(max-width:520px){
  .pv2-kicker{font-size:.61rem}.pv2-hero p,.pv2-focus-copy p{font-size:.95rem}.pv2-hero-inner{width:calc(100% - 36px)}
  .pv2-sequence{width:calc(100% - 36px)}
}
@media(prefers-reduced-motion:reduce){.pv2-line,.pv2-glow{animation:none}.platform-v2 .reveal{opacity:1;transform:none}}


/* =========================================================
   PLATFORM V3 — SIGNAL FLOW
   One dominant headline, one meaningful moving animation.
   Home remains frozen and untouched.
   ========================================================= */
.platform-v3{background:#02070b}
.platform-v3 .site-header{height:88px;background:rgba(2,7,11,.95);backdrop-filter:blur(22px);border-bottom:1px solid rgba(164,225,242,.12)}
.platform-v3 .nav-wrap{height:88px;width:min(1400px,calc(100% - 72px))}
.platform-v3 .brand{font-size:1.24rem;letter-spacing:.21em}
.platform-v3 .brand-glyph{width:40px;height:19px}
.platform-v3 .desktop-nav{gap:40px}
.platform-v3 .desktop-nav a{font-size:1.03rem;font-weight:680}
.platform-v3 .header-actions .btn{min-height:50px;padding-inline:25px;font-size:.92rem}
.platform-v3 main{padding-top:88px}
.platform-v3 .site-footer{padding-top:48px}
.platform-v3 .reveal{opacity:0;transform:translateY(18px);transition:opacity .82s cubic-bezier(.2,.65,.25,1),transform .82s cubic-bezier(.2,.65,.25,1)}
.platform-v3 .reveal.visible{opacity:1;transform:none}

/* the flow is now the second signature motion */
.pv3-sequence{position:absolute;overflow:visible}
.pv3-sequence::before{
  content:"";
  position:absolute;
  left:0;right:0;top:50%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(84,232,255,.05) 8%,rgba(84,232,255,.16) 50%,rgba(84,232,255,.05) 92%,transparent);
  z-index:-1;
}
.pv3-flow-pulse{
  position:absolute;
  left:1.5%;top:50%;
  width:10px;height:10px;
  margin-top:-5px;
  border-radius:50%;
  background:#e8fdff;
  box-shadow:0 0 8px rgba(232,253,255,.95),0 0 20px rgba(84,232,255,.7),0 0 48px rgba(84,232,255,.28);
  opacity:0;
  animation:pv3Flow 7.8s cubic-bezier(.55,.02,.42,.98) infinite;
}
.pv3-flow-pulse::after{
  content:"";position:absolute;left:-54px;top:4px;width:56px;height:2px;
  background:linear-gradient(90deg,transparent,rgba(84,232,255,.08),rgba(84,232,255,.78));
  filter:blur(.2px);
}
.pv3-step{transition:filter .45s ease,opacity .45s ease,transform .45s ease}
.pv3-step strong{transition:color .45s ease,text-shadow .45s ease}
.pv3-step em{transition:color .45s ease}
.pv3-step.s1{animation:pv3Step1 7.8s ease-in-out infinite}
.pv3-step.s2{animation:pv3Step2 7.8s ease-in-out infinite}
.pv3-step.s3{animation:pv3Step3 7.8s ease-in-out infinite}
@keyframes pv3Flow{
  0%,8%{left:1.5%;opacity:0;transform:scale(.7)}
  12%{opacity:1;transform:scale(1)}
  33%{left:33%;opacity:1}
  54%{left:50%;opacity:1;transform:scale(1.12)}
  76%{left:82%;opacity:1}
  90%{left:98%;opacity:0;transform:scale(.75)}
  100%{left:98%;opacity:0}
}
@keyframes pv3Step1{0%,8%,28%,100%{filter:none;transform:none}14%,20%{filter:drop-shadow(0 0 10px rgba(84,232,255,.20));transform:translateY(-2px)}}
@keyframes pv3Step2{0%,36%,64%,100%{filter:none;transform:none}46%,54%{filter:drop-shadow(0 0 10px rgba(84,232,255,.20));transform:translateY(-2px)}}
@keyframes pv3Step3{0%,68%,96%,100%{filter:none;transform:none}78%,88%{filter:drop-shadow(0 0 10px rgba(84,232,255,.20));transform:translateY(-2px)}}

/* reduce the visual weight of the secondary sections */
.pv3-focus{min-height:430px}
.pv3-focus .pv2-focus-grid{grid-template-columns:1.1fr .9fr;gap:110px;padding-top:88px;padding-bottom:88px}
.pv3-focus h2{font-size:clamp(2.8rem,4.2vw,4.75rem);line-height:.94;letter-spacing:-.055em;max-width:720px}
.pv3-focus .pv2-focus-copy{padding-bottom:0}
.pv3-focus .pv2-focus-copy p{font-size:1rem;max-width:420px}
.pv3-close{min-height:390px}
.pv3-close .pv2-close-inner{padding-top:78px;padding-bottom:80px}
.pv3-close h2{font-size:clamp(3rem,4.5vw,5rem);margin-bottom:28px}
.pv3-close .pv2-close-bottom{padding-top:22px}

@media(max-width:1100px){
  .platform-v3 .site-header,.platform-v3 .nav-wrap{height:80px}.platform-v3 main{padding-top:80px}
  .platform-v3 .nav-wrap{width:min(100% - 42px,1200px)}.platform-v3 .desktop-nav{gap:24px}.platform-v3 .desktop-nav a{font-size:.92rem}
  .pv3-focus .pv2-focus-grid{grid-template-columns:1fr;gap:30px}
}
@media(max-width:820px){
  .platform-v3 .site-header,.platform-v3 .nav-wrap{height:74px}.platform-v3 main{padding-top:74px}.platform-v3 .brand{font-size:1.02rem}
  .pv3-flow-pulse,.pv3-sequence::before{display:none}
  .pv3-step{animation:none!important}
  .pv3-focus,.pv3-close{min-height:auto}
  .pv3-focus .pv2-focus-grid{padding-top:72px;padding-bottom:76px}
  .pv3-close .pv2-close-inner{padding-top:70px;padding-bottom:72px}
}
@media(prefers-reduced-motion:reduce){
  .pv3-flow-pulse{animation:none;display:none}
  .pv3-step{animation:none!important}
  .platform-v3 .reveal{opacity:1;transform:none}
}

/* =========================================================
   PLATFORM V4 — SIGNAL STORY
   One explicit animation: raw signal -> notice -> context -> decide.
   ========================================================= */
.platform-v4{background:#02070b}
.platform-v4 .site-header{height:88px;background:rgba(2,7,11,.95);backdrop-filter:blur(22px);border-bottom:1px solid rgba(164,225,242,.12)}
.platform-v4 .nav-wrap{height:88px;width:min(1400px,calc(100% - 72px))}
.platform-v4 .brand{font-size:1.24rem;letter-spacing:.21em}
.platform-v4 .brand-glyph{width:40px;height:19px}
.platform-v4 .desktop-nav{gap:40px}.platform-v4 .desktop-nav a{font-size:1.03rem;font-weight:680}
.platform-v4 .header-actions .btn{min-height:50px;padding-inline:25px;font-size:.92rem}
.platform-v4 main{padding-top:88px}.platform-v4 .site-footer{padding-top:46px}
.platform-v4 .reveal{opacity:0;transform:translateY(16px);transition:opacity .78s cubic-bezier(.2,.65,.25,1),transform .78s cubic-bezier(.2,.65,.25,1)}
.platform-v4 .reveal.visible{opacity:1;transform:none}

.p4-hero{position:relative;min-height:780px;padding:106px 0 54px;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 70% 30%,rgba(26,150,178,.09),transparent 28rem),linear-gradient(145deg,#02070b 0%,#031018 54%,#02070b 100%)}
.p4-hero::after{content:"";position:absolute;right:-220px;top:80px;width:480px;height:480px;border-radius:50%;border:1px solid rgba(84,232,255,.045);box-shadow:0 0 0 55px rgba(84,232,255,.006);pointer-events:none}
.p4-hero-copy{position:relative;z-index:2;width:min(1050px,calc(100% - 96px));margin-inline:auto}
.p4-hero h1{margin:22px 0 20px;max-width:960px;font-size:clamp(4.5rem,7.3vw,7.7rem);line-height:.87;letter-spacing:-.072em;font-weight:860}
.p4-hero h1 span,.p4-principle h2 span,.p4-close h2 span{color:transparent;background:linear-gradient(92deg,#e8fdff 0%,#7ef0ff 27%,#36c9ea 66%,#79baff 100%);-webkit-background-clip:text;background-clip:text}
.p4-hero-copy>p{max-width:650px;margin:0;color:#91a6b0;font-size:1.08rem;line-height:1.7}

.p4-story{position:relative;z-index:2;width:min(1180px,calc(100% - 96px));margin:66px auto 0;border:1px solid rgba(164,225,242,.11);border-radius:26px;background:linear-gradient(180deg,rgba(5,18,26,.76),rgba(2,8,12,.88));box-shadow:0 32px 90px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.02);overflow:hidden}
.p4-story::before{content:"SIGNAL / CONTEXT / DECISION";position:absolute;top:22px;left:28px;color:#55717d;font-size:.61rem;letter-spacing:.23em;font-weight:800}
.p4-story-svg{display:block;width:100%;height:auto;min-height:235px;padding:18px 22px 0}
.p4-raw path{stroke-dasharray:10 12;animation:p4Dash 8s linear infinite}
.p4-raw path:nth-child(2){animation-duration:10s;animation-direction:reverse}.p4-raw path:nth-child(3){animation-duration:12s}
@keyframes p4Dash{to{stroke-dashoffset:-120}}
.p4-node circle:first-child{fill:#0b2029;stroke:#6fefff;stroke-width:2}.p4-node .p4-ring{fill:none;stroke:rgba(84,232,255,.18);stroke-width:1;transform-origin:center;animation:p4Ring 6.8s ease-in-out infinite}
.p4-node.context .p4-ring{animation-delay:2.2s}.p4-node.decide .p4-ring{animation-delay:4.5s}
@keyframes p4Ring{0%,68%,100%{r:27;opacity:.22}78%{r:38;opacity:.72}90%{r:52;opacity:0}}
.p4-pulse{fill:#eaffff;stroke:#54e8ff;stroke-width:2}
.p4-labels text{fill:#dff8fc;font-size:16px;font-weight:850;letter-spacing:3px}.p4-labels .sub{fill:#708892;font-size:12px;font-weight:500;letter-spacing:1px}
.p4-mobile-flow{display:none}

.p4-principle{border-bottom:1px solid var(--line);background:radial-gradient(circle at 18% 55%,rgba(23,115,141,.07),transparent 23rem),#02070b}
.p4-principle-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:110px;align-items:end;padding-top:92px;padding-bottom:94px}
.p4-principle h2{margin:20px 0 0;font-size:clamp(3rem,4.8vw,5.3rem);line-height:.91;letter-spacing:-.061em;font-weight:850}
.p4-principle-copy{max-width:420px}.p4-principle-copy p{margin:0 0 28px;color:#92a6af;font-size:1rem;line-height:1.72}

.p4-close{border-bottom:1px solid var(--line);background:linear-gradient(180deg,#02070b,#031018)}
.p4-close-inner{display:grid;grid-template-columns:1fr .72fr;gap:100px;align-items:end;padding-top:78px;padding-bottom:82px}
.p4-close h2{margin:20px 0 0;font-size:clamp(3rem,4.5vw,4.9rem);line-height:.92;letter-spacing:-.06em;font-weight:850}
.p4-close-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.p4-close-copy p{max-width:350px;margin:0;color:#7f949e;line-height:1.7}

@media(max-width:1000px){
  .platform-v4 .site-header,.platform-v4 .nav-wrap{height:80px}.platform-v4 main{padding-top:80px}.platform-v4 .nav-wrap{width:min(100% - 42px,1200px)}
  .platform-v4 .desktop-nav{gap:24px}.platform-v4 .desktop-nav a{font-size:.92rem}
  .p4-hero{padding-top:88px}.p4-hero-copy,.p4-story{width:min(100% - 54px,980px)}
  .p4-principle-grid,.p4-close-inner{grid-template-columns:1fr;gap:34px}.p4-close-copy{justify-content:flex-start}
}
@media(max-width:820px){
  .platform-v4 .site-header,.platform-v4 .nav-wrap{height:74px}.platform-v4 main{padding-top:74px}.platform-v4 .brand{font-size:1.02rem}
  .p4-hero{min-height:auto;padding:74px 0 58px}.p4-hero h1{font-size:clamp(3.3rem,14vw,5.5rem)}.p4-hero-copy{width:calc(100% - 36px)}
  .p4-story{width:calc(100% - 36px);margin-top:48px;padding:62px 22px 26px}.p4-story-svg{display:none}.p4-mobile-flow{display:grid;gap:14px}.p4-mobile-flow span{display:grid;gap:4px}.p4-mobile-flow b{font-size:.95rem;letter-spacing:.14em}.p4-mobile-flow em{font-style:normal;color:#718892;font-size:.84rem}.p4-mobile-flow i{color:var(--cyan);font-style:normal}
  .p4-principle-grid,.p4-close-inner{padding-top:72px;padding-bottom:74px}.p4-principle h2,.p4-close h2{font-size:clamp(2.8rem,11.8vw,4.5rem)}.p4-close-copy{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.p4-raw path,.p4-node .p4-ring{animation:none}.platform-v4 .reveal{opacity:1;transform:none}}

/* =========================================================
   PLATFORM V5 — SIGNAL TRANSFORMATION
   One large narrative motion: raw signal -> notice -> context -> decide.
   No dashboard card, no decorative second pulse.
   ========================================================= */
.platform-v5{background:#02070b}
.platform-v5 .site-header{height:88px;background:rgba(2,7,11,.95);backdrop-filter:blur(22px);border-bottom:1px solid rgba(164,225,242,.12)}
.platform-v5 .nav-wrap{height:88px;width:min(1400px,calc(100% - 72px))}
.platform-v5 .brand{font-size:1.24rem;letter-spacing:.21em}
.platform-v5 .brand-glyph{width:40px;height:19px}
.platform-v5 .desktop-nav{gap:40px}.platform-v5 .desktop-nav a{font-size:1.03rem;font-weight:680}
.platform-v5 .header-actions .btn{min-height:50px;padding-inline:25px;font-size:.92rem}
.platform-v5 main{padding-top:88px}.platform-v5 .site-footer{padding-top:46px}
.platform-v5 .reveal{opacity:0;transform:translateY(14px);transition:opacity .78s cubic-bezier(.2,.65,.25,1),transform .78s cubic-bezier(.2,.65,.25,1)}
.platform-v5 .reveal.visible{opacity:1;transform:none}

.p5-hero{position:relative;min-height:760px;padding:92px 0 38px;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 73% 28%,rgba(26,150,178,.09),transparent 29rem),linear-gradient(145deg,#02070b 0%,#031018 54%,#02070b 100%)}
.p5-hero::after{content:"";position:absolute;right:-210px;top:78px;width:470px;height:470px;border-radius:50%;border:1px solid rgba(84,232,255,.044);box-shadow:0 0 0 54px rgba(84,232,255,.006);pointer-events:none}
.p5-hero-copy{position:relative;z-index:2;width:min(1050px,calc(100% - 96px));margin-inline:auto}
.p5-hero h1{margin:20px 0 18px;max-width:960px;font-size:clamp(4.5rem,7.1vw,7.55rem);line-height:.87;letter-spacing:-.072em;font-weight:860}
.p5-hero h1 span,.p5-principle h2 span,.p5-close h2 span{color:transparent;background:linear-gradient(92deg,#e8fdff 0%,#7ef0ff 27%,#36c9ea 66%,#79baff 100%);-webkit-background-clip:text;background-clip:text}
.p5-hero-copy>p{max-width:650px;margin:0;color:#91a6b0;font-size:1.06rem;line-height:1.7}

.p5-flow{position:relative;z-index:2;width:min(1240px,calc(100% - 78px));margin:34px auto 0;padding:0;overflow:visible}
.p5-flow::before{content:"";position:absolute;left:0;right:0;top:46%;height:1px;background:linear-gradient(90deg,transparent,rgba(84,232,255,.045) 13%,rgba(84,232,255,.10) 50%,rgba(84,232,255,.045) 87%,transparent);pointer-events:none}
.p5-flow-svg{display:block;width:100%;height:auto;overflow:visible}
.p5-raw path{stroke:rgba(84,232,255,.25);stroke-width:2.05;stroke-dasharray:9 13;animation:p5RawDash 8.8s linear infinite}
.p5-raw path:nth-child(2){opacity:.65;animation-direction:reverse;animation-duration:10.5s}.p5-raw path:nth-child(3){opacity:.42;animation-duration:12.5s}
@keyframes p5RawDash{to{stroke-dashoffset:-125}}

.p5-converge path{stroke:rgba(84,232,255,.22);stroke-width:1.7;opacity:.3;animation:p5Converge 8.8s ease-in-out infinite}
@keyframes p5Converge{0%,8%,26%,100%{opacity:.20}15%,22%{opacity:.70;stroke-width:2.2}}

.p5-context-layer path{stroke:rgba(84,232,255,.10);stroke-width:1.5;stroke-dasharray:7 10;opacity:.08;animation:p5ContextLayer 8.8s ease-in-out infinite}
@keyframes p5ContextLayer{0%,30%,100%{opacity:.05;stroke-dashoffset:0}45%,62%{opacity:.56;stroke-dashoffset:-30}72%{opacity:.16;stroke-dashoffset:-48}}

.p5-clean{stroke-dasharray:380;stroke-dashoffset:380;opacity:.10;animation:p5CleanReveal 8.8s ease-in-out infinite}
@keyframes p5CleanReveal{0%,57%{stroke-dashoffset:380;opacity:.08}70%{opacity:.34}84%{stroke-dashoffset:0;opacity:.88}94%,100%{stroke-dashoffset:0;opacity:.18}}

.p5-node .core{fill:#08212a;stroke:#70efff;stroke-width:2}.p5-node .ring{fill:none;stroke:rgba(84,232,255,.17);stroke-width:1}
.p5-notice .ring{animation:p5RingNotice 8.8s ease-in-out infinite}.p5-context .ring{animation:p5RingContext 8.8s ease-in-out infinite}.p5-decide .ring{animation:p5RingDecide 8.8s ease-in-out infinite}.p5-decide .core{animation:p5CoreDecide 8.8s ease-in-out infinite}
@keyframes p5RingNotice{0%,8%,30%,100%{r:25;opacity:.15}15%{r:34;opacity:.78}24%{r:48;opacity:0}}
@keyframes p5RingContext{0%,34%,67%,100%{r:25;opacity:.15}47%{r:34;opacity:.76}58%{r:50;opacity:0}}
@keyframes p5RingDecide{0%,65%,100%{r:25;opacity:.15}78%{r:34;opacity:.88}90%{r:52;opacity:0}}
@keyframes p5CoreDecide{0%,72%,100%{fill:#08212a;stroke:#70efff;filter:none}81%,96%{fill:#dffcff;stroke:#f4ffff;filter:drop-shadow(0 0 9px rgba(84,232,255,.95))}}

.p5-orb{stroke:#54e8ff;stroke-width:2}
.p5-labels text{fill:#dff8fc;font-size:17px;font-weight:860;letter-spacing:3.2px}.p5-labels .sub{fill:#708892;font-size:12px;font-weight:520;letter-spacing:1px}
.p5-labels .label{opacity:.46}.p5-labels .notice{animation:p5LabelNotice 8.8s ease-in-out infinite}.p5-labels .context{animation:p5LabelContext 8.8s ease-in-out infinite}.p5-labels .decide{animation:p5LabelDecide 8.8s ease-in-out infinite}
@keyframes p5LabelNotice{0%,8%,30%,100%{opacity:.46}14%,22%{opacity:1}}
@keyframes p5LabelContext{0%,35%,66%,100%{opacity:.46}46%,57%{opacity:1}}
@keyframes p5LabelDecide{0%,67%,100%{opacity:.46}78%,96%{opacity:1}}
.p5-raw-caption,.p5-output-caption{fill:#44616d;font-size:10px;font-weight:800;letter-spacing:2.5px}
.p5-output-caption{fill:#7597a3}
.p5-mobile-flow{display:none}

.p5-principle{border-bottom:1px solid var(--line);background:radial-gradient(circle at 18% 55%,rgba(23,115,141,.055),transparent 22rem),#02070b}
.p5-principle-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:110px;align-items:end;padding-top:72px;padding-bottom:76px}
.p5-principle h2{margin:18px 0 0;font-size:clamp(2.8rem,4.25vw,4.7rem);line-height:.93;letter-spacing:-.056em;font-weight:850}
.p5-principle-copy{max-width:410px}.p5-principle-copy p{margin:0 0 27px;color:#8ea3ad;font-size:.98rem;line-height:1.72}

.p5-close{border-bottom:1px solid var(--line);background:linear-gradient(180deg,#02070b,#031018)}
.p5-close-inner{display:grid;grid-template-columns:1fr .76fr;gap:100px;align-items:end;padding-top:66px;padding-bottom:72px}
.p5-close h2{margin:18px 0 0;font-size:clamp(2.9rem,4.2vw,4.7rem);line-height:.93;letter-spacing:-.058em;font-weight:850}
.p5-close-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.p5-close-copy p{max-width:350px;margin:0;color:#7f949e;line-height:1.68}

@media(max-width:1000px){
  .platform-v5 .site-header,.platform-v5 .nav-wrap{height:80px}.platform-v5 main{padding-top:80px}.platform-v5 .nav-wrap{width:min(100% - 42px,1200px)}
  .platform-v5 .desktop-nav{gap:24px}.platform-v5 .desktop-nav a{font-size:.92rem}
  .p5-hero{padding-top:82px}.p5-hero-copy,.p5-flow{width:min(100% - 50px,980px)}
  .p5-principle-grid,.p5-close-inner{grid-template-columns:1fr;gap:30px}.p5-close-copy{justify-content:flex-start}
}
@media(max-width:820px){
  .platform-v5 .site-header,.platform-v5 .nav-wrap{height:74px}.platform-v5 main{padding-top:74px}.platform-v5 .brand{font-size:1.02rem}
  .p5-hero{min-height:auto;padding:68px 0 56px}.p5-hero h1{font-size:clamp(3.3rem,14vw,5.4rem)}.p5-hero-copy{width:calc(100% - 36px)}
  .p5-flow{width:calc(100% - 36px);margin-top:42px}.p5-flow-svg{display:none}.p5-mobile-flow{display:grid;gap:14px;padding:24px 0 8px}.p5-mobile-flow span{display:grid;gap:4px}.p5-mobile-flow b{font-size:.95rem;letter-spacing:.14em}.p5-mobile-flow em{font-style:normal;color:#718892;font-size:.84rem}.p5-mobile-flow i{color:var(--cyan);font-style:normal}
  .p5-principle-grid,.p5-close-inner{padding-top:64px;padding-bottom:66px}.p5-principle h2,.p5-close h2{font-size:clamp(2.65rem,11vw,4.2rem)}.p5-close-copy{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .p5-raw path,.p5-converge path,.p5-context-layer path,.p5-clean,.p5-node .ring,.p5-labels .label{animation:none!important}
  .platform-v5 .reveal{opacity:1;transform:none}
}

/* =========================================================
   V10.8 — GLOBAL DESKTOP HEADER REFINEMENT
   User-approved global change: make the header easier to read
   on every marketing page, move the visual brand farther left,
   and move the Early Access CTA farther right.
   Content/animations below the header remain unchanged.
   ========================================================= */
@media (min-width:981px){
  body:is(.home-v7,.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .nav-wrap{
    width:min(1720px,calc(100% - 40px));
    max-width:none;
    gap:32px;
  }
  body:is(.home-v7,.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .brand{
    font-size:clamp(1.40rem,1.70vw,1.66rem);
    letter-spacing:.205em;
    gap:14px;
  }
  body:is(.home-v7,.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .brand-glyph{
    width:48px;
    height:22px;
  }
  body:is(.home-v7,.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .desktop-nav{
    gap:clamp(30px,2.55vw,50px);
  }
  body:is(.home-v7,.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .desktop-nav a{
    font-size:clamp(1.08rem,1.38vw,1.34rem);
    font-weight:735;
    color:#c7d5dc;
  }
  body:is(.home-v7,.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .header-actions .btn{
    min-height:60px;
    padding-inline:29px;
    font-size:clamp(1rem,1.12vw,1.16rem);
    font-weight:850;
  }
}

/* =========================================================
   V10.9 — GLOBAL LEGIBILITY + HEADER POSITIONING
   Approved refinement: improve small editorial type across the
   marketing site and let the desktop header use the full viewport.
   Core page layouts, copy, animations, and locked content unchanged.
   ========================================================= */

/* Desktop header: true edge-to-edge balance, slightly stronger nav. */
@media (min-width:981px){
  body:is(.home-v7,.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .nav-wrap{
    width:calc(100% - 48px);
    max-width:none;
    gap:34px;
  }
  body:is(.home-v7,.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .brand{
    font-size:clamp(1.46rem,1.58vw,1.72rem);
    letter-spacing:.205em;
  }
  body:is(.home-v7,.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .brand-glyph{
    width:50px;
    height:23px;
  }
  body:is(.home-v7,.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .desktop-nav{
    gap:clamp(38px,3vw,62px);
  }
  body:is(.home-v7,.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .desktop-nav a{
    font-size:clamp(1.12rem,1.23vw,1.38rem);
    font-weight:745;
  }
  body:is(.home-v7,.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .header-actions .btn{
    min-height:61px;
    padding-inline:30px;
    font-size:clamp(1.02rem,1.08vw,1.18rem);
  }
}

/* Editorial micro-type: still quiet, but no longer microscopic. */
body.home-v7 .v7-kicker,
body.platform-v5 .pv2-kicker,
body.technology-v87 .t87-kicker,
body.coaches-v90 .c90-kicker,
body.science-v93 .s92-kicker,
body.about-v98 .a98-kicker{
  font-size:.84rem;
  font-weight:880;
  color:#73efff;
}

body.home-v7 .v7-rail-track{
  font-size:clamp(1rem,1.12vw,1.17rem);
}

/* Platform diagram captions */
body.platform-v5 .p5-raw-caption,
body.platform-v5 .p5-output-caption{
  font-size:12px;
  letter-spacing:2.2px;
}

/* Technology: surface/system annotations */
body.technology-v87 .t87-layer{font-size:.74rem;color:#78939e}
body.technology-v87 .t87-surface-label{font-size:.72rem;color:#839da7}
body.technology-v87 .t87-status small{font-size:.72rem;color:#78909a}
body.technology-v87 .t87-status span{font-size:.86rem;color:#8ba0aa}
body.technology-v87 .t87-label{font-size:16px}

/* Coaches: supporting labels inside the pattern story */
body.coaches-v90 .c90-hero-note{font-size:.78rem;color:#78919b}
body.coaches-v90 .c90-stage-label{font-size:.72rem;color:#75909b}
body.coaches-v90 .c90-stage-state small{font-size:.70rem;color:#718994}
body.coaches-v90 .c90-stage-state span{font-size:.80rem;color:#7f96a0}
body.coaches-v90 .c90-row-label{font-size:15px}
body.coaches-v90 .c90-row-meta{font-size:12px}
body.coaches-v90 .c90-note-title{font-size:13px}
body.coaches-v90 .c90-note-sub{font-size:11.5px}
body.coaches-v90 .c90-callout-sub{font-size:13px}
body.coaches-v90 .c90-step b{font-size:.78rem}
body.coaches-v90 .c90-step span{font-size:.76rem}

/* Science: method steps and confidence language */
body.science-v93 .s92-step{font-size:.80rem;color:#637b86}
body.science-v93 .s92-step span{font-size:.88rem;color:#91a6af}
body.science-v93 .s92-lane-label{font-size:13px}
body.science-v93 .s92-lane-note{font-size:12px}
body.science-v93 .s92-result-label{font-size:14px}
body.science-v93 .s92-result-copy{font-size:13px}
body.science-v93 .s92-confidence-title{font-size:.82rem}
body.science-v93 .s92-confidence-status{font-size:.86rem;color:#708894}
body.science-v93 .s92-confidence-status strong{font-size:1rem}
body.science-v93 .s92-confidence-legend{font-size:.74rem;color:#58717d}
body.science-v93 .s92-principle-copy .rule b{font-size:.78rem}

/* About: preserve discretion, remove the eye-strain. */
body.about-v98 .a98-hero-note{font-size:.72rem;color:#69828d}
body.about-v98 .a98-result small{font-size:.70rem;color:#6d8792}
body.about-v98 .a98-stage .index{font-size:.68rem;color:#607984}
body.about-v98 .a98-stage em{font-size:.86rem;color:#687f89}
body.about-v98 .a98-understanding small{font-size:.70rem}
body.about-v98 .a98-depth-note{font-size:.70rem;color:#5f7782}

/* Footer: secondary, not invisible. */
body:is(.home-v7,.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .footer-nav .label{
  font-size:.74rem;
  color:#5f7681;
}
body:is(.home-v7,.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .footer-nav a{
  font-size:.92rem;
}
body:is(.home-v7,.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .footer-bottom{
  font-size:.78rem;
  color:#58707b;
}

/* Keep small-screen hierarchy readable without crowding it. */
@media (max-width:820px){
  body.home-v7 .v7-kicker,
  body.platform-v5 .pv2-kicker,
  body.technology-v87 .t87-kicker,
  body.coaches-v90 .c90-kicker,
  body.science-v93 .s92-kicker,
  body.about-v98 .a98-kicker{font-size:.74rem}

  body.home-v7 .v7-rail-track{font-size:.82rem}
  body.about-v98 .a98-stage .index{font-size:.60rem}
  body.about-v98 .a98-depth-note{font-size:.62rem}
}

/* =========================================================
   V11.0 — GLOBAL READABILITY PASS
   Supporting text is now readable at normal viewing distance.
   Header label simplified from "For Coaches" to "Coach".
   ========================================================= */
body.home-v7 .v7-kicker,
body.platform-v5 .pv2-kicker,
body.technology-v87 .t87-kicker,
body.coaches-v90 .c90-kicker,
body.science-v93 .s92-kicker,
body.about-v98 .a98-kicker{
  font-size:.96rem;
  line-height:1.25;
  letter-spacing:.19em;
}

/* Home */
body.home-v7 .v7-rail-track{font-size:clamp(1.08rem,1.18vw,1.24rem)}
body.home-v7 .v7-manifesto p{font-size:1.10rem;color:#95a8b1}
body.home-v7 .v7-close-action p{font-size:1.08rem;color:#93a5ae}

/* Platform */
body.platform-v5 .p5-labels text{font-size:19px}
body.platform-v5 .p5-labels .sub{font-size:14px;fill:#8aa0aa;font-weight:600}
body.platform-v5 .p5-raw-caption,
body.platform-v5 .p5-output-caption{font-size:13px;fill:#607985}
body.platform-v5 .p5-principle-copy p,
body.platform-v5 .p5-close-copy p{font-size:1.08rem;color:#95a8b1}
body.platform-v5 .pv2-link{font-size:.94rem;letter-spacing:.14em}

/* Technology */
body.technology-v87 .t87-layer{font-size:.86rem;color:#8ba3ad}
body.technology-v87 .t87-surface-label{font-size:.84rem;color:#93a9b2}
body.technology-v87 .t87-status small{font-size:.84rem;color:#879da7}
body.technology-v87 .t87-status span{font-size:.96rem;color:#9cafb7}
body.technology-v87 .t87-label{font-size:18px}

/* Coach */
body.coaches-v90 .c90-hero-note{font-size:.90rem;color:#8ba2ac}
body.coaches-v90 .c90-stage-label{font-size:.84rem;color:#8ba2ac}
body.coaches-v90 .c90-stage-state small{font-size:.82rem;color:#849aa4}
body.coaches-v90 .c90-stage-state span{font-size:.90rem;color:#95a8b1}
body.coaches-v90 .c90-row-label{font-size:17px}
body.coaches-v90 .c90-row-meta{font-size:14px}
body.coaches-v90 .c90-note-title{font-size:15px}
body.coaches-v90 .c90-note-sub{font-size:13.5px}
body.coaches-v90 .c90-callout-sub{font-size:14.5px}
body.coaches-v90 .c90-step b{font-size:.88rem}
body.coaches-v90 .c90-step span{font-size:.86rem}

/* Science */
body.science-v93 .s92-step{font-size:.90rem;color:#78909a}
body.science-v93 .s92-step span{font-size:.98rem;color:#a0b2ba}
body.science-v93 .s92-lane-label{font-size:15px}
body.science-v93 .s92-lane-note{font-size:14px}
body.science-v93 .s92-result-label{font-size:16px}
body.science-v93 .s92-result-copy{font-size:14px}
body.science-v93 .s92-confidence-title{font-size:.92rem}
body.science-v93 .s92-confidence-status{font-size:.96rem;color:#849aa4}
body.science-v93 .s92-confidence-status strong{font-size:1.10rem}
body.science-v93 .s92-confidence-legend{font-size:.84rem;color:#708893}
body.science-v93 .s92-principle-copy .rule b{font-size:.88rem}

/* About */
body.about-v98 .a98-hero-note{font-size:.84rem;color:#8299a3}
body.about-v98 .a98-result small{font-size:.82rem;color:#8199a3}
body.about-v98 .a98-stage .index{font-size:.80rem;color:#78909a}
body.about-v98 .a98-stage em{font-size:.96rem;color:#81969f}
body.about-v98 .a98-understanding small{font-size:.82rem}
body.about-v98 .a98-depth-note{font-size:.82rem;color:#748c96}

/* Footer */
body:is(.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .footer-brand p{font-size:1rem;color:#7f949e}
body:is(.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .footer-nav .label{font-size:.84rem;color:#718994}
body:is(.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .footer-nav a{font-size:1rem;color:#9eb0b8}
body:is(.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .footer-bottom{font-size:.86rem;color:#6f8792}

/* Header: tiny final readability lift without making it heavy. */
@media (min-width:981px){
  body:is(.home-v7,.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .desktop-nav a{
    font-size:clamp(1.16rem,1.24vw,1.40rem);
  }
}

@media (max-width:820px){
  body.home-v7 .v7-kicker,
  body.platform-v5 .pv2-kicker,
  body.technology-v87 .t87-kicker,
  body.coaches-v90 .c90-kicker,
  body.science-v93 .s92-kicker,
  body.about-v98 .a98-kicker{font-size:.82rem}
  body.platform-v5 .p5-mobile-flow b{font-size:1.02rem}
  body.platform-v5 .p5-mobile-flow em{font-size:.92rem}
  body.about-v98 .a98-stage .index{font-size:.72rem}
  body.about-v98 .a98-depth-note{font-size:.72rem}
}


/* =========================================================
   V11.1 — PREMIUM TYPOGRAPHY PASS
   Final commercial polish: stronger readable supporting type,
   restrained hierarchy, and one clear category anchor on Home.
   No redesign of the validated page stories or animations.
   ========================================================= */

/* Home: one clear category anchor without giving away the product. */
body.home-v7 .v7-positioning{
  margin-top:24px;
  display:inline-flex;
  align-items:center;
  gap:14px;
  color:#d7e8ee;
  font-size:clamp(1.02rem,1.12vw,1.16rem);
  line-height:1.45;
  letter-spacing:.012em;
}
body.home-v7 .v7-positioning i{
  display:block;
  width:36px;
  height:1px;
  flex:0 0 auto;
  background:linear-gradient(90deg,rgba(84,232,255,.25),var(--cyan));
  box-shadow:0 0 14px rgba(84,232,255,.18);
}
body.home-v7 .v7-positioning strong{font-weight:680}

/* Editorial labels: premium can be quiet, never illegible. */
body.home-v7 .v7-kicker,
body.platform-v5 .pv2-kicker,
body.technology-v87 .t87-kicker,
body.coaches-v90 .c90-kicker,
body.science-v93 .s92-kicker,
body.about-v98 .a98-kicker{
  font-size:1rem;
  line-height:1.3;
  letter-spacing:.17em;
  color:#78efff;
}

/* Platform — preserve the simple story, improve the read. */
body.platform-v5 .p5-labels text{font-size:21px;font-weight:850;letter-spacing:2.5px}
body.platform-v5 .p5-labels .sub{font-size:16px;fill:#9fb1b9;font-weight:650;letter-spacing:.25px}
body.platform-v5 .p5-raw-caption,
body.platform-v5 .p5-output-caption{font-size:15px;fill:#8298a2;font-weight:760;letter-spacing:2px}
body.platform-v5 .p5-hero-copy>p,
body.platform-v5 .p5-principle-copy p,
body.platform-v5 .p5-close-copy p{font-size:1.14rem;color:#a8bac2;line-height:1.68}
body.platform-v5 .pv2-link{font-size:1rem;color:#d1e2e8;font-weight:800}

/* Technology — the system stays hidden; the words do not. */
body.technology-v87 .t87-hero p{font-size:1.12rem;color:#a7b9c1}
body.technology-v87 .t87-layer{font-size:.94rem;color:#9aadb5;letter-spacing:.19em}
body.technology-v87 .t87-surface-label{font-size:.92rem;color:#9fb1b9;letter-spacing:.21em}
body.technology-v87 .t87-status small{font-size:.90rem;color:#94a8b1;letter-spacing:.16em}
body.technology-v87 .t87-status strong{font-size:1.28rem}
body.technology-v87 .t87-status span{font-size:1rem;color:#a3b5bd}
body.technology-v87 .t87-label{font-size:19px}
body.technology-v87 .t87-close-copy p{font-size:1.10rem;color:#a4b6be}

/* Coach — make the pattern story legible from a normal desktop distance. */
body.coaches-v90 .c90-hero p{font-size:1.12rem;color:#a7b9c1}
body.coaches-v90 .c90-hero-note{font-size:.94rem;color:#96aab3}
body.coaches-v90 .c90-stage-label{font-size:.90rem;color:#95aab3;letter-spacing:.18em}
body.coaches-v90 .c90-stage-state small{font-size:.88rem;color:#91a5ae}
body.coaches-v90 .c90-stage-state strong{font-size:1.08rem}
body.coaches-v90 .c90-stage-state span{font-size:.96rem;color:#9fb1b9}
body.coaches-v90 .c90-row-label{font-size:18px}
body.coaches-v90 .c90-row-meta{font-size:15px;fill:#718b96}
body.coaches-v90 .c90-note-title{font-size:16px}
body.coaches-v90 .c90-note-sub{font-size:14.5px;fill:#78929d}
body.coaches-v90 .c90-callout-title{font-size:21px}
body.coaches-v90 .c90-callout-sub{font-size:15px;fill:#8db1bc}
body.coaches-v90 .c90-step b{font-size:.92rem;color:#718b96}
body.coaches-v90 .c90-step strong{font-size:1.08rem}
body.coaches-v90 .c90-step span{font-size:.90rem;color:#78939e}
body.coaches-v90 .c90-close-copy p{font-size:1.10rem;color:#a4b6be}

/* Science — evidence language deserves clarity. */
body.science-v93 .s92-hero p,
body.science-v93 .s92-story-head p,
body.science-v93 .s92-principle-copy p,
body.science-v93 .s92-close p{font-size:1.10rem;color:#a4b6be}
body.science-v93 .s92-step{font-size:.94rem;color:#879ca5;letter-spacing:.14em}
body.science-v93 .s92-step span{font-size:1rem;color:#a7b8bf}
body.science-v93 .s92-lane-label{font-size:16px;fill:#8fa4ad}
body.science-v93 .s92-lane-note{font-size:15px;fill:#718b96}
body.science-v93 .s92-result-label{font-size:17px}
body.science-v93 .s92-result-title{font-size:23px}
body.science-v93 .s92-result-copy{font-size:15px;fill:#9dafb7}
body.science-v93 .s92-confidence-title{font-size:.98rem;color:#879ca5}
body.science-v93 .s92-confidence-status{font-size:1rem;color:#91a6af}
body.science-v93 .s92-confidence-status strong{font-size:1.14rem}
body.science-v93 .s92-confidence-legend{font-size:.90rem;color:#7b929d}
body.science-v93 .s92-principle-copy .rule b{font-size:.92rem;color:#8097a1}
body.science-v93 .s92-principle-copy .rule span{font-size:1rem;color:#d9e5e9}

/* About — depth remains cinematic, but its meaning is readable. */
body.about-v98 .a98-hero p,
body.about-v98 .a98-belief-copy,
body.about-v98 .a98-philosophy-copy,
body.about-v98 .a98-close p{font-size:1.08rem;color:#a4b6be}
body.about-v98 .a98-hero-note{font-size:.90rem;color:#8fa4ad}
body.about-v98 .a98-result small{font-size:.88rem;color:#8da3ac}
body.about-v98 .a98-result b{font-size:1.38rem}
body.about-v98 .a98-stage .index{font-size:.86rem;color:#8299a3}
body.about-v98 .a98-stage em{font-size:1rem;color:#8fa4ad}
body.about-v98 .a98-understanding small{font-size:.88rem}
body.about-v98 .a98-depth-note{font-size:.86rem;color:#8097a1}

/* Footer — intentional secondary hierarchy, never "fine print". */
body:is(.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .footer-brand p{
  font-size:1.04rem;
  color:#91a6af;
}
body:is(.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .footer-nav .label{
  font-size:.86rem;
  color:#8097a1;
  letter-spacing:.13em;
}
body:is(.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .footer-nav a{
  font-size:1rem;
  color:#adbdc4;
}
body:is(.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .footer-bottom{
  font-size:.84rem;
  color:#738c97;
}

/* Desktop header is now considered locked: strong, balanced, not oversized. */
@media (min-width:981px){
  body:is(.home-v7,.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .desktop-nav a{
    font-size:clamp(1.14rem,1.18vw,1.30rem);
    font-weight:740;
  }
}

@media (max-width:820px){
  body.home-v7 .v7-positioning{font-size:1rem;gap:11px;margin-top:20px}
  body.home-v7 .v7-positioning i{width:28px}
  body.home-v7 .v7-kicker,
  body.platform-v5 .pv2-kicker,
  body.technology-v87 .t87-kicker,
  body.coaches-v90 .c90-kicker,
  body.science-v93 .s92-kicker,
  body.about-v98 .a98-kicker{font-size:.84rem}
}

/* =========================================================
   V11.2 — FINAL READABILITY POLISH
   Last desktop typography pass before responsive QA.
   Principle: premium can be restrained, never hard to read.
   No structural redesign, no animation logic changes.
   ========================================================= */

/* Home — make the category anchor unmistakably readable, still quiet. */
body.home-v7 .v7-positioning{
  font-size:clamp(1.10rem,1.20vw,1.24rem);
  color:#e0edf1;
}
body.home-v7 .v7-manifesto p,
body.home-v7 .v7-close-action p{
  color:#aebfc6;
}

/* Platform — the semantic journey must be readable without leaning in. */
body.platform-v5 .p5-labels text{
  font-size:23px;
  font-weight:870;
}
body.platform-v5 .p5-labels .sub{
  font-size:18px;
  fill:#afc0c7;
  font-weight:660;
}
body.platform-v5 .p5-raw-caption,
body.platform-v5 .p5-output-caption{
  font-size:17px;
  fill:#93a8b1;
  font-weight:790;
}
body.platform-v5 .p5-hero-copy>p,
body.platform-v5 .p5-principle-copy p,
body.platform-v5 .p5-close-copy p{
  font-size:1.18rem;
  color:#afc0c7;
}
body.platform-v5 .pv2-link{
  font-size:1.04rem;
  color:#dce8ec;
}

/* Technology — retain mystery, but every intentional word is legible. */
body.technology-v87 .t87-hero p,
body.technology-v87 .t87-story-head p,
body.technology-v87 .t87-close-copy p{
  font-size:1.16rem;
  color:#adbec5;
}
body.technology-v87 .t87-layer{
  font-size:1rem;
  color:#a7b8bf;
}
body.technology-v87 .t87-surface-label{
  font-size:.98rem;
  color:#adbdc4;
}
body.technology-v87 .t87-status small{
  font-size:.96rem;
  color:#a3b4bb;
}
body.technology-v87 .t87-status span{
  font-size:1.05rem;
  color:#adbdc4;
}
body.technology-v87 .t87-label{
  font-size:21px;
}

/* Coach — pattern narrative should read as evidence, not fine print. */
body.coaches-v90 .c90-story-head p,
body.coaches-v90 .c90-close-copy p{
  font-size:1.16rem;
  color:#adbec5;
}
body.coaches-v90 .c90-hero-note{
  font-size:1rem;
  color:#a4b6be;
}
body.coaches-v90 .c90-stage-label{
  font-size:.98rem;
  color:#a6b7be;
}
body.coaches-v90 .c90-stage-state small{
  font-size:.94rem;
  color:#9fb1b9;
}
body.coaches-v90 .c90-stage-state strong{
  font-size:1.14rem;
}
body.coaches-v90 .c90-stage-state span{
  font-size:1.02rem;
  color:#aabcc3;
}
body.coaches-v90 .c90-row-label{font-size:20px}
body.coaches-v90 .c90-row-meta{font-size:17px;fill:#839ca7}
body.coaches-v90 .c90-note-title{font-size:18px}
body.coaches-v90 .c90-note-sub{font-size:16.5px;fill:#8da5af}
body.coaches-v90 .c90-callout-title{font-size:22px}
body.coaches-v90 .c90-callout-sub{font-size:17px;fill:#99b8c1}
body.coaches-v90 .c90-step b{font-size:.98rem;color:#829aa5}
body.coaches-v90 .c90-step strong{font-size:1.12rem}
body.coaches-v90 .c90-step span{font-size:.96rem;color:#8ca5af}

/* Science — highest-priority readability area: evidence language must carry weight. */
body.science-v93 .s92-hero p,
body.science-v93 .s92-story-head p,
body.science-v93 .s92-principle-copy p,
body.science-v93 .s92-close p{
  font-size:1.16rem;
  color:#adbec5;
}
body.science-v93 .s92-step{
  font-size:1rem;
  color:#94a8b1;
}
body.science-v93 .s92-step span{
  font-size:1.06rem;
  color:#b2c2c8;
}
body.science-v93 .s92-lane-label{font-size:18px;fill:#a0b2b9}
body.science-v93 .s92-lane-note{font-size:17px;fill:#879fa9}
body.science-v93 .s92-result-label{font-size:18px}
body.science-v93 .s92-result-title{font-size:25px}
body.science-v93 .s92-result-copy{font-size:17px;fill:#acbdc4}
body.science-v93 .s92-confidence-title{font-size:1.02rem;color:#95aab3}
body.science-v93 .s92-confidence-status{font-size:1.05rem;color:#9fb1b9}
body.science-v93 .s92-confidence-status strong{font-size:1.20rem}
body.science-v93 .s92-confidence-legend{font-size:.98rem;color:#8aa2ac}
body.science-v93 .s92-principle-copy .rule b{font-size:.98rem;color:#91a7b0}
body.science-v93 .s92-principle-copy .rule span{font-size:1.04rem}

/* About — keep the cinematic depth, lift the explanatory hierarchy. */
body.about-v98 .a98-hero p,
body.about-v98 .a98-belief-copy,
body.about-v98 .a98-philosophy-copy,
body.about-v98 .a98-close p{
  font-size:1.15rem;
  color:#adbec5;
}
body.about-v98 .a98-hero-note{
  font-size:.96rem;
  color:#9eb1b9;
}
body.about-v98 .a98-result small{
  font-size:.94rem;
  color:#9db0b8;
}
body.about-v98 .a98-result b{font-size:1.44rem}
body.about-v98 .a98-stage .index{
  font-size:.94rem;
  color:#93a8b1;
}
body.about-v98 .a98-stage em{
  font-size:1.05rem;
  color:#9fb1b9;
}
body.about-v98 .a98-understanding small{font-size:.94rem}
body.about-v98 .a98-depth-note{
  font-size:.92rem;
  color:#90a6af;
}

/* Footer — still secondary, now comfortably readable. */
body:is(.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .footer-brand p{
  font-size:1.08rem;
  color:#9cafb7;
}
body:is(.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .footer-nav .label{
  font-size:.92rem;
  color:#8aa2ac;
}
body:is(.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .footer-nav a{
  font-size:1.04rem;
  color:#b7c5cb;
}
body:is(.platform-v5,.technology-v87,.coaches-v90,.science-v93,.about-v98,.early-access-page) .footer-bottom{
  font-size:.90rem;
  color:#849ca6;
}

/* Keep mobile tuning for the dedicated responsive pass; prevent desktop sizes leaking down. */
@media (max-width:820px){
  body.platform-v5 .p5-mobile-flow b{font-size:1.04rem}
  body.platform-v5 .p5-mobile-flow em{font-size:.94rem}
  body.about-v98 .a98-stage .index{font-size:.74rem}
  body.about-v98 .a98-depth-note{font-size:.74rem}
}

/* =========================================================
   LIVE V1.1 — HOME MARQUEE POSITION POLISH
   Lift the ticker slightly into the hero instead of pinning it
   to the lower edge. Visual only; no other Home geometry changes.
   ========================================================= */
@media (min-width:821px){
  body.home-v7 .v7-rail{bottom:8.2%;}
}