/* ==========================================================================
   THE WINNING TEAM — styles
   ~90% restrained dark neutrals, ~10% deliberate colour
   (week calendar, live dot, Discord CTA, firm accents, discounts).
   ========================================================================== */
:root{
  --bg:#08080a; --bg2:#0d0d10; --panel:#111115;
  --text:#f3f0ea; --muted:#8f8c86; --dim:#5f5d59;
  --line:rgba(255,255,255,.08); --line2:rgba(255,255,255,.14);
  --accent:#e6d2a0;                 /* champagne: primary CTAs + small details */
  --green:#3ecf8e; --green-d:#13805a; --red:#f26478; --red-d:#b8344b;
  --discord:#5865f2; --discord-d:#4752c4;
  --strip:40px; --navh:64px;
  --r:20px; --ease:cubic-bezier(.2,.7,.2,1);
  --font:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--strip) + var(--navh) + 8px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
svg{display:block}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}

/* ---------- type ---------- */
.display{font-weight:800;letter-spacing:-.045em;line-height:1.02;font-size:clamp(38px,10vw,96px)}
.display em{font-style:normal;color:var(--accent)}
.h2{font-weight:800;letter-spacing:-.04em;line-height:1.04;margin-bottom:20px;font-size:clamp(34px,8.4vw,64px)}
.h3{font-weight:800;letter-spacing:-.03em;font-size:clamp(24px,6vw,32px);margin-bottom:22px}
.stack span{display:block}
.grad{background:linear-gradient(90deg,var(--accent),#ffffff 55%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:var(--muted);font-size:clamp(16px,4.2vw,19px);max-width:52ch;margin-bottom:26px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.eyebrow img{height:16px;width:auto}
.fine{margin-top:26px;font-size:13px;color:var(--dim);max-width:70ch}
.fine.left{margin:-6px 0 26px}

/* ---------- buttons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .25s,border-color .25s;-webkit-tap-highlight-color:transparent}
.btn .ic{width:21px;height:21px;fill:currentColor;flex:none}
.btn:active{transform:scale(.97)}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--ease);pointer-events:none}
.btn:hover::after{transform:translateX(120%)}
.btn-primary{background:var(--accent);color:#15110a;box-shadow:0 0 0 1px rgba(255,255,255,.25) inset,0 10px 40px -12px rgba(230,210,160,.55)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,255,.3) inset,0 18px 56px -12px rgba(230,210,160,.7)}
.btn-discord{background:var(--discord);color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 12px 44px -10px rgba(88,101,242,.75)}
.btn-discord:hover{background:#6471ff;transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,255,.28) inset,0 20px 60px -10px rgba(88,101,242,.9)}
.btn-ghost{border:1px solid var(--line2);color:var(--text);background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.btn-ghost:hover{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.07)}
.btn-sm{min-height:42px;padding:0 18px;font-size:12px}
.btn-xl{min-height:58px;padding:0 32px;font-size:14px}
.btn-xxl{min-height:66px;padding:0 42px;font-size:15px}
.btn-block{width:100%}
.btn.copied{border-color:var(--green);color:var(--green)}

/* ================== TOP STRIP (one big button) ================== */
.top{position:fixed;inset:0 0 auto 0;z-index:60;padding-top:env(safe-area-inset-top);background:var(--bg)}
.strip{--c:#a4e83a;position:relative;display:block;height:var(--strip);overflow:hidden;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 20%,#09090b),#0a0a0d 55%,color-mix(in srgb,var(--c) 12%,#09090b));border-bottom:1px solid color-mix(in srgb,var(--c) 28%,transparent);transition:background .6s,filter .3s,border-color .6s}
.strip:hover,.strip:focus-visible{filter:brightness(1.22)}
.strip-inner{height:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 12px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:opacity .28s var(--ease),transform .28s var(--ease)}
.strip-inner.swap-out{opacity:0;transform:translateY(-9px)}
.strip-inner.swap-pre{opacity:0;transform:translateY(9px);transition:none}
.strip-code{color:var(--muted)}
.strip-code b{color:var(--text);letter-spacing:.14em}
.strip-dot{width:3px;height:3px;border-radius:50%;background:var(--dim);flex:none}
.strip-off{padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--c) 22%,transparent);color:var(--c);transition:background .3s,color .3s}
.strip:hover .strip-off,.strip:focus-visible .strip-off{background:var(--c);color:#0a0a0a}
.strip-firm{display:inline-flex;align-items:center;gap:8px;min-width:0}
.strip-firm img{width:22px;height:22px;border-radius:6px;object-fit:cover;flex:none;background:#fff1}
.strip-firm span{overflow:hidden;text-overflow:ellipsis}
.strip-arrow{width:15px;height:15px;color:var(--text);flex:none;transition:transform .35s var(--ease)}
.strip:hover .strip-arrow{transform:translateX(4px)}
.strip-progress{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--c);opacity:.8;transform-origin:left;transform:scaleX(0)}
.strip-progress.run{animation:prog var(--dur,3600ms) linear forwards}
.strip.paused .strip-progress{animation-play-state:paused}
@keyframes prog{to{transform:scaleX(1)}}

/* ---------- nav ---------- */
.nav{border-bottom:1px solid transparent;transition:background .35s,border-color .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s;background:transparent}
.top.scrolled .nav{background:rgba(8,8,10,.74);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border-color:var(--line)}
.top{background:transparent}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;height:var(--navh);max-width:1200px;margin:0 auto;padding:0 20px}
.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.2em;font-size:12.5px;text-transform:uppercase}
.brand img{height:26px;width:auto}
.nav-links{display:none}
.nav-cta{margin-left:auto}
.burger{width:42px;height:42px;display:grid;place-content:center;gap:6px;border:1px solid var(--line2);border-radius:50%}
.burger span{width:16px;height:1.5px;background:var(--text);transition:transform .35s var(--ease)}
.burger[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.drawer{display:grid;padding:4px 20px 20px;background:rgba(8,8,10,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);animation:drop .35s var(--ease)}
.drawer[hidden]{display:none}
.drawer a{padding:15px 0;font-size:26px;font-weight:700;letter-spacing:-.03em;border-bottom:1px solid var(--line)}
@keyframes drop{from{opacity:0;transform:translateY(-10px)}}

/* ---------- hero ---------- */
.hero{position:relative;padding:calc(var(--strip) + var(--navh) + 22px) 0 56px;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:0;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 15%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 15%,transparent 75%);opacity:.5}
.orb{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform}
.orb-a{width:560px;height:560px;background:radial-gradient(circle,rgba(230,210,160,.36),transparent 70%);top:-140px;left:-120px;animation:float 18s ease-in-out infinite}
.orb-b{width:520px;height:520px;background:radial-gradient(circle,rgba(230,210,160,.3),transparent 70%);top:14%;right:-180px;animation:float 22s ease-in-out infinite reverse}
.orb-c{width:640px;height:640px;background:radial-gradient(circle,rgba(230,210,160,.2),rgba(230,210,160,.06) 50%,transparent 70%);bottom:-200px;left:30%;animation:float 26s ease-in-out infinite}
@keyframes float{50%{transform:translate3d(-40px,30px,0)}}
.noise{position:absolute;inset:0;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='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-grid{position:relative;z-index:1;display:grid;gap:30px}
.hero .display{font-size:clamp(33px,8.7vw,80px);margin-bottom:16px}
.line{display:block;overflow:hidden;padding-bottom:.08em}
.line>span{display:block;transform:translateY(110%);animation:rise 1.1s var(--d,0ms) var(--ease) forwards}
@keyframes rise{to{transform:none}}
.reveal-load{opacity:0;transform:translateY(18px);animation:fadeUp .9s var(--d,0ms) var(--ease) forwards}
@keyframes fadeUp{to{opacity:1;transform:none}}
.hero .lead{margin-bottom:22px}
.cta-row{display:grid;gap:10px}
.cta-row .btn-ghost{min-height:50px}
.live-wrap{position:relative;display:inline-block;margin-top:18px;max-width:100%}
.live-wrap .live-chip{margin-top:0}
.live-chip{display:inline-flex;cursor:default;outline:none;max-width:100%;align-items:center;gap:9px;margin-top:18px;padding:8px 14px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.03);font-size:12.5px;color:var(--muted)}
.live-chip b{font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:var(--text)}
.live-chip i{font-style:normal;color:var(--dim)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--dim);position:relative;flex:none}
[data-state="live"] .dot,.chip-live .dot{background:var(--green)}
[data-state="live"] .dot::after,.chip-live .dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid var(--green);animation:pulse 1.8s ease-out infinite}
[data-state="live"] b{color:var(--green);text-shadow:0 0 10px rgba(62,207,142,.55),0 0 22px rgba(62,207,142,.25)}
.live-chip[data-state="live"]{border-color:rgba(62,207,142,.28);background:rgba(62,207,142,.06);box-shadow:0 0 28px -10px rgba(62,207,142,.45)}
[data-state="live"] .dot{box-shadow:0 0 8px 1px rgba(62,207,142,.7)}
.live-chip [data-live-detail]{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600}
.live-pop{position:absolute;left:0;top:calc(100% + 10px);z-index:20;min-width:230px;max-width:calc(100vw - 32px);padding:12px 15px;border-radius:14px;background:rgba(18,18,20,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line2);box-shadow:0 18px 40px -14px rgba(0,0,0,.9),0 0 40px -20px rgba(230,210,160,.35);display:grid;gap:3px;font-size:12.5px;color:var(--muted);line-height:1.45;opacity:0;visibility:hidden;transform:translate3d(var(--px,0),-6px,0);transition:opacity .2s ease,transform .2s ease,visibility 0s .2s;pointer-events:none}
.live-pop strong{font-size:12.5px;font-weight:700;color:var(--text);margin-bottom:2px}
.live-pop.up{top:auto;bottom:calc(100% + 10px);transform:translate3d(var(--px,0),6px,0)}
.live-pop.show{opacity:1;visibility:visible;transform:translate3d(var(--px,0),0,0);transition:opacity .2s ease,transform .2s ease,visibility 0s}
@media(prefers-reduced-motion:reduce){.live-pop,.live-pop.show{transition:none}}
@keyframes pulse{from{transform:scale(.4);opacity:.9}to{transform:scale(1.7);opacity:0}}

