/* =====================================================================
   PROP PLAYBOOK · landing
   black HUD · orange glow · kinetic type
   ===================================================================== */

@font-face{font-family:"Anton";src:url(../fonts/anton-400-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo Black";src:url(../fonts/archivo-black-400-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Space Mono";src:url(../fonts/space-mono-400-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Space Mono";src:url(../fonts/space-mono-700-latin.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

@property --rx{syntax:"<angle>";inherits:false;initial-value:6deg}
@property --ry{syntax:"<angle>";inherits:false;initial-value:-12deg}

:root{
  --bg:#000;
  --or:#ff6a1f;
  --cr:#f3e6d6;
  --rd:#ff2d1f;
  --g1:#8a8a8a;
  --g2:#bdbdbd;
  --gr:#7fe08a;
  --pad:16px;
  --maxw:1100px;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --f-hl:"Anton",Impact,"Arial Narrow",sans-serif;
  --f-sub:"Archivo Black","Arial Black",Impact,sans-serif;
  --f-mono:"Space Mono",ui-monospace,Menlo,Consolas,monospace;
}
@media (min-width:900px){:root{--pad:40px}}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);color:var(--cr);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--cr);font-family:var(--f-mono);font-size:15px;line-height:1.45;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,p,ol,ul,figure{margin:0;padding:0}
img,video,canvas,svg{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--or);outline-offset:3px}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- type ---------- */
.mono{font-family:var(--f-mono)}
.arch{font-family:var(--f-sub);font-weight:400;letter-spacing:-.005em}
.cream{color:var(--cr)} .orange{color:var(--or)} .red{color:var(--rd)} .green{color:var(--gr)}
.dim{color:var(--g1)} .dim2{color:var(--g2)}
.glow-or{text-shadow:0 0 .1em rgba(255,106,31,.6),0 0 .45em rgba(255,106,31,.35)}
.glow-red{text-shadow:0 0 .1em rgba(255,45,31,.65),0 0 .5em rgba(255,45,31,.35)}
.glow-cream{text-shadow:0 0 .18em rgba(243,230,214,.2)}

/* Anton headlines, sized to the column width:  font-size = column / (em width of the longest line) */
.hl{
  display:block;font-family:var(--f-hl);font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:.94;white-space:nowrap;
  font-size:min(var(--max,150px),calc((100vw - 2*var(--pad)) / var(--w,6)));
  font-size:min(var(--max,150px),calc(100cqi / var(--w,6)));
}
.hl-group{display:block}
.fit{font-size:min(var(--max,150px),calc((100vw - 2*var(--pad)) / var(--w,6)));font-size:min(var(--max,150px),calc(100cqi / var(--w,6)))}

/* ---------- layout ---------- */
.sec{position:relative;overflow:hidden;padding:clamp(76px,13vh,150px) 0}
.inner{position:relative;z-index:2;width:100%;max-width:calc(var(--maxw) + 2*var(--pad));margin:0 auto;padding:0 var(--pad);container-type:inline-size}
.center{text-align:center}
.bgc{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}

/* ---------- fixed film layers ---------- */
.fx{position:fixed;inset:0;pointer-events:none;z-index:50}
.fx-grain{overflow:hidden;opacity:.06}
.fx-grain i{position:absolute;inset:-120px;background-size:180px 180px;animation:grain 1s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}17%{transform:translate(-40px,26px)}33%{transform:translate(31px,-50px)}50%{transform:translate(-62px,-14px)}67%{transform:translate(18px,58px)}83%{transform:translate(55px,-23px)}100%{transform:translate(0,0)}}
.fx-scan{background:repeating-linear-gradient(to bottom,rgba(255,255,255,.028) 0 1px,transparent 1px 3px)}
.fx-vig{background:radial-gradient(ellipse 85% 75% at 50% 45%,transparent 55%,rgba(0,0,0,.72) 100%)}
.fx-flash{background:var(--rd);opacity:0;z-index:55}
.fx-flash.on{animation:flash .5s ease-out both}
@keyframes flash{0%{opacity:.55}100%{opacity:0}}

/* ---------- HUD ---------- */
.hud{position:fixed;inset:0;pointer-events:none;z-index:60;--in:10px;--sb:env(safe-area-inset-bottom,0px)}
.br{position:absolute;width:22px;height:22px;border:0 solid rgba(255,106,31,.8);filter:drop-shadow(0 0 3px rgba(255,106,31,.7));transition:transform .3s var(--ease-out)}
.br.tl{top:calc(var(--in) + env(safe-area-inset-top,0px));left:var(--in);border-top-width:2px;border-left-width:2px}
.br.tr{top:calc(var(--in) + env(safe-area-inset-top,0px));right:var(--in);border-top-width:2px;border-right-width:2px}
.br.bl{bottom:calc(var(--in) + var(--sb));left:var(--in);border-bottom-width:2px;border-left-width:2px}
.br.bright{bottom:calc(var(--in) + var(--sb));right:var(--in);border-bottom-width:2px;border-right-width:2px}
.hud-pb,.hud-tc{position:absolute;bottom:calc(16px + var(--sb));font-size:10.5px;letter-spacing:.06em;color:var(--g1);background:rgba(0,0,0,.62);padding:3px 7px;transition:transform .3s var(--ease-out)}
.hud-pb{left:15px} .hud-tc{right:15px;color:var(--g2);font-variant-numeric:tabular-nums}
.hud-pb b{font-weight:700;font-size:12.5px;transition:color .4s}
.hud-pb b.red{color:var(--rd);text-shadow:0 0 8px rgba(255,45,31,.6)}
.hud-pb b.orange{color:var(--or);text-shadow:0 0 8px rgba(255,106,31,.6)}
.hud.lift .hud-pb,.hud.lift .hud-tc,.hud.lift .br.bl,.hud.lift .br.bright{transform:translateY(-74px)}

/* ---------- buttons ---------- */
.btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.7em;min-height:52px;
  padding:15px 26px;background:var(--or);color:#000;text-decoration:none;
  font-family:var(--f-sub);font-size:17px;letter-spacing:.03em;text-transform:uppercase;line-height:1.1;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  box-shadow:0 0 26px rgba(255,106,31,.45);transition:filter .15s,transform .15s;
}
.btn:hover{filter:brightness(1.12)}
.btn:active{transform:translateY(1px)}
.btn-xl{font-size:19px;padding:20px 28px;width:100%;min-height:64px}
.pulse{isolation:isolate}
.pulse-wrap{position:relative;display:inline-block;width:min(100%,440px)}
.pulse-wrap::after{content:"";position:absolute;inset:0;border:2px solid var(--or);opacity:0;pointer-events:none;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.buy.vis .pulse-wrap::after{animation:ring 1.8s ease-out infinite}
@keyframes ring{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.12,1.35)}}
.buy.vis .pulse{animation:glowp 1.8s ease-in-out infinite}
@keyframes glowp{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18)}}

/* ---------- reveal states (only with JS) ---------- */
html.js .punch{opacity:0;transform:scale(1.35);transform-origin:50% 58%}
html.js .punch.in{opacity:1;transform:none;transition:transform .26s var(--ease-out),opacity .1s linear}
html.js .tw,html.js [data-fx="tw"]{visibility:hidden}
html.js .tw.ready{visibility:visible}
.tw .c{visibility:hidden;position:relative}
.tw .c.on{visibility:visible}
.tw .c.cur::after{content:"";position:absolute;left:100%;top:.14em;bottom:.1em;width:.52em;background:currentColor;opacity:.85}
.tw.done .c.cur::after{animation:blink .5s steps(1) 4 both}
@keyframes blink{0%{opacity:.85}50%{opacity:0}100%{opacity:0}}
html.js [data-fx="cascade"]>*{opacity:0;transform:translateY(26px) scale(.97)}
html.js [data-fx="cascade"].in>*{opacity:1;transform:none;transition:opacity .35s linear calc(var(--i,0)*80ms),transform .5s var(--ease-out) calc(var(--i,0)*80ms)}
html.js .proofs[data-fx="cascade"]>*{transform:translateY(60px) rotate(-1.5deg) scale(.94)}
html.js .proofs[data-fx="cascade"].in>*{transform:none}

/* glitch: RGB split for 200 ms */
.glitch{position:relative}
.glitch::before,.glitch::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;pointer-events:none;text-shadow:none}
.glitch.g-on{animation:gshake .2s steps(4) both}
.glitch.g-on::before{opacity:.9;color:var(--rd);animation:g1 .2s steps(3) both;mix-blend-mode:screen}
.glitch.g-on::after{opacity:.9;color:#19f0ff;animation:g2 .2s steps(3) both;mix-blend-mode:screen}
@keyframes g1{0%{transform:translate(-.06em,0);clip-path:inset(8% 0 58% 0)}33%{transform:translate(.05em,0);clip-path:inset(55% 0 12% 0)}66%{transform:translate(-.03em,0);clip-path:inset(30% 0 38% 0)}100%{transform:translate(0,0);clip-path:inset(0 0 100% 0)}}
@keyframes g2{0%{transform:translate(.06em,0);clip-path:inset(50% 0 18% 0)}33%{transform:translate(-.05em,0);clip-path:inset(12% 0 60% 0)}66%{transform:translate(.03em,0);clip-path:inset(66% 0 6% 0)}100%{transform:translate(0,0);clip-path:inset(100% 0 0 0)}}
@keyframes gshake{0%{transform:translate(.02em,0) skewX(-4deg)}25%{transform:translate(-.02em,0)}50%{transform:translate(.01em,0) skewX(3deg)}100%{transform:none}}

/* ---------- 1 · HERO ---------- */
.hero{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:calc(46px + env(safe-area-inset-top,0px)) 0 44px}
.hero-floor{position:absolute;left:-60%;right:-60%;bottom:0;height:62%;z-index:0;overflow:hidden;
  transform:perspective(320px) rotateX(64deg);transform-origin:50% 100%;
  -webkit-mask-image:linear-gradient(to top,#000 5%,transparent 92%);mask-image:linear-gradient(to top,#000 5%,transparent 92%);transition:opacity 1.2s}
.hero-floor i{position:absolute;left:0;right:0;top:-44px;bottom:0;
  background-image:linear-gradient(rgba(255,106,31,.42) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(255,106,31,.42) 1.5px,transparent 1.5px);
  background-size:44px 44px;animation:floor 1.4s linear infinite}
@keyframes floor{to{transform:translateY(44px)}}
.hero::before{content:"";position:absolute;left:0;right:0;bottom:30%;height:40%;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 50% at 50% 100%,rgba(255,106,31,.16),transparent 70%)}
.hero-3d{position:absolute;left:0;right:0;bottom:0;width:100%;height:58%;z-index:0;opacity:0;transition:opacity 1.4s;
  -webkit-mask-image:linear-gradient(to top,#000 35%,transparent 100%);mask-image:linear-gradient(to top,#000 35%,transparent 100%)}
.hero.three .hero-3d{opacity:.5}
.hero.three .hero-floor{opacity:0}
.hero:not(.vis) .hero-floor i{animation-play-state:paused}
.hero-inner{display:flex;flex-direction:column}
.hero-inner.shake{animation:shake .32s linear both}
@keyframes shake{0%{transform:translate(0,0)}12%{transform:translate(-7px,3px)}25%{transform:translate(6px,-4px)}37%{transform:translate(-5px,-2px)}50%{transform:translate(4px,4px)}62%{transform:translate(-3px,1px)}75%{transform:translate(2px,-2px)}100%{transform:none}}
.hud-line{font-size:11px;letter-spacing:.16em}
.hud-lbl{font-size:10.5px;letter-spacing:.24em;margin-top:14px}
.eq{font-family:var(--f-mono);font-weight:700;line-height:1.05;white-space:nowrap;font-variant-numeric:tabular-nums;
  font-size:clamp(34px,11cqi,66px);letter-spacing:-.02em;transition:color .2s}
.eq.bad{color:var(--rd);text-shadow:0 0 .2em rgba(255,45,31,.5)}
.eq-diff{font-size:.36em;letter-spacing:0;vertical-align:.55em;margin-left:.2em}
.eq-diff.red{color:var(--rd)}
.chart-wrap{position:relative;height:clamp(190px,33vh,390px);height:clamp(190px,33svh,390px);margin:8px 0 0}
#heroChart{position:absolute;inset:0;width:100%;height:100%}
.breach{position:relative;z-index:3}
#breached{margin-top:-.34em;text-align:center}
.status{font-size:13px;letter-spacing:.08em;margin-top:8px;text-align:center}
.hero-lines{display:flex;flex-direction:column;align-items:center;gap:2px;margin:14px 0 20px;font-size:clamp(21px,6.2cqi,34px);line-height:1.2;text-align:center}
.hero-cta{display:flex;flex-direction:column;align-items:center;gap:6px;transition:opacity .5s,transform .5s var(--ease-out)}
html.js .hero-cta{opacity:0;transform:translateY(10px)}
html.js .hero-cta.show{opacity:1;transform:none}
.hero-cta .btn{width:min(100%,380px)}
.see{font-size:13px;color:var(--g2);text-decoration:none;padding:10px 12px;letter-spacing:.06em}
.see:hover{color:var(--or)}

/* ---------- 2 · SOUND FAMILIAR ---------- */
.familiar{min-height:86vh;min-height:86svh;display:flex;align-items:center}
.drift{position:absolute;inset:0;z-index:0}
.fc{position:absolute;left:var(--x);top:var(--y);transform:rotate(var(--r));white-space:nowrap;
  font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:rgba(189,189,189,.55);
  padding:9px 12px;border:1px solid rgba(255,45,31,.3);background:rgba(18,5,3,.6);opacity:.55;
  animation:drift var(--t) ease-in-out infinite alternate;animation-play-state:paused}
.familiar.vis .fc{animation-play-state:running}
.fc::before{content:attr(data-t)}
@keyframes drift{to{transform:translate(var(--dx),var(--dy)) rotate(var(--r))}}
.familiar .inner::before{content:"";position:absolute;inset:-20% -10%;z-index:-1;background:radial-gradient(closest-side,rgba(0,0,0,.92),rgba(0,0,0,.6) 60%,transparent)}
.sub{font-size:clamp(21px,6.4cqi,36px);color:var(--g2);margin-bottom:16px}
.familiar .hl+.hl{margin-top:.04em}

/* ---------- THE BRUTAL MATH ---------- */
.brutal .hl-group{margin-bottom:clamp(30px,5vh,52px)}
.bm{display:grid;gap:28px;align-items:center;margin-bottom:clamp(34px,6vh,60px)}
@media (min-width:760px){.bm{grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:56px}}
.bm-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(7px,2.3vw,13px);width:min(100%,440px);margin:0 auto}
.bm-grid i{display:block;aspect-ratio:1;border-radius:50%;background:#3b3b3b;
  transition:background-color .45s ease var(--d,0s),box-shadow .45s ease var(--d,0s),transform .5s var(--ease-out) var(--d,0s)}
.bm-grid i.dead{background:rgba(255,45,31,.4);transform:scale(.6)}
.bm-grid i.fund{background:var(--cr);box-shadow:0 0 9px rgba(243,230,214,.55)}
.bm-grid i.lost{background:rgba(255,45,31,.6);transform:scale(.6);box-shadow:0 0 0 2px rgba(243,230,214,.3)}
.bm-grid i.paid{background:var(--or);transform:scale(1.14);box-shadow:0 0 10px rgba(255,106,31,.95),0 0 26px rgba(255,106,31,.55)}
.bm-rows{list-style:none;display:grid;gap:16px}
.bm-row{display:grid;grid-template-columns:auto auto 1fr;align-items:center;column-gap:14px;transition:opacity .5s}
html.js .bm-row{opacity:0}
html.js .bm-row.past{opacity:.5}
html.js .bm-row.on{opacity:1}
.bm-key{width:12px;height:12px;border-radius:50%}
.k-all{background:#6e6e6e} .k-funded{background:var(--cr);box-shadow:0 0 6px rgba(243,230,214,.5)} .k-paid{background:var(--or);box-shadow:0 0 8px var(--or)}
.bm-n{font-family:var(--f-mono);font-weight:700;font-size:clamp(36px,10.5vw,60px);line-height:1;min-width:3ch;text-align:right;font-variant-numeric:tabular-nums;color:var(--cr);letter-spacing:-.03em}
.bm-row span{font-family:var(--f-mono);font-size:clamp(14px,4vw,18px);color:var(--g2);line-height:1.3}
.bm-row.paid .bm-n{color:var(--or);text-shadow:0 0 .12em rgba(255,106,31,.7),0 0 .45em rgba(255,106,31,.35)}
.bm-row.paid span{color:var(--cr)}
.bm-half{font-size:clamp(22px,6.4vw,38px);line-height:1.15;max-width:19em}
.bm-line{font-size:14px;margin-top:16px}
.bm-line+.bm-line{margin-top:6px}
.bm-bridge{font-size:clamp(18px,5vw,27px);line-height:1.28;margin-top:clamp(28px,5vh,46px);max-width:25em}
.bm-src{font-size:12px;line-height:1.55;color:var(--g2);margin-top:30px;padding-top:14px;border-top:1px solid rgba(243,230,214,.14);max-width:62em}
@media (min-width:900px){.bm-line{font-size:16px}.bm-src{font-size:12.5px}}

/* ---------- 3 · THE PROBLEM ---------- */
.problem{padding-top:clamp(30px,6vh,70px)}
.funnel{position:relative;z-index:1;width:100%;max-width:560px;height:auto;margin:0 auto -2vh}
.funnel .ct{fill:none;stroke:rgba(243,230,214,.15);stroke-width:1}
.funnel .ct.lv{stroke:rgba(243,230,214,.32)}
.funnel .ct.bk{stroke:rgba(255,45,31,.75);stroke-dasharray:5 4}
.funnel .lvl{font-family:var(--f-mono);font-size:11px;fill:var(--g1);opacity:0;transition:opacity .6s}
.funnel .lvl.bk{fill:var(--rd);font-weight:700}
.funnel .sp{fill:none;stroke:var(--or);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.funnel .sp-glow{fill:none;stroke:rgba(255,106,31,.35);stroke-width:7;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.funnel.on .sp,.funnel.on .sp-glow{stroke-dashoffset:0;transition:stroke-dashoffset 2.8s cubic-bezier(.45,.05,.55,.95)}
.funnel.on .lvl{opacity:1}
.funnel .tag{opacity:0;transition:opacity .35s}
.funnel .tag.on{opacity:1}
.funnel .tag text{font-family:var(--f-mono);font-size:12px;fill:var(--cr);paint-order:stroke;stroke:#000;stroke-width:5px;stroke-linejoin:round}
.funnel .tag circle{fill:var(--or)}
html:not(.js) .funnel .sp,html:not(.js) .funnel .sp-glow,.rm .funnel .sp,.rm .funnel .sp-glow{stroke-dashoffset:0}
html:not(.js) .funnel .lvl,html:not(.js) .funnel .tag,.rm .funnel .lvl,.rm .funnel .tag{opacity:1}
.label{font-size:12px;letter-spacing:.22em;color:var(--g2);margin-bottom:14px}
.strike{position:relative;display:inline-block}
.strike-line{position:absolute;left:-3%;top:47%;width:106%;height:.085em;background:var(--or);box-shadow:0 0 .2em var(--or),0 0 .5em rgba(255,106,31,.6);transform:scaleX(0);transform-origin:left center}
.strike.in .strike-line{transform:scaleX(1);transition:transform .5s cubic-bezier(.75,0,.2,1) .38s}
html:not(.js) .strike-line,.rm .strike-line{transform:scaleX(1)}

/* ---------- 4 · THE REAL REASON ---------- */
.rules .bgc{opacity:.95}
.rules .inner::before{content:"";position:absolute;inset:-4% -6%;z-index:-1;background:radial-gradient(closest-side,rgba(0,0,0,.75),transparent)}
.boards{list-style:none;display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 clamp(40px,8vh,80px)}
@media (min-width:640px){.boards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.boards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.board.deny{grid-column:1/-1}}
.board{position:relative;padding:15px 16px 14px;border:1px solid rgba(243,230,214,.18);background:rgba(7,5,4,.82)}
.board::before,.board::after{content:"";position:absolute;width:11px;height:11px;border:0 solid var(--or)}
.board::before{left:-1px;top:-1px;border-top-width:2px;border-left-width:2px}
.board::after{right:-1px;bottom:-1px;border-bottom-width:2px;border-right-width:2px}
.board h3{font-family:var(--f-hl);font-weight:400;font-size:clamp(25px,7.4cqi,36px);line-height:1;letter-spacing:.02em;color:var(--cr);margin:0 0 7px}
.board p{font-size:12.5px;letter-spacing:.04em}
.board.deny{border-color:rgba(255,45,31,.55);background:rgba(34,4,2,.8)}
.board.deny::before,.board.deny::after{border-color:var(--rd)}
.board.deny h3{text-shadow:0 0 .2em rgba(255,45,31,.5)}

/* ---------- 5 · THE PLAYBOOK ---------- */
.playbook{padding-top:clamp(20px,4vh,50px)}
.bh{position:relative;width:100%;height:min(118vw,700px);margin:0 auto;z-index:1}
.bh-static{position:absolute;inset:0;transition:opacity 1.2s;
  background:
    radial-gradient(circle at 50% 50%,#000 0 11%,rgba(255,228,200,.95) 11.6%,rgba(255,106,31,.9) 13%,rgba(255,106,31,.25) 17%,transparent 26%),
    radial-gradient(ellipse 34% 7% at 50% 50%,rgba(255,150,80,.7),rgba(255,106,31,.35) 45%,transparent 70%),
    repeating-radial-gradient(ellipse 100% 42% at 50% 54%,rgba(243,230,214,.12) 0 1px,transparent 1px 26px);
  -webkit-mask-image:radial-gradient(closest-side,#000 55%,transparent);mask-image:radial-gradient(closest-side,#000 55%,transparent)}
.bh-3d{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.4s;
  -webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 58%,transparent 100%)}
.bh.three .bh-3d{opacity:1}
.bh.three .bh-static{opacity:0}
.bh-arc{position:absolute;left:50%;top:50%;width:min(100%,660px);height:auto;aspect-ratio:1;transform:translate(-50%,-50%);overflow:visible}
.arc-t,.arc-b{font-family:var(--f-hl);font-size:31px;letter-spacing:.07em}
.arc-t{fill:var(--cr)}
.arc-b{fill:var(--or);letter-spacing:.24em}
.playbook .inner{margin-top:0}
.playbook .inner .mono{font-size:14px}
.playbook .hl-group{margin:22px 0 22px}

/* ---------- 6 · REAL PAYOUTS ---------- */
.payouts .inner>.mono{font-size:13px;margin-top:12px}
.proofs{list-style:none;display:grid;grid-template-columns:1fr;gap:16px;margin:30px 0 clamp(44px,8vh,80px)}
@media (min-width:760px){.proofs{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}}
.proof-btn{display:block;width:100%;padding:0;border:1px solid var(--or);background:#060403;cursor:zoom-in;overflow:hidden;
  box-shadow:0 0 0 1px rgba(255,106,31,.2),0 0 24px rgba(255,106,31,.22)}
.proof-btn img{width:100%;height:auto}
.cap{display:flex;justify-content:space-between;align-items:baseline;margin-top:7px;font-size:12.5px;color:var(--cr);font-variant-numeric:tabular-nums}
.cap b{font-weight:400}
.withdrawn{text-align:center;margin:0 0 clamp(44px,8vh,80px)}
.withdrawn .mono{font-size:12px;letter-spacing:.3em;margin-bottom:6px}
.wd-val{font-family:var(--f-hl);line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;
  font-size:min(var(--max),calc((100vw - 2*var(--pad)) / var(--w)));font-size:min(var(--max),calc(100cqi / var(--w)))}
.news{display:grid;gap:16px;max-width:560px;margin:0 auto;text-align:center}
.news .news-img{aspect-ratio:auto;cursor:zoom-in}
.news .news-img img{height:auto;object-fit:initial}
.news .arch{font-size:clamp(20px,5.8cqi,30px);line-height:1.15}
.news .mono{font-size:12.5px;margin-top:6px}

/* ---------- VIDEO ---------- */
.film-frame{position:relative;width:min(100%,430px);aspect-ratio:4/5;margin:30px auto 0;border:1px solid var(--or);background:#070504;
  box-shadow:0 0 0 1px rgba(255,106,31,.2),0 0 36px rgba(255,106,31,.25)}
.film-frame video{width:100%;height:100%;object-fit:cover}

/* ---------- 7 · LEARN IT ON REAL CHARTS ---------- */
.lessons .inner>.mono{font-size:13px;margin-top:12px}
.lesson-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:28px}
@media (min-width:760px){.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
.lesson{border:1px solid rgba(243,230,214,.16);background:rgba(9,7,6,.85)}
.lesson-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:#06080a}
.lesson-img img,.lesson-img video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lesson-img picture{display:block;width:100%;height:100%}
.lesson-open{display:block;width:100%;padding:0;border:0;background:#06080a;cursor:zoom-in}
.lesson-open .zoom{position:absolute;right:10px;top:10px;width:30px;height:30px;background:rgba(0,0,0,.72);border:1px solid rgba(255,106,31,.7)}
.lesson-open .zoom::before,.lesson-open .zoom::after{content:"";position:absolute;width:8px;height:8px;border:0 solid var(--or)}
.lesson-open .zoom::before{left:6px;bottom:6px;border-left-width:2px;border-bottom-width:2px}
.lesson-open .zoom::after{right:6px;top:6px;border-right-width:2px;border-top-width:2px}
.lesson-open:hover .zoom{background:rgba(255,106,31,.25)}
.ph{position:absolute;inset:0;display:grid;place-items:center;
  background-image:linear-gradient(rgba(255,106,31,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,106,31,.13) 1px,transparent 1px);background-size:26px 26px}
.ph span{font-family:var(--f-hl);font-size:clamp(30px,10cqi,44px);letter-spacing:.08em;color:rgba(243,230,214,.45)}
.lesson-body{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;padding:14px 16px 16px}
.lesson .no{grid-row:span 2;font-size:13px;font-weight:700;color:var(--or);padding-top:2px}
.lesson h3{font-family:var(--f-sub);font-weight:400;font-size:17px;color:var(--cr);line-height:1.2}
.lesson p{font-size:12.5px}

/* ---------- 8 · WHAT'S INSIDE ---------- */
.inside .bgc{opacity:.75}
.chapters{list-style:none;display:grid;gap:12px;margin-top:30px;max-width:780px}
.chapters li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:baseline;padding:15px 16px;border-left:3px solid var(--or);background:rgba(10,7,5,.86)}
.chapters .no{font-size:14px;font-weight:700}
.chapters h3{font-family:var(--f-sub);font-weight:400;font-size:clamp(18px,5.2cqi,25px);line-height:1.15}
.chapters p{font-size:12.5px;margin-top:4px}

/* ---------- 9 · CHECKOUT ---------- */
.buy{padding-bottom:clamp(90px,14vh,150px)}
.buy .inner>.mono{font-size:14px}
.cover-stage{perspective:1000px;width:min(70%,300px);margin:30px auto 38px}
.cover{position:relative;aspect-ratio:3/4.1;display:flex;flex-direction:column;text-align:left;padding:10% 9%;overflow:hidden;container-type:inline-size;
  background:radial-gradient(120% 70% at 50% 112%,rgba(255,106,31,.42),transparent 62%),#0b0806;
  border:1px solid rgba(255,106,31,.6);
  box-shadow:0 32px 60px rgba(0,0,0,.85),0 0 44px rgba(255,106,31,.28);
  transform:rotateX(var(--rx)) rotateY(var(--ry));transition:--rx .25s ease-out,--ry .25s ease-out}
.cover.idle{animation:sway 7s ease-in-out infinite alternate;animation-play-state:paused}
.buy.vis .cover.idle{animation-play-state:running}
@keyframes sway{0%{--rx:7deg;--ry:-14deg}100%{--rx:3deg;--ry:12deg}}
.cover-grid{position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,106,31,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,106,31,.14) 1px,transparent 1px);background-size:18px 18px;
  -webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 100%,#000,transparent);mask-image:radial-gradient(ellipse 90% 60% at 50% 100%,#000,transparent)}
.cover>*{position:relative}
.cover-top{font-size:clamp(8px,4.3cqi,12px);letter-spacing:.22em;color:var(--g2)}
.cover-title{margin-top:auto;display:flex;flex-direction:column;font-family:var(--f-hl);line-height:.9;letter-spacing:.01em;font-size:calc(100cqi / var(--w))}
.cover-sub{margin-top:10px;font-size:clamp(10px,5.4cqi,15px);line-height:1.25;color:var(--cr)}
.buy .hl{margin-top:4px}
.buy .hl+.mono{font-size:13px;margin-top:10px;letter-spacing:.06em}
.price-box{display:flex;flex-direction:column;align-items:center;gap:12px;margin:20px 0 24px}
.price-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--or);
  border:1px solid var(--or);padding:5px 11px 5px 13px;box-shadow:0 0 16px rgba(255,106,31,.28),inset 0 0 10px rgba(255,106,31,.12)}
.price-line{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:12px;row-gap:4px}
.price{font-family:var(--f-mono);font-weight:700;font-size:clamp(40px,12cqi,56px);color:var(--cr);line-height:1;letter-spacing:-.02em}
.price-note{font-size:12.5px;color:var(--g2);letter-spacing:.02em}
[hidden]{display:none!important}

/* ---------- 10 · FOOTER ---------- */
.foot{position:relative;z-index:2;padding:48px 0 calc(120px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(243,230,214,.12)}
.disclaimer{font-size:12px;line-height:1.65;color:var(--g2);max-width:680px}
.disclaimer b{font-weight:700}
.foot-links{display:flex;flex-wrap:wrap;gap:4px 20px;margin:22px 0 12px;font-size:12.5px}
.foot-links a{color:var(--g2);padding:8px 0;text-underline-offset:3px}
.foot-links a:hover{color:var(--or)}
.copy{font-size:12px}

/* ---------- sticky CTA (mobile) ---------- */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:70;padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom,0px));
  background:rgba(0,0,0,.9);border-top:1px solid rgba(255,106,31,.35);transform:translateY(110%);transition:transform .32s var(--ease-out)}
.sticky-cta.on{transform:none}
.sticky-cta .btn{width:100%;min-height:50px;font-size:16px;justify-content:space-between}
.sticky-price{display:inline-flex;flex-direction:column;align-items:flex-end;gap:1px;background:#000;color:var(--or);padding:4px 9px;line-height:1.05;letter-spacing:0}
.sticky-price small{font-family:var(--f-mono);font-weight:400;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--g2)}
.sticky-price b{font-family:var(--f-mono);font-weight:700;font-size:15px}
@media (min-width:900px){.sticky-cta{display:none}}

/* ---------- proof viewer ---------- */
.viewer{padding:0;border:1px solid var(--or);background:#000;max-width:94vw;max-height:92vh;overflow:visible;cursor:zoom-out}
.viewer video{display:none;max-width:94vw;max-height:86vh}
.viewer.is-video video{display:block}
.viewer.is-video img{display:none}
.viewer::backdrop{background:rgba(0,0,0,.88)}
.viewer img{max-width:94vw;max-height:86vh;object-fit:contain}
.viewer-x{position:absolute;right:0;top:-44px;background:none;border:0;color:var(--g2);font-size:13px;padding:10px 4px;cursor:pointer}

/* ---------- desktop ---------- */
@media (min-width:900px){
  .hud{--in:16px}
  .hud-pb{left:28px} .hud-tc{right:28px}
  .hud-pb,.hud-tc{bottom:calc(26px + var(--sb));font-size:11.5px}
  .hud-pb b{font-size:14px}
  .hud-line{font-size:12px}
  .status{font-size:15px}
  .playbook .inner .mono,.buy .inner>.mono{font-size:17px}
  .payouts .inner>.mono,.lessons .inner>.mono{font-size:16px}
  .proofs{max-width:1100px}
  .board p,.chapters p{font-size:14px}
  .lesson p{font-size:13.5px}
  .chart-wrap{height:clamp(240px,36vh,420px)}
  .hero-lines{flex-direction:row;justify-content:center;gap:.5em}
  .funnel{margin-bottom:-4vh}
  .fc{font-size:12.5px;padding:11px 15px}
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
.rm .punch{opacity:1!important;transform:none!important}
.rm .tw{visibility:visible!important}
.rm .tw .c{visibility:visible}
.rm [data-fx="cascade"]>*{opacity:1!important;transform:none!important}
.rm .hero-cta{opacity:1!important;transform:none!important}