/* iMU home v2 prototype. Black + gold, Jost 200-500. No frameworks. */
@font-face{font-family:"Jost";src:url(../fonts/jost-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{
  --bg:#050505;--bg2:#0b0a08;--card:#100e0b;--line:rgba(231,181,58,.18);--line2:rgba(231,181,58,.34);
  --ink:#f4ecdc;--mute:#b3a890;--dim:#8a8170;
  --gold:#e7b53a;--gold-hi:#ffe9a0;--gold-lo:#a9741a;--gold-deep:#6b4a12;
  --gg:linear-gradient(180deg,#fff1b8 0%,#f2c94c 42%,#c8921e 78%,#8a5a12 100%);
  --gbtn:linear-gradient(180deg,#ffe9a0 0%,#f0c453 45%,#c8921e 100%);
  --glow:0 0 24px rgba(231,181,58,.35),0 0 70px rgba(231,181,58,.16);
  --r:22px;--r2:14px;--wrap:1200px;
  --ease:cubic-bezier(.2,.8,.2,1);
  --sticky-h:0px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--ink);font:300 17px/1.6 "Jost",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px;border-radius:8px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--gold);color:#120c02;padding:10px 16px;border-radius:10px;font-weight:500;text-decoration:none}
.skip:focus{top:12px}
.wrap{width:min(100% - 40px,var(--wrap));margin-inline:auto}
.gold{background:var(--gg);-webkit-background-clip:text;background-clip:text;color:transparent}
.glowt{text-shadow:none;filter:drop-shadow(0 0 18px rgba(231,181,58,.35))}
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:400;margin:0 0 18px}
.kicker b{font-weight:500;color:var(--gold-hi);border:1px solid var(--line2);border-radius:99px;padding:2px 9px;letter-spacing:.12em}
h1,h2,h3{font-weight:300;line-height:1.05;letter-spacing:-.01em;margin:0}
h2.h2{font-size:clamp(34px,5.4vw,64px);margin-bottom:18px}
h2 em,h1 em{font-style:normal}
.lede{color:var(--mute);font-size:clamp(17px,1.6vw,20px);max-width:640px;margin:0 0 28px}
.fine{color:var(--dim);font-size:13px;line-height:1.5}
.sec{position:relative;padding:clamp(80px,11vw,150px) 0}
.sec.tight{padding:clamp(56px,7vw,90px) 0}
.center{text-align:center}.center .lede{margin-inline:auto}

/* ambient layers */
.amb{position:fixed;inset:0;pointer-events:none;z-index:0;background:
  radial-gradient(60vw 50vw at 80% -10%,rgba(231,181,58,.10),transparent 60%),
  radial-gradient(50vw 40vw at -10% 30%,rgba(231,181,58,.06),transparent 60%)}
.grain{position:fixed;inset:-50%;pointer-events:none;z-index:1;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
main,header,footer{position:relative;z-index:2}

/* status pills */
.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;border-radius:99px;padding:4px 10px;border:1px solid var(--line2);color:var(--gold-hi);background:rgba(231,181,58,.06);font-weight:400;white-space:nowrap}
.pill.live{color:#d7f5c6;border-color:rgba(140,220,120,.4);background:rgba(120,200,100,.08)}
.pill.live::before{content:"";width:7px;height:7px;border-radius:50%;background:#7fdc64;box-shadow:0 0 10px #7fdc64;animation:pulse 2s infinite}
.pill.soon::before{content:"";width:7px;height:7px;border-radius:50%;border:1px solid var(--gold);}
.pill.ph{color:#ffd2a8;border-color:rgba(255,170,100,.35);background:rgba(255,150,80,.06)}
@keyframes pulse{50%{opacity:.35}}

/* buttons */
.btn{--x:50%;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 30px;border-radius:99px;background:var(--gbtn);color:#140d02;font-weight:500;font-size:17px;letter-spacing:.02em;text-decoration:none;border:0;cursor:pointer;box-shadow:0 10px 40px -10px rgba(231,181,58,.6),inset 0 1px 0 rgba(255,255,255,.6);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease);isolation:isolate}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--ease);z-index:-1}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 50px -12px rgba(231,181,58,.8),inset 0 1px 0 rgba(255,255,255,.6)}
.btn:hover::after{transform:translateX(120%)}
.btn:active{transform:translateY(0) scale(.98)}
.btn .arr{transition:transform .3s var(--ease)}.btn:hover .arr{transform:translateX(4px)}
.btn.sm{min-height:42px;padding:0 20px;font-size:15px}
.btn.xl{min-height:64px;padding:0 38px;font-size:19px}
.ghost{display:inline-flex;align-items:center;gap:8px;min-height:56px;padding:0 22px;border-radius:99px;border:1px solid var(--line2);color:var(--ink);text-decoration:none;font-weight:400;background:rgba(255,255,255,.02);transition:border-color .3s,background .3s}
.ghost:hover{border-color:var(--gold);background:rgba(231,181,58,.07)}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin:18px 0 0;padding:0;list-style:none;color:var(--mute);font-size:14px}
.trust li{display:flex;align-items:center;gap:7px}
.trust li::before{content:"";width:14px;height:14px;flex:none;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%23e7b53a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}

/* nav */
.nav{position:sticky;top:0;z-index:50;transition:background .4s,border-color .4s,backdrop-filter .4s;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(5,5,5,.72);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-color:var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:72px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{width:38px;height:auto;filter:drop-shadow(0 0 10px rgba(231,181,58,.35))}
.brand .wm{display:flex;flex-direction:column;line-height:1}
.brand .wm b{font-weight:500;font-size:22px;letter-spacing:.06em}
.brand .wm small{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--mute);margin-top:4px}
.nav-links{display:none;gap:28px;list-style:none;margin:0;padding:0}
.nav-links a{text-decoration:none;color:var(--mute);font-size:15px;transition:color .2s}
.nav-links a:hover{color:var(--gold-hi)}
.nav-cta{display:flex;align-items:center;gap:14px}
.signin{color:var(--mute);text-decoration:none;font-size:15px}
.signin:hover{color:var(--ink)}
@media (min-width:980px){.nav-links{display:flex}}
@media (max-width:420px){.nav .btn.sm{display:none}}

/* hero */
.hero{position:relative;padding:clamp(24px,5vw,64px) 0 clamp(60px,8vw,110px);overflow:hidden}
#sparks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.hero-grid{position:relative;z-index:1;display:grid;gap:40px;align-items:center}
@media (min-width:1040px){.hero-grid{grid-template-columns:1.05fr .95fr;gap:56px}}
.hero h1{font-size:clamp(40px,6.6vw,84px);line-height:1;margin:0 0 22px}
.hero h1:has(+ .tagline){margin-bottom:14px}
.hero h1 .l1{display:block;font-weight:200;color:var(--ink)}
.hero h1 .l2{display:block;font-weight:500;letter-spacing:-.015em;margin-top:.08em}
.hero h1 .l2 .gold{filter:drop-shadow(0 0 22px rgba(231,181,58,.45))}
.hero .sub{color:var(--mute);font-size:clamp(17px,1.7vw,21px);max-width:560px;margin:0 0 30px}
.hero .sub b{color:var(--ink);font-weight:400}
/* hero tagline (directly under the h1, every variant): white lead-in + gold payoff, gold rule on the left */
.hero .tagline{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.32em;row-gap:2px;margin:0 0 18px;padding:2px 0 2px 14px;border-left:3px solid var(--gold);font-size:clamp(19px,2.1vw,30px);line-height:1.2;letter-spacing:.005em}
.hero .tagline .t1{color:var(--ink);font-weight:300;white-space:nowrap}
.hero .tagline .t2{font-weight:600;white-space:nowrap;filter:drop-shadow(0 0 14px rgba(231,181,58,.35))}
.hero .tagline .t2.gold,.vets-h .gold{background:linear-gradient(180deg,#fff1b8 0%,#f2c94c 55%,#d6a131 100%);-webkit-background-clip:text;background-clip:text}
.hero .tagline + .sub{margin-bottom:26px}
.hero .tagline:has(+ .tagline-note){margin-bottom:6px}
.hero .tagline-note{margin:0 0 16px;padding-left:17px;font-size:13px;line-height:1.4;letter-spacing:.02em;color:var(--dim)}
.hero .tagline-note + .sub{margin-bottom:24px}
@media (min-width:1040px){.hero:has(.tagline){padding-top:clamp(20px,2.2vw,30px)}.hero-copy:has(.tagline){align-self:start;padding-top:22px}.hero .tagline{font-size:clamp(22px,1.9vw,27px)}.hero .tagline{margin-bottom:16px}.hero .tagline + .sub{margin-bottom:24px}.hero .tagline:has(+ .tagline-note){margin-bottom:5px}.hero .tagline-note{margin-bottom:14px}.hero .tagline-note + .sub{margin-bottom:22px}}
.eyebrow{display:inline-flex;gap:10px;align-items:center;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:22px;border:1px solid var(--line2);border-radius:99px;padding:7px 14px;background:rgba(231,181,58,.05)}
.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold);animation:pulse 2.2s infinite}
.hero-cta-note{margin-top:14px;font-size:14px;color:var(--dim)}
.variant-tag{position:absolute;right:20px;top:8px;z-index:3;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}

/* mini calculator */
.calc{position:relative;border-radius:28px;padding:26px;background:linear-gradient(180deg,rgba(24,20,14,.92),rgba(10,9,7,.94));border:1px solid var(--line2);box-shadow:0 40px 120px -40px rgba(231,181,58,.35),inset 0 1px 0 rgba(255,236,170,.08);transform-style:preserve-3d}
.calc::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ang,0deg),transparent 0 70%,rgba(255,233,160,.9) 80%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spinb 7s linear infinite;pointer-events:none}
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes spinb{to{--ang:360deg}}
.calc-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px}
.calc-h p{margin:0}
.calc-t{font-size:clamp(20px,2.2vw,25px);font-weight:300;line-height:1.15}
.calc-t b{display:block;font-weight:500;font-size:1.25em;letter-spacing:.01em}
.presets{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 18px}
.preset{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border-radius:99px;border:1px solid var(--line2);background:rgba(255,255,255,.02);cursor:pointer;font-size:14.5px;transition:all .25s var(--ease)}
.preset:hover{border-color:var(--gold);transform:translateY(-1px)}
.preset[aria-pressed=true]{background:linear-gradient(180deg,rgba(255,233,160,.2),rgba(231,181,58,.08));border-color:var(--gold-hi);color:var(--gold-hi);box-shadow:var(--glow)}
.preset svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.preset .tag{font-size:10px;background:var(--gbtn);color:#130c02;border-radius:99px;padding:1px 6px;font-weight:500}
.field{margin:0 0 14px}
.field-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px}
.field label{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.field output,.field .val{font-size:22px;font-weight:400;color:var(--ink);font-variant-numeric:tabular-nums}
.seg{display:inline-flex;border:1px solid var(--line2);border-radius:99px;padding:2px;margin-left:8px}
.seg button{border:0;background:none;padding:3px 10px;border-radius:99px;font-size:12px;cursor:pointer;color:var(--mute)}
.seg button[aria-pressed=true]{background:var(--gbtn);color:#130c02}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer;margin:0}
input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--gold) 0 var(--p,50%),rgba(255,255,255,.1) var(--p,50%))}
input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:rgba(255,255,255,.1)}
input[type=range]::-moz-range-progress{height:4px;border-radius:4px;background:var(--gold)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8d8,#f0c453 45%,#a9741a);box-shadow:0 0 0 4px rgba(231,181,58,.15),0 0 18px rgba(231,181,58,.6);transition:transform .2s}
input[type=range]::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8d8,#f0c453 45%,#a9741a);box-shadow:0 0 18px rgba(231,181,58,.6)}
input[type=range]:active::-webkit-slider-thumb{transform:scale(1.18)}
.conv{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.conv span{font-size:13px;color:var(--mute);letter-spacing:.08em;text-transform:uppercase;margin-right:4px}
.conv button{border:1px solid var(--line2);background:none;border-radius:99px;padding:3px 11px;font-size:13px;cursor:pointer;color:var(--mute)}
.conv button[aria-pressed=true]{border-color:var(--gold-hi);color:var(--gold-hi);background:rgba(231,181,58,.1)}
.outs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 16px}
.out{border-radius:var(--r2);padding:14px;background:rgba(0,0,0,.35);border:1px solid var(--line)}
.out.big{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(120deg,rgba(231,181,58,.14),rgba(0,0,0,.2));border-color:var(--line2)}
.out p{margin:0}
.out .k{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.out .v{font-size:26px;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.15;margin-top:2px}
.out.big .v{font-size:clamp(34px,4vw,46px);font-weight:500}
.mill{min-height:1.5em;margin:0 0 14px;color:var(--gold-hi);font-size:15px;font-style:italic;transition:opacity .4s}
.calc .btn{width:100%}
.calc .fine{margin:12px 0 0;text-align:center}
.calc.moon{box-shadow:0 0 0 1px rgba(255,233,160,.5),0 40px 140px -30px rgba(255,210,90,.6)}
.rocket{position:fixed;z-index:60;font-size:34px;pointer-events:none;will-change:transform}

/* proof strip */
.proof{border-block:1px solid var(--line);background:linear-gradient(180deg,rgba(231,181,58,.04),transparent)}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 18px;padding:46px 0}
@media (min-width:760px){.stats{grid-template-columns:repeat(5,1fr)}}
.stat{text-align:center}
.stat .n{font-size:clamp(40px,5vw,58px);font-weight:300;line-height:1;font-variant-numeric:tabular-nums}
.stat .l{font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-top:8px}
.pledge{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:center;padding:0 0 40px;margin:0;list-style:none;color:var(--mute);font-size:14.5px}
.pledge li::before{content:"✕ ";color:var(--gold)}

/* marquee */
.ticker{overflow:hidden;border-bottom:1px solid var(--line);-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.tk{display:flex;gap:46px;width:max-content;padding:16px 0;animation:tick 48s linear infinite;color:var(--dim);font-size:15px;white-space:nowrap}
.tk b{color:var(--ink);font-weight:400}
@keyframes tick{to{transform:translateX(-50%)}}

/* inside hustler */
.ih{display:grid;gap:48px;align-items:start}
@media (min-width:1000px){.ih{grid-template-columns:.9fr 1.1fr}}
.ih-side{position:relative}
@media (min-width:1000px){.ih-side{position:sticky;top:110px}}
.flame-box{display:flex;align-items:center;gap:18px;margin:26px 0;padding:18px 22px;border-radius:var(--r);border:1px solid var(--line2);background:rgba(231,181,58,.05);width:max-content;max-width:100%}
.flame{width:58px;height:70px;transform-origin:50% 90%;transform:scale(var(--fs,.6));transition:transform .5s var(--ease);filter:drop-shadow(0 0 14px rgba(255,170,40,.7))}
.flame .f1{animation:flick 1.6s ease-in-out infinite;transform-origin:50% 100%}
.flame .f2{animation:flick 1.1s ease-in-out infinite reverse;transform-origin:50% 100%}
@keyframes flick{50%{transform:scaleY(1.07) scaleX(.95) skewX(2deg)}}
.flame-n{font-size:46px;font-weight:300;line-height:1;font-variant-numeric:tabular-nums}
.flame-l{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.days{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:d}
.day{position:relative;display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:center;padding:16px 20px 16px 16px;border-radius:var(--r2);border:1px solid var(--line);background:rgba(255,255,255,.015);transition:border-color .5s,background .5s,transform .5s var(--ease)}
.day .dn{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);font-size:13px;letter-spacing:.1em;color:var(--mute);transition:all .5s var(--ease)}
.day .dn b{display:block;font-size:20px;font-weight:400;color:var(--ink);line-height:1;text-align:center}
.day h3{font-size:19px;font-weight:400;line-height:1.25}
.day p{margin:4px 0 0;color:var(--dim);font-size:14.5px;line-height:1.45}
.day.lit{border-color:var(--line2);background:linear-gradient(90deg,rgba(231,181,58,.09),transparent)}
.day.lit .dn{background:var(--gbtn);border-color:transparent;color:#130c02;box-shadow:var(--glow)}
.day.lit .dn b{color:#130c02}
.day .free{position:absolute;right:14px;top:12px}

/* bento */
.bento{display:grid;gap:18px;grid-template-columns:1fr}
@media (min-width:760px){.bento{grid-template-columns:repeat(6,1fr)}.b-drop{grid-column:span 3}.b-coach{grid-column:span 3}.b-quest{grid-column:span 3}.b-store{grid-column:span 3}.b-forge{grid-column:span 2}.b-tenet{grid-column:span 4}}
@media (min-width:1100px){.b-drop{grid-column:span 2;grid-row:span 2}.b-coach{grid-column:span 4}.b-quest{grid-column:span 2}.b-store{grid-column:span 2}.b-forge{grid-column:span 2}.b-tenet{grid-column:span 4}}
.tile{position:relative;overflow:hidden;border-radius:var(--r);padding:26px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(22,19,14,.9),rgba(9,8,6,.95));transition:border-color .4s,transform .5s var(--ease);--mx:50%;--my:0%}
.tile::before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(231,181,58,.12),transparent 50%);opacity:0;transition:opacity .4s;pointer-events:none}
.tile:hover{border-color:var(--line2)}
.tile:hover::before{opacity:1}
.tile-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.tile h3{font-size:clamp(22px,2.3vw,28px);font-weight:300;margin-bottom:8px}
.tile p{color:var(--mute);margin:0;font-size:15.5px;line-height:1.5}
.tile .lbl{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}

/* daily drop */
.drop-stage{position:relative;height:250px;display:grid;place-items:center;margin:8px 0 10px}
.drop-coin{width:120px;height:120px;filter:drop-shadow(0 12px 30px rgba(231,181,58,.5));transition:transform .2s}
.drop-coin.fall{animation:fall 1.1s cubic-bezier(.3,1.4,.5,1) both}
@keyframes fall{0%{transform:translateY(-220px) rotateY(0) scale(.7);opacity:0}60%{opacity:1}100%{transform:translateY(0) rotateY(720deg) scale(1)}}
.drop-rays{position:absolute;width:260px;height:260px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,220,120,.16) 0 6deg,transparent 6deg 18deg);-webkit-mask:radial-gradient(circle,#000 20%,transparent 70%);mask:radial-gradient(circle,#000 20%,transparent 70%);animation:rot 22s linear infinite}
@keyframes rot{to{transform:rotate(360deg)}}
.mini-coin{position:absolute;width:26px;height:26px;opacity:0}
.streak-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:4px 0 12px}
.streak-row .fl{font-size:24px}
.streak-row .sn{font-size:34px;font-weight:300;font-variant-numeric:tabular-nums}
.mult{font-size:12px;background:var(--gbtn);color:#130c02;border-radius:99px;padding:2px 8px;font-weight:500}
.ladder{display:flex;justify-content:center;gap:8px;margin:0 0 16px}
.ladder i{width:28px;height:28px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;font-style:normal;font-size:11px;color:var(--mute)}
.ladder i.on{background:var(--gbtn);color:#130c02;border:0}
.ladder i.today{box-shadow:0 0 0 3px rgba(231,181,58,.25),var(--glow);animation:pulse 1.6s infinite}
.claim{width:100%}
.wallet{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:14px;color:var(--mute)}
.wallet b{color:var(--ink);font-weight:400;font-variant-numeric:tabular-nums}

/* coach chat */
.chat{display:flex;flex-direction:column;gap:10px;margin-top:16px;min-height:290px}
.msg{max-width:86%;padding:11px 15px;border-radius:16px;font-size:15px;line-height:1.45;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s var(--ease)}
.msg.in{opacity:1;transform:none}
.msg.me{align-self:flex-end;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-bottom-right-radius:4px}
.msg.ai{align-self:flex-start;background:linear-gradient(180deg,rgba(231,181,58,.14),rgba(231,181,58,.05));border:1px solid var(--line2);border-bottom-left-radius:4px}
.msg.ai .who{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:3px}
.msg .chip{display:inline-flex;margin-top:8px;margin-right:6px;font-size:13px;padding:5px 12px;border-radius:99px;background:var(--gbtn);color:#130c02;font-weight:500}
.msg .chip.o{background:none;border:1px solid var(--line2);color:var(--gold-hi)}
.typing{display:inline-flex;gap:4px;padding:12px 16px}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:bob 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes bob{50%{transform:translateY(-4px);opacity:.4}}

/* quests */
.quests{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.q{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(0,0,0,.25);cursor:pointer;transition:all .3s;width:100%;text-align:left}
.q:hover{border-color:var(--line2)}
.q .box{width:22px;height:22px;border-radius:7px;border:1px solid var(--line2);display:grid;place-items:center;flex:none;transition:all .3s}
.q .box svg{width:14px;height:14px;stroke:#130c02;stroke-width:2.4;fill:none;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .4s .1s}
.q[aria-pressed=true] .box{background:var(--gbtn);border-color:transparent;box-shadow:var(--glow)}
.q[aria-pressed=true] .box svg{stroke-dashoffset:0}
.q .qt{flex:1;font-size:15px}
.q .qt small{display:block;color:var(--dim);font-size:12.5px}
.q .ks{font-size:13px;color:var(--gold-hi);font-variant-numeric:tabular-nums}
.qbar{height:6px;border-radius:6px;background:rgba(255,255,255,.07);margin-top:14px;overflow:hidden}
.qbar i{display:block;height:100%;width:0;background:var(--gbtn);transition:width .6s var(--ease)}
.qcap{display:flex;justify-content:space-between;font-size:13px;color:var(--mute);margin-top:6px}

/* store */
.store{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.item{border-radius:14px;border:1px solid var(--line);padding:12px;background:rgba(0,0,0,.25);transition:transform .4s var(--ease),border-color .3s}
.item:hover{transform:translateY(-3px);border-color:var(--line2)}
.item .ic{font-size:22px;line-height:1}
.item p{margin:6px 0 2px;font-size:14px;color:var(--ink);line-height:1.3}
.item .pr{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--gold-hi)}
.item .pr img{width:15px;height:15px}

/* forge */
.forge-live{display:flex;align-items:center;gap:12px;margin:14px 0;padding:12px;border-radius:14px;background:rgba(0,0,0,.35);border:1px solid var(--line)}
.eq{display:flex;gap:3px;align-items:flex-end;height:26px}
.eq i{width:4px;background:var(--gold);border-radius:2px;animation:eq 1s ease-in-out infinite}
.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.4s}.eq i:nth-child(4){animation-delay:.1s}.eq i:nth-child(5){animation-delay:.3s}
@keyframes eq{0%,100%{height:6px}50%{height:24px}}

/* tenet */
.tenet{display:grid;gap:22px;align-items:center}
@media (min-width:760px){.tenet{grid-template-columns:auto 1fr}}
.tenet-n{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);background:radial-gradient(circle,rgba(231,181,58,.16),transparent 70%);box-shadow:var(--glow);text-align:center}
.tenet-n b{display:block;font-size:44px;font-weight:300;line-height:1}
.tenet-n span{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.tenet blockquote{margin:0;font-size:clamp(20px,2.2vw,26px);line-height:1.35;font-weight:300}
.tenet .meta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:14px}
.copybtn{border:1px solid var(--line2);background:none;border-radius:99px;padding:6px 14px;font-size:14px;cursor:pointer;color:var(--gold-hi)}
.copybtn:hover{background:rgba(231,181,58,.08)}

/* dial me in */
.dial-sec{display:grid;gap:46px;align-items:center}
@media (min-width:1000px){.dial-sec{grid-template-columns:1fr 1fr}}
.dial-wrap{position:relative;width:min(100%,460px);aspect-ratio:1;margin-inline:auto}
.dial-svg{width:100%;height:100%;overflow:visible}
.dial-svg .trk{stroke:rgba(255,255,255,.08)}
.dial-svg .arc{stroke:url(#dg);stroke-linecap:round;transition:stroke-dashoffset 1.2s var(--ease);filter:drop-shadow(0 0 8px rgba(231,181,58,.7))}
.dial-svg .tick{stroke:rgba(231,181,58,.35)}
.dial-center{position:absolute;inset:0;display:grid;place-items:center;text-align:center;pointer-events:none}
.dial-center .pct{font-size:clamp(64px,9vw,96px);font-weight:200;line-height:1;font-variant-numeric:tabular-nums}
.dial-center .pct small{font-size:.35em;color:var(--gold)}
.dial-center .cap{font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-top:8px}
.dial-center .arch{font-size:20px;margin-top:10px;color:var(--ink);min-height:1.4em;transition:opacity .4s}
.qstep{margin-bottom:18px}
.qstep p{margin:0 0 10px;font-size:15px;color:var(--ink)}
.qstep p span{color:var(--gold);font-size:12px;letter-spacing:.2em;margin-right:8px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{min-height:42px;padding:0 16px;border-radius:99px;border:1px solid var(--line2);background:rgba(255,255,255,.02);cursor:pointer;font-size:15px;transition:all .25s var(--ease)}
.chips button:hover{border-color:var(--gold)}
.chips button[aria-pressed=true]{background:var(--gbtn);color:#130c02;border-color:transparent;box-shadow:var(--glow)}

/* coin section */
.coin-sec{display:grid;gap:40px;align-items:center}
@media (min-width:1000px){.coin-sec{grid-template-columns:1fr 1fr}}
.coin3d-wrap{perspective:1200px;display:grid;place-items:center;min-height:calc(min(360px,68vw) + 80px);position:relative}
.coin3d-wrap::after{content:"";position:absolute;bottom:12px;width:min(280px,62vw);height:30px;border-radius:50%;background:radial-gradient(rgba(231,181,58,.35),transparent 70%);filter:blur(6px)}
.coin3d{position:relative;width:min(360px,68vw);aspect-ratio:1;transform-style:preserve-3d;transform:rotateX(var(--rx,8deg)) rotateY(var(--ry,0deg));will-change:transform}
.coin3d .face,.coin3d .edge{position:absolute;inset:0;border-radius:50%}
.coin3d .face{backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#7f5517}
.coin3d .face img{display:block;width:100%;height:100%}
.coin3d .front{transform:translateZ(9px)}
.coin3d .back{transform:rotateY(180deg) translateZ(9px)}
/* reeded rim: each disc is drawn with fine ridges, so edge-on the stack reads as a milled coin edge */
.coin3d .edge{transform:translateZ(var(--z,0));backface-visibility:visible;background:radial-gradient(circle,#6b4a17 0 62%,transparent 62.5%),repeating-conic-gradient(#2e1c06 0 1.1deg,#956a26 1.1deg 1.7deg,#dfab50 1.7deg 2.4deg,#f2c46b 2.4deg 2.8deg,#bd8f3f 2.8deg 3.6deg,#7f5517 3.6deg 4.2deg)}
.coin3d .shine{position:absolute;inset:0;border-radius:50%;background:linear-gradient(115deg,transparent 35%,rgba(255,248,220,.32) 48%,transparent 60%);background-size:250% 100%;background-position:var(--sh,100%) 0;pointer-events:none}
.coin-facts{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}
.coin-facts li{display:flex;gap:12px;align-items:flex-start;color:var(--mute)}
.coin-facts li b{color:var(--ink);font-weight:400}
.coin-facts img{width:22px;height:22px;flex:none;margin-top:3px}

/* certificate */
.cert-sec{display:grid;gap:46px;align-items:center}
@media (min-width:1000px){.cert-sec{grid-template-columns:1fr 1fr}}
.cert-stage{perspective:1400px;display:grid;place-items:center}
.cert-card{position:relative;width:min(100%,420px);aspect-ratio:720/932;border-radius:10px;transform-style:preserve-3d;transform:rotateX(var(--crx,0deg)) rotateY(var(--cry,0deg));transition:transform .2s;box-shadow:0 50px 120px -30px rgba(0,0,0,.9),0 0 80px -20px rgba(231,181,58,.45)}
.cert-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:10px;transition:opacity .6s,clip-path 1.4s var(--ease)}
.cert-card .ivory{opacity:0}
.cert-card[data-look=ivory] .ivory{opacity:1}.cert-card[data-look=ivory] .luxe{opacity:0}
.cert-card .sheen{position:absolute;inset:0;border-radius:10px;background:linear-gradient(115deg,transparent 30%,rgba(255,240,190,.35) 50%,transparent 70%);background-size:300% 100%;background-position:var(--cs,120%) 0;mix-blend-mode:screen;pointer-events:none}
.cert-sec.pre .cert-card img{clip-path:inset(0 0 100% 0)}
.cert-sec .cert-card img{clip-path:inset(0 0 0 0)}
.looks{display:inline-flex;border:1px solid var(--line2);border-radius:99px;padding:3px;margin-top:8px}
.looks button{border:0;background:none;padding:8px 18px;border-radius:99px;cursor:pointer;color:var(--mute);font-size:15px}
.looks button[aria-pressed=true]{background:var(--gbtn);color:#130c02}
.ticks{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px}
.ticks li{display:flex;gap:12px;color:var(--mute)}
.ticks li::before{content:"";flex:none;width:18px;height:18px;margin-top:4px;border-radius:50%;background:var(--gbtn);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='9'/%3E%3C/svg%3E")}
.ticks b{color:var(--ink);font-weight:400}

/* audio */
.audio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:34px}
@media (min-width:900px){.audio-grid{grid-template-columns:repeat(4,1fr);gap:20px}}
.track{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#000;transition:transform .5s var(--ease),border-color .3s,box-shadow .5s}
.track:hover{transform:translateY(-6px) rotate(-.5deg);border-color:var(--line2);box-shadow:0 30px 60px -20px rgba(231,181,58,.35)}
.track img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .8s var(--ease)}
.track:hover img{transform:scale(1.05)}
.track .meta{padding:12px 14px}
.track h3{font-size:16px;font-weight:400;line-height:1.25}
.track .wave{display:flex;gap:2px;align-items:center;height:18px;margin-top:8px}
.track .wave i{flex:1;background:var(--gold-lo);border-radius:2px;height:calc(var(--h)*1%);transition:background .3s}
.track:hover .wave i{background:var(--gold);animation:eq 1.2s ease-in-out infinite;animation-delay:calc(var(--d)*-0.1s)}

/* aurea */
.aurea{position:relative;overflow:hidden;border-block:1px solid var(--line)}
.aurea-bg{position:absolute;inset:-12% 0;background:center/cover no-repeat;opacity:.38;transform:translateY(var(--py,0));will-change:transform}
.aurea-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(5,5,5,.35),rgba(5,5,5,.92) 75%),linear-gradient(180deg,var(--bg),transparent 25%,transparent 75%,var(--bg))}
.aurea .wrap{position:relative}
.aurea h2{font-size:clamp(36px,6vw,74px);font-weight:200}
.aurea .sig{font-size:13px;letter-spacing:.42em;color:var(--gold);margin-bottom:22px}
.pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:720px;margin:30px auto}
@media (min-width:700px){.pillars{grid-template-columns:repeat(4,1fr)}}
.pillar{padding:18px 10px;border-radius:16px;border:1px solid var(--line2);background:rgba(5,5,5,.55);backdrop-filter:blur(6px);text-align:center}
.pillar b{display:block;font-weight:400;font-size:19px;letter-spacing:.08em}
.pillar span{font-size:12px;color:var(--dim);letter-spacing:.14em;text-transform:uppercase}
.pillar .lock{display:block;margin:0 auto 8px;width:18px;height:18px;stroke:var(--gold);fill:none;stroke-width:1.5}
.words{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:640px;margin:0 auto 30px}
.words i{display:inline-block;height:12px;border-radius:6px;background:linear-gradient(90deg,rgba(231,181,58,.25),rgba(231,181,58,.08));width:calc(var(--w)*1px)}

/* plans */
.plans{display:grid;gap:18px;margin-top:40px}
@media (min-width:900px){.plans{grid-template-columns:repeat(3,1fr);align-items:stretch}}
.plan{position:relative;border-radius:var(--r);padding:30px 26px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(22,19,14,.9),rgba(9,8,6,.95));display:flex;flex-direction:column}
.plan.hot{border-color:var(--gold);box-shadow:0 0 0 1px rgba(255,233,160,.25),0 40px 100px -40px rgba(231,181,58,.55)}
.plan.hot .ribbon{position:absolute;top:-13px;left:26px;background:var(--gbtn);color:#130c02;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:4px 12px;border-radius:99px}
.plan h3{font-size:26px;font-weight:400}
.plan .price{display:flex;align-items:baseline;gap:10px;margin:14px 0 4px}
.plan .price b{font-size:46px;font-weight:300;line-height:1}
.plan .price s{color:var(--dim);font-size:17px}
.plan .per{color:var(--mute);font-size:14px;margin:0 0 18px}
.plan ul{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:10px;flex:1}
.plan li{display:flex;gap:10px;color:var(--mute);font-size:15.5px;line-height:1.45}
.plan li::before{content:"✓";color:var(--gold)}
.plan li.no::before{content:"–";color:var(--dim)}
.plan li.soon{color:var(--dim)}
.plan .btn,.plan .ghost{width:100%;justify-content:center}

/* compare */
.vs{display:grid;gap:18px;margin-top:40px}
@media (min-width:860px){.vs{grid-template-columns:1fr 1fr}}
.vs-col{border-radius:var(--r);padding:28px;border:1px solid var(--line)}
.vs-col.them{background:rgba(255,255,255,.015)}
.vs-col.us{border-color:var(--line2);background:linear-gradient(180deg,rgba(231,181,58,.09),rgba(231,181,58,.02))}
.vs-col h3{font-size:22px;font-weight:400;margin-bottom:16px}
.vs-col ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.vs-col li{display:flex;gap:12px;color:var(--mute);line-height:1.45}
.vs-col.them li::before{content:"✕";color:#9a6b5b}
.vs-col.us li::before{content:"✓";color:var(--gold)}
.vs-col.us li{color:var(--ink)}

/* proof placeholders */
.walls{display:grid;gap:14px;margin-top:34px}
@media (min-width:860px){.walls{grid-template-columns:repeat(3,1fr)}}
.wall{border-radius:var(--r2);padding:22px;border:1px dashed rgba(255,170,100,.35);background:rgba(255,150,80,.03);min-height:150px}
.wall p{margin:12px 0 0;color:var(--dim);font-size:14.5px}

/* faq */
.faq{max-width:860px;margin:36px auto 0}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;font-size:clamp(18px,1.8vw,21px);font-weight:400}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:26px;font-weight:200;color:var(--gold);transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .a{padding:0 4px 22px;color:var(--mute);max-width:720px}
.faq .a p{margin:0 0 10px}

/* final */
.final{position:relative;text-align:center;overflow:hidden}
.final::before{content:"";position:absolute;left:50%;top:50%;width:900px;height:900px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(231,181,58,.18),transparent 60%);pointer-events:none}
.final h2{font-size:clamp(40px,7vw,92px);font-weight:200;line-height:1}
.final .cta-row{justify-content:center;margin-top:34px}
.final .trust{justify-content:center}

/* footer */
footer{border-top:1px solid var(--line);padding:44px 0 calc(44px + var(--sticky-h));color:var(--dim);font-size:14px}
.foot{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}
.foot nav{display:flex;flex-wrap:wrap;gap:18px}
.foot a{text-decoration:none;color:var(--mute)}.foot a:hover{color:var(--gold-hi)}

/* sticky mobile cta */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:70;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(5,5,5,0),rgba(5,5,5,.92) 30%);transform:translateY(110%);transition:transform .45s var(--ease);display:flex;gap:10px;align-items:center}
.sticky.on{transform:none}
.sticky .btn{flex:1;min-height:54px}
.sticky .sticky-note{font-size:12px;color:var(--mute);line-height:1.2;max-width:96px}
@media (min-width:900px){.sticky{display:none}}

/* reveal */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i,0)*80ms)}
.js .rv.in{opacity:1;transform:none}
.js .rv-l{opacity:0;transform:translateX(-30px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .rv-l.in{opacity:1;transform:none}
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}
.split .w>span{display:inline-block;transform:translateY(105%);transition:transform 1s var(--ease);transition-delay:calc(var(--i)*60ms)}
.split.in .w>span{transform:none}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}
  .js .rv,.js .rv-l,.split .w>span{opacity:1!important;transform:none!important}
  .tk{animation:none;flex-wrap:wrap;width:auto;justify-content:center}
  #sparks{display:none}
  .calc::before{animation:none}
}
.rm #sparks{display:none}

/* ===== Why iMU hits different ===== */
@font-face{font-family:"VT323";src:url(../fonts/vt323.woff2) format("woff2");font-display:swap}
.diff{display:grid;gap:18px;margin-top:40px}
@media (min-width:1000px){.diff{grid-template-columns:1.1fr .9fr}}
.arcade{position:relative;border-radius:var(--r);padding:22px;border:1px solid var(--line2);background:#050403;overflow:hidden;box-shadow:inset 0 0 80px rgba(231,181,58,.06)}
.arcade::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
.arcade .scr{position:relative;border-radius:14px;border:1px solid rgba(231,181,58,.25);padding:16px;background:radial-gradient(ellipse at center,#14100a,#060504 80%);font-family:"VT323",ui-monospace,monospace;color:#ffd166;text-shadow:0 0 6px rgba(255,190,60,.8)}
.leds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.led{border:1px solid rgba(231,181,58,.25);border-radius:8px;padding:6px 8px;background:#0a0805}
.led small{display:block;font-size:14px;letter-spacing:.12em;color:#a9741a;text-shadow:none}
.led b{font-weight:400;font-size:clamp(24px,3vw,32px);line-height:1;font-variant-numeric:tabular-nums}
.led.red b{color:#ff7a59;text-shadow:0 0 6px rgba(255,100,60,.7)}
.mkt{width:100%;border-collapse:collapse;font-size:20px}
.mkt td{padding:3px 4px;border-bottom:1px dashed rgba(231,181,58,.15)}
.mkt td:last-child{text-align:right}
.mkt .up{color:#9dff8a;text-shadow:0 0 6px rgba(120,255,100,.6)}
.mkt .dn{color:#ff7a59;text-shadow:0 0 6px rgba(255,100,60,.6)}
.stop{display:flex;justify-content:space-between;align-items:center;margin:10px 0 6px;font-size:20px}
.evt{min-height:2.6em;font-size:20px;line-height:1.25;color:#ffe9a0}
.evt::after{content:"_";animation:pulse 1s steps(1) infinite}
.arcade .row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;align-items:center}
.pxbtn{font-family:"VT323",monospace;font-size:22px;padding:6px 16px;border-radius:6px;border:1px solid var(--gold);background:#120d05;color:#ffd166;cursor:pointer;box-shadow:0 3px 0 #6b4a12;transition:transform .1s}
.pxbtn:active{transform:translateY(3px);box-shadow:none}
.lb{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.lb ol{margin:6px 0 0;padding-left:22px;color:var(--mute);font-size:14.5px}
.ladder-card{border-radius:var(--r);padding:24px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(22,19,14,.9),rgba(9,8,6,.95))}
.ranks{position:relative;display:grid;grid-template-columns:repeat(9,minmax(56px,1fr));gap:4px;align-items:end;margin:18px 0 14px;overflow-x:auto;padding:6px 2px 10px;scrollbar-width:thin}
.rank{position:relative;border:0;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.38;filter:grayscale(.7);transition:opacity .5s,filter .5s,transform .4s var(--ease)}
.rank img{width:100%;max-width:72px;height:auto}
.rank span{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);text-align:center;line-height:1.1;min-height:2.2em}
.rank.lit{opacity:1;filter:none}
.rank[aria-pressed=true]{transform:translateY(-6px)}
.rank[aria-pressed=true] img{filter:drop-shadow(0 0 14px rgba(231,181,58,.7))}
.rank:nth-child(1){margin-top:40px}.rank:nth-child(2){margin-top:35px}.rank:nth-child(3){margin-top:30px}.rank:nth-child(4){margin-top:25px}.rank:nth-child(5){margin-top:20px}.rank:nth-child(6){margin-top:15px}.rank:nth-child(7){margin-top:10px}.rank:nth-child(8){margin-top:5px}
.rank-info{border-radius:14px;border:1px solid var(--line2);background:rgba(231,181,58,.05);padding:16px;min-height:150px}
.rank-info h4{margin:0;font-weight:400;font-size:22px}
.rank-info .cs{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:2px 0 8px}
.rank-info p{margin:0 0 6px;color:var(--mute);font-size:15px}
.rank-info q{color:var(--ink);font-style:italic}
.diff-vs{margin-top:18px}
/* fixes after first screenshot pass */
.hero h1 .l2 .gold{filter:none}
.hero h1 .l2{filter:drop-shadow(0 0 22px rgba(231,181,58,.42))}
.diff>*,.hero-grid>*,.ih>*,.dial-sec>*,.coin-sec>*,.cert-sec>*{min-width:0}
.leds{grid-template-columns:repeat(3,minmax(0,1fr))}
.rank span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ranks{grid-template-columns:repeat(9,minmax(34px,1fr))}
.rank:nth-child(1){margin-top:48px}.rank:nth-child(2){margin-top:42px}.rank:nth-child(3){margin-top:36px}.rank:nth-child(4){margin-top:30px}.rank:nth-child(5){margin-top:24px}.rank:nth-child(6){margin-top:18px}.rank:nth-child(7){margin-top:12px}.rank:nth-child(8){margin-top:6px}
.days-chip{display:none}
@media (max-width:999px){.days-chip{display:flex;position:sticky;top:80px;z-index:5;justify-self:start;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;border:1px solid var(--line2);background:rgba(5,5,5,.88);backdrop-filter:blur(10px);font-size:15px;box-shadow:var(--glow)}.days-chip b{font-weight:400;font-variant-numeric:tabular-nums}}
@media (min-width:1040px){.hero-grid{align-items:start}.hero-copy{padding-top:56px}.hero h1{font-size:clamp(48px,5.6vw,80px)}}
.led small{white-space:nowrap;font-size:13px}
@media (max-width:640px){
  .ranks{grid-template-columns:repeat(3,1fr);gap:14px 10px;overflow:visible}
  .rank,.rank:nth-child(n){margin-top:0}
  .rank img{max-width:84px}
  .rank span{position:static;width:auto;height:auto;clip:auto;font-size:11px}
}
.track img{height:auto}

/* THE CONSIGLIERE (coach tile) */
.csg-head{display:flex;align-items:center;gap:16px;margin:2px 0 10px}
.csg-head h3{margin:0}
.csg-head h3 .gold{display:block;font-size:.72em;letter-spacing:.02em;margin-top:4px}
.csg-av{width:76px;height:76px;flex:none;border-radius:50%;box-shadow:0 0 0 1px var(--line2),0 8px 30px rgba(231,181,58,.18)}
.msg.ai .who{display:flex;align-items:center;gap:7px}
.msg.ai .who img{width:20px;height:20px;border-radius:50%}
.msg .play{font-weight:500;color:var(--gold-hi);display:inline-block;margin-top:6px}
@media (max-width:420px){.csg-av{width:60px;height:60px}}

/* ---------- Vets band (after the proof strip) ---------- */
.vets-band{position:relative;padding:clamp(48px,6vw,84px) 0;background:radial-gradient(60% 120% at 12% 50%,rgba(231,181,58,.10),transparent 70%),linear-gradient(180deg,#070604,#0d0b07 50%,#070604);border-block:1px solid var(--line2);overflow:hidden}
.vets-band::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(231,181,58,.035) 0 2px,transparent 2px 14px);pointer-events:none}
.vets-grid{position:relative;display:grid;gap:20px;align-items:center;justify-items:start}
@media (min-width:860px){.vets-grid{grid-template-columns:auto 1fr;gap:44px}}
.vets-badge{width:80px;height:80px;filter:drop-shadow(0 6px 22px rgba(231,181,58,.35))}
@media (min-width:860px){.vets-badge{width:96px;height:96px}}
.vets-eyebrow{margin:0 0 10px;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}
.vets-h{font-size:clamp(28px,3.7vw,46px);font-weight:300;line-height:1.1;margin:0 0 14px;max-width:900px;text-wrap:balance}
.vets-h .gold{font-weight:500}
.vets-p{color:var(--mute);font-size:clamp(16px,1.5vw,19px);max-width:680px;margin:0 0 24px}
.vets-p b{color:var(--ink);font-weight:400}
.vets-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.vets-btn{padding:0 26px 0 20px}
.vets-btn img{width:16px;height:24px;flex:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.vets-honor{margin:0;font-size:14px;letter-spacing:.06em;color:var(--mute)}
.vets-honor::before{content:"★";color:var(--gold);margin-right:8px;font-size:12px}