/* proof composition: Discord = main, collage + certificate support */
.stage{position:relative;width:100%;aspect-ratio:1.25/1}
.shot{position:absolute;display:block;padding:0;border-radius:14px;overflow:hidden;background:var(--panel);border:1px solid var(--line2);cursor:zoom-in;box-shadow:0 34px 70px -26px rgba(0,0,0,.95);transition:transform .7s var(--ease),box-shadow .7s var(--ease),filter .5s}
.shot img{width:100%;height:auto}
.shot-main{z-index:2;left:0;top:25%;width:82%;border-color:rgba(255,255,255,.2);box-shadow:0 40px 90px -24px rgba(0,0,0,.95),0 0 120px -30px rgba(230,210,160,.4)}
.shot-collage{z-index:5;right:0;top:0;width:32%;transform:rotate(2.5deg);filter:saturate(.95) brightness(.92)}
.shot-cert{z-index:3;right:5%;bottom:12%;width:52%;transform:rotate(-1.5deg)}
.stage:hover .shot-main{transform:translateY(-6px)}
.shot-collage:hover{transform:rotate(1deg) translateY(-6px) scale(1.02);filter:none;z-index:6}
.shot-cert:hover{transform:rotate(0) translateY(-6px) scale(1.03)}

/* ---------- sections ---------- */
.section{padding:84px 0;position:relative}
.section.tight{padding:20px 0 70px}
.sec-head{margin-bottom:38px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* what you get */
.cards{display:grid;gap:14px}
.card{position:relative;padding:26px;border-radius:var(--r);background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);overflow:hidden;transition:opacity .9s var(--ease),transform .6s var(--ease),border-color .4s,box-shadow .5s}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(320px 160px at var(--mx,80%) var(--my,0%),rgba(230,210,160,.12),transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}
.card:hover{transform:translateY(-5px);border-color:var(--line2);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.card:hover::before{opacity:1}
.num{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--dim)}
.num b{font-weight:800;color:var(--accent);border:1px solid rgba(230,210,160,.35);border-radius:999px;padding:2px 9px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.ico{width:32px;height:32px;margin:22px 0 18px;fill:none;stroke:var(--accent);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.card h3{font-size:21px;font-weight:800;letter-spacing:-.025em;margin-bottom:8px}
.card p{color:var(--muted);font-size:15.5px}
.card-bonus{background:linear-gradient(160deg,rgba(230,210,160,.1),var(--bg2) 60%)}
.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.chip-live{display:inline-flex;align-items:center;gap:9px;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--green);background:rgba(62,207,142,.1);border:1px solid rgba(62,207,142,.28)}
.card-big{display:flex;flex-direction:column}
.card-big .week{flex:1}
.card-big h3{font-size:clamp(26px,6.5vw,34px)}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.pills li{padding:9px 16px;border-radius:999px;border:1px solid var(--line2);font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--muted)}
.pills li::before{content:"✓";color:var(--accent);margin-right:8px}

/* week calendar */
.week{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:24px}
.day{--c1:var(--green);--c2:var(--green-d);--glow:rgba(62,207,142,.5);position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:132px;padding:13px 2px 11px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#131317}
.day.off{--c1:var(--red);--c2:var(--red-d);--glow:rgba(242,100,120,.45)}
.day::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--c1),var(--c2));transform:scaleY(0);transform-origin:bottom;transition:transform 1s var(--ease) calc(var(--i) * 90ms + 250ms)}
.card-big.in .day::before{transform:scaleY(1)}
.day::after{content:"";width:10px;height:10px;border-radius:50%;background:#fff;opacity:.95;box-shadow:0 0 0 0 rgba(255,255,255,.6)}
.day.on::after{animation:ping 2.4s ease-out infinite;animation-delay:calc(var(--i) * .25s)}
.day.off::after{width:14px;height:3px;border-radius:3px;opacity:.85}
@keyframes ping{70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.d-abbr{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.d-full{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.d-tag{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.88)}
.card-big.in .day{animation:scan 5.2s ease-in-out infinite;animation-delay:calc(var(--i) * .3s + 2s)}
@keyframes scan{0%,18%,100%{transform:none;box-shadow:none}7%{transform:translateY(-5px);box-shadow:0 16px 30px -12px var(--glow)}}
.legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px}
.lg{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--muted)}
.lg::before{content:"";width:9px;height:9px;border-radius:3px;background:var(--green)}
.lg.off::before{background:var(--red)}

/* how it works */
.steps{display:grid;gap:12px}
.step{display:flex;align-items:center;gap:16px;padding:20px;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--bg2))}
.step-n{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#15110a;background:var(--accent);box-shadow:0 8px 24px -8px rgba(230,210,160,.6)}
.step h3{font-size:19px;font-weight:800;letter-spacing:-.02em}
.step p{color:var(--muted);font-size:15px}

/* about */
.about-grid{display:grid;gap:40px;align-items:center}
.portrait{position:relative;max-width:460px;width:100%;margin:0 auto}
.wm{position:absolute;width:125%;left:-12%;top:-8%;opacity:.05;pointer-events:none;max-width:none}
.portrait-frame{position:relative;aspect-ratio:4/5;border-radius:28px;overflow:hidden;border:1px solid var(--line2);box-shadow:0 50px 100px -30px rgba(0,0,0,.95),0 0 120px -40px rgba(230,210,160,.35)}
.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:60% 20%}
.portrait-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(8,8,10,.82)),linear-gradient(135deg,rgba(230,210,160,.08),transparent 40%);pointer-events:none}
.glass{position:absolute;left:16px;bottom:16px;display:grid;gap:1px;padding:12px 18px;border-radius:16px;background:rgba(18,18,22,.55);border:1px solid var(--line2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.glass span{font-weight:800;font-size:18px;letter-spacing:-.02em}
.glass small{font-size:12px;color:var(--muted);letter-spacing:.04em}

/* prop firms */
.firms{background:radial-gradient(900px 420px at 50% 0%,rgba(230,210,160,.06),transparent 70%)}
.firms-top{display:grid;gap:4px;align-items:end;margin-bottom:30px}
.firms-top .sec-head{margin-bottom:18px}
.codebar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:560px;margin:0 0 4px;padding:15px 20px;border-radius:18px;border:1px solid rgba(230,210,160,.35);background:linear-gradient(90deg,rgba(230,210,160,.12),rgba(230,210,160,.03));transition:border-color .3s,transform .3s var(--ease),opacity .9s var(--ease)}
.codebar:hover{border-color:var(--accent);transform:translateY(-2px)}
.cb-l,.cb-r,.cb-code{white-space:nowrap}
.cb-l{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.cb-code{font-size:clamp(26px,7vw,34px);font-weight:800;letter-spacing:.14em;color:var(--accent)}
.cb-r{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.firm-grid{display:grid;gap:14px}
.firm{--c:#a4e83a;position:relative;display:flex;flex-direction:column;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(180deg,#131317,var(--bg2));overflow:hidden;transition:opacity .9s var(--ease),transform .6s var(--ease),border-color .4s,box-shadow .5s}
.firm::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--c),transparent 80%);z-index:2}
.firm:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--c) 50%,transparent);box-shadow:0 34px 80px -34px color-mix(in srgb,var(--c) 45%,transparent)}
.firm-visual{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 14px;width:100%;min-height:178px;padding:22px;text-align:left;background:radial-gradient(130% 150% at 0% 0%,color-mix(in srgb,var(--c) 26%,transparent),transparent 62%),radial-gradient(90% 120% at 100% 100%,color-mix(in srgb,var(--c) 12%,transparent),transparent 70%)}
.plate{flex:none;display:grid;place-items:center;border-radius:22px;border:1px solid rgba(255,255,255,.14);overflow:hidden;box-shadow:0 24px 50px -20px rgba(0,0,0,.9);transition:transform .5s var(--ease)}
.firm:hover .plate{transform:scale(1.04) rotate(-1deg)}
.plate img{width:100%;height:100%;object-fit:contain}
.plate-square{width:96px;height:96px}
.plate-wide{height:76px;aspect-ratio:460/164;background:#000}
.plate-lockup{height:112px;aspect-ratio:628/533;background:#fff;padding:8px}
.firm-pct{text-align:right;line-height:.9}
.firm-pct b{display:block;font-size:clamp(46px,13vw,72px);font-weight:800;letter-spacing:-.055em;color:var(--c)}
.firm-pct small{display:block;margin-top:6px;font-size:12px;font-weight:800;letter-spacing:.3em;color:var(--muted)}
.firm-body{display:flex;flex-direction:column;gap:14px;flex:1;padding:18px 22px 22px;border-top:1px solid var(--line)}
.firm-name{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.firm-name h3{font-size:21px;font-weight:800;letter-spacing:-.025em}
.firm-name span{white-space:nowrap;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.firm-code{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:14px;border:1px dashed var(--line2);background:rgba(255,255,255,.02)}
.firm-code span{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.firm-code strong{font-size:22px;letter-spacing:.16em}
.firm-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;margin-top:auto}
.firm-actions .btn{min-height:50px;padding:0 10px;font-size:12.5px}

/* giveaways */
.give{display:grid;gap:40px;align-items:center}
.give-duo{display:flex;gap:12px;width:100%;max-width:500px;margin:0 auto;padding-bottom:30px;align-items:flex-start}
.give-duo .g1{flex:1.26 1 0}
.give-duo .g2{flex:1 1 0;margin-top:30px;margin-bottom:-30px}
.shot-give{position:relative;min-width:0;border-radius:18px;box-shadow:0 40px 90px -30px rgba(0,0,0,.95),0 0 100px -30px rgba(230,210,160,.3)}
.shot-give:hover{transform:translateY(-6px) scale(1.015)}
.shot-give img{display:block}

/* final */
.final{position:relative;padding:110px 0 130px;text-align:center;overflow:hidden;border-top:1px solid var(--line)}
.final-bg{position:absolute;inset:0}
.final-bg .orb-a{left:50%;top:50%;width:760px;height:760px;margin:-380px 0 0 -380px;opacity:.7;animation:none}
.final-in{position:relative;display:flex;flex-direction:column;align-items:center}
.final-logo{width:min(150px,38vw);margin-bottom:28px;filter:drop-shadow(0 10px 40px rgba(230,210,160,.25))}
.final-h{font-size:clamp(34px,8.6vw,84px);max-width:16ch;margin-bottom:34px}

/* footer */
.footer{padding:56px 0 110px;border-top:1px solid var(--line);background:#060608}
.foot-top{display:flex;flex-direction:column;gap:22px;margin-bottom:34px}
.socials{display:flex;flex-wrap:wrap;gap:10px}
.socials a{padding:10px 16px;border:1px solid var(--line2);border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--muted);transition:color .25s,border-color .25s}
.socials a:hover{color:var(--text);border-color:rgba(255,255,255,.35)}
.legal{display:grid;gap:14px;max-width:900px}
.legal p{font-size:12.5px;line-height:1.65;color:var(--dim)}
.legal strong{color:var(--muted);font-weight:700}
.copy{margin-top:32px;font-size:12.5px;color:var(--dim)}

/* sticky mobile CTA */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(8,8,10,.94) 40%);transform:translateY(120%);transition:transform .5s var(--ease);pointer-events:none}
.sticky-cta.show{transform:none}
.sticky-cta .btn{pointer-events:auto}

/* modal + lightbox */
.modal,.lightbox{position:fixed;inset:0;z-index:100;display:grid;place-items:end center}
.modal[hidden],.lightbox[hidden]{display:none}
.modal-backdrop{position:absolute;inset:0;background:rgba(4,4,6,.66);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fade .35s var(--ease)}
.modal-card{position:relative;width:100%;max-width:460px;max-height:92svh;overflow:auto;padding:34px 24px calc(26px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:linear-gradient(170deg,#18181d,#0e0e12);border:1px solid var(--line2);box-shadow:0 -30px 90px -20px rgba(0,0,0,.8);text-align:center;animation:sheet .5s var(--ease)}
.modal-x{position:absolute;right:14px;top:14px;z-index:2;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line2);background:rgba(20,20,24,.6)}
.modal-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.m-logo{display:grid;place-items:center;margin:0 auto 18px;height:84px}
.m-logo .plate{height:84px}
.m-logo .plate-square{width:84px}
.m-logo .plate-wide{height:70px}
.m-logo .plate-lockup{height:92px}
.m-name{font-size:26px;font-weight:800;letter-spacing:-.03em}
.m-disc{margin:6px 0 22px;font-size:clamp(46px,14vw,64px);font-weight:800;letter-spacing:-.05em;line-height:1;color:var(--mc,var(--accent))}
.m-code{display:flex;flex-direction:column;gap:6px;padding:18px;margin-bottom:12px;border-radius:16px;border:1px dashed rgba(230,210,160,.5);background:rgba(230,210,160,.06)}
.m-code span{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.m-code strong{font-size:34px;letter-spacing:.2em}
.m-note{margin-bottom:18px;color:var(--muted);font-size:14.5px}
.m-actions{display:grid;gap:10px}
.m-fine{margin-top:16px;font-size:12px;color:var(--dim)}
.lightbox{place-items:center;z-index:150}
.lightbox img{position:relative;max-width:min(96vw,1500px);max-height:88svh;width:auto;height:auto;border-radius:14px;box-shadow:0 40px 120px rgba(0,0,0,.9);animation:pop .45s var(--ease)}
.lb-x{top:calc(14px + env(safe-area-inset-top))}
@keyframes fade{from{opacity:0}}
@keyframes sheet{from{opacity:0;transform:translateY(40px)}}
@keyframes pop{from{opacity:0;transform:translateY(24px) scale(.96)}}
.toast{position:fixed;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));transform:translate(-50%,20px);z-index:200;padding:12px 20px;border-radius:999px;background:#1b1b20;border:1px solid var(--line2);font-size:14px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s var(--ease);max-width:calc(100vw - 32px);text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}
body.lock{overflow:hidden}

/* ---------- small phones ---------- */
@media (max-width:699px){
  .hero .cta-row .btn-ghost{display:none}
  .hero{padding-top:calc(var(--strip) + var(--navh) + 14px)}
  .hero-grid{gap:22px}
  .hero .eyebrow{margin-bottom:12px}
  .hero .display{margin-bottom:12px}
  .hero .lead{font-size:15.5px;margin-bottom:18px}
  .live-chip{margin-top:14px}
  .cb-l,.cb-r{font-size:10px;letter-spacing:.1em}
}
@media (max-width:560px){
  .brand span{display:none}
  .brand img{height:32px}
}
@media (min-width:700px) and (max-width:1099px){
  .plate-wide{height:50px}
  .plate-lockup{height:96px}
}
@media (max-width:520px){
  .plate-wide{height:60px}
  .plate-square{width:84px;height:84px}
  .plate-lockup{height:96px}
  .firm-visual{padding:18px;min-height:150px}
  .strip-inner{gap:8px;font-size:10.5px;letter-spacing:.09em}
  .strip-code b{letter-spacing:.1em}
}
@media (max-width:430px){
  .strip-inner{gap:7px;font-size:10px;letter-spacing:.06em}
  .strip-dot,.strip-arrow{display:none}
  .strip-firm{gap:6px}
  .strip-firm img{width:20px;height:20px}
}
@media (max-width:360px){ .strip-code{display:none} }

/* ---------- tablet+ ---------- */
@media (min-width:700px){
  .wrap,.nav-inner{padding-left:40px;padding-right:40px}
  .cta-row{display:flex;flex-wrap:wrap}
  .cards{grid-template-columns:repeat(2,1fr)}
  .card-big{grid-column:1/-1}
  .firm-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(3,1fr)}
  .step{flex-direction:column;align-items:flex-start;padding:26px;gap:22px}
  .about-grid{grid-template-columns:.8fr 1.2fr;gap:70px}
  .give{grid-template-columns:1.05fr .95fr;gap:70px}
  .modal{place-items:center;padding:24px}
  .modal-card{border-radius:28px;padding:40px 34px 30px;animation:pop .5s var(--ease)}
  .sticky-cta{display:none}
  .toast{bottom:32px}
  .day{min-height:150px}
  .d-abbr{font-size:13.5px}
}
@media (min-width:960px){
  :root{--strip:42px;--navh:76px}
  .section{padding:130px 0}
  .section.tight{padding:10px 0 110px}
  .nav-links{display:flex;gap:32px;position:absolute;left:50%;transform:translateX(-50%)}
  .nav-links a{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);transition:color .25s}
  .nav-links a:hover{color:var(--text)}
  .burger{display:none}
  .drawer{display:none!important}
  .strip-inner{font-size:12px;gap:14px}
  .hero{padding-bottom:90px}
  .hero-grid{grid-template-columns:.92fr 1.08fr;align-items:center;gap:54px}
  .hero .display{font-size:clamp(46px,4.35vw,82px)}
  .cards{grid-template-columns:repeat(4,1fr)}
  .card-big{grid-column:span 2;grid-row:span 2}
  .card{padding:30px}
  .week{margin-top:36px}
  .day{min-height:190px}
  .firms-top{grid-template-columns:1fr auto;gap:40px}
  .firms-top .sec-head{margin-bottom:0}
  .codebar{width:430px;margin:0 0 8px}
  .firm-visual{min-height:200px;padding:28px}
  .plate-square{width:112px;height:112px}
  .plate-wide{height:88px}
  .plate-lockup{height:128px}
  .about-grid{gap:100px}
  .give{gap:100px}
  .modal-card{max-width:480px}
}
@media (min-width:1100px){
  .firm-grid{grid-template-columns:repeat(4,1fr)}
  .firm-visual{flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:250px;padding:24px}
  .firm-pct{text-align:left}
  .firm-name{flex-direction:column;align-items:flex-start;gap:3px}
  .firm-name span{order:-1}
  .firm-pct b{font-size:clamp(60px,6vw,80px)}
  .firm-pct small{margin-top:8px}
  .firm-actions{grid-template-columns:1fr}
  .firm-actions .btn-primary{order:-1}
  .plate-wide{height:72px}
  .plate-lockup{height:112px}
  .plate-square{width:104px;height:104px}
}
@media (min-width:1280px){ .stage{margin-right:-30px} }

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}
  .reveal,.reveal-load,.line>span{opacity:1;transform:none}
  .day::before{transform:scaleY(1)}
}