@font-face{font-family:"Kanit";src:url(fonts/kanit-300.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Kanit";src:url(fonts/kanit-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Kanit";src:url(fonts/kanit-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Kanit";src:url(fonts/kanit-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Kanit";src:url(fonts/kanit-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Kanit";src:url(fonts/kanit-900.woff2) format("woff2");font-weight:900;font-display:swap}
/* V4 "Rune" system: near-black canvas, huge silver-gradient display type, glossy purple→magenta pills, a white sheet for Services, stacking result cards. */
:root{
  color-scheme:light;--fg:#0C0C12;
  --bg:#0C0C0C;--bg-2:#141416;--card:#121214;--card-2:#18181B;
  --ink:#FFFFFF;--text:#E4EAF5;--muted:#9AA4B8;--dim:#6B7280;
  --line:rgba(220,228,240,.12);--line-2:rgba(220,228,240,.26);--line-3:rgba(220,228,240,.6);
  --p1:#2F6BFF;--p2:#1640E8;--p3:#00B2FF;--deep:#0A0620;--lilac:#8FD8FF;
  --grad:linear-gradient(100deg,#2F6BFF 0%,#1640E8 62%,#00B2FF 118%);
  --silver:linear-gradient(180deg,#EEF2F6 0%,#B9C1CA 48%,#6B7280 100%);
  --font:"Kanit",ui-sans-serif,system-ui,sans-serif;
  --rail:1240px;--hh:64px;
  --ease:cubic-bezier(.22,.7,.2,1);
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
html:not(.lenis){scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-weight:400;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg)}
img{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
:focus-visible{outline:2px solid var(--lilac);outline-offset:3px;border-radius:10px}
[id]{scroll-margin-top:calc(var(--hh) + 16px)}
.wrap{max-width:var(--rail);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
section{position:relative;padding-block:clamp(64px,8vw,120px)}
h1,h2,h3,h4{font-family:var(--font);margin:0;color:var(--ink);line-height:1.05}
p{margin:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.center{text-align:center;margin-inline:auto}
.fine{font-size:13.5px;color:var(--dim);line-height:1.55;max-width:80ch}
.fine.center{margin-top:28px}
.sub{font-size:clamp(16px,1.4vw,19px);color:var(--muted);max-width:56ch;margin-top:clamp(14px,2vw,22px)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}}

/* display type */
.mega,.mega2{font-weight:900;text-transform:uppercase;letter-spacing:-.01em;line-height:.84;background:var(--silver);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.mega2{display:block;text-align:center;font-size:clamp(58px,12.5vw,190px);padding-bottom:.04em}
.mega2.ink,.sub.ink{color:#4B5563}
.mega2.ink{background:linear-gradient(180deg,#0C0C0C 0%,#2B2B30 60%,#6B7280 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* pills */
.gpill{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 30px;border-radius:999px;text-decoration:none;color:var(--fg);font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;isolation:isolate;
  background:radial-gradient(120% 120% at 50% -10%,rgba(255,255,255,.38),rgba(255,255,255,0) 46%),linear-gradient(90deg,#3A2BD9 0%,#2F6BFF 22%,#1640E8 60%,#2F6BFF 100%);
  border:1.5px solid rgba(220,240,255,.78);box-shadow:0 0 0 1px rgba(22,64,232,.35),0 0 26px -2px rgba(22,64,232,.55),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -8px 16px rgba(10,6,40,.45);transition:transform .3s var(--ease),box-shadow .3s}
.gpill:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 1px rgba(22,64,232,.45),0 0 38px 0 rgba(22,64,232,.7),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -8px 16px rgba(10,6,40,.45)}
.gpill.sm{min-height:42px;padding:0 20px;font-size:12.5px}
.gpill.lg{min-height:62px;padding:0 38px;font-size:15px}
.opill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 26px;border-radius:999px;border:1.5px solid var(--line-3);color:var(--fg);font-weight:600;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background .25s,border-color .25s}
.opill:hover{background:rgba(255,255,255,.07);border-color:#fff}
.opill.sm{min-height:42px;padding:0 18px;font-size:12.5px}
.opill svg{width:16px;height:16px}
.btn-ghost{color:var(--muted);font-weight:500;font-size:15px;min-height:44px;padding:0 6px;letter-spacing:.02em}
.btn-ghost:hover{color:var(--fg)}

/* header */
.hdr{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);z-index:50;transition:background .35s,border-color .35s,backdrop-filter .35s;border-bottom:1px solid transparent}
.hdr.solid{background:rgba(12,12,12,.72);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-color:var(--line)}
.hdr-in{height:var(--hh);display:flex;align-items:center;gap:20px;padding:0 max(20px,env(safe-area-inset-right,0px)) 0 max(20px,env(safe-area-inset-left,0px))}
.wm{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.wm-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--grad);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.wm-mark svg{width:22px;height:22px}
.wm-t{font-weight:800;font-size:17px;letter-spacing:.02em;color:var(--fg);display:flex;align-items:center;gap:8px}
.wm-t small{font-size:9.5px;font-weight:600;letter-spacing:.24em;color:var(--muted);border:1px solid var(--line-2);border-radius:5px;padding:3px 5px 3px 7px}
nav[aria-label=Main]{flex:1}
.nav{display:flex;justify-content:space-evenly;list-style:none;margin:0;padding:0}
.nav a{display:block;padding:8px 6px;font-size:14.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--text);transition:color .2s}
.nav a:hover,.nav a.on{color:var(--fg)}
.nav a.on{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.burger{display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);place-items:center;margin-left:auto}
.burger span{display:block;width:16px;height:1.5px;background:#fff;box-shadow:0 5px 0 #fff,0 -5px 0 #fff}
.sheet{position:fixed;inset:0;z-index:45;background:rgba(12,12,12,.97);backdrop-filter:blur(10px);padding:calc(var(--hh) + env(safe-area-inset-top,0px) + 24px) max(20px,env(safe-area-inset-right,0px)) 40px max(20px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.sheet.open{opacity:1;visibility:visible}
.sheet a:not(.gpill){font-size:40px;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;padding:8px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--fg)}
.sheet .gpill{margin-top:30px}
@media(max-width:900px){nav[aria-label=Main]{display:none}.burger{display:grid}.hdr .gpill{display:none}}

/* 01 hero */
.hero{min-height:100svh;padding:calc(var(--hh) + 6px) 0 0;overflow:hidden;display:flex;flex-direction:column}
.hero .mega{display:block;text-align:center;font-size:17.6vw;padding:0 12px;position:relative;z-index:1;animation:rise 1s var(--ease) both}
.hero-fig{position:absolute;left:50%;bottom:0;height:min(84svh,1100px);aspect-ratio:702/1282;transform:translateX(-50%) translate3d(var(--mx,0px),var(--my,0px),0);z-index:2;transition:transform .9s var(--ease);animation:figIn 1.3s .1s var(--ease) both}
.hero-fig img{position:relative;width:100%;height:100%;object-fit:contain;filter:hue-rotate(28deg) saturate(1.1) drop-shadow(0 30px 40px rgba(0,0,0,.6));-webkit-mask-image:linear-gradient(#000 90%,transparent);mask-image:linear-gradient(#000 90%,transparent)}
.hero-fig .glow{position:absolute;left:50%;top:38%;width:170%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(22,64,232,.28),rgba(47,107,255,.14) 45%,transparent 72%);pointer-events:none}
.hero-fig .shadow{position:absolute;left:50%;bottom:1.5%;width:90%;height:5%;transform:translateX(-46%) skewX(-30deg);background:radial-gradient(closest-side,rgba(255,255,255,.12),transparent);filter:blur(4px)}
.hero-foot{position:absolute;left:0;right:0;bottom:calc(26px + env(safe-area-inset-bottom,0px));z-index:3;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:0 max(24px,env(safe-area-inset-right,0px)) 0 max(24px,env(safe-area-inset-left,0px));animation:rise 1s .35s var(--ease) both}
.tagline{font-size:15px;line-height:1.38;letter-spacing:.06em;text-transform:uppercase;color:var(--fg);max-width:26ch}
.hero-mid{display:none}
.live{display:inline-flex;align-items:center;gap:8px}
.live i{width:8px;height:8px;border-radius:50%;background:#3D8BFF;box-shadow:0 0 0 4px rgba(22,64,232,.25);animation:pulse 2s infinite}
.scroll-cue{position:absolute;left:50%;bottom:calc(30px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:24px;height:38px;border:1.5px solid rgba(255,255,255,.5);border-radius:14px;z-index:3;display:none}
.scroll-cue i{position:absolute;left:50%;top:7px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:#fff;animation:cue 1.8s infinite}
@keyframes cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(22,64,232,0)}}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes figIn{from{opacity:0;transform:translateX(-50%) translateY(40px)}to{opacity:1}}
@media(min-width:1100px){.hero-mid{display:flex;flex-direction:column;gap:6px;position:absolute;left:50%;bottom:0;transform:translateX(calc(-50% + min(19svh,250px) + 120px));font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}}
@media(max-width:700px){
  .hero{min-height:max(100svh,640px)}
  .hero .mega{font-size:18.2vw;margin-top:8px}
  .hero-fig{height:min(70svh,600px)}
  .hero-foot{flex-direction:column;align-items:stretch;gap:14px;background:linear-gradient(transparent,rgba(12,12,12,.85) 35%);padding-top:60px;bottom:0;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
  .tagline{font-size:12.5px;max-width:none;text-align:center}
  .tagline br{display:none}
  .hero-foot .gpill{width:100%}
}

/* band */
.band{padding-block:clamp(40px,6vw,90px) clamp(10px,2vw,30px);overflow:hidden;display:grid;gap:clamp(10px,1.4vw,18px)}
.band-row{display:flex;gap:clamp(10px,1.4vw,18px);width:max-content;will-change:transform}
.band-row[data-dir="1"]{margin-left:-40vw}
.pair{position:relative;width:clamp(240px,28vw,420px);aspect-ratio:4/3;border-radius:clamp(16px,2vw,26px);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#1d1d20;flex:none;margin:0}
.pair img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.pair span{position:absolute;bottom:10px;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:rgba(12,12,12,.7);color:var(--fg);backdrop-filter:blur(6px)}
.pair span.b{left:10px}.pair span.a{right:10px;background:rgba(255,255,255,.88);color:#0c0c0c}

/* 02 testimonials */
.words{overflow:hidden}
.words .wrap{position:relative;z-index:1}
.lightup{max-width:30ch;margin:clamp(36px,5vw,64px) auto 0;text-align:center;font-size:clamp(24px,3.2vw,44px);font-weight:500;line-height:1.24;letter-spacing:-.005em;color:var(--text)}
.lightup.sm{font-size:clamp(20px,2.4vw,32px);max-width:36ch}
.lightup .w{display:inline-block;white-space:nowrap}
.lightup .c{color:rgba(220,228,240,.16);transition:color .25s}
.lightup .c.on{color:var(--fg)}
.lightup.static .c{color:var(--fg)}
.big-quote{margin:0}
.big-quote blockquote{margin:0}
.big-quote figcaption{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;margin-top:28px;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.big-quote figcaption b{color:var(--fg);font-weight:600;font-size:16px}
.big-quote .res{padding:6px 14px;border-radius:999px;border:1.5px solid var(--line-3);color:var(--fg);font-weight:500}
.float-ico{position:absolute;width:clamp(78px,11vw,176px);height:auto;z-index:0;pointer-events:none;filter:drop-shadow(0 24px 30px rgba(0,0,0,.6)) hue-rotate(28deg) saturate(1.15);animation:bob 7s ease-in-out infinite alternate}
.float-ico.i1{left:5%;top:16%}
.float-ico.i2{right:5%;top:12%;animation-delay:-2s;animation-duration:8s}
.float-ico.i3{left:8%;top:58%;animation-delay:-4s}
.float-ico.i4{right:7%;top:54%;animation-delay:-1s;animation-duration:9s}
@keyframes bob{from{transform:translateY(-14px) rotate(-6deg)}to{transform:translateY(14px) rotate(6deg)}}
.chat{max-width:760px;margin:clamp(56px,7vw,90px) auto 0;padding:clamp(20px,2.6vw,30px);border-radius:32px;border:1.5px solid var(--line-2);background:var(--card);display:grid;gap:14px}
.chat header{display:flex;align-items:center;gap:8px;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.chat header svg{width:16px;height:16px;color:var(--lilac)}
.bub{max-width:88%;padding:12px 16px;border-radius:20px;display:grid;gap:3px}
.bub b{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.bub p{font-size:16px;line-height:1.5;color:var(--fg)}
.bub.navi{background:var(--card-2);border:1px solid var(--line);border-bottom-left-radius:6px}
.bub.navi b{color:var(--muted)}
.bub.me{justify-self:end;background:linear-gradient(135deg,rgba(47,107,255,.55),rgba(22,64,232,.42));border:1px solid rgba(150,205,255,.3);border-bottom-right-radius:6px}
.bub.me b{color:#DDF3FF}
@media(max-width:700px){.float-ico{width:64px;opacity:.85}.float-ico.i1{left:2%;top:4%}.float-ico.i2{right:2%;top:3%}.float-ico.i3{left:1%;top:auto;bottom:34%}.float-ico.i4{right:1%;top:auto;bottom:36%}.bub{max-width:96%}}

/* 03 results: sticky stacking cards */
.proj{padding-bottom:clamp(60px,8vw,110px)}
.stack{margin-top:clamp(40px,5vw,70px);display:grid;gap:clamp(24px,4vw,48px)}
.rcard{position:sticky;top:calc(var(--hh) + 18px + var(--i,0) * 16px);border:1.5px solid var(--line-3);border-radius:clamp(28px,3.4vw,46px);background:var(--bg);padding:clamp(14px,1.8vw,24px);transform-origin:50% 0;transform:scale(var(--s,1));will-change:transform}
.rcard header{display:flex;align-items:center;gap:14px;padding:4px 6px 14px}
.rcard .no{font-weight:900;font-size:clamp(22px,2.2vw,30px);line-height:1;background:var(--silver);-webkit-background-clip:text;background-clip:text;color:transparent}
.rcard .kind{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.rcard h3{font-size:clamp(17px,1.7vw,22px);font-weight:600;letter-spacing:.02em;text-transform:uppercase}
.rcard .tagr{margin-left:auto;padding:7px 14px;border-radius:999px;border:1.5px solid var(--line-3);font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg);white-space:nowrap}
.rcard .rb{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:clamp(10px,1.2vw,16px);align-items:stretch}
.rimg{position:relative;height:min(calc(100svh - var(--hh) - 190px),560px);aspect-ratio:2/3;border-radius:clamp(20px,2.6vw,34px);overflow:hidden;background:#1d1d20;margin:0}
.rimg img{width:100%;height:100%;object-fit:cover}
.rimg figcaption{position:absolute;left:12px;bottom:12px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:rgba(12,12,12,.7);color:var(--fg)}
.rimg.after figcaption{background:rgba(255,255,255,.9);color:#0c0c0c}
.rtx{border-radius:clamp(20px,2.6vw,34px);background:linear-gradient(160deg,rgba(47,107,255,.22),rgba(22,64,232,.08) 50%,rgba(255,255,255,.02));border:1px solid var(--line);padding:clamp(20px,2.6vw,36px);display:flex;flex-direction:column;justify-content:flex-start;gap:14px;min-width:0}
.rtx .big{font-weight:800;font-size:clamp(30px,3.3vw,54px);line-height:.98;overflow-wrap:anywhere;letter-spacing:-.02em;color:var(--fg);font-variant-numeric:tabular-nums}
.rtx .big em{font-style:normal;font-weight:300;color:var(--lilac);padding:0 .08em}
.rtx .big small{font-size:.4em;font-weight:500;color:var(--muted)}
.rtx p{font-size:clamp(15px,1.3vw,17px);color:var(--text);max-width:40ch}
.rtx .q{font-size:15px;color:var(--muted);font-style:italic}
@media(max-width:900px){
  .rcard .rb{grid-template-columns:1fr 1fr}
  .rimg{height:auto;width:100%;max-height:44svh}
  .rtx{grid-column:1/-1;padding:16px 18px;gap:6px}
  .rtx .big{font-size:34px}
  .rcard .kind{display:none}
}
@media(max-width:480px){.rcard header{gap:10px;padding-bottom:10px}.rcard .tagr{font-size:11px;padding:5px 10px}.rimg{max-height:36svh}.rtx p{font-size:14px}}

/* 04 gut story */
.story-sec{padding-bottom:clamp(50px,6vw,90px)}
.story{position:relative;margin-top:clamp(30px,4vw,56px);--stage-h:calc(100svh - var(--hh) - 28px)}
.story-stage{position:sticky;top:calc(var(--hh) + 14px);height:var(--stage-h);z-index:1;display:flex;justify-content:center;pointer-events:none}
.stage{position:relative;pointer-events:auto;width:min(520px,36vw);height:100%;border-radius:36px;overflow:hidden;isolation:isolate;color:#EAF0FF;border:1.5px solid var(--line-2);background:radial-gradient(55% 45% at 50% 52%,rgba(22,64,232,.2),transparent 70%),radial-gradient(120% 70% at 50% 115%,#120A3A,transparent 60%),#0A0B14}
.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}
.stage canvas.drag{cursor:grabbing}
.stage-top{position:absolute;left:16px;right:16px;top:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;z-index:4;pointer-events:none}
.chap{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:999px;background:rgba(12,12,12,.7);border:1px solid var(--line-2);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--fg)}
.chap b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--grad);font-size:12px;font-weight:600;letter-spacing:0}
.edu{font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(12,12,12,.6)}
.stage-bot{position:absolute;left:16px;right:16px;bottom:14px;display:flex;justify-content:space-between;align-items:center;z-index:4;pointer-events:none}
.hint{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text);transition:opacity .5s}
.hint svg{width:22px;height:22px;color:var(--lilac)}
.stage.touched .hint{opacity:.4}
.ctrls{display:flex;gap:6px;pointer-events:auto}
.ctrls button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line-2);background:rgba(12,12,12,.7);color:var(--fg);display:grid;place-items:center;transition:border-color .2s}
.ctrls button:hover{border-color:var(--lilac)}
.ctrls svg{width:18px;height:18px}
.hots{position:absolute;inset:0;z-index:3;pointer-events:none}
.hot{position:absolute;left:0;top:0;pointer-events:auto;display:flex;align-items:center;gap:8px;transition:opacity .25s;color:var(--fg)}
.hot i{position:relative;width:26px;height:26px;border-radius:50%;background:rgba(12,12,12,.55);border:1.5px solid rgba(255,255,255,.9);flex:none}
.hot i::after{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff;transition:background .3s}
.hot span{font-size:12px;font-weight:500;padding:5px 10px;border-radius:999px;background:rgba(12,12,12,.85);border:1px solid var(--line-2);white-space:nowrap;opacity:0;transform:translateX(-4px);transition:all .25s}
.hot:hover span,.hot:focus-visible span,.hot.sel span{opacity:1;transform:none}
.hot.rep i{border-color:#9FE3FF}.hot.rep i::after{background:#7FDBFF}
.hot.sel i{box-shadow:0 0 0 6px rgba(47,107,255,.3)}
.hot.back{opacity:.25}
.loader{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;z-index:5;color:var(--muted);font-size:13px;letter-spacing:.08em;text-transform:uppercase;transition:opacity .5s}
.loader i{width:120px;height:2px;background:var(--line-2);border-radius:2px;overflow:hidden;position:relative}
.loader i::after{content:"";position:absolute;inset:0;width:40%;background:var(--grad);animation:load 1.1s ease-in-out infinite}
@keyframes load{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
.loader.done{opacity:0;pointer-events:none}
.fallback{position:absolute;inset:0;display:none}
.stage.nogl .fallback{display:block}
.stage.nogl canvas,.stage.nogl .ctrls,.stage.nogl .hint{display:none}
.fallback img{position:absolute;left:50%;top:50%;height:88%;transform:translate(-50%,-48%);width:auto;max-width:none}
.story-track{position:relative;z-index:2;margin-top:calc(-1 * var(--stage-h));pointer-events:none;padding-bottom:4vh}
.sblock{display:flex;align-items:center;min-height:72svh;width:min(380px,30%);pointer-events:none}
.sblock.R{margin-left:auto}
.sblock:first-child{min-height:64svh}
.scard{pointer-events:auto;padding:clamp(22px,2.4vw,30px);border-radius:30px;display:grid;gap:12px;opacity:.35;transform:translateY(12px) scale(.98);transition:opacity .5s var(--ease),transform .5s var(--ease),border-color .5s;background:rgba(18,18,20,.88);border:1.5px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.sblock.on .scard{opacity:1;transform:none;border-color:var(--line-3)}
.scard h3{font-size:clamp(22px,2.2vw,28px);font-weight:600;letter-spacing:-.005em;line-height:1.1}
.scard p{font-size:15.5px;color:var(--text);line-height:1.6}
.scard .doc{font-size:13.5px;color:#FFE3A3;background:rgba(255,194,51,.12);border:1px solid rgba(255,194,51,.38);padding:10px 12px;border-radius:14px}
.scard .why{font-size:14.5px;color:var(--fg);padding:10px 12px;border-radius:14px;background:rgba(47,107,255,.26);border:1px solid rgba(150,205,255,.18)}
.scard .why b{color:#A9E8FF;font-weight:600}
.ck{font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--lilac)}
.mini-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.mini-list li{display:flex;align-items:center;gap:8px;padding:6px 11px;border-radius:999px;border:1px solid var(--line-2);font-size:13.5px}
.mini-list .dot{width:8px;height:8px;border-radius:50%;background:var(--p2)}
.mini-list .s2{background:var(--p1)}.mini-list .s3{background:var(--p3)}
@media(max-width:900px){
  .story{--stage-h:42svh}
  .scard{padding:16px 18px;gap:8px;border-radius:24px}
  .scard h3{font-size:20px}
  .scard p{font-size:14.5px;line-height:1.55}
  .scard .doc,.scard .why{font-size:12.5px;padding:8px 10px}
  .story-stage{top:var(--hh);z-index:3;height:calc(var(--stage-h) + 22px);padding:8px max(16px,env(safe-area-inset-left,0px)) 14px;background:linear-gradient(var(--bg) 82%,rgba(12,12,12,0))}
  .stage{width:100%;border-radius:26px}
  .story-track{margin-top:0}
  .sblock,.sblock.R{width:100%;margin:0;min-height:70svh;align-items:flex-end;padding-bottom:96px}
  .sblock:first-child{min-height:56svh}
  .scard{background:rgba(18,18,20,.96)}
  .edu{display:none}
  .hot span{display:none}
  .hot.sel span{display:inline-block}
}

/* 05 services: white sheet */
.svc{background:#fff;color:#0C0C0C;border-radius:clamp(36px,5vw,64px) clamp(36px,5vw,64px) 0 0;z-index:2;padding-bottom:clamp(120px,14vw,200px)}
.rows{list-style:none;margin:clamp(40px,6vw,80px) auto 0;padding:0;max-width:1040px}
.rows li{display:grid;grid-template-columns:clamp(110px,16vw,220px) minmax(0,1fr);gap:clamp(14px,2.4vw,32px);align-items:center;padding:clamp(26px,3.4vw,44px) 0;border-bottom:1px solid #E5E7EB;opacity:.12;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rows li:first-child{border-top:1px solid #E5E7EB}
.rows li.in{opacity:1;transform:none}
.rows .num{font-weight:900;font-size:clamp(64px,9vw,128px);line-height:.8;letter-spacing:-.02em;color:#0C0C0C}
.rows h3{color:#0C0C0C;font-size:clamp(20px,2.2vw,30px);font-weight:600;text-transform:uppercase;letter-spacing:.01em}
.rows p{margin-top:6px;color:#4B5563;font-size:clamp(15px,1.3vw,18px);max-width:52ch}
@media(max-width:560px){.rows li{grid-template-columns:84px 1fr}.rows .num{font-size:56px}}

/* 06 gut check */
.check{background:var(--bg);margin-top:calc(-1 * clamp(36px,5vw,64px));border-radius:clamp(36px,5vw,64px) clamp(36px,5vw,64px) 0 0;z-index:3}
.qbox{position:relative;max-width:940px;margin:clamp(36px,5vw,60px) auto 0;border-radius:40px;padding:clamp(22px,4.5vw,56px);overflow:hidden;border:1.5px solid var(--line-3);background:radial-gradient(70% 60% at 100% 0%,rgba(22,64,232,.16),transparent 70%),var(--card)}
.qview{position:relative;display:flex;flex-direction:column}
.qstart{align-items:center;text-align:center;gap:22px;padding-block:clamp(10px,3vw,30px)}
.qstart ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.qstart li{display:flex;gap:8px;align-items:center;padding:7px 13px;border-radius:999px;border:1px solid var(--line-2);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}
.qstart li svg{width:14px;height:14px;color:var(--lilac)}
.qh{font-size:clamp(28px,4vw,52px);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:.95;max-width:16ch}
.qtop{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums}
.qtop b{color:var(--fg);font-weight:600}
.qbar{height:5px;border-radius:5px;background:rgba(255,255,255,.08);margin:14px 0 0;overflow:hidden}
.qbar i{display:block;height:100%;width:0;background:var(--grad);border-radius:5px;transition:width .45s var(--ease)}
.qwhen{margin-top:clamp(28px,4vw,44px);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--lilac)}
.qq{font-size:clamp(24px,3.2vw,38px);font-weight:600;line-height:1.12;margin:10px 0 clamp(22px,3.4vw,34px);max-width:26ch;outline:none}
.qopts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.qopt{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:18px 20px;border-radius:22px;border:1.5px solid var(--line-2);background:rgba(255,255,255,.02);text-align:left;transition:border-color .2s,transform .2s,background .2s}
.qopt:hover{border-color:var(--line-3);transform:translateY(-2px)}
.qopt b{font-weight:600;font-size:20px;color:var(--fg);text-transform:uppercase;letter-spacing:.02em}
.qopt .dots{display:flex;gap:5px}
.qopt .dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.1)}
.qopt .dots i.f{background:var(--grad)}
.qopt .k{font-size:12px;color:var(--dim);letter-spacing:.06em}
.qopt[aria-pressed="true"]{border-color:#7FDBFF;background:rgba(22,64,232,.14)}
.qnav{display:flex;justify-content:space-between;align-items:center;margin-top:24px}
@media(max-width:620px){.qopts{grid-template-columns:1fr}.qopt{flex-direction:row;align-items:center;justify-content:space-between;padding:15px 18px}.qopt .k{display:none}}
.qres-g{display:grid;grid-template-columns:auto 1fr;gap:clamp(22px,4vw,48px);align-items:center}
.gauge{position:relative;width:clamp(150px,20vw,210px);aspect-ratio:1}
.gauge svg{width:100%;height:100%;transform:rotate(-90deg)}
.gauge circle{fill:none;stroke-width:12}
.gauge .tr{stroke:rgba(255,255,255,.08)}
.gauge .fg{stroke:url(#gaugeGrad);stroke-linecap:round;transition:stroke-dashoffset 1.2s var(--ease)}
.gauge .c{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.gauge .c b{font-size:clamp(46px,6vw,64px);font-weight:800;line-height:1;color:var(--fg);font-variant-numeric:tabular-nums}
.gauge .c small{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.band-l{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--lilac)}
.qres h3{font-size:clamp(24px,3vw,36px);font-weight:600;margin:8px 0 10px;outline:none}
.qtext{color:var(--text);font-size:16px}
.areas{margin:18px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.areas li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;border:1px solid var(--line-2);font-size:15px;color:var(--fg)}
.areas li span{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#7FDBFF}
.areas li span.s{color:var(--muted)}
.qres-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;align-items:center}
.redflag{margin-top:22px;padding:13px 15px;border-radius:16px;background:rgba(255,194,51,.1);border:1px solid rgba(255,194,51,.35);font-size:13.5px;color:#FFE3A3;display:flex;gap:12px}
.redflag svg{width:18px;height:18px;flex:none;color:#00B2FF;margin-top:2px}
@media(max-width:700px){.qres-g{grid-template-columns:1fr;justify-items:start}.areas{grid-template-columns:1fr}.qres-actions>*{flex:1 1 100%}}

/* 07 final */
.final{text-align:center;padding-top:clamp(40px,6vw,80px)}
.final-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(36px,4vw,52px)}

/* footer */
.site-foot{padding:0 0 calc(36px + env(safe-area-inset-bottom,0px));color:var(--muted);font-size:14px;overflow:hidden}
.f-mega{font-weight:900;font-size:17.6vw;line-height:.8;text-align:center;letter-spacing:-.01em;background:linear-gradient(180deg,rgba(220,228,240,.16),rgba(220,228,240,0));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap;margin:0 calc(50% - 50vw) 24px;user-select:none}
.f-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.f-links{display:flex;flex-wrap:wrap;gap:6px 22px}
.f-links a,.f-links button{text-decoration:none;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.f-links a:hover,.f-links button:hover{color:var(--fg)}
.f-bot{display:grid;grid-template-columns:1fr auto;gap:16px 40px;padding-top:22px;font-size:13px;color:var(--dim)}
.legal{margin-top:18px;padding:18px 20px;border-radius:18px;background:var(--card);border:1px solid var(--line);font-size:13.5px;line-height:1.65;color:var(--muted)}
.legal b{color:var(--fg);font-weight:600}
@media(max-width:700px){.f-bot{grid-template-columns:1fr}}

/* floating apply + mobile bar */
.float{position:fixed;z-index:40;left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:4px;padding:5px;border-radius:999px;background:rgba(18,18,20,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line-2);opacity:0;transform:translateX(-12px);pointer-events:none;transition:opacity .35s var(--ease),transform .35s var(--ease)}
.float.show{opacity:1;transform:none;pointer-events:auto}
.float .grip{width:28px;height:42px;display:grid;place-items:center;color:var(--dim);cursor:grab;touch-action:none;border-radius:999px}
.float .grip svg{width:12px;height:18px}
.float .x{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--dim)}
.float .x:hover{color:var(--fg);background:rgba(255,255,255,.08)}
.float .x svg{width:14px;height:14px}
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:linear-gradient(180deg,rgba(12,12,12,0),rgba(12,12,12,.94) 40%);transform:translateY(120%);transition:transform .35s var(--ease);display:none}
.mbar.show{transform:none}
.mbar .gpill{width:100%}
@media(max-width:860px),(pointer:coarse){.float{display:none}.mbar{display:block}}
@media(max-width:860px){.site-foot{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}}

/* application page (shares the system) */
.apply-page{min-height:100vh;background:radial-gradient(60% 40% at 85% 0%,rgba(22,64,232,.16),transparent 70%),var(--bg)}
.ap-hdr{position:sticky}
.ap-hdr .hdr-in{justify-content:space-between}
.ap-g{max-width:var(--rail);margin:0 auto;padding:clamp(30px,5vw,70px) max(20px,env(safe-area-inset-right,0px)) clamp(60px,8vw,110px) max(20px,env(safe-area-inset-left,0px));display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,72px);align-items:start}
.tag{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid var(--line-2);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text)}
.tag i{width:7px;height:7px;border-radius:50%;background:#3D8BFF}
.ap-side h1{font-size:clamp(40px,5.2vw,74px);font-weight:900;text-transform:uppercase;line-height:.9;margin-top:20px;background:var(--silver);-webkit-background-clip:text;background-clip:text;color:transparent}
.ap-side .lead{margin-top:18px;color:var(--muted);font-size:17px}
.next{list-style:none;margin:30px 0 0;padding:0;display:grid}
.next li{display:grid;grid-template-columns:36px 1fr;gap:16px;padding-bottom:22px;position:relative}
.next li::before{content:"";position:absolute;left:17.5px;top:38px;bottom:4px;width:1px;background:var(--line-2)}
.next li:last-child::before{display:none}
.next .n{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:600;color:var(--fg);background:var(--grad)}
.next b{display:block;font-size:16px;font-weight:600;color:var(--fg)}
.next small{display:block;color:var(--muted);font-size:14.5px;margin-top:2px}
.form-card{border-radius:36px;padding:clamp(22px,3.5vw,40px);background:var(--card);border:1.5px solid var(--line-2)}
.steps{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.steps li{display:grid;gap:8px;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.steps li i{height:4px;border-radius:4px;background:rgba(255,255,255,.08);transition:background .3s}
.steps li.done i,.steps li.cur i{background:var(--grad)}
.steps li.cur{color:var(--fg)}
.steps li.done{color:var(--muted)}
.steps button{all:unset;cursor:pointer;display:grid;gap:8px}
.steps button:focus-visible{outline:2px solid var(--lilac);outline-offset:4px;border-radius:4px}
.fstep h2{font-size:clamp(24px,2.6vw,32px);font-weight:600;margin-bottom:6px;outline:none}
.fstep>.fine{margin-bottom:22px}
.fld{display:grid;gap:8px;margin-bottom:18px;min-width:0;align-content:start}
.fld label,.fld .lbl{font-size:14px;font-weight:500;color:var(--fg);letter-spacing:.02em}
.fld .opt{color:var(--dim)}
.fld input[type=text],.fld input[type=email],.fld input[type=tel],.fld textarea{width:100%;font:inherit;font-size:16px;color:var(--fg);background:rgba(255,255,255,.03);border:1.5px solid var(--line-2);border-radius:16px;padding:14px 16px;outline:none;transition:border-color .2s,box-shadow .2s}
.fld textarea{min-height:96px;resize:vertical;line-height:1.5}
.fld input:focus,.fld textarea:focus{border-color:#7FDBFF;box-shadow:0 0 0 4px rgba(22,64,232,.18)}
.fld input::placeholder,.fld textarea::placeholder{color:#6B7280}
.two{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;align-items:start}
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg button{padding:10px 15px;border-radius:999px;border:1.5px solid var(--line-2);font-size:14.5px;color:var(--text);transition:all .2s}
.seg button:hover{color:var(--fg);border-color:var(--line-3)}
.seg button[aria-checked="true"]{background:var(--grad);color:var(--fg);border-color:rgba(220,240,255,.6)}
.scale{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}
.scale button{height:46px;border-radius:14px;border:1.5px solid var(--line-2);font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;transition:all .2s}
.scale button[aria-checked="true"]{background:var(--grad);border-color:transparent;color:var(--fg)}
.scale-l{display:flex;justify-content:space-between;font-size:12.5px;color:var(--dim)}
.err{font-size:13.5px;color:#FF7A7A;display:none}
.fld.bad .err{display:block}
.fld.bad input,.fld.bad textarea{border-color:#FF7A7A}
.fld.bad .seg,.fld.bad .scale,.fld.bad .check-row{outline:1px solid #FF7A7A;outline-offset:6px;border-radius:12px}
.check-row{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:var(--text);cursor:pointer;padding:14px;border-radius:16px;border:1.5px solid var(--line)}
.check-row input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--p2)}
.check-row b{color:var(--fg);font-weight:600}
.gc-box{padding:14px;border-radius:16px;border:1px solid rgba(150,205,255,.3);background:rgba(47,107,255,.12);margin-bottom:18px;display:grid;gap:10px}
.gc-box .check-row{border:0;padding:0}
.gc-sum{font-size:14px;color:var(--fg);padding-left:32px}
.gc-none{padding:14px 16px;border-radius:16px;border:1px dashed var(--line-2);margin-bottom:18px;font-size:14.5px;color:var(--muted)}
.gc-none a{color:var(--lilac);font-weight:500}
.factions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}
.factions .btn-p{margin-left:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:600;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:transform .25s var(--ease),box-shadow .25s}
.btn svg{width:17px;height:17px}
.btn-p{color:var(--fg);background:radial-gradient(120% 120% at 50% -10%,rgba(255,255,255,.34),rgba(255,255,255,0) 46%),linear-gradient(90deg,#3A2BD9,#2F6BFF 22%,#1640E8 60%,#2F6BFF);border:1.5px solid rgba(220,240,255,.75);box-shadow:0 0 24px -4px rgba(22,64,232,.6),inset 0 1px 0 rgba(255,255,255,.5)}
.btn-p:hover{transform:translateY(-2px)}
.btn-p:disabled{opacity:.6}
.btn-s{color:var(--fg);border:1.5px solid var(--line-3)}
.review{display:grid;gap:12px;margin-bottom:22px}
.rv-block{border:1px solid var(--line-2);border-radius:16px;padding:14px 16px;display:grid;gap:6px}
.rv-block header{display:flex;justify-content:space-between;align-items:center}
.rv-block header b{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg);font-weight:600}
.rv-block header button{font-size:13px;color:var(--lilac);padding:4px 2px}
.rv-block dl{margin:0;display:grid;grid-template-columns:150px 1fr;gap:4px 14px;font-size:14.5px}
.rv-block dt{color:var(--dim)}
.rv-block dd{margin:0;min-width:0;overflow-wrap:anywhere;color:var(--fg)}
.done-view{display:grid;gap:16px}
.done-view h2{font-size:clamp(26px,3vw,34px);font-weight:600;outline:none}
.done-view .lead{color:var(--text)}
.done-view .btn{justify-self:start}
.done-view .mark{justify-self:start;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;border:1px solid #00B2FF;color:#00B2FF}
.done-view .mark svg{width:24px;height:24px}
.devnote{justify-self:start;display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#00B2FF;padding:6px 11px;border-radius:999px;border:1px dashed rgba(255,194,51,.5)}
:root{--ok:#4ADE80}
@media(max-width:940px){.ap-g{grid-template-columns:1fr}}
@media(max-width:560px){.two{grid-template-columns:1fr}.scale{grid-template-columns:repeat(5,1fr)}.steps li span{display:none}.rv-block dl{grid-template-columns:1fr}.rv-block dt{margin-top:6px}.ap-hdr .wm-t small{display:none}}

/* ===== V5: Navi hero, angle tabs, pinned testimonials, VIP services ===== */
.hero{isolation:isolate;background:radial-gradient(38% 52% at 47% 58%,rgba(22,64,232,.26),rgba(47,107,255,.12) 50%,transparent 75%),var(--bg)}
.hero-fig .glow{display:none}
.hero-top{position:relative;z-index:1;animation:rise 1s var(--ease) both}
.hero .mega{animation:none}
.club-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 clamp(20px,2.4vw,40px);margin-top:clamp(6px,1vw,14px);font-size:clamp(11px,1vw,13.5px);font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--text)}
.club-row i{width:clamp(30px,6vw,90px);height:1px;background:linear-gradient(90deg,transparent,var(--line-3),transparent)}
.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;--bx:0px;--by:0px;--sy:0px}
.hb{position:absolute;margin:0;border-radius:clamp(16px,2vw,26px);overflow:hidden;border:1px solid var(--line-2);box-shadow:0 30px 60px -20px rgba(0,0,0,.8);transform:translate3d(var(--bx),calc(var(--by) + var(--sy)),0) rotate(var(--r,0deg));transition:transform .9s var(--ease);animation:fadeIn 1.4s .3s var(--ease) both}
.hb img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.72) contrast(1.05)}
.hb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(47,107,255,.15),rgba(12,12,12,.55))}
.hb1{left:4%;top:30%;width:clamp(130px,15vw,250px);aspect-ratio:395/623;--r:-7deg}
.hb2{right:4%;top:24%;width:clamp(120px,14vw,235px);aspect-ratio:321/612;--r:6deg}
.hb3{right:17%;bottom:13%;width:clamp(100px,10vw,175px);aspect-ratio:390/632;--r:-4deg;opacity:.85}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.hero-fig{height:min(84svh,1000px);aspect-ratio:860/1350;transform:translateX(-56%) translate3d(var(--mx,0px),calc(var(--my,0px) + var(--sy,0px)),0)}
@keyframes figIn{from{opacity:0;transform:translateX(-56%) translateY(40px)}to{opacity:1}}
.hero-fig img{filter:drop-shadow(0 30px 40px rgba(0,0,0,.6));-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}
.hero-fig .glow{top:42%;width:150%;background:radial-gradient(closest-side,rgba(22,64,232,.34),rgba(47,107,255,.16) 45%,transparent 72%)}
@media(min-width:1100px){.hero-mid{transform:translateX(calc(-50% + min(30svh,330px) + 40px))}}
@media(max-width:700px){
  .hero-fig{height:min(60svh,520px);transform:translateX(-47%) translate3d(0,var(--sy,0px),0)}
  .hb1{left:-6%;top:25%;width:32vw}.hb2{right:-6%;top:21%;width:30vw}.hb3{display:none}
  .hb{opacity:.6}
  .club-row{letter-spacing:.22em}
}

/* results cards v5 */
.rcard{top:calc(var(--hh) + 14px + var(--i,0) * 10px);--d:0}
.rcard::after{content:"";position:absolute;inset:0;border-radius:inherit;background:#000;opacity:calc(var(--d) * .45);pointer-events:none;transition:opacity .2s}
.rcard header{flex-wrap:wrap;row-gap:4px}
.rcard h3{order:0}
.rcard .kind{order:1}
.vtabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.vtabs button{padding:8px 14px;border-radius:999px;border:1.5px solid var(--line-2);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text)}
.vtabs button[aria-pressed="true"]{background:#fff;color:#0c0c0c;border-color:#fff}
.rimg{height:min(calc(100svh - var(--hh) - 200px),560px)}
.rimg img{object-position:50% 30%}
@media(max-width:900px){.rimg{max-height:38svh}.rcard{top:calc(var(--hh) + 8px + var(--i,0) * 6px)}.rcard .kind{display:inline;font-size:10.5px}}

/* testimonials: pinned horizontal row */
.tst{padding-bottom:clamp(40px,5vw,70px)}
.tst-pin{position:relative;margin-top:clamp(28px,4vw,50px)}
.tst-sticky{overflow:hidden}
.tst-pin.on .tst-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;gap:22px}
.tst-track{display:flex;align-items:flex-start;gap:clamp(14px,2vw,24px);padding:0 max(20px,calc((100vw - var(--rail)) / 2 + 20px));width:max-content;will-change:transform}
.tst-pin:not(.on) .tst-sticky{overflow-x:auto;scroll-snap-type:x mandatory}
.tst-pin:not(.on) .tcard{scroll-snap-align:center}
.tcard{width:min(460px,84vw);flex:none;display:flex;flex-direction:column;gap:16px;padding:clamp(20px,2.4vw,28px);border-radius:32px;border:1.5px solid var(--line-2);background:linear-gradient(170deg,var(--card-2),var(--card));max-height:calc(100svh - var(--hh) - 90px)}
.tc-top{display:flex;align-items:center;gap:14px}
.tc-top div{display:grid;gap:2px;min-width:0}
.tc-top b{font-size:18px;font-weight:600;color:var(--fg)}
.tc-top div span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tc-no{margin-left:auto;font-weight:900;font-size:22px;background:var(--silver);-webkit-background-clip:text;background-clip:text;color:transparent}
.tc-ph{position:relative;margin:0;width:64px;height:84px;border-radius:16px;overflow:hidden;flex:none;border:1px solid var(--line-2)}
.tc-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.tc-ph figcaption{position:absolute;left:0;right:0;bottom:0;font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:3px;background:rgba(12,12,12,.75);color:var(--fg)}
.tc-av{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;flex:none;font-weight:800;font-size:22px;color:var(--fg);background:var(--grad);border:1.5px solid rgba(220,240,255,.6)}
.tcard blockquote{margin:0;overflow:auto;scrollbar-width:thin}
.tcard blockquote p{font-size:clamp(15px,1.15vw,16.5px);line-height:1.6;color:var(--text)}
.tcard blockquote p::before{content:"\201C";display:block;font-size:54px;line-height:.6;font-weight:800;margin-bottom:8px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.tc-chip{align-self:flex-start;margin-top:auto;padding:7px 14px;border-radius:999px;border:1.5px solid var(--line-3);font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg)}
.tst-bar{height:3px;margin:0 auto;width:min(420px,60vw);border-radius:3px;background:var(--line-2);overflow:hidden}
.tst-bar i{display:block;height:100%;background:var(--grad);transform-origin:0 50%;transform:scaleX(0)}
.tst-pin:not(.on) .tst-bar{display:none}

/* services v5 */
.vip{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,64px);align-items:center;max-width:1100px;margin:clamp(36px,5vw,64px) auto 0}
.vip-ph{margin:0;border-radius:clamp(26px,3vw,40px);overflow:hidden;aspect-ratio:4/5;box-shadow:0 40px 80px -40px rgba(12,12,12,.6)}
.vip-ph img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.vip-tag{display:inline-block;padding:7px 14px;border-radius:999px;background:#0c0c0c;color:var(--fg);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.vip-tx h3{color:#0c0c0c;font-size:clamp(32px,4vw,56px);font-weight:900;text-transform:uppercase;line-height:.92;margin:16px 0 14px}
.vip-tx>p{color:#4B5563;font-size:clamp(16px,1.3vw,18px);max-width:52ch}
.join{list-style:none;margin:26px 0 28px;padding:0;display:grid;gap:14px}
.join li{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start}
.join b{font-weight:900;font-size:34px;line-height:.9;color:#0c0c0c}
.join strong{display:block;color:#0c0c0c;font-size:17px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
.join span{color:#4B5563;font-size:15px}
.incl{color:#0c0c0c;text-align:center;font-size:clamp(22px,2.4vw,32px);font-weight:800;text-transform:uppercase;margin-top:clamp(70px,9vw,120px)}
.incl+.rows{margin-top:clamp(24px,3vw,40px)}
@media(max-width:820px){.vip{grid-template-columns:1fr}.vip-ph{aspect-ratio:4/4.4;max-width:520px;width:100%;justify-self:center}}

/* final + footer socials */
.final{overflow:hidden}
.final .wrap{position:relative;z-index:1}
.final-bg{position:absolute;right:max(-60px,calc(50% - 760px));top:50%;transform:translateY(-50%);height:min(100%,640px);width:auto;opacity:.22;filter:grayscale(.4);-webkit-mask-image:radial-gradient(closest-side,#000 55%,transparent);mask-image:radial-gradient(closest-side,#000 55%,transparent);pointer-events:none}
.socials{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:22px 0;border-bottom:1px solid var(--line)}
.socials>span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.socials a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1.5px solid var(--line-2);color:var(--fg);text-decoration:none;font-size:14px}
.socials a:hover{border-color:#fff}
.socials svg{width:18px;height:18px}

/* photo thumbnails per client */
.thumbs{display:grid;gap:8px;margin-top:4px}
.thumbs small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.thr{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:8px}
.thr>span{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text)}
.thr>div{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px}
.thr>div::-webkit-scrollbar{display:none}
.thr button{flex:none;width:42px;height:56px;border-radius:10px;overflow:hidden;border:1.5px solid var(--line-2);opacity:.6;transition:opacity .2s,border-color .2s}
.thr button img{width:100%;height:100%;object-fit:cover}
.thr button[aria-pressed="true"]{opacity:1;border-color:#fff}
.thr button:hover{opacity:1}
@media(max-width:900px){.rtx .thumbs{grid-column:1/-1}.thr button{width:38px;height:50px}}

/* ===== V6 ===== */
/* hero VIP call to action */
.vipcta{position:relative;display:inline-flex;align-items:center;gap:14px;padding:8px 8px 8px 8px;border-radius:999px;text-decoration:none;color:var(--fg);isolation:isolate;background:rgba(18,18,20,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 40px -18px rgba(22,64,232,.7);transition:transform .3s var(--ease)}
.vipcta::before{content:"";position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--ang,0deg),#2F6BFF,#3D8BFF,#00B2FF,#FFD27A,#2F6BFF);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;animation:spinB 4s linear infinite}
@property --ang{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes spinB{to{--ang:360deg}}
.vipcta:hover{transform:translateY(-2px)}
.vc-badge{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.12em;color:#1a0a00;background:linear-gradient(120deg,#FFE7A3,#F5B544 55%,#FF8A3D);box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.vc-badge svg{width:14px;height:14px}
.vc-txt{display:grid;line-height:1.15}
.vc-txt b{font-size:15px;font-weight:600;letter-spacing:.02em}
.vc-txt small{font-size:11.5px;color:var(--muted);letter-spacing:.04em}
.vc-go{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--grad);flex:none}
.vc-go svg{width:18px;height:18px;transition:transform .3s var(--ease)}
.vipcta:hover .vc-go svg{transform:translateX(3px)}
.ig-chip{display:none}
@media(min-width:1100px){.ig-chip{display:inline-flex;position:absolute;left:50%;bottom:4px;transform:translateX(calc(-50% + min(30svh,330px) + 40px));align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid var(--line-2);background:rgba(12,12,12,.55);backdrop-filter:blur(10px);color:var(--fg);text-decoration:none;font-size:13px;letter-spacing:.04em}.ig-chip svg{width:18px;height:18px}}
@media(max-width:700px){.vipcta{width:100%;justify-content:space-between}.vc-txt{flex:1}}

/* instagram buttons */
.ig-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none;color:var(--fg);background:radial-gradient(circle at 30% 110%,#FFD27A 0,#FF6A3D 30%,#E1306C 55%,#1640E8 75%,#2F6BFF 100%);box-shadow:0 6px 20px -6px rgba(225,48,108,.7);transition:transform .25s var(--ease)}
.ig-btn:hover{transform:scale(1.08) rotate(-6deg)}
.ig-btn svg{width:20px;height:20px}
@media(max-width:900px){.ig-btn{margin-left:auto;width:40px;height:40px}.burger{margin-left:0}}
.ig-big{display:flex;align-items:center;gap:16px;padding:14px 14px 14px 14px;margin:26px 0;border-radius:28px;border:1.5px solid var(--line-2);background:linear-gradient(120deg,rgba(225,48,108,.14),rgba(47,107,255,.12));text-decoration:none;color:var(--fg);max-width:440px;transition:border-color .25s,transform .25s var(--ease)}
.ig-big:hover{border-color:#fff;transform:translateY(-2px)}
.ig-ic{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;flex:none;background:radial-gradient(circle at 30% 110%,#FFD27A 0,#FF6A3D 30%,#E1306C 55%,#1640E8 75%,#2F6BFF 100%)}
.ig-ic svg{width:28px;height:28px}
.ig-tx{display:grid;line-height:1.2;flex:1}
.ig-tx small{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ig-tx b{font-size:20px;font-weight:700}
.ig-go{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line-3)}
.ig-go svg{width:16px;height:16px}

/* new logo mark */
.wm-mark{background:radial-gradient(circle at 50% 120%,#3D8BFF 0,#1640E8 35%,#3A2BD9 80%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 18px -6px rgba(22,64,232,.8)}
.wm-mark svg{width:26px;height:26px}

/* transformations: photos only */
.rcard.two .rb{grid-template-columns:1fr 1fr}
.rcard.two .rimg{width:100%}
.rcard .rtx{justify-content:center}
.rcard .thumbs{gap:12px}
.thr button{width:54px;height:72px}
@media(max-width:900px){.thr button{width:40px;height:54px}}

/* testimonials v6 */
.tcard.has-ph{padding-top:12px}
.tc-media{display:grid;gap:6px;height:210px;margin:0 -2px}
.tc-media.n2{grid-template-columns:1fr 1fr}
.tc-media figure{position:relative;margin:0;border-radius:22px;overflow:hidden;background:#1d1d20}
.tc-media img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.tc-media figcaption{position:absolute;left:10px;bottom:10px;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:rgba(12,12,12,.72);color:var(--fg)}
.tcard blockquote .ex{margin-top:12px;font-size:14px;color:var(--muted);padding-left:12px;border-left:2px solid var(--p2)}
.tcard blockquote .ex::before{display:none}
.tc-stars{color:#F5B544;letter-spacing:.2em;font-size:16px}
.tc-chat{display:grid;gap:8px}
.tc-chat p{max-width:92%;padding:10px 14px;border-radius:16px;border-bottom-left-radius:5px;background:var(--card-2);border:1px solid var(--line);font-size:15px;color:var(--fg);display:grid;gap:2px}
.tc-chat p b{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}
.tc-chat p.me{justify-self:end;border-bottom-left-radius:16px;border-bottom-right-radius:5px;background:linear-gradient(135deg,rgba(47,107,255,.55),rgba(22,64,232,.4))}
@media(max-width:700px){.tc-media{height:170px}}

/* 3D stage: HUD + orbiting chips */
.story-stage{position:sticky}
.hud{position:absolute;inset:0;pointer-events:none;z-index:0}
.hud .ring{position:absolute;left:50%;bottom:4%;width:78%;aspect-ratio:3.2;transform:translateX(-50%);border-radius:50%;border:1.5px solid rgba(150,205,255,.35);box-shadow:0 0 30px rgba(22,64,232,.35),inset 0 0 20px rgba(22,64,232,.25)}
.hud .ring.r2{width:56%;bottom:6.5%;border-style:dashed;border-color:rgba(150,205,255,.25);animation:spinR 14s linear infinite}
@keyframes spinR{to{transform:translateX(-50%) rotate(360deg)}}
.hud .scanl{position:absolute;left:8%;right:8%;height:2px;top:10%;background:linear-gradient(90deg,transparent,rgba(150,205,255,.7),transparent);box-shadow:0 0 18px rgba(22,64,232,.8);animation:scanY 5.5s ease-in-out infinite;opacity:.6}
@keyframes scanY{0%,100%{top:12%}50%{top:86%}}
.orbit{position:absolute;inset:0;pointer-events:none;z-index:2;display:flex;justify-content:center}
.oc{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:6px 11px 6px 6px;border-radius:999px;font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--fg);background:rgba(18,18,20,.72);border:1px solid rgba(150,205,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 30px -10px rgba(22,64,232,.6);animation:floatC 6s ease-in-out infinite alternate}
.oc svg{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--grad);color:var(--fg);flex:none}
.oc.o1{left:12px;top:15%}
.oc.o2{right:12px;top:21%;animation-delay:-1.5s}
.oc.o3{left:10px;top:38%;animation-delay:-3s}
.oc.o4{right:10px;top:46%;animation-delay:-2s}
.oc.o5{left:14px;top:62%;animation-delay:-4s}
.oc.o6{right:14px;top:69%;animation-delay:-.5s}
.story .sblock .scard{position:relative;z-index:3}
@media(max-width:900px){.oc{font-size:0;gap:0;padding:4px}.oc svg{width:26px;height:26px;padding:5px}.oc.o5,.oc.o6{display:none}}
@media(max-width:900px){.hud .ring{width:70%}}

/* order v6: gut check → services (white) → your spot */
.check{margin-top:0;border-radius:0}
.final{background:var(--bg);margin-top:calc(-1 * clamp(36px,5vw,64px));border-radius:clamp(36px,5vw,64px) clamp(36px,5vw,64px) 0 0;z-index:3;padding-top:clamp(80px,9vw,130px)}
.steps{grid-template-columns:repeat(6,1fr)}
.gc-pre{margin:0 0 20px;padding:12px 14px;border-radius:16px;border:1px solid rgba(150,205,255,.3);background:rgba(47,107,255,.14);font-size:14px;color:var(--text)}
.gc-pre b{color:var(--fg);font-weight:600}
.seg button[role=checkbox][aria-checked="true"]::before{content:"✓ ";font-weight:700}
@media(max-width:560px){.steps{grid-template-columns:repeat(6,1fr)}}
html,body{overflow-x:clip}
.ig-chip{display:none!important}
.stage{width:min(470px,32vw)}
@media(max-width:900px){.stage{width:100%}}

/* ===== phones / touch: keep it light so iOS Safari doesn't run out of memory ===== */
html.lite *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.lite .band-row,html.lite .tst-track,html.lite .rcard{will-change:auto}
html.lite .rcard{transform:none}
html.lite .rcard::after{display:none}
html.lite .hb img{filter:none}
html.lite .hb::after{background:rgba(12,12,12,.5)}
html.lite .hero-fig img{filter:none}
html.lite .vipcta::before{animation:none;background:linear-gradient(120deg,#2F6BFF,#3D8BFF,#00B2FF)}
html.lite .hud .ring.r2,html.lite .hud .scanl,html.lite .oc,html.lite .live i{animation:none}
html.lite .hdr.solid,html.lite .sheet,html.lite .scard,html.lite .oc,html.lite .mbar{background-color:rgba(12,12,12,.96)}
html.lite .scard{background:rgba(18,18,20,.97)}
html.lite .tst-pin .tst-sticky{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px}
html.lite .tst-sticky::-webkit-scrollbar{display:none}
html.lite .tst-track{padding:0 16px}
html.lite .tcard{scroll-snap-align:center;max-height:none}
html.lite .tst .sub::after{content:" Swipe →";color:var(--fg)}

/* testimonials v7: real WhatsApp screenshots */
.tcard.ss{gap:12px;padding:16px}
.tc-avi{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:50% 25%;flex:none;border:1.5px solid rgba(220,240,255,.5)}
.tc-shot{position:relative;display:block;width:100%;padding:0;border-radius:20px;overflow:hidden;background:#0b141a;border:1px solid var(--line-2);max-height:calc(100svh - var(--hh) - 250px);min-height:200px;cursor:zoom-in;text-align:left}
.tc-shot img{display:block;width:100%;height:auto}
.tc-more{position:absolute;left:0;right:0;bottom:0;padding:40px 12px 12px;text-align:center;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--fg);background:linear-gradient(transparent,rgba(11,20,26,.95) 55%)}
.tc-src{display:flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.06em;color:var(--muted)}
.tc-src svg{width:16px;height:16px;color:#25D366;flex:none}
.tcard blockquote p::before{content:"\201C"}
@media(max-width:900px){.tc-shot{max-height:58svh}}
.lbox{position:fixed;inset:0;z-index:100;background:rgba(5,5,6,.92);display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top,0px) + 56px) 14px calc(env(safe-area-inset-bottom,0px) + 14px)}
.lbox[hidden]{display:none}
.lb-in{max-width:min(560px,100%);max-height:100%;overflow:auto;border-radius:18px;-webkit-overflow-scrolling:touch}
.lb-in img{display:block;width:100%;height:auto}
.lb-x{position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);right:14px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0c0c0c}
.lb-x svg{width:18px;height:18px}
.tc-shot.fits .tc-more{display:none}.tc-shot.fits{cursor:zoom-in}

/* =================== V7 =================== */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--text)}
.eyebrow i{width:7px;height:7px;border-radius:50%;background:#3D8BFF;box-shadow:0 0 0 4px rgba(22,64,232,.22),0 0 14px #3D8BFF}
.center-e{display:flex;justify-content:center;margin:0 auto 16px;text-align:center}
.mega2{line-height:.88}
[data-fit2]{max-width:100%}

/* testimonials: WhatsApp live chip + 3D ring */
.wa-live{display:flex;align-items:center;gap:12px;margin:0 auto 22px;width:max-content;max-width:100%;padding:8px 16px 8px 8px;border-radius:999px;background:rgba(37,211,102,.08);border:1px solid rgba(37,211,102,.35)}
.wa-dot{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:var(--fg);flex:none;box-shadow:0 0 0 6px rgba(37,211,102,.15)}
.wa-dot svg{width:20px;height:20px}
.wa-live>span:nth-child(2){display:grid;line-height:1.2}
.wa-live b{font-size:14px;font-weight:600;color:var(--fg)}
.wa-live small{font-size:12px;color:var(--muted)}
.typing{display:inline-flex;gap:3px;padding:8px 10px;border-radius:12px;background:#1f2c33}
.typing i{width:6px;height:6px;border-radius:50%;background:#8696a0;animation:tp 1.2s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes tp{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.tst-pin,.tst-bar{display:none}
.ring-pin{position:relative;margin-top:clamp(10px,2vw,30px)}
.ring-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;overflow:hidden}
.ring-stage{position:relative;width:min(400px,78vw);height:min(72svh,640px);perspective:1400px;perspective-origin:50% 50%}
.ring{position:absolute;inset:0;transform-style:preserve-3d}
.rc{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:30px;background:linear-gradient(170deg,#17171A,#0F0F11);border:1.5px solid var(--line-2);box-shadow:0 40px 80px -30px rgba(0,0,0,.9);transition:border-color .4s,box-shadow .4s;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.rc.front{border-color:rgba(150,205,255,.55);box-shadow:0 40px 90px -30px rgba(22,64,232,.55),0 0 0 1px rgba(150,205,255,.15)}
.rc-top{display:flex;align-items:center;gap:12px}
.rc-top div{display:grid;line-height:1.2;min-width:0;flex:1}
.rc-top b{font-size:17px;font-weight:600;color:var(--fg)}
.rc-top div span{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.rc-av{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:50% 25%;flex:none;border:1.5px solid rgba(220,240,255,.5)}
.rc-av.t{display:grid;place-items:center;background:var(--grad);font-weight:800;color:var(--fg);font-size:18px}
.rc-wa{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:var(--fg);flex:none}
.rc-wa svg{width:17px;height:17px}
.rc-shot{position:relative;flex:1;min-height:0;width:100%;padding:0;border-radius:20px;overflow:hidden;background:#0b141a;border:1px solid var(--line);cursor:zoom-in;text-align:left}
.rc-shot img{display:block;width:100%;height:auto}
.rc-more{position:absolute;left:0;right:0;bottom:0;padding:44px 12px 12px;text-align:center;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg);background:linear-gradient(transparent,rgba(11,20,26,.96) 60%)}
.ring-meta{display:flex;gap:6px;align-items:center}
.ring-meta i{width:6px;height:6px;border-radius:999px;background:var(--line-2);transition:width .3s,background .3s}
.ring-meta i.on{width:22px;background:var(--grad)}
.ring-pin.flat .ring-sticky{position:static;height:auto}
.ring-pin.flat .ring-stage{width:100%;height:auto;perspective:none}
.ring-pin.flat .ring{position:static;display:flex;gap:14px;overflow-x:auto;padding:0 16px;scroll-snap-type:x mandatory}
.ring-pin.flat .rc{position:relative;flex:0 0 min(380px,82vw);height:70svh;scroll-snap-align:center}
@media(max-width:700px){.wa-live small{display:none}.typing{display:none}.rc{padding:12px;border-radius:24px}.rc-top b{font-size:15px}}

/* transformations: no numbers */
.rcard .no{display:none}
.rdot{width:10px;height:10px;border-radius:50%;background:var(--grad);box-shadow:0 0 12px #1640E8;flex:none}

/* gut story v7 */
.chapters{list-style:none;padding:0;margin:26px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.chapters li{display:flex;align-items:center;gap:8px;padding:7px 14px 7px 7px;border-radius:999px;border:1px solid var(--line-2);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}
.chapters b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--grad);color:var(--fg);font-size:11px}
.sprog{position:absolute;left:50%;top:-6px;transform:translateX(-50%);width:min(470px,32vw);height:3px;border-radius:3px;background:var(--line);overflow:hidden;z-index:5}
.sprog i{display:block;height:100%;background:var(--grad);transform-origin:0 50%;transform:scaleX(0)}
.scard h3{font-size:clamp(24px,2.4vw,32px);font-weight:700;line-height:1.05}
.scard .hook{color:#A9E8FF;font-weight:500}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.facts span{display:grid;gap:2px;padding:12px;border-radius:16px;background:rgba(47,107,255,.18);border:1px solid rgba(150,205,255,.2);font-size:12.5px;color:var(--text);line-height:1.35}
.facts b{font-size:26px;font-weight:800;color:var(--fg);line-height:1}
.tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.tags li{padding:6px 11px;border-radius:999px;border:1px solid rgba(150,205,255,.35);background:rgba(22,64,232,.1);font-size:12.5px;color:var(--fg)}
.mini-cta{justify-self:start;color:#A9E8FF;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(169,232,255,.4)}
.who{margin:clamp(40px,6vw,80px) auto 0;max-width:1000px;text-align:center}
.who h3{font-size:clamp(28px,3.6vw,48px);font-weight:800;text-transform:uppercase;margin:14px 0 26px;line-height:.95}
.who-list{list-style:none;padding:0;margin:0 0 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;text-align:left}
.who-list li{padding:18px;border-radius:22px;border:1px solid var(--line-2);background:linear-gradient(160deg,rgba(47,107,255,.16),rgba(255,255,255,.02));display:grid;gap:4px}
.who-list b{font-size:17px;font-weight:600;color:var(--fg)}
.who-list span{font-size:13.5px;color:var(--muted);line-height:1.4}
@media(max-width:900px){.who-list{grid-template-columns:1fr 1fr}.sprog{width:calc(100% - 32px);top:2px}.facts b{font-size:22px}}
@media(max-width:520px){.who-list{grid-template-columns:1fr}}

/* gut scan v7 */
.check{background:radial-gradient(60% 50% at 50% 30%,rgba(47,107,255,.18),transparent 70%),var(--bg)}
.qbox{border-color:rgba(150,205,255,.35);background:radial-gradient(80% 60% at 50% 0%,rgba(22,64,232,.14),transparent 70%),#0E0F18;box-shadow:0 50px 100px -50px rgba(22,64,232,.5)}
.qstart{gap:18px}
.qstart ul{gap:10px}
.qstart li{flex-direction:column;gap:0;padding:10px 18px;border-radius:18px;font-size:11px;letter-spacing:.14em}
.qstart li b{font-size:26px;font-weight:800;color:var(--fg);letter-spacing:0}
.qh em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.scan-orb{position:relative;width:110px;height:110px;display:grid;place-items:center;margin:0 auto}
.scan-orb svg{width:40px;height:40px;color:var(--fg);position:relative;z-index:1}
.scan-orb i{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(150,205,255,.6);animation:orb 2.4s ease-out infinite}
.scan-orb i:nth-child(2){animation-delay:.8s}.scan-orb i:nth-child(3){animation-delay:1.6s}
.scan-orb::before{content:"";position:absolute;inset:22%;border-radius:50%;background:var(--grad);box-shadow:0 0 40px rgba(22,64,232,.8)}
@keyframes orb{from{transform:scale(.6);opacity:1}to{transform:scale(1.5);opacity:0}}
.scan-orb.big{width:150px;height:150px}
.qscan{align-items:center;justify-content:center;gap:22px;min-height:340px;text-align:center}
.scan-t{font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:#A9E8FF;animation:blink 1s infinite alternate}
@keyframes blink{to{opacity:.4}}
.qtop{font-size:14px}
.qtop b{font-size:22px;font-weight:800}
#qCat{padding:5px 11px;border-radius:999px;border:1px solid rgba(150,205,255,.35);color:#A9E8FF;font-size:11.5px}
.qq.in{animation:qin .45s var(--ease)}
@keyframes qin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.qopts.ctx{grid-template-columns:repeat(2,minmax(0,1fr))}
.qopts.ctx .qopt{padding:14px 16px;flex-direction:row;align-items:center}
.qopts.ctx .qopt b{font-size:15px;text-transform:none;letter-spacing:0}
.qopts.ctx .qopt[aria-pressed="true"] b::before{content:"✓ "}
.qnext{grid-column:1/-1;justify-self:center;margin-top:6px}
.qnext:disabled{opacity:.4;pointer-events:none}
.qopt .k{font-size:11px;padding:2px 7px;border-radius:6px;border:1px solid var(--line-2)}
.next-step{margin-top:26px;padding:20px;border-radius:24px;border:1px solid rgba(150,205,255,.3);background:rgba(47,107,255,.12);display:grid;gap:10px}
.next-step p{color:var(--fg);font-size:15.5px}
.next-step .qres-actions{margin-top:6px}
@media(max-width:620px){.qopts.ctx{grid-template-columns:1fr}}

/* program (services + your spot) */
.prog{padding-top:clamp(70px,9vw,130px)}
.prog-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,3vw,40px);align-items:stretch;margin-top:clamp(30px,4vw,56px)}
.prog-ph{position:relative;margin:0;border-radius:36px;overflow:hidden;min-height:520px;border:1.5px solid var(--line-2)}
.prog-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 40%;filter:saturate(.9) contrast(1.05)}
.prog-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(12,12,12,.92)),linear-gradient(120deg,rgba(47,107,255,.35),transparent 50%)}
.prog-ph figcaption{position:absolute;left:22px;bottom:20px;z-index:1;display:grid}
.prog-ph figcaption b{font-size:26px;font-weight:800;color:var(--fg);text-transform:uppercase}
.prog-ph figcaption span{font-size:13px;color:var(--text);letter-spacing:.06em}
.prog-card{position:relative;border-radius:36px;padding:clamp(22px,3vw,40px);background:linear-gradient(170deg,#12131F,#0F0F11);border:1.5px solid transparent;background-clip:padding-box;display:grid;gap:22px;align-content:start}
.prog-card::before{content:"";position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;background:linear-gradient(140deg,rgba(150,205,255,.7),rgba(22,64,232,.2) 40%,rgba(255,194,51,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.prog-card h3{font-size:clamp(26px,3vw,40px);font-weight:800;text-transform:uppercase;line-height:.95}
.incl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.incl li{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.incl svg{width:34px;height:34px;padding:7px;border-radius:11px;background:var(--grad);color:var(--fg);flex:none}
.incl span{display:grid;gap:2px;font-size:13px;color:var(--muted);line-height:1.35}
.incl b{font-size:15px;font-weight:600;color:var(--fg)}
.path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative}
.path li{display:grid;gap:6px;padding:14px;border-radius:18px;border:1px dashed rgba(150,205,255,.35)}
.path b{font-size:13px;font-weight:700;color:#A9E8FF;letter-spacing:.1em}
.path span{display:grid;font-size:15px;font-weight:600;color:var(--fg);line-height:1.2}
.path small{font-size:12px;font-weight:400;color:var(--muted);margin-top:3px}
.prog-ctas{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:900px){.prog-g{grid-template-columns:1fr}.prog-ph{min-height:420px}.incl{grid-template-columns:1fr}.path{grid-template-columns:1fr}.prog-ctas .gpill{width:100%}}
.svc,.final{display:none}

/* footer v7 */
.site-foot{padding:0 0 calc(30px + env(safe-area-inset-bottom,0px));border-top:0;overflow:hidden;position:relative}
.foot-cta{text-align:center;padding:clamp(70px,9vw,120px) 0 clamp(50px,6vw,80px);background:radial-gradient(50% 70% at 50% 100%,rgba(22,64,232,.28),transparent 70%)}
.foot-line{font-size:clamp(30px,5vw,68px);font-weight:800;text-transform:uppercase;line-height:.95;color:var(--fg);max-width:16ch;margin:0 auto 30px}
.foot-line em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.f-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;padding:40px 0 30px;border-top:1px solid var(--line)}
.f-brand p{margin:16px 0 0;color:var(--muted);font-size:14.5px;max-width:36ch}
.f-brand .ig-big{margin:22px 0 0}
.f-col{display:grid;align-content:start;gap:10px}
.f-col b{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-weight:500;margin-bottom:4px}
.f-col a,.f-col button{text-align:left;color:var(--text);text-decoration:none;font-size:15px;transition:color .2s}
.f-col a:hover,.f-col button:hover{color:var(--fg)}
.f-mega{margin:10px calc(50% - 50vw) 0;font-size:17.6vw;background:linear-gradient(180deg,rgba(22,64,232,.35),rgba(47,107,255,.05) 75%,transparent);-webkit-background-clip:text;background-clip:text}
.f-bot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding-top:18px;border-top:1px solid var(--line);font-size:12.5px;color:var(--dim)}
.credit{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--line-2);color:var(--muted);text-decoration:none;font-size:12px;letter-spacing:.04em;transition:border-color .2s,color .2s}
.credit b{color:var(--fg);font-weight:600;letter-spacing:.08em}
.credit svg{width:12px;height:12px;transform:rotate(-45deg)}
.credit:hover{border-color:#fff;color:var(--fg)}
.totop{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line-3);color:var(--fg)}
.totop svg{width:16px;height:16px;transform:rotate(-90deg)}
.f-top,.socials{display:none}
@media(max-width:900px){.f-grid{grid-template-columns:1fr 1fr}.f-brand{grid-column:1/-1}.f-bot{justify-content:center;text-align:center}}
html.lite .rc{box-shadow:none}
html.lite .hero-grain{display:none}

/* apply v7 */
.ap-side{display:grid;gap:0}
.ap-ph{position:relative;margin:0 0 26px;border-radius:30px;overflow:hidden;aspect-ratio:4/3.4;border:1.5px solid var(--line-2);box-shadow:0 40px 80px -40px rgba(22,64,232,.6)}
.ap-ph img{width:100%;height:100%;object-fit:cover;object-position:68% 30%}
.ap-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(12,12,12,.9)),linear-gradient(120deg,rgba(47,107,255,.3),transparent 55%)}
.ap-ph figcaption{position:absolute;left:18px;bottom:16px;z-index:1;display:flex;align-items:center;gap:12px}
.ap-ph figcaption b{font-size:18px;font-weight:700;color:var(--fg);text-transform:uppercase;letter-spacing:.04em}
.ap-side h1{margin-top:14px}
.form-card{perspective:1600px;position:relative;overflow:hidden;border-color:rgba(150,205,255,.3);background:radial-gradient(80% 50% at 100% 0%,rgba(22,64,232,.14),transparent 70%),var(--card)}
.fstep.flip-in{animation:flipIn .55s var(--ease) both;transform-origin:0% 50%}
.fstep.flip-back{animation:flipBack .55s var(--ease) both;transform-origin:100% 50%}
@keyframes flipIn{from{opacity:0;transform:rotateY(-24deg) translateX(30px) translateZ(-60px)}to{opacity:1;transform:none}}
@keyframes flipBack{from{opacity:0;transform:rotateY(24deg) translateX(-30px) translateZ(-60px)}to{opacity:1;transform:none}}
.seg button{transition:transform .15s,background .2s,border-color .2s}
.seg button:active{transform:scale(.96)}
.seg button[aria-checked="true"]{box-shadow:0 8px 20px -8px rgba(22,64,232,.8)}
@media(max-width:940px){.ap-ph{aspect-ratio:16/11;max-height:46svh}}
.rcard:not(.two) .rimg{cursor:pointer}
.rcard:not(.two) .rimg img{transition:opacity .25s}
.sn-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none;color:#111;background:#FFFC00;box-shadow:0 6px 20px -6px rgba(255,252,0,.5);transition:transform .25s var(--ease)}
.sn-btn:hover{transform:scale(1.08) rotate(6deg)}
.sn-btn svg{width:22px;height:22px}
.sn-ic{background:#FFFC00!important;color:#111}
.sn-big{margin-top:10px!important;background:linear-gradient(120deg,rgba(255,252,0,.1),rgba(47,107,255,.1))}
@media(max-width:900px){.sn-btn{margin-left:auto;width:40px;height:40px}.ig-btn{margin-left:0}}

/* socials: clear brand icons */
.ig-btn,.sn-btn{display:none!important}
.soc{display:flex;align-items:center;gap:8px}
.si{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none;color:var(--fg);transition:transform .25s var(--ease),box-shadow .25s}
.si svg{width:19px;height:19px}
.si:hover{transform:translateY(-2px) scale(1.06)}
.si.ig{background:radial-gradient(circle at 30% 110%,#FFD27A 0,#FF6A3D 28%,#E1306C 55%,#1640E8 78%,#2F6BFF 100%);box-shadow:0 6px 18px -6px rgba(225,48,108,.7)}
.si.tt{background:#000;border:1px solid rgba(255,255,255,.22);box-shadow:-2px -1px 0 #25F4EE inset,2px 1px 0 #FE2C55 inset}
.si.snap{background:#FFFC00;color:#111}
.si.fb{background:#1877F2}
.hdr-soc{margin-left:6px}
@media(max-width:900px){.hdr-soc{margin-left:auto}.hdr-soc .tt,.hdr-soc .snap,.hdr-soc .fb{display:none}.hdr-soc .si{width:40px;height:40px}}
.sheet-soc{margin-top:22px;gap:12px}
.sheet-soc .si{width:52px;height:52px}.sheet-soc .si svg{width:24px;height:24px}
.hero-soc{position:absolute;right:clamp(16px,2.4vw,40px);top:50%;transform:translateY(-50%);z-index:5;flex-direction:column;gap:10px;padding:12px 8px;border-radius:999px;background:rgba(12,12,12,.45);border:1px solid var(--line-2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hero-soc span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
@media(max-width:900px){.hero-soc{display:none}}
.soc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;max-width:520px}
.sc{display:flex;align-items:center;gap:12px;padding:12px;border-radius:20px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);color:var(--fg);text-decoration:none;transition:border-color .25s,transform .25s var(--ease),background .25s}
.sc:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.06)}
.sc-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none;color:var(--fg)}
.sc-ic svg{width:22px;height:22px}
.sc.ig .sc-ic{background:radial-gradient(circle at 30% 110%,#FFD27A 0,#FF6A3D 28%,#E1306C 55%,#1640E8 78%,#2F6BFF 100%)}
.sc.tt .sc-ic{background:#000;border:1px solid rgba(255,255,255,.22);box-shadow:-2px -1px 0 #25F4EE inset,2px 1px 0 #FE2C55 inset}
.sc.snap .sc-ic{background:#FFFC00;color:#111}
.sc.fb .sc-ic{background:#1877F2}
.sc-tx{display:grid;line-height:1.2;min-width:0;flex:1}
.sc-tx b{font-size:15px;font-weight:600}
.sc-tx small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-go{width:14px;height:14px;transform:rotate(-45deg);color:var(--muted);flex:none}
@media(max-width:420px){.soc-grid{grid-template-columns:1fr}}
html.lite .hero-soc{backdrop-filter:none}
html.lite .tst .sub::after{content:none}
.rc-shot{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}
.prog-card .incl{text-align:left;text-transform:none;font-weight:400;font-size:inherit;margin:0;color:inherit;line-height:inherit}
.prog-card .incl+.rows{margin:0}
@media(max-width:700px){.hero-fig{width:104vw;bottom:118px}.hero-glow{height:46%}}

/* =================== V8 =================== */
/* hero: V6 layout, new centre flex photo */
.hero{background:radial-gradient(40% 55% at 50% 60%,rgba(22,64,232,.28),rgba(47,107,255,.10) 50%,transparent 75%),var(--bg)}
.hero-fig{height:min(80svh,900px);aspect-ratio:508/927;transform:translateX(-50%) translate3d(var(--mx,0px),calc(var(--my,0px) + var(--sy,0px)),0)}
@keyframes figIn{from{opacity:0;transform:translateX(-50%) translateY(40px)}to{opacity:1}}
.hero-fig img{filter:drop-shadow(0 30px 40px rgba(0,0,0,.6));-webkit-mask-image:linear-gradient(#000 80%,transparent 98%);mask-image:linear-gradient(#000 80%,transparent 98%)}
.hb::after{background:linear-gradient(180deg,rgba(47,107,255,.12),rgba(12,12,12,.55))}
.hb3{aspect-ratio:1000/1347;width:clamp(110px,11vw,190px)}
.hb3 img{object-position:70% 40%}
@media(max-width:700px){.hero-fig{height:min(62svh,560px);transform:translateX(-50%) translate3d(0,var(--sy,0px),0)}}

/* testimonials: text quote card in the ring */
.rc-quote{flex:1;display:flex;align-items:center;padding:22px;border-radius:20px;background:linear-gradient(160deg,rgba(22,64,232,.14),rgba(255,255,255,.02));border:1px solid var(--line)}
.rc-quote p{font-size:clamp(18px,1.6vw,22px);line-height:1.45;color:var(--fg);font-weight:500}
.rc-quote p::before{content:"\201C";display:block;font-size:64px;line-height:.5;font-weight:800;margin-bottom:12px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* socials: single icon bar */
.foot-soc{margin-top:22px;gap:10px}
.foot-soc .si{width:46px;height:46px}
.foot-soc .si svg{width:22px;height:22px}
@media(max-width:900px){.hdr .burger{margin-left:auto}}

/* program pass */
.prog{overflow:hidden}
.prog-aura{position:absolute;left:50%;top:55%;width:min(1100px,140vw);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(22,64,232,.22),rgba(47,107,255,.06) 55%,transparent 72%);pointer-events:none;z-index:0}
.prog .wrap{position:relative;z-index:1}
.pass{position:relative;max-width:920px;margin:clamp(30px,4vw,56px) auto 0;padding:clamp(22px,3.4vw,44px);border-radius:40px;background:linear-gradient(170deg,rgba(18,18,34,.92),rgba(10,10,20,.96));isolation:isolate;box-shadow:0 60px 120px -60px rgba(22,64,232,.6)}
.pass::before{content:"";position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--ang,0deg),#2F6BFF,#00B2FF,#1640E8,rgba(255,255,255,.15),#2F6BFF);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spinB 6s linear infinite;z-index:-1}
.pass-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}
.pass-live{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text)}
.pass-live i{width:8px;height:8px;border-radius:50%;background:#3DFF9A;box-shadow:0 0 0 4px rgba(61,255,154,.18);animation:pulse 2s infinite}
.feat6{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.feat6 li{display:grid;gap:6px;align-content:start;padding:18px;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid var(--line);transition:transform .3s var(--ease),border-color .3s,background .3s}
.feat6 li:hover{transform:translateY(-3px);border-color:rgba(150,205,255,.45);background:rgba(22,64,232,.06)}
.feat6 svg{width:40px;height:40px;padding:9px;border-radius:13px;background:var(--grad);color:var(--fg);margin-bottom:6px;box-shadow:0 10px 24px -10px rgba(22,64,232,.8)}
.feat6 b{font-size:16px;font-weight:600;color:var(--fg);line-height:1.2}
.feat6 span{font-size:13.5px;color:var(--muted);line-height:1.4}
.pass-cut{position:relative;height:2px;margin:28px -2px;background:repeating-linear-gradient(90deg,var(--line-2) 0 10px,transparent 10px 18px)}
.pass-cut::before,.pass-cut::after{content:"";position:absolute;top:50%;width:28px;height:28px;border-radius:50%;background:var(--bg);transform:translateY(-50%)}
.pass-cut::before{left:calc(-1 * clamp(22px,3.4vw,44px) - 16px)}
.pass-cut::after{right:calc(-1 * clamp(22px,3.4vw,44px) - 16px)}
.timeline{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative}
.timeline::before{content:"";position:absolute;left:16%;right:16%;top:21px;height:2px;background:linear-gradient(90deg,#2F6BFF,#00B2FF);opacity:.6}
.timeline li{position:relative;display:grid;justify-items:center;text-align:center;gap:4px}
.tl-dot{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:16px;color:var(--fg);background:var(--grad);box-shadow:0 0 0 6px rgba(22,64,232,.15),0 10px 24px -8px rgba(22,64,232,.9);margin-bottom:8px}
.timeline b{font-size:16px;font-weight:600;color:var(--fg)}
.timeline small{font-size:13px;color:var(--muted)}
.pass-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.pass .fine.center{margin-top:16px}
.prog-g,.prog-ph,.prog-card{display:none}
@media(max-width:820px){.feat6{grid-template-columns:1fr 1fr}.feat6 li{padding:14px}.feat6 span{font-size:12.5px}}
@media(max-width:560px){
  .pass{border-radius:30px}
  .feat6{grid-template-columns:1fr}
  .feat6 li{grid-template-columns:40px 1fr;column-gap:12px;align-items:center}
  .feat6 svg{grid-row:span 2;margin:0}
  .timeline{grid-template-columns:1fr;gap:14px;justify-items:start}
  .timeline::before{left:21px;right:auto;top:22px;bottom:22px;width:2px;height:auto}
  .timeline li{grid-template-columns:44px 1fr;justify-items:start;text-align:left;column-gap:14px;align-items:center}
  .tl-dot{grid-row:span 2;margin:0}
  .pass-cta>*{width:100%}
}
/* mobile gut story: 3D body on top, the active chapter card in a fixed panel right under it */
.mcard{display:none}
@media(max-width:900px){
  .story{--stage-h:40svh}
  .story-stage{height:calc(100svh - var(--hh));display:flex;flex-direction:column;gap:10px;padding:8px 14px 14px;background:var(--bg);z-index:3}
  .story-stage .stage{flex:none;height:var(--stage-h);width:100%}
  .sprog{top:2px}
  .mcard{display:grid;gap:8px;flex:1;min-height:0;overflow-y:auto;pointer-events:auto;padding:18px;border-radius:24px;background:linear-gradient(170deg,#13142A,#0C0D18);border:1.5px solid rgba(150,205,255,.35);align-content:start}
  .mcard.swap{animation:mswap .45s var(--ease)}
  @keyframes mswap{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  .mcard h3{font-size:22px;font-weight:700;line-height:1.08;color:var(--fg)}
  .mcard p{font-size:15px;color:var(--text);line-height:1.5}
  .mcard .doc,.mcard .why{font-size:13px;padding:8px 10px}
  .story-track{margin-top:calc(-1 * (100svh - var(--hh)));padding:0}
  .sblock,.sblock.R,.sblock:first-child{display:block;min-height:70svh;padding:0;width:100%;margin:0;visibility:hidden}
  .sblock:last-child{min-height:100svh}
}
@media(max-width:900px){.mcard{flex:0 1 auto}}

/* =================== V9: bright neon palette =================== */
:root{--grad:linear-gradient(100deg,#2F6BFF 0%,#1640E8 52%,#00B2FF 100%)}
.gpill{background:radial-gradient(120% 120% at 50% -10%,rgba(255,255,255,.45),rgba(255,255,255,0) 46%),linear-gradient(90deg,#0A1E8C 0%,#1640E8 30%,#2F6BFF 62%,#00B2FF 100%);border-color:rgba(230,240,255,.8);box-shadow:0 0 0 1px rgba(22,64,232,.4),0 0 30px -2px rgba(0,178,255,.55),0 0 50px -10px rgba(47,107,255,.5),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -8px 16px rgba(20,10,60,.35)}
.gpill:hover{box-shadow:0 0 0 1px rgba(22,64,232,.5),0 0 44px 0 rgba(0,178,255,.7),0 0 70px -6px rgba(47,107,255,.6),inset 0 1px 0 rgba(255,255,255,.6)}
.btn-p{background:radial-gradient(120% 120% at 50% -10%,rgba(255,255,255,.4),rgba(255,255,255,0) 46%),linear-gradient(90deg,#0A1E8C,#1640E8 30%,#2F6BFF 62%,#00B2FF);border-color:rgba(230,240,255,.8)}
.mega2,.ap-side h1{background:linear-gradient(180deg,#FFFFFF 0%,#DCE8FF 50%,#9FB4E8 100%);-webkit-background-clip:text;background-clip:text}
.mega2.ink{background:linear-gradient(180deg,#0C0C0C 0%,#2B2B30 60%,#6B7280 100%);-webkit-background-clip:text;background-clip:text}
.hero .mega{background:linear-gradient(180deg,#FFFFFF 0%,#E4ECFF 45%,#A7B8F0 100%);-webkit-background-clip:text;background-clip:text}
.hero{background:radial-gradient(38% 55% at 50% 62%,rgba(22,64,232,.38),rgba(47,107,255,.10) 55%,transparent 75%),radial-gradient(60% 40% at 50% 110%,rgba(0,178,255,.22),transparent 70%),var(--bg)}
.hb::after{background:linear-gradient(180deg,rgba(47,107,255,.10),rgba(12,12,12,.5))}
.hb img{filter:saturate(.95) brightness(.85)}
/* warnings stay amber */
.redflag{background:rgba(255,194,51,.08);border-color:rgba(255,194,51,.35);color:#FFE3A3}
.redflag svg{color:#FFC233}
.scard .doc,.mcard .doc{color:#FFE3A3;background:rgba(255,194,51,.08);border-color:rgba(255,194,51,.35)}
.devnote{color:#FFC233;border-color:rgba(255,194,51,.5)}
.done-view .mark{border-color:#FFC233;color:#FFC233}
.vc-badge{background:linear-gradient(120deg,#FFF3B0,#FFD24A 55%,#FFB020)}

/* hero centre: framed arch with crossfading photos */
.hero-fig.arch{height:min(70svh,700px);aspect-ratio:3/4.3;bottom:6svh}
.arch-in{position:absolute;inset:0;border-radius:999px 999px 34px 34px;overflow:hidden;background:#0d0e1a;box-shadow:0 50px 100px -30px rgba(0,0,0,.9),0 0 80px -20px rgba(22,64,232,.6)}
.arch-in .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 30%;opacity:0;transform:scale(1.08);transition:opacity 1.2s ease,transform 6s ease;filter:none;-webkit-mask-image:none;mask-image:none}
.arch-in .slide.on{opacity:1;transform:scale(1)}
.arch-in .slide:nth-child(2){object-position:50% 20%}
.arch-in::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,8,16,.75)),linear-gradient(120deg,rgba(47,107,255,.12),transparent 40%,rgba(0,178,255,.14))}
.arch-ring{position:absolute;inset:-2px;border-radius:999px 999px 36px 36px;padding:2px;background:conic-gradient(from var(--ang,0deg),#2F6BFF,#1640E8,#00B2FF,#2F6BFF);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spinB 5s linear infinite}
.arch-ring::after{content:"";position:absolute;inset:-30px;border-radius:inherit;background:radial-gradient(closest-side,rgba(22,64,232,.35),transparent);z-index:-1}
.arch-tag{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:2;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(10,10,20,.6);border:1px solid rgba(220,240,255,.35);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--fg);white-space:nowrap}
.arch-tag i{width:7px;height:7px;border-radius:50%;background:#3DFF9A;box-shadow:0 0 10px #3DFF9A}
@media(max-width:700px){.hero-fig.arch{height:auto;width:62vw;bottom:150px;aspect-ratio:3/4.3}}
html.lite .arch-ring{animation:none}

/* footer: wordmark visible, credit subtle */
.f-mega{background:linear-gradient(180deg,rgba(150,180,255,.38),rgba(22,64,232,.12) 60%,rgba(0,178,255,0));-webkit-background-clip:text;background-clip:text;margin-top:24px}
.f-bot{font-size:12px}
.credit{padding:0;border:0;border-radius:0;font-size:11.5px;letter-spacing:.06em;color:var(--dim);gap:4px}
.credit b{font-weight:500;letter-spacing:.12em;color:var(--muted);transition:color .2s}
.credit:hover b{color:var(--fg);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* =================== V10: bright white premium theme =================== */
:root{--bg:#FFFFFF;--bg-2:#F5F4F8;--card:#FFFFFF;--card-2:#F7F6FA;--ink:#0C0C12;--fg:#0C0C12;--text:#2A2D38;--muted:#5C6070;--dim:#8A8E9B;
  --line:rgba(12,12,20,.08);--line-2:rgba(12,12,20,.13);--line-3:rgba(12,12,20,.55);
  --grad:linear-gradient(100deg,#2F6BFF 0%,#1640E8 55%,#00B2FF 100%);--lilac:#2F6BFF;--shadow-c:0 30px 60px -30px rgba(10,25,70,.28)}
body{background:#fff;color:var(--text)}
body::before{background:#fff}
:focus-visible{outline-color:#1640E8}
.mega,.mega2,.hero .mega,.ap-side h1{background:linear-gradient(180deg,#0C0C12 0%,#23202E 55%,#5A5470 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub,.fine{color:var(--muted)}
.eyebrow{color:#3A3D4A}
.eyebrow i{background:#1640E8;box-shadow:0 0 0 4px rgba(22,64,232,.15)}
/* text on colour/dark keeps white */
.gpill,.btn-p,.vc-go,.pair span.b,.rimg figcaption,.chap,.ctrls button,.hot,.hot span,.wa-dot,.rc-wa,.rc-av.t,.rc-more,.chapters b,.scan-orb svg,.incl svg,.feat6 svg,.tl-dot,.si,.sc-ic,.arch-tag,.oc,.oc svg,.next .n,.seg button[aria-checked="true"],.scale button[aria-checked="true"],.tc-ph figcaption,.vipcta,.vc-txt b,.lb-x,.stage,.loader,.hint,.mbar .gpill,.float .gpill,.wm-mark,.f-mega{color:#fff}
.vc-badge{color:#1a0a00}
.si.snap,.sc.snap .sc-ic{color:#111}
.gpill{background:radial-gradient(120% 120% at 50% -10%,rgba(255,255,255,.38),rgba(255,255,255,0) 46%),linear-gradient(90deg,#0A1E8C 0%,#1640E8 28%,#2F6BFF 66%,#1336C9 100%);border:1.5px solid rgba(220,232,255,.78);box-shadow:0 0 0 1px rgba(22,64,232,.35),0 14px 34px -10px rgba(22,64,232,.6),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -8px 16px rgba(2,8,40,.4)}
.gpill:hover{box-shadow:0 0 0 1px rgba(22,64,232,.45),0 18px 40px -10px rgba(22,64,232,.75),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -8px 16px rgba(2,8,40,.4)}
.btn-p{background:radial-gradient(120% 120% at 50% -10%,rgba(255,255,255,.34),rgba(255,255,255,0) 46%),linear-gradient(90deg,#0A1E8C,#1640E8 28%,#2F6BFF 66%,#1336C9);border-color:rgba(220,232,255,.75)}
.opill{border-color:#0C0C12;color:#0C0C12}
.opill:hover{background:#0C0C12;color:#fff}
.btn-ghost{color:var(--muted)}.btn-ghost:hover{color:#0C0C12}
/* header */
.hdr.solid{background:rgba(255,255,255,.82);border-color:var(--line)}
.wm-t{color:#0C0C12}
.wm-t small{color:var(--muted);border-color:var(--line-2)}
.wm-mark{background:linear-gradient(140deg,#2F6BFF,#1640E8 60%,#00B2FF);box-shadow:0 8px 20px -8px rgba(22,64,232,.7)}
.nav a{color:#3A3D4A}.nav a:hover{color:#0C0C12}
.burger{border-color:var(--line-2)}.burger span{background:#0C0C12;box-shadow:0 5px 0 #0C0C12,0 -5px 0 #0C0C12}
.sheet{background:rgba(255,255,255,.98)}
.sheet a:not(.gpill){color:#0C0C12}
/* hero */
.hero{background:radial-gradient(40% 50% at 50% 62%,rgba(22,64,232,.16),rgba(47,107,255,.07) 55%,transparent 75%),radial-gradient(70% 40% at 50% 115%,rgba(0,178,255,.14),transparent 70%),#fff}
.club-row{color:#3A3D4A}
.club-row i{background:linear-gradient(90deg,transparent,rgba(12,12,20,.35),transparent)}
.hb{border:0;box-shadow:0 30px 60px -24px rgba(10,20,50,.45)}
.hb::after{background:linear-gradient(180deg,rgba(22,64,232,.06),rgba(12,12,20,.18))}
.hb img{filter:none}
.arch-in{box-shadow:0 50px 90px -40px rgba(10,25,70,.55)}
.arch-ring::after{background:radial-gradient(closest-side,rgba(22,64,232,.18),transparent)}
.tagline{color:#2A2D38}
.vipcta{background:#0C0C12;box-shadow:0 20px 40px -18px rgba(12,12,20,.6)}
.vc-txt small{color:#B9BDC8}
@media(max-width:700px){.hero-foot{background:linear-gradient(transparent,rgba(255,255,255,.92) 35%)}}
/* band */
.pair{background:#eee;box-shadow:0 20px 40px -24px rgba(10,20,50,.35)}
.pair span.a{background:#0C0C12;color:#fff}
.pair span.b{background:rgba(255,255,255,.9);color:#0C0C12}
/* testimonials */
.wa-live{background:#E9FBF0;border-color:rgba(37,211,102,.45)}
.wa-live b{color:#0C0C12}.wa-live small{color:#3F5A4A}
.typing{background:#DDF3E5}.typing i{background:#25A35A}
.rc{background:#fff;border-color:var(--line-2);box-shadow:0 30px 70px -36px rgba(10,20,50,.45)}
.rc.front{border-color:rgba(22,64,232,.5);box-shadow:0 40px 80px -36px rgba(22,64,232,.5)}
.rc-top b{color:#0C0C12}
.rc-quote{background:linear-gradient(160deg,rgba(22,64,232,.07),rgba(47,107,255,.04));border-color:var(--line)}
.rc-quote p{color:#0C0C12}
.ring-meta i{background:rgba(12,12,20,.15)}
.lbox{background:rgba(10,8,16,.92)}
/* transformations */
.rcard{background:#fff;border-color:rgba(12,12,20,.12);box-shadow:0 30px 70px -40px rgba(10,20,50,.4)}
.rcard::after{background:#fff}
.rcard .no,.rcard h3{color:#0C0C12}
.rcard .tagr{color:#0C0C12;border-color:rgba(12,12,20,.3)}
.rimg{background:#eee}
.rimg figcaption{background:rgba(12,12,20,.75)}
.rimg.after figcaption{background:#fff;color:#0C0C12}
.rtx{background:linear-gradient(160deg,rgba(22,64,232,.06),rgba(47,107,255,.03));border-color:var(--line)}
.thr>span{color:#3A3D4A}
.thr button{border-color:var(--line-2)}
.thr button[aria-pressed="true"]{border-color:#1640E8}
/* gut story: white page, dark instrument screen */
.chapters li{border-color:var(--line-2);color:#2A2D38}
.stage{border-color:transparent;box-shadow:0 40px 90px -40px rgba(10,20,50,.6)}
.scard{background:rgba(255,255,255,.96);border-color:var(--line-2);box-shadow:0 20px 50px -30px rgba(10,20,50,.35)}
.sblock.on .scard{border-color:rgba(22,64,232,.45)}
.scard h3,.mcard h3{color:#0C0C12}
.scard p,.mcard p{color:#2A2D38}
.scard .hook{color:#1640E8}
.scard .why{color:#2A2D38;background:rgba(22,64,232,.07);border-color:rgba(22,64,232,.2)}
.scard .why b{color:#1640E8}
.ck{color:#1640E8}
.facts span{background:rgba(22,64,232,.06);border-color:rgba(22,64,232,.18);color:#3A3D4A}
.facts b{color:#0C0C12}
.tags li{background:rgba(22,64,232,.06);border-color:rgba(22,64,232,.25);color:#0C0C12}
.mini-cta{color:#1640E8;border-color:rgba(22,64,232,.4)}
.who-list li{background:linear-gradient(160deg,rgba(22,64,232,.05),#fff);border-color:var(--line-2)}
.who-list b{color:#0C0C12}
.sprog{background:rgba(12,12,20,.08)}
@media(max-width:900px){.story-stage{background:#fff}.mcard{background:#fff;border-color:rgba(22,64,232,.35);box-shadow:0 20px 50px -30px rgba(10,20,50,.35)}}
/* gut scan */
.check{background:radial-gradient(60% 50% at 50% 30%,rgba(22,64,232,.08),transparent 70%),#fff}
.qbox{background:#fff;border-color:rgba(22,64,232,.3);box-shadow:0 50px 100px -50px rgba(22,64,232,.45)}
.qstart li{border-color:var(--line-2);color:#3A3D4A}
.qstart li b,.qh{color:#0C0C12}
.qtop{color:var(--muted)}.qtop b{color:#0C0C12}
#qCat{color:#1640E8;border-color:rgba(22,64,232,.35)}
.qbar{background:rgba(12,12,20,.07)}
.qwhen{color:#1640E8}
.qq{color:#0C0C12}
.qopt{background:#fff;border-color:var(--line-2)}
.qopt b{color:#0C0C12}
.qopt .dots i{background:rgba(12,12,20,.1)}
.qopt[aria-pressed="true"]{border-color:#1640E8;background:rgba(22,64,232,.07)}
.gauge .tr{stroke:rgba(12,12,20,.07)}
.gauge .c b{color:#0C0C12}
.qres h3{color:#0C0C12}.qtext{color:#2A2D38}
.areas li{border-color:var(--line-2);color:#0C0C12}
.areas li span{color:#1640E8}
.band-l{color:#1640E8}
.next-step{background:rgba(22,64,232,.05);border-color:rgba(22,64,232,.25)}
.next-step p{color:#0C0C12}
.scan-t{color:#1640E8}
.scan-orb i{border-color:rgba(22,64,232,.5)}
/* program pass */
.prog-aura{background:radial-gradient(closest-side,rgba(22,64,232,.12),rgba(47,107,255,.04) 55%,transparent 72%)}
.pass{background:#fff;box-shadow:0 60px 120px -60px rgba(22,64,232,.45)}
.pass::before{background:conic-gradient(from var(--ang,0deg),#2F6BFF,#00B2FF,#1640E8,rgba(12,12,20,.08),#2F6BFF)}
.pass-live{color:#2A2D38}
.feat6 li{background:#FAF9FC;border-color:var(--line)}
.feat6 li:hover{background:#fff;border-color:rgba(22,64,232,.35);box-shadow:0 20px 40px -24px rgba(22,64,232,.35)}
.feat6 b,.timeline b{color:#0C0C12}
.pass-cut::before,.pass-cut::after{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
/* footer */
.site-foot{background:#fff}
.foot-cta{background:radial-gradient(50% 70% at 50% 100%,rgba(22,64,232,.14),transparent 70%)}
.foot-line{color:#0C0C12}
.f-grid{border-color:var(--line)}
.f-col a,.f-col button{color:#2A2D38}.f-col a:hover,.f-col button:hover{color:#1640E8}
.f-mega{background:linear-gradient(180deg,rgba(12,12,20,.14),rgba(22,64,232,.05) 70%,transparent);-webkit-background-clip:text;background-clip:text;color:transparent}
.legal{background:#FAF9FC}.legal b{color:#0C0C12}
.totop{border-color:rgba(12,12,20,.3);color:#0C0C12}
.credit b{color:#3A3D4A}
/* floating apply + mobile bar */
.float{background:rgba(255,255,255,.9);border-color:var(--line-2);box-shadow:0 20px 40px -20px rgba(10,20,50,.4)}
.mbar{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.95) 40%)}
/* apply page */
.apply-page{background:radial-gradient(60% 40% at 85% 0%,rgba(22,64,232,.10),transparent 70%),#fff}
.ap-side .lead{color:var(--muted)}
.tag{border-color:var(--line-2);color:#2A2D38}
.next b{color:#0C0C12}
.form-card{background:#fff;border-color:rgba(22,64,232,.25);box-shadow:0 50px 100px -50px rgba(22,64,232,.4)}
.fstep h2{color:#0C0C12}
.fld label,.fld .lbl{color:#0C0C12}
.fld input[type=text],.fld input[type=email],.fld input[type=tel],.fld textarea{background:#FAF9FC;color:#0C0C12;border-color:var(--line-2)}
.fld input:focus,.fld textarea:focus{border-color:#1640E8;box-shadow:0 0 0 4px rgba(22,64,232,.14)}
.seg button{color:#2A2D38;background:#fff}
.seg button:hover{color:#0C0C12;border-color:rgba(22,64,232,.4)}
.seg button[aria-checked="true"]{background:linear-gradient(90deg,#1640E8,#1640E8);border-color:transparent}
.scale button{color:#2A2D38;background:#fff}
.check-row{color:#2A2D38}.check-row b{color:#0C0C12}
.steps li.cur{color:#0C0C12}.steps li i{background:rgba(12,12,20,.08)}
.rv-block header b,.rv-block dd{color:#0C0C12}
.gc-box{background:rgba(22,64,232,.05);border-color:rgba(22,64,232,.25)}.gc-sum{color:#0C0C12}
.gc-pre{background:rgba(22,64,232,.06);border-color:rgba(22,64,232,.25);color:#2A2D38}.gc-pre b{color:#0C0C12}
.ap-hdr.solid{background:rgba(255,255,255,.88)}
.hb1{top:36%}.hb2{top:30%}
html.lite .hdr.solid,html.lite .sheet{background-color:rgba(255,255,255,.97)}
html.lite .scard{background:#fff}
html.lite .mbar{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.96) 40%)}
html.lite .oc{background-color:rgba(10,14,40,.85)}

/* =================== V11 =================== */
/* more breathing room on phones */
@media(max-width:700px){
  .wrap{padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
  section{padding-block:72px}
  .sub{font-size:15.5px;max-width:34ch}
  .mega2{padding-inline:4px}
  .hero-foot{padding-left:24px;padding-right:24px}
}

/* gut explainer */
.story-sec,.story,.who-list{display:none}
.gx{padding-bottom:clamp(60px,8vw,110px)}
.gx-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(18px,3vw,40px);align-items:stretch;max-width:1080px;margin:clamp(30px,4vw,50px) auto 0}
.gx-body .stage{position:relative;width:100%;height:min(74svh,640px);min-height:420px;border-radius:32px;overflow:hidden;background:radial-gradient(60% 50% at 50% 45%,rgba(47,107,255,.28),transparent 70%),linear-gradient(180deg,#0A1230,#060A1C);box-shadow:0 40px 80px -40px rgba(10,20,50,.55)}
.gx-img{position:absolute;left:50%;top:50%;height:94%;width:auto;max-width:none;transform:translate(-50%,-50%);opacity:.95}
.stage.gl .gx-img,.stage.gl .gx-dots{opacity:0;visibility:hidden}
.stage.nogl canvas,.stage.nogl .hots,.stage.nogl .gx-hint{display:none}
.stage:not(.gl) .gx-hint{display:none}
.gx-dots{position:absolute;left:50%;top:50%;height:94%;aspect-ratio:600/1000;transform:translate(-50%,-50%);pointer-events:none}
.gx-dots i{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#5EE7FF;box-shadow:0 0 0 0 rgba(94,231,255,.6),0 0 18px #5EE7FF;opacity:0;transform:scale(.4);transition:opacity .35s,transform .35s}
.gx-dots i.on{opacity:1;transform:scale(1);animation:gxp 1.6s ease-out infinite}
@keyframes gxp{0%{box-shadow:0 0 0 0 rgba(94,231,255,.6),0 0 18px #5EE7FF}100%{box-shadow:0 0 0 22px rgba(94,231,255,0),0 0 18px #5EE7FF}}
.gx-label{position:absolute;left:16px;top:16px;z-index:4;padding:8px 14px;border-radius:999px;background:rgba(6,10,28,.7);border:1px solid rgba(150,205,255,.3);color:#fff;font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.gx-hint{position:absolute;left:16px;bottom:14px;z-index:4;color:#C9D6F0}
.gx-panel{display:flex;flex-direction:column;gap:18px;padding:clamp(18px,2.6vw,30px);border-radius:32px;background:#fff;border:1px solid var(--line-2);box-shadow:0 30px 70px -40px rgba(10,20,50,.35)}
.gx-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border-radius:20px;background:#F3F5FA}
.gx-tabs button{display:grid;gap:2px;justify-items:center;padding:10px 6px;border-radius:15px;font-size:12.5px;font-weight:600;color:#5C6070;line-height:1.2;text-align:center;transition:background .25s,color .25s,box-shadow .25s}
.gx-tabs b{font-size:11px;font-weight:800;letter-spacing:.1em;color:#9AA0AE}
.gx-tabs button[aria-selected="true"]{background:#fff;color:#0C0C12;box-shadow:0 6px 16px -8px rgba(10,20,50,.35)}
.gx-tabs button[aria-selected="true"] b{color:#1640E8}
.gx-pane{display:grid;gap:14px;align-content:start}
.gx-pane.in{animation:qin .4s var(--ease)}
.gx-pane h3{font-size:clamp(24px,2.4vw,32px);font-weight:800;line-height:1.05;color:#0C0C12}
.gx-pane p{font-size:15.5px;color:#2A2D38;line-height:1.55}
.gx-pane p b{color:#1640E8}
.gx-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gx-facts span{display:grid;gap:4px;padding:14px;border-radius:18px;background:#F3F6FF;border:1px solid rgba(22,64,232,.15);font-size:13px;color:#3A3D4A;line-height:1.35}
.gx-facts b{font-size:28px;font-weight:800;color:#0C0C12;line-height:1}
.gx-hook{font-weight:600;color:#1640E8!important}
.gx-issues{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.gx-issues button{display:grid;justify-items:center;gap:6px;padding:12px 6px;border-radius:16px;border:1px solid var(--line-2);background:#fff;font-size:13px;font-weight:600;color:#0C0C12;text-align:center;line-height:1.2;transition:border-color .2s,background .2s,transform .15s}
.gx-issues button:active{transform:scale(.97)}
.gx-issues svg{width:34px;height:34px;padding:7px;border-radius:11px;background:#EEF2FF;color:#1640E8}
.gx-issues button[aria-pressed="true"]{border-color:#1640E8;background:#F3F6FF}
.gx-issues button[aria-pressed="true"] svg{background:var(--grad);color:#fff}
.gx-desc{min-height:3.1em;padding:12px 14px;border-radius:14px;background:#F7F8FB;font-size:14.5px!important}
.gx-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.gx-steps li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:12px;border-radius:16px;border:1px solid var(--line);cursor:pointer;transition:border-color .2s,background .2s}
.gx-steps li.on,.gx-steps li:hover{border-color:rgba(22,64,232,.4);background:#F3F6FF}
.gx-steps li>b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;font-weight:800}
.gx-steps span{display:grid;font-size:13.5px;color:#5C6070;line-height:1.4}
.gx-steps strong{font-size:16px;color:#0C0C12;font-weight:600}
.gx-nav{margin-top:auto;display:flex;justify-content:flex-end}
@media(max-width:860px){
  .gx-g{grid-template-columns:1fr}
  .gx-body .stage{height:min(52svh,440px);min-height:320px;border-radius:26px}
  .gx-nav .gpill{width:100%}
}
@media(max-width:420px){.gx-tabs button{font-size:11.5px;padding:9px 4px}.gx-issues{gap:6px}.gx-issues button{font-size:12px;padding:10px 4px}}

/* who: compact icon grid */
.who{margin-top:clamp(40px,6vw,70px);text-align:center}
.who h3{display:none}
.who-ico{list-style:none;margin:14px auto 16px;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-width:1000px}
.who-ico li{display:grid;justify-items:center;gap:4px;padding:16px 8px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 30px -24px rgba(10,20,50,.4)}
.who-ico svg{width:40px;height:40px;padding:9px;border-radius:13px;background:var(--grad);color:#fff;margin-bottom:4px}
.who-ico b{font-size:14px;font-weight:600;color:#0C0C12;line-height:1.15}
.who-ico span{font-size:12px;color:#5C6070}
@media(max-width:860px){.who-ico{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* program pass: compact icon tiles */
.feat6 li{justify-items:center;text-align:center}
@media(max-width:820px){
  .feat6{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .feat6 li,.feat6 li:hover{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;padding:12px 6px;gap:6px}
  .feat6 svg{grid-row:auto;margin:0;width:38px;height:38px;padding:8px}
  .feat6 b{font-size:13px}
  .feat6 span{display:none}
  .timeline{grid-template-columns:repeat(3,1fr);gap:6px;justify-items:center}
  .timeline::before{left:16%;right:16%;top:21px;bottom:auto;width:auto;height:2px}
  .timeline li{grid-template-columns:1fr;justify-items:center;text-align:center;column-gap:0}
  .tl-dot{grid-row:auto;margin:0 0 6px}
  .timeline b{font-size:14px}.timeline small{font-size:11.5px}
}

/* floating apply: small round button, left side */
.float,.mbar{display:none!important}
.fab{position:fixed;left:calc(14px + env(safe-area-inset-left,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;width:62px;height:62px;border-radius:50%;display:grid;place-content:center;justify-items:center;gap:1px;text-decoration:none;color:#fff;background:radial-gradient(120% 120% at 50% -10%,rgba(255,255,255,.4),rgba(255,255,255,0) 50%),linear-gradient(140deg,#0A1E8C,#1640E8 45%,#2F6BFF);border:1.5px solid rgba(220,232,255,.85);box-shadow:0 14px 30px -10px rgba(22,64,232,.7);opacity:0;transform:translateY(16px) scale(.9);pointer-events:none;transition:opacity .3s,transform .3s var(--ease)}
.fab.show{opacity:1;transform:none;pointer-events:auto}
.fab svg{width:20px;height:20px;color:#FFD24A}
.fab span{font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.fab:hover{transform:translateY(-2px)}
@media(max-width:860px){.site-foot{padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}}

/* testimonials: on phones keep the side cards subtle so nothing looks cut off */
@media(max-width:700px){.ring-stage{width:80vw}.rc:not(.front){filter:saturate(.6)}}

/* footer: clean full logo, then the credit line */
.f-mega{display:none}
.f-logo{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;padding-inline:clamp(20px,4vw,48px)!important;gap:10px;padding:clamp(40px,6vw,70px) 0 clamp(20px,3vw,30px);text-align:center}
.f-mark{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(140deg,#2F6BFF,#1640E8 60%,#00B2FF);box-shadow:0 14px 30px -12px rgba(22,64,232,.7)}
.f-mark svg{width:40px;height:40px}
.f-word{display:block;width:100%;font-weight:900;line-height:.85;text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap;background:linear-gradient(180deg,#0C0C12 0%,#2A2D38 60%,#5A6070 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.f-word>span{display:inline-block}
.f-club{font-size:12px;letter-spacing:.32em;color:#5C6070;font-weight:500}
.f-bot{justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:10px}
@media(max-width:700px){.f-bot{flex-direction:column;gap:12px}}

/* footer order: logo first, centred brand, then links, then credit */
.site-foot{display:flex;flex-direction:column}
.site-foot .f-logo{order:-1}
.f-brand .wm{display:none}
@media(max-width:700px){.f-brand{text-align:center}.f-brand p{margin-inline:auto;max-width:30ch}.foot-soc{justify-content:center}}
.fab{width:56px;height:56px}
@media(max-width:860px){.gx-body .stage{height:340px;min-height:0}}
@media(min-width:861px){.fab{display:none}}

/* =================== V11.1 coach section =================== */
.coach{position:relative;overflow:hidden;background:#05070E;color:#fff;padding-block:clamp(80px,10vw,130px) clamp(70px,8vw,110px);isolation:isolate}
.coach-bg{position:absolute;inset:0 0 auto 0;height:min(70%,720px);z-index:-1;pointer-events:none}
.coach-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;opacity:.28;filter:saturate(.7) contrast(1.1)}
.coach-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,14,.55) 0%,rgba(5,7,14,.2) 35%,#05070E 100%),radial-gradient(60% 60% at 50% 70%,rgba(47,107,255,.25),transparent 70%)}
.coach .eyebrow{color:#BFD0FF}
.coach h2.mega2{color:#fff;background:linear-gradient(180deg,#FFFFFF 30%,#9DB4E8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.coach .sub{color:#C5CCDA}
.cf{display:flex;gap:clamp(4px,1.2vw,14px);overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scrollbar-width:none;padding:clamp(34px,4vw,56px) calc(50% - min(31vw,170px)) 30px;margin-top:6px;outline:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.cf::-webkit-scrollbar{display:none}
.cf-card{flex:0 0 min(62vw,340px);margin:0;scroll-snap-align:center;position:relative;cursor:pointer}
.cf-in{position:relative;aspect-ratio:2/3;border-radius:26px;overflow:hidden;transform-origin:50% 50%;will-change:transform;transition:box-shadow .4s,opacity .2s;background:#0B0F1E;box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
.cf-in::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(160deg,rgba(150,200,255,.7),rgba(47,107,255,.15) 40%,rgba(0,178,255,.6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:2;pointer-events:none;opacity:.35;transition:opacity .4s}
.cf-in::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.10),transparent 25%,transparent 60%,rgba(3,5,12,.75));z-index:1;pointer-events:none}
.cf-in img{width:100%;height:100%;object-fit:cover;display:block}
.cf-in figcaption{position:absolute;left:14px;bottom:14px;z-index:3;padding:7px 13px;border-radius:999px;background:rgba(5,8,20,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(180,210,255,.3);font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s}
.cf-card.on .cf-in{box-shadow:0 40px 90px -30px rgba(22,64,232,.75),0 0 0 1px rgba(150,205,255,.2)}
.cf-card.on .cf-in::before{opacity:1}
.cf-card.on figcaption{opacity:1;transform:none}
.cf-ctrl{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:4px}
.cf-arr{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(180,210,255,.3);background:rgba(255,255,255,.06);color:#fff;transition:background .2s,transform .15s}
.cf-arr:hover{background:rgba(47,107,255,.35)}.cf-arr:active{transform:scale(.94)}
.cf-arr svg{width:18px;height:18px}
.cf-arr[data-d="-1"] svg{transform:rotate(180deg)}
.cf-dots{display:flex;gap:7px}
.cf-dots i{width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.28);transition:width .3s,background .3s}
.cf-dots i.on{width:24px;background:linear-gradient(90deg,#2F6BFF,#00B2FF)}
.coach-q{margin:clamp(34px,4vw,50px) auto 0;text-align:center;display:grid;gap:8px}
.coach-q p{font-size:clamp(20px,2.4vw,30px);font-weight:700;line-height:1.2;color:#fff;max-width:22ch;margin:0 auto}
.coach-q cite{font-style:normal;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#7FA2FF}
@media(max-width:700px){.cf{padding-inline:calc(50% - 31vw)}.cf-arr{width:44px;height:44px}}

/* menu: solid sheet + clear social icons */
.sheet,html.lite .sheet{background:#fff!important;backdrop-filter:none}
.si{color:#fff}
.si.tt{color:#fff;background:#000}
.si.snap{color:#000}
.si.ig svg,.si.fb svg,.si.tt svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.sheet a.si{color:#fff;padding:0;border-bottom:0}
.sheet a.si.snap{color:#000}
.sheet a:not(.gpill):not(.si){font-size:clamp(28px,9vw,40px)}
.sheet-soc{gap:14px;margin-top:22px}

/* =================== V11.2 hero: Navi physique deck =================== */
.coach{display:none}
.hero-roll{position:relative;height:200svh}
.hero-roll.static{height:auto}
.hero.hero2{position:sticky;top:0;height:100svh;min-height:620px;max-height:1100px;overflow:hidden;display:flex;flex-direction:column;padding-top:calc(var(--hh) + 6px);padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
.hero-roll.static .hero.hero2{position:relative}
.hero2 .deck{position:relative;flex:1 1 auto;min-height:0;margin:clamp(6px,1.5vh,16px) 0;--cw:300px;--t:0;perspective:1400px}
.hero2 .deck>.dk,.hero2 .deck-glow{transform-style:preserve-3d}
.deck-glow{position:absolute;left:50%;top:50%;width:min(120vw,1100px);height:80%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(47,107,255,.30),rgba(0,178,255,.10) 55%,transparent 75%);pointer-events:none;opacity:calc(1 - var(--t) * .4)}
.dk{position:absolute;left:50%;top:0;bottom:0;margin:auto 0 auto calc(var(--cw) / -2);width:var(--cw);height:calc(var(--cw) * 1.5);max-height:100%;border-radius:clamp(20px,2vw,30px);overflow:hidden;background:#0B0F1E;will-change:transform;box-shadow:0 34px 70px -28px rgba(8,16,48,.65),0 0 0 1px rgba(255,255,255,.5)}
.dk img{width:100%;height:100%;object-fit:cover;display:block}
.dk::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 22%,transparent 64%,rgba(3,6,16,.62));pointer-events:none}
.dk figcaption{position:absolute;left:12px;bottom:12px;z-index:2;padding:6px 12px;border-radius:999px;background:rgba(5,8,20,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(190,215,255,.35);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff;opacity:var(--t)}
.dk[data-i="2"]{box-shadow:0 40px 90px -30px rgba(22,64,232,.7),0 0 0 1.5px rgba(120,170,255,.8)}
.deck-tag{position:absolute;left:50%;bottom:calc(50% - var(--cw) * .75 + 14px);transform:translateX(-50%);z-index:20;display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:999px;background:rgba(5,8,20,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(190,215,255,.35);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#fff;white-space:nowrap;opacity:calc(1 - var(--t) * 3);pointer-events:none}
.deck-tag i{width:7px;height:7px;border-radius:50%;background:#33E08A;box-shadow:0 0 10px #33E08A}
@media(pointer:fine){.hero2 .deck{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--ease)}}
.hero2 .hero-foot{position:relative;left:auto;right:auto;bottom:auto;background:none;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;padding:0 clamp(20px,3vw,48px)}
.hero2 .tagline{max-width:30ch;font-size:clamp(12px,1.1vw,14.5px)}
.scroll-cue{position:absolute;left:50%;bottom:calc(var(--hfoot,0px) + 6px);transform:translateX(-50%);display:none}
@keyframes dkIn{from{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:none}}
.hero2 .deck{animation:dkIn .9s .1s var(--ease) both}
@media(max-width:860px){
  .hero-roll{height:180svh}
  .hero.hero2{min-height:560px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}
  .hero2 .hero-foot{flex-direction:column;align-items:stretch;gap:10px;padding:0 20px}
  .hero2 .tagline{max-width:none;text-align:center;font-size:11.5px;letter-spacing:.08em}
  .hero2 .vipcta{width:100%}
  .dk figcaption{font-size:9.5px;padding:5px 9px;left:8px;bottom:8px;letter-spacing:.12em}
  .deck-tag{font-size:10.5px;padding:6px 12px}
}
@media(max-height:640px){.hero2 .tagline{display:none}}
.deck-dots{display:none}
.deck[data-mode="deal"] .deck-tag{display:none}
.deck[data-mode="deal"] .dk figcaption{opacity:1}
.deck[data-mode="deal"] .deck-dots{display:flex;position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);gap:6px;z-index:60}
.deck-dots i{width:6px;height:6px;border-radius:99px;background:rgba(12,12,20,.22);transition:width .3s,background .3s}
.deck-dots i.on{width:20px;background:linear-gradient(90deg,#2F6BFF,#00B2FF)}
.deck[data-mode="deal"] .dk{top:0;bottom:16px}
@media(max-width:899px){.hero-roll{height:250svh}}
@media(min-width:900px){
  .hero2 .deck{position:absolute;left:0;right:0;top:calc(var(--hh) + 10.5vw);bottom:20px;margin:0;z-index:2}
  .hero2 .hero-top{position:relative;z-index:1}
  .hero2 .hero-foot{position:absolute;left:0;right:0;bottom:calc(26px + env(safe-area-inset-bottom,0px));z-index:3;pointer-events:none}
  .hero2 .hero-foot>*{pointer-events:auto}
  .hero2 .tagline{background:rgba(255,255,255,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:10px 14px;border-radius:14px}
}

/* =================== V11.3 hero: original layout, sharp photos, 3D premium =================== */
.hero-bg{perspective:1100px}
.hb{transform:translate3d(var(--bx),calc(var(--by) + var(--sy)),0) rotateY(var(--ry3,0deg)) rotate(var(--r,0deg));transform-style:preserve-3d;animation:fadeIn 1.4s .3s var(--ease) both,bob 6s ease-in-out 1.5s infinite alternate;box-shadow:0 40px 70px -28px rgba(10,20,60,.55),0 0 0 1px rgba(255,255,255,.65),0 0 0 6px rgba(255,255,255,.25)}
.hb::after{background:linear-gradient(160deg,rgba(255,255,255,.18),transparent 30%,transparent 70%,rgba(8,12,30,.35))}
.hb img{filter:none;image-rendering:auto}
.hb1{aspect-ratio:2/3;--ry3:18deg;--r:-5deg}
.hb2{aspect-ratio:2/3;--ry3:-18deg;--r:5deg;animation-delay:.3s,2.4s}
@keyframes bob{from{translate:0 0}to{translate:0 -14px}}
.hb-sheen{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.38) 48%,transparent 60%);background-size:250% 100%;background-position:130% 0;animation:sheen 7s ease-in-out 2s infinite}
.hb2 .hb-sheen{animation-delay:5.5s}
@keyframes sheen{0%,70%{background-position:130% 0}100%{background-position:-60% 0}}
.arch-in .slide{transform:scale(1.03);transition:opacity 1.2s ease,transform 5s ease;object-position:50% 28%}
.arch-in .slide.on{transform:scale(1)}
.arch-in .slide:nth-child(2){object-position:50% 18%}
.arch-in .slide:nth-child(3){object-position:50% 22%}
.arch-in::after{background:linear-gradient(180deg,transparent 60%,rgba(8,8,16,.6)),linear-gradient(120deg,rgba(255,255,255,.14),transparent 30%)}
.arch-floor{position:absolute;left:50%;bottom:-7%;width:130%;height:14%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(22,64,232,.35),rgba(0,178,255,.12) 55%,transparent 75%);filter:blur(6px);pointer-events:none}
.hchip{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 40px -16px rgba(10,25,80,.45);font-size:12.5px;font-weight:600;letter-spacing:.06em;color:#0C0C12;white-space:nowrap;animation:bob 5s ease-in-out infinite alternate}
.hchip svg{width:15px;height:15px;color:#E9A800}
.hchip i{width:8px;height:8px;border-radius:50%;background:#2F6BFF;box-shadow:0 0 0 4px rgba(47,107,255,.2)}
.hc1{left:-24%;top:16%}
.hc2{right:-22%;top:52%;animation-delay:1.6s}
@media(max-width:700px){
  .hb{opacity:1}
  .hb1{left:-8%;width:31vw;top:30%}.hb2{right:-8%;width:31vw;top:25%}
  .hchip{font-size:10px;padding:7px 10px;gap:6px;letter-spacing:.04em}
  .hchip svg{width:12px;height:12px}
  .hc1{left:-14%;top:10%}.hc2{right:-12%;top:58%}
}
html.lite .hb-sheen{display:none}
@media(prefers-reduced-motion:reduce){.hb,.hchip{animation:none}}

/* =================== chapter break before the gut section =================== */
.chapter{position:relative;overflow:hidden;background:radial-gradient(70% 90% at 50% 0%,rgba(47,107,255,.35),transparent 70%),linear-gradient(180deg,#060A1C,#0A1230);color:#fff;padding-block:clamp(70px,9vw,120px);text-align:center;border-radius:clamp(28px,4vw,48px) clamp(28px,4vw,48px) 0 0;margin-top:clamp(30px,5vw,60px)}
.chapter::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(60% 70% at 50% 40%,#000,transparent);mask-image:radial-gradient(60% 70% at 50% 40%,#000,transparent);pointer-events:none}
.chapter-in{position:relative;display:grid;justify-items:center;gap:16px}
.chap-k{display:inline-flex;padding:8px 16px;border-radius:999px;border:1px solid rgba(150,190,255,.35);background:rgba(255,255,255,.06);font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#BFD0FF}
.chapter h2.mega2{color:#fff;background:linear-gradient(180deg,#fff 30%,#9DB4E8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.chapter p{max-width:36ch;font-size:clamp(16px,1.6vw,19px);line-height:1.55;color:#C9D3E6;margin:0}
.chap-arrow{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin-top:8px;background:linear-gradient(140deg,#2F6BFF,#1640E8 60%,#00B2FF);box-shadow:0 14px 34px -10px rgba(47,107,255,.8);animation:bob 1.8s ease-in-out infinite alternate}
.chap-arrow svg{width:22px;height:22px;transform:rotate(90deg);color:#fff}
.chapter+.gx{background:linear-gradient(180deg,#EEF3FF,#F7F9FF 40%,#fff);padding-top:clamp(60px,7vw,90px)}
.arch-in .slide:nth-child(1){object-position:50% 10%}
.arch-in .slide:nth-child(2){object-position:50% 12%}
.arch-in .slide:nth-child(3){object-position:60% 0%}
.hb2{top:34%}
@media(max-width:700px){.hchip{display:none}.hb1{left:-5%;top:32%}.hb2{right:-5%;top:27%}}