:root{
 --bg:#0B0F14; --bg2:#10161E; --panel:#141C26; --panel2:#1B2630; --line:#27323F;
 --ink:#EAF0F2; --muted:#93A4AE; --dim:#5E6F79;
 --acc:#16c4ff;       /* primary - teal/emerald (platform-neutral, analytics) */
 --acc-h:#0fb2ea;     /* primary hover */
 --acc-soft:rgba(22,196,255,.14);
 --acc2:#16c4ff;      /* lighter teal */
 --cyan:#16c4ff;      /* soft steel-blue for data viz */
 --indigo:#5b76ff;    /* cool indigo accent (data only) */
 --gold:#5b76ff;      /* muted amber for highlight */
 --pink:#ff6314;      /* soft rose, data-only */
 --pos:#16c4ff; --neg:#ff6314;
 --r:14px; --maxw:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:'Space Grotesk','Inter',system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}

/* ---- atmospheric animated background ---- */
.bgfx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bgfx .orb{position:absolute;border-radius:50%;filter:blur(110px);opacity:.1;mix-blend-mode:screen;animation:drift 26s ease-in-out infinite}
.bgfx .o1{width:520px;height:520px;background:radial-gradient(circle,#16c4ff,transparent 65%);top:60vh;right:-120px}
.bgfx .o2{width:460px;height:460px;background:radial-gradient(circle,#16c4ff,transparent 65%);top:120vh;left:-200px;animation-delay:-7s;opacity:.07}
.bgfx .o3{width:400px;height:400px;background:radial-gradient(circle,#16c4ff,transparent 65%);bottom:-120px;right:20%;animation-delay:-13s;opacity:.08}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,50px) scale(1.12)}66%{transform:translate(-30px,20px) scale(.94)}}
.grid-overlay{position:fixed;inset:0;z-index:0;pointer-events:none;
 background:linear-gradient(rgba(22,196,255,.035) 1px,transparent 1px) 0 0/100% 40px,
            linear-gradient(90deg,rgba(22,196,255,.03) 1px,transparent 1px) 0 0/40px 100%;
 mask:linear-gradient(180deg,#000,transparent 70%)}
main,.nav,.ft{position:relative;z-index:2}
a{color:inherit;text-decoration:none}

.logo{display:inline-block;width:18px;height:18px;vertical-align:-3px;border-radius:4px;background:linear-gradient(135deg,var(--acc),var(--cyan));box-shadow:0 0 14px var(--acc)}
.flag{display:inline-block;width:18px;height:13px;border-radius:2px;vertical-align:-1px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.brand-logo{height:26px;width:auto;display:block}
.ft-in .brand-logo{height:24px;margin-bottom:.2rem}
h1,h2,h3{font-family:'Space Grotesk','Inter',sans-serif;letter-spacing:-.01em;line-height:1.04;text-transform:uppercase}
em{font-style:normal;color:var(--acc2);text-shadow:0 0 22px rgba(22,196,255,.55)}
.gold{color:var(--gold);text-shadow:0 0 18px rgba(255,99,20,.5)}

.btn{display:inline-flex;align-items:center;gap:.5em;background:var(--acc);color:#fff;padding:.72rem 1.35rem;border-radius:10px;font-weight:600;font-size:.92rem;border:0;cursor:pointer;letter-spacing:.01em;transition:transform .15s,box-shadow .2s,background .2s;box-shadow:0 4px 16px -6px rgba(22,196,255,.6);position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.22),transparent 65%);transform:translateX(-120%)}
.btn:hover{transform:translateY(-1px);background:var(--acc-h);box-shadow:0 6px 22px -6px rgba(22,196,255,.8)}
.btn:hover::after{animation:sheen .7s ease}
@keyframes sheen{to{transform:translateX(120%)}}
.btn-lg{padding:.95rem 1.9rem;font-size:1rem}
.btn-sm{padding:.5rem 1rem;font-size:.82rem}
.btn-gold{background:linear-gradient(135deg,var(--gold),#E8A52E);color:#231400;box-shadow:0 4px 16px -6px rgba(255,99,20,.6)}
.btn-gold:hover{box-shadow:0 6px 22px -6px rgba(255,99,20,.8);background:linear-gradient(135deg,#FFCB55,#E8A52E)}
.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--ink);box-shadow:none}
.btn-ghost:hover{border-color:var(--acc);background:var(--acc-soft);transform:translateY(-1px)}

.nav{position:sticky;top:0;z-index:50;max-width:100%;padding:0;background:rgba(7,5,16,.82);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .25s,background .25s}
.nav-in{max-width:var(--maxw);margin:0 auto;padding:.9rem 1.5rem;display:flex;align-items:center;gap:1.5rem}
.nav.stuck{background:rgba(7,5,16,.92);border-bottom-color:var(--line)}
.brand{font-family:'Space Grotesk';font-weight:700;font-size:1.2rem;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}
.links{margin-left:auto;display:flex;gap:1.6rem}
.links a{color:var(--muted);font-size:.86rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;position:relative}
.links a::after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:var(--acc);transition:right .25s}
.links a:hover{color:var(--ink)}.links a:hover::after{right:0}

/* ---- hero ---- */
.hero{max-width:100%;margin:0 auto;padding:0;position:relative}
.hero-anim{position:absolute;top:0;left:0;right:0;height:100%;z-index:-1;overflow:hidden;pointer-events:none}
.hero-anim #liquidCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero-fade{position:absolute;left:0;right:0;bottom:0;height:70%;background:linear-gradient(180deg,transparent 0%,rgba(11,15,20,.2) 30%,rgba(11,15,20,.55) 55%,rgba(11,15,20,.85) 78%,var(--bg) 100%);pointer-events:none}
.hero-fallback{position:absolute;inset:0;background:radial-gradient(120% 90% at 65% 30%,rgba(22,196,255,.12),transparent 60%),radial-gradient(80% 80% at 25% 80%,rgba(124,139,255,.08),transparent 60%)}
.hero-scrim{position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(90deg,rgba(8,11,16,.9) 0%,rgba(8,11,16,.72) 34%,rgba(8,11,16,.3) 58%,transparent 76%),
            radial-gradient(120% 90% at 22% 46%,rgba(8,11,16,.6),transparent 62%)}
@media(max-width:980px){.hero-scrim{background:linear-gradient(180deg,rgba(8,11,16,.5),rgba(8,11,16,.78))}}
.hero-copy{position:relative}
.hero-copy h1{text-shadow:0 2px 28px rgba(5,8,12,.7);font-size:clamp(2.2rem,4.4vw,3.5rem);line-height:1.06}
.h1-br{display:block;content:"";height:0}
.hero-copy .lede{text-shadow:0 1px 2px rgba(5,8,12,.9),0 2px 18px rgba(5,8,12,.7)}
.hero-in{max-width:var(--maxw);margin:0 auto;padding:4.5rem 1.5rem 5rem;display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);font-weight:700;margin-bottom:1.2rem;border:1px solid var(--line);padding:.34rem .8rem;border-radius:6px;background:rgba(22,196,255,.05)}
.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--acc2);box-shadow:0 0 0 0 rgba(22,196,255,.7);animation:pulse 1.8s infinite}
h1{font-size:clamp(2.4rem,5vw,4rem);font-weight:700}
.lede{color:#CDD7DC;font-size:1.12rem;margin:1.3rem 0 1.9rem;max-width:34em;text-transform:none;font-family:'Inter',sans-serif}
.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap}
.hero-stats{display:flex;gap:2rem;margin-top:2.6rem;flex-wrap:wrap}
.hero-stats b{font-family:'Space Grotesk';font-size:1.9rem;display:block;color:var(--acc2);text-shadow:0 0 18px rgba(22,196,255,.45)}
.hero-stats .c2{color:var(--cyan);text-shadow:0 0 18px rgba(22,196,255,.45)}
.hero-stats .c3{color:var(--gold);text-shadow:0 0 18px rgba(255,99,20,.45)}
.hero-stats span{color:var(--dim);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em}

/* live panel with animated pulse chart */
.hero-panel{background:linear-gradient(180deg,var(--panel),#0a0f15);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem;position:relative;box-shadow:0 0 0 1px rgba(22,196,255,.12),0 30px 70px -30px #000}
.hero-panel::before{content:"";position:absolute;inset:-1px;border-radius:var(--r);padding:1px;background:linear-gradient(135deg,var(--acc),transparent 40%,transparent 60%,var(--cyan));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.panel-head{font-size:.76rem;color:var(--muted);display:flex;align-items:center;gap:.5rem;padding:.2rem .3rem .7rem;text-transform:uppercase;letter-spacing:.06em}
.pulse-wrap{position:relative;height:84px;margin:.2rem .1rem .7rem;border-radius:9px;background:linear-gradient(180deg,rgba(22,196,255,.05),transparent);overflow:hidden}
.pulse-wrap svg{width:100%;height:100%}
.dot{width:8px;height:8px;border-radius:50%;background:var(--acc2)}
.dot.live{box-shadow:0 0 0 0 rgba(22,196,255,.7);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(22,196,255,0)}100%{box-shadow:0 0 0 0 rgba(22,196,255,0)}}
.prow{display:grid;grid-template-columns:22px 34px 1fr auto auto;gap:.6rem;align-items:center;padding:.55rem .35rem;border-radius:8px}
.prow:hover{background:rgba(22,196,255,.07)}
.prow .rk{color:var(--acc);font-family:'Space Grotesk';font-weight:700;text-align:center}
.prow .av{width:34px;height:34px;border-radius:7px;object-fit:cover;background:var(--line)}
.prow .nm{font-weight:600;font-size:.9rem}.prow .cc{font-size:.78rem}
.prow .pl{display:block;color:var(--dim);font-size:.7rem;text-transform:uppercase}
.prow .sl{width:54px;height:20px}
.prow .pv{font-family:'Space Grotesk';font-size:.9rem;color:var(--cyan);text-align:right}
.prow .pv i{display:block;font-style:normal;color:var(--dim);font-size:.62rem;text-transform:uppercase}
.panel-foot{display:block;text-align:center;color:var(--acc);font-size:.8rem;font-weight:700;padding:.7rem .3rem .2rem;border-top:1px solid var(--line);margin-top:.3rem;text-transform:uppercase;letter-spacing:.04em}

/* ===== HERO DRIFTING AVATARS (casual) ===== */
.hero-orbit{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:440px}
.orbit-field{position:relative;width:100%;max-width:480px;height:380px}
.orbit-av{position:absolute;display:block;border-radius:50%;text-decoration:none;
 z-index:1;transform:translateZ(0);
 animation:floatdrift var(--dur,16s) linear var(--d,0s) infinite}
.orbit-av .oa-ring{position:absolute;inset:-4px;border-radius:50%;pointer-events:none;
 background:conic-gradient(from 180deg,var(--acc),var(--cyan),var(--indigo),var(--acc));
 opacity:.0;transition:opacity .35s;-webkit-mask:radial-gradient(circle, transparent 60%, #000 62%);mask:radial-gradient(circle, transparent 60%, #000 62%)}
.orbit-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;
 border:2px solid rgba(255,255,255,.10);background:var(--panel2);
 box-shadow:0 18px 40px -12px #000, inset 0 0 0 1px rgba(255,255,255,.04);
 transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.orbit-av.noimg img{opacity:0}
.orbit-av.noimg{background:radial-gradient(circle at 50% 40%,var(--panel2),var(--bg2));box-shadow:0 18px 40px -12px #000}
.orbit-av .oa-plat{position:absolute;right:2px;bottom:2px;width:22px;height:22px;border-radius:50%;
 display:flex;align-items:center;justify-content:center;border:2px solid var(--bg);z-index:2;padding:3px;box-sizing:border-box}
.orbit-av .oa-plat svg{width:100%;height:100%;display:block;overflow:visible}
.orbit-av .oa-plat.kick{background:#0d1117}
.orbit-av .oa-plat.twitch{background:#9146ff}
.orbit-av .oa-plat.youtube{background:#fff}
.orbit-av .oa-tip{position:absolute;left:50%;top:-30px;transform:translateX(-50%) translateY(4px);
 background:rgba(11,15,20,.96);border:1px solid var(--line);border-radius:8px;padding:.3rem .6rem;
 font-size:.78rem;font-family:'Inter',sans-serif;color:var(--ink);white-space:nowrap;opacity:0;pointer-events:none;
 transition:opacity .25s,transform .25s;box-shadow:0 16px 36px -16px #000}
.orbit-av:hover{z-index:10}
.orbit-av:hover .oa-ring{opacity:.9;animation:spin 4s linear infinite}
.orbit-av:hover img{transform:scale(1.12);border-color:transparent;box-shadow:0 26px 60px -16px #000,0 0 24px -4px var(--acc-soft)}
.orbit-av:hover .oa-tip{opacity:1;transform:translateX(-50%) translateY(0)}
@keyframes floatdrift{
  0%   {transform:translate(0,0)}
  20%  {transform:translate(calc(var(--ax,8px)), calc(var(--ay,-10px) * -1))}
  40%  {transform:translate(calc(var(--ax,8px) * 1.4), calc(var(--ay,-10px)))}
  60%  {transform:translate(calc(var(--ax,8px) * 0.2), calc(var(--ay,-10px) * 1.3))}
  80%  {transform:translate(calc(var(--ax,8px) * -1), calc(var(--ay,-10px) * 0.3))}
  100% {transform:translate(0,0)}
}
@keyframes spin{to{transform:rotate(360deg)}}
.orbit-cta{margin-top:.6rem;display:inline-flex;align-items:center;gap:.5rem;
 font-size:.92rem;font-weight:600;color:var(--acc2);text-decoration:none;
 border:1px solid var(--line);background:rgba(22,196,255,.05);border-radius:999px;padding:.6rem 1.2rem;
 transition:border-color .3s,color .3s,background .3s}
.orbit-cta span{transition:transform .3s}
.orbit-cta:hover{border-color:var(--acc);color:var(--ink);background:rgba(22,196,255,.1)}
.orbit-cta:hover span{transform:translateX(4px)}
@media(prefers-reduced-motion:reduce){.orbit-av{animation:none}}
@media(max-width:980px){.hero-orbit{min-height:auto;margin-top:1.5rem}.orbit-field{height:300px;max-width:420px}}

/* sparkline svg styling */
.sl-a{fill:url(#slg);opacity:.35}
.sl-l{fill:none;stroke:var(--cyan);stroke-width:1.6;filter:drop-shadow(0 0 3px var(--cyan))}
.sl-d{fill:var(--acc2);filter:drop-shadow(0 0 3px var(--acc2))}

section{max-width:var(--maxw);margin:0 auto;padding:4.5rem 1.5rem;scroll-margin-top:80px}
.sec-head{margin-bottom:2rem;max-width:42em}
.kicker{font-family:'Space Grotesk';font-size:.76rem;letter-spacing:.16em;color:var(--acc);font-weight:700;display:inline-block}
.kicker::before{content:"";display:inline-block;width:26px;height:2px;background:var(--acc);vertical-align:middle;margin-right:.6rem}
.sec-head h2{font-size:clamp(1.8rem,3.2vw,2.7rem);margin:.6rem 0 .6rem}
.sec-head p{color:var(--muted);text-transform:none;font-family:'Inter',sans-serif}

/* reveal animation - clip-path rise with neon sweep (only active when JS adds .js) */
.js .reveal{opacity:0;transform:translateY(38px);clip-path:inset(0 0 100% 0);transition:opacity .8s cubic-bezier(.16,.84,.3,1),transform .8s cubic-bezier(.16,.84,.3,1),clip-path .9s cubic-bezier(.16,.84,.3,1)}
.js .reveal.in{opacity:1;transform:none;clip-path:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}
/* alt reveal: cards/feature visuals sweep in from side with scale */
.js .reveal-x{opacity:0;transform:translateX(-46px) scale(.96);transition:opacity .8s cubic-bezier(.16,.84,.3,1),transform .8s cubic-bezier(.16,.84,.3,1)}
.js .reveal-x.from-r{transform:translateX(46px) scale(.96)}
.js .reveal-x.in{opacity:1;transform:none}
/* card reveal: 3D tilt-up from below with perspective, staggered */
.js .reveal-card{opacity:0;transform:perspective(1000px) rotateX(14deg) translateY(40px);transform-origin:center bottom;transition:opacity .7s cubic-bezier(.16,.84,.3,1),transform .7s cubic-bezier(.16,.84,.3,1)}
.js .reveal-card.in{opacity:1;transform:none}
/* neon scan-line that sweeps across a revealing section once */
.js .reveal::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--acc),var(--cyan),transparent);opacity:0;transform:scaleX(0);transform-origin:left}
.js .reveal.sweep{position:relative}
.js .reveal.sweep.in::after{animation:sweepline 1s ease .15s both}
@keyframes sweepline{0%{opacity:0;transform:scaleX(0)}25%{opacity:1}100%{opacity:0;transform:scaleX(1)}}

/* rankings */
.rank-top{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}
.tabs{display:flex;gap:.5rem;margin:1.2rem 0 1rem}
.tab{background:var(--panel);border:1px solid var(--line);color:var(--muted);padding:.5rem 1.2rem;border-radius:8px;font-weight:700;font-size:.82rem;cursor:pointer;font-family:'Space Grotesk';text-transform:uppercase;letter-spacing:.04em;transition:.15s}
.tab.active{background:var(--acc);color:#0a0512;border-color:transparent;box-shadow:0 0 18px -3px var(--acc)}
/* platform theming on the rankings block */
.rankings.pf-twitch{--acc:#9147FF}
.rankings.pf-twitch .tab.active{background:#9147FF;box-shadow:0 0 18px -3px #9147FF}
.rankings.pf-kick{--acc:#53FC18}
.rankings.pf-kick .tab.active{background:#53FC18;color:#04210a;box-shadow:0 0 18px -3px #53FC18}
.rankings .row,.rankings .tab{transition:.25s}
.pf-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.28rem .7rem;border-radius:6px;margin-left:.2rem;border:1px solid var(--line);color:var(--muted)}
.rankings.pf-twitch .pf-badge{color:#B69BFF;border-color:rgba(145,71,255,.5)}
.rankings.pf-kick .pf-badge{color:#8FFF5A;border-color:rgba(83,252,24,.5)}
.rank-head{display:grid;grid-template-columns:34px 44px 1fr 70px repeat(4,minmax(0,1fr));gap:.7rem;padding:.4rem 1rem;color:var(--dim);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}
.rank-head span:not(.m){visibility:hidden}
.rank-list{display:flex;flex-direction:column;gap:0}
.row{display:grid;grid-template-columns:34px 44px 1fr 70px repeat(4,minmax(0,1fr));gap:.7rem;align-items:center;padding:.8rem 1rem;border-radius:10px;border:1px solid transparent;border-bottom:1px solid var(--line);transition:.15s;animation:rowin .5s both}
.row:last-child{border-bottom:1px solid transparent}
@keyframes rowin{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
.row:hover{background:var(--panel);border-color:var(--acc);box-shadow:0 0 24px -10px var(--acc);transform:translateX(3px)}
.row .rk{font-family:'Space Grotesk';font-weight:700;color:var(--dim);text-align:center;font-size:1.05rem}
.row:nth-child(-n+3) .rk{color:var(--acc);text-shadow:0 0 12px rgba(22,196,255,.5)}
.row:first-child .rk{color:var(--gold);text-shadow:0 0 14px rgba(255,99,20,.6)}
.row .av{width:44px;height:44px;border-radius:9px;object-fit:cover;background:var(--line)}
.who .nm{font-weight:600}.who .cc{font-size:.85rem}
.who .pl{display:block;color:var(--dim);font-size:.72rem;text-transform:uppercase}
.row .sl{width:64px;height:24px}
.row .m b{font-family:'Space Grotesk';font-weight:700;font-size:.98rem;display:block}
.row .m i{font-style:normal;color:var(--dim);font-size:.66rem;text-transform:uppercase}
.row .hw b{color:var(--cyan)}
.row .fgc.pos b{color:var(--pos)}.row .fgc.neg b{color:var(--neg)}
.rank-more{text-align:center;margin-top:1.4rem}

/* stat strip with count-up */
.statstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:0 auto 1rem}
.bigstat{background:linear-gradient(180deg,var(--panel),#0a0f15);border:1px solid var(--line);border-radius:14px;padding:1.4rem 1.3rem;position:relative;overflow:hidden}
.bigstat::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--acc),var(--cyan))}
.bigstat b{font-family:'Space Grotesk';font-size:2.1rem;display:block;color:var(--ink)}
.bigstat .u{color:var(--acc2)}
.bigstat span{color:var(--dim);font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}

/* offer cards */
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.cards.three{grid-template-columns:repeat(3,1fr)}
.card{background:linear-gradient(180deg,var(--panel),#0a0f15);border:1px solid var(--line);border-radius:var(--r);padding:1.6rem;position:relative;transition:.2s;overflow:hidden}
.card:hover{border-color:var(--acc2);transform:translateY(-3px)}
.card .ic{width:42px;height:42px;margin-bottom:1rem}
.card h3{font-size:1.1rem;margin-bottom:.5rem}
.card p{color:var(--muted);font-size:.93rem;text-transform:none;font-family:'Inter',sans-serif}
.card .num{font-family:'Space Grotesk';font-weight:700;color:var(--acc2);font-size:1rem;border:1px solid var(--line);width:32px;height:32px;display:grid;place-items:center;border-radius:7px;margin-bottom:.9rem}
.card.hot{border-color:var(--acc);box-shadow:0 0 0 1px rgba(22,196,255,.3),0 0 44px -16px var(--acc)}
.card.hot .num{color:var(--gold);border-color:var(--gold)}
.card .link{color:var(--cyan);font-weight:700;font-size:.86rem;display:inline-block;margin-top:1rem;text-transform:uppercase;letter-spacing:.03em}
/* delivery cards: distinct accent per option + animated glow */
.cards.three .card{--ca:var(--acc);overflow:hidden}
.cards.three .card::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 50% -10%,color-mix(in srgb,var(--ca) 22%,transparent),transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}
.cards.three .card::after{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;background:linear-gradient(90deg,transparent,var(--ca),transparent);transform:scaleX(.3);opacity:.6;transition:transform .4s,opacity .4s;pointer-events:none}
.cards.three .card>*{position:relative;z-index:1}
.cards.three .card:hover{transform:translateY(-6px);border-color:var(--ca);box-shadow:0 18px 50px -22px var(--ca),0 0 0 1px color-mix(in srgb,var(--ca) 40%,transparent)}
.cards.three .card:hover::before{opacity:1}
.cards.three .card:hover::after{transform:scaleX(1);opacity:1}
.cards.three .card:hover .num{transform:rotate(-6deg) scale(1.1)}
.cards.three .card .num{transition:transform .35s;background:color-mix(in srgb,var(--ca) 12%,transparent)}
.cards.three .card .link{color:var(--ca)}
.cards.three .card.opt-a{--ca:#16c4ff}
.cards.three .card.opt-b{--ca:#5b76ff}
.cards.three .card.opt-c{--ca:#5b76ff}
.cards.three .card.opt-a .num,.cards.three .card.opt-c .num{color:var(--ca);border-color:color-mix(in srgb,var(--ca) 50%,transparent)}
.cards.three .card.opt-b .num{color:var(--ca);border-color:color-mix(in srgb,var(--ca) 50%,transparent)}

/* feature split blocks with visuals */
.feat{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;align-items:center;margin:2rem 0}
.feat.rev{direction:rtl}.feat.rev>*{direction:ltr}
.feat h3{font-size:1.5rem;margin-bottom:.7rem}
.feat p{color:var(--muted);text-transform:none;font-family:'Inter',sans-serif;margin-bottom:1rem}
.feat .vis{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,var(--panel),#0a0f15);min-height:230px;position:relative}
.vis-snap{display:flex;align-items:center;justify-content:center;padding:1.4rem;background:linear-gradient(160deg,var(--panel),var(--bg2))}
.snap{width:100%}
.snap-svg{width:100%;height:auto;display:block;font-family:'Inter',sans-serif}
.snap-h{font-size:15px;font-weight:700;font-family:'Space Grotesk'}
.snap-s{font-size:10px}
.snap-legend{display:flex;gap:1.2rem;justify-content:center;margin-top:.9rem;font-size:.74rem;color:var(--muted);font-family:'Space Grotesk';text-transform:uppercase;letter-spacing:.03em}
.snap-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:.4rem;vertical-align:0}

/* image slot placeholder */
.imgslot{position:relative;width:100%;border-radius:12px;overflow:hidden;background:
 repeating-linear-gradient(45deg,rgba(22,196,255,.06) 0 10px,transparent 10px 20px),var(--panel2);
 border:1px dashed var(--line);display:grid;place-items:center}
.imgslot img{width:100%;height:100%;object-fit:cover;display:block}
.imgslot-hint{position:absolute;text-align:center;color:var(--dim);font-size:.78rem;padding:1rem;letter-spacing:.03em}
.imgslot.empty .imgslot-hint{color:var(--muted)}
.imgslot.filled{border:0;background:#0a0f15}
.feat .vis{position:relative}
.feat .vis::after{content:"";position:absolute;inset:14px;border:2px solid rgba(22,196,255,.0);border-radius:8px;pointer-events:none;transition:border-color .4s}
.feat:hover .vis::after{border-color:rgba(22,196,255,.45);box-shadow:inset 0 0 30px -10px rgba(22,196,255,.4)}
.feat .vis .corner{position:absolute;width:18px;height:18px;border:2px solid var(--acc2);opacity:.7;z-index:2}
.feat .vis .c-tl{top:12px;left:12px;border-right:0;border-bottom:0}
.feat .vis .c-tr{top:12px;right:12px;border-left:0;border-bottom:0}
.feat .vis .c-bl{bottom:12px;left:12px;border-right:0;border-top:0}
.feat .vis .c-br{bottom:12px;right:12px;border-left:0;border-top:0}

/* donut + country viz */
.viz-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:1.6rem;align-items:center}
.donut-wrap{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap}
.legend{display:flex;flex-direction:column;gap:.5rem;font-size:.88rem}
.legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:.5rem;vertical-align:0}
.legend b{font-family:'Space Grotesk'}
.cbars{display:flex;flex-direction:column;gap:.6rem}
.cbar{display:grid;grid-template-columns:54px 1fr 44px;gap:.7rem;align-items:center;font-size:.84rem}
.cbar .track{height:12px;background:var(--panel2);border-radius:6px;overflow:hidden}
.cbar .fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--acc),var(--cyan));width:0;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.cbar b{font-family:'Space Grotesk';color:var(--cyan);text-align:right}
/* market trend chart + pies */
.trend-wrap{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:16px;padding:1.4rem 1.6rem 1rem;max-width:900px;margin:0 auto}
.trend-legend{display:flex;gap:1.4rem;align-items:center;margin-bottom:.5rem;font-size:.86rem;font-family:'Space Grotesk';flex-wrap:wrap}
.trend-legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:.45rem;vertical-align:0}
.trend-legend .trend-unit{color:var(--dim);margin-left:auto;text-transform:uppercase;letter-spacing:.04em;font-size:.74rem}
.trend-svg{width:100%;height:auto;display:block}
.pies-wrap{display:flex;align-items:center;justify-content:center;gap:1.6rem;flex-wrap:wrap;margin:2rem auto 0;max-width:640px;position:relative}
.pie-card{display:flex;flex-direction:column;align-items:center;gap:.7rem}
.pie-svg{width:130px;height:130px;overflow:visible}
.pie-svg .seg{cursor:pointer;transition:stroke-width .2s,opacity .2s}
.pie-svg .pie-ctr-pct,.pie-svg .pie-ctr-lab{pointer-events:none}
.pie-svg:hover .seg{opacity:.4}
.pie-svg .seg:hover{opacity:1;stroke-width:19}
.pie-lab{text-align:center}
.pie-lab b{display:block;font-family:'Space Grotesk';font-size:1rem}
.pie-lab .pie-hint{color:var(--dim);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}
.pie-arrow{font-size:1.8rem;color:var(--acc);font-weight:700}
.pie-tip{position:fixed;z-index:50;pointer-events:none;background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:.5rem .7rem;font-family:'Space Grotesk';font-size:.8rem;color:var(--ink);box-shadow:0 10px 30px -12px #000;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s;white-space:nowrap}
.pie-tip.on{opacity:1;transform:translateY(0)}
.pie-tip .tt-sw{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:.4rem;vertical-align:0}
.pie-tip .tt-hrs{color:var(--acc2)}
.market-foot{text-align:center;color:var(--dim);font-size:.82rem;max-width:46em;margin:1.4rem auto 0;font-family:'Inter',sans-serif}
@media(max-width:560px){.pie-arrow{transform:rotate(90deg)}}

/* CTA */
.ctaband{position:relative;border-radius:20px;overflow:hidden;padding:3.4rem;text-align:center;border:1px solid var(--acc);box-shadow:0 0 60px -28px var(--acc)}
.ctaband::before{content:"";position:absolute;inset:0;z-index:-1;background:
 radial-gradient(600px 300px at 30% 0%,rgba(22,196,255,.25),transparent 60%),
 radial-gradient(500px 260px at 80% 100%,rgba(22,196,255,.2),transparent 60%),var(--panel)}
.ctaband h2{font-size:clamp(1.9rem,3.6vw,2.9rem);margin-bottom:.7rem}
.ctaband p{color:var(--muted);max-width:36em;margin:0 auto 1.8rem;text-transform:none;font-family:'Inter',sans-serif}
.cta-row{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.cta-note{display:block;color:var(--dim);font-size:.78rem;margin-top:1.2rem;text-transform:uppercase;letter-spacing:.04em}

/* faq */
.faq .sec-head{margin-left:auto;margin-right:auto;text-align:center;max-width:none}
.faq .sec-head .kicker::before{display:none}
.faqs{display:flex;flex-direction:column;gap:.7rem;max-width:46em;margin:0 auto}
.faqs summary{text-align:left}
details{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1rem 1.2rem;transition:border-color .2s}
details[open]{border-color:var(--acc)}
summary{font-weight:700;cursor:pointer;font-family:'Space Grotesk';list-style:none;text-transform:uppercase;font-size:.94rem;letter-spacing:.02em}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";float:right;color:var(--acc);font-size:1.1rem}
details[open] summary::after{content:"-"}
details p{color:var(--muted);margin-top:.7rem;font-size:.94rem;text-transform:none;font-family:'Inter',sans-serif}

/* ===== RANKINGS CTA BAND ===== */
.rank-cta-band{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;
  background:linear-gradient(120deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:18px;padding:2.4rem 2.6rem;position:relative;overflow:hidden}
.rank-cta-band::before{content:"";position:absolute;inset:0;background:radial-gradient(80% 140% at 88% 50%,var(--acc-soft),transparent 60%);pointer-events:none}
.rank-cta-band>div{max-width:40em;position:relative;z-index:1}
.rank-cta-band .kicker{margin-bottom:.5rem}
.rank-cta-band h2{font-size:1.7rem;margin-bottom:.6rem}
.rank-cta-band p{color:var(--muted);font-family:'Inter',sans-serif}
.rank-cta-band .btn{position:relative;z-index:1;white-space:nowrap}
@media(max-width:760px){.rank-cta-band{padding:1.8rem}.rank-cta-band h2{font-size:1.35rem}}

/* ===== USE CASES ===== */
.usecases{}
.uc-wrap{max-width:980px;margin:0 auto}
.uc-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:1.4rem}
.uc-tab{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .8rem;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--muted);cursor:pointer;font-family:'Space Grotesk';font-weight:700;font-size:.84rem;text-transform:uppercase;letter-spacing:.02em;transition:.2s}
.uc-tab .ic{width:30px;height:30px}
.uc-tab:hover{border-color:var(--acc);color:var(--ink);transform:translateY(-2px)}
.uc-tab.active{border-color:var(--acc);background:linear-gradient(180deg,rgba(22,196,255,.14),var(--panel));color:var(--ink);box-shadow:0 0 26px -12px var(--acc)}
.uc-panel{background:linear-gradient(180deg,var(--panel),#0a0f15);border:1px solid var(--line);border-radius:16px;padding:2rem 2.2rem;animation:ucfade .35s ease}
.uc-panel[hidden]{display:none}
@keyframes ucfade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.uc-panel h3{font-size:1.5rem;margin-bottom:.3rem}
.uc-sub{color:var(--acc2);font-family:'Inter',sans-serif;text-transform:none;margin-bottom:1.2rem;font-size:1rem}
.uc-list{list-style:none;display:flex;flex-direction:column;gap:.8rem}
.uc-list li{position:relative;padding-left:2rem;color:var(--ink);font-family:'Inter',sans-serif;line-height:1.5}
.uc-list li::before{content:"";position:absolute;left:0;top:.15rem;width:1.2rem;height:1.2rem;border-radius:5px;background:linear-gradient(135deg,var(--acc),var(--cyan))}
.uc-list li::after{content:"";position:absolute;left:.42rem;top:.42rem;width:.32rem;height:.6rem;border:2px solid #0a0512;border-top:0;border-left:0;transform:rotate(45deg)}
/* audience grid */
.aud-head{text-align:center;font-family:'Space Grotesk';font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:2.6rem 0 1.2rem;font-size:.86rem}
.aud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:980px;margin:0 auto}
.aud-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.4rem;transition:.2s}
.aud-card:hover{border-color:var(--acc);transform:translateY(-3px);box-shadow:0 14px 36px -22px var(--acc)}
.aud-ic{display:inline-flex;padding:.55rem;border-radius:10px;background:rgba(22,196,255,.08);border:1px solid var(--line);margin-bottom:.8rem}
.aud-ic .ic{width:26px;height:26px}
.aud-card h4{font-size:1.04rem;margin-bottom:.4rem}
.aud-card p{color:var(--muted);font-size:.9rem;font-family:'Inter',sans-serif;line-height:1.55}
@media(max-width:780px){.uc-tabs{grid-template-columns:1fr 1fr}.aud-grid{grid-template-columns:1fr}.uc-tab span{font-size:.78rem}}

/* footer */
.ft{border-top:1px solid var(--line);margin-top:3rem}
.ft-in{max-width:var(--maxw);margin:0 auto;padding:3rem 1.5rem;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem}
.ft-in p{color:var(--dim);font-size:.84rem;margin-top:.6rem;max-width:22em;text-transform:none;font-family:'Inter',sans-serif}
.ft-in h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.9rem}
.ft-in a{display:block;color:var(--dim);font-size:.85rem;padding:.2rem 0}
.ft-in a:hover{color:var(--acc2)}
.ft-b{max-width:var(--maxw);margin:0 auto;padding:1.4rem 1.5rem;border-top:1px solid var(--line);color:var(--dim);font-size:.78rem}

@media(max-width:900px){
 .hero-in{grid-template-columns:1fr;gap:2rem}.links{display:none}
 .cards,.cards.three{grid-template-columns:1fr}
 .feat,.feat.rev{grid-template-columns:1fr;direction:ltr}
 .viz-grid{grid-template-columns:1fr}
 .statstrip{grid-template-columns:1fr 1fr}
 .rank-head{display:none}
 .row{grid-template-columns:28px 40px 1fr auto;row-gap:.5rem;padding:.9rem .6rem;border-bottom:1px solid var(--line)}
 .row .sl{grid-column:2/5;width:100%;height:26px;margin-top:.1rem}
 .row .m{grid-column:2/5;display:flex;gap:.5rem;align-items:baseline}
 .row:hover{transform:none;background:rgba(22,196,255,.05)}
 .ft-in{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* ===== TRUST BAR ===== */
.trustbar{max-width:var(--maxw);margin:-1.5rem auto 0;padding:0 1.5rem;position:relative;z-index:3}
.trust-in{position:relative;border-radius:18px;overflow:hidden;padding:1.7rem 1.4rem;
 display:grid;grid-template-columns:repeat(3,1fr);gap:0;
 background:linear-gradient(180deg,rgba(27,38,48,.92),rgba(16,22,30,.92));
 border:1px solid var(--line);backdrop-filter:blur(8px);
 box-shadow:0 40px 90px -50px #000,inset 0 1px 0 rgba(255,255,255,.05)}
.trust-in::before{content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(120% 180% at 50% -40%,var(--acc-soft),transparent 55%)}
.trust-in::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;
 background:linear-gradient(90deg,transparent,var(--acc),var(--cyan),transparent);opacity:.5}
.trust-cell{position:relative;text-align:center;padding:.4rem 1rem}
.trust-cell+.trust-cell{border-left:1px solid var(--line)}
.trust-cell b{display:block;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:2.5rem;line-height:1;
 letter-spacing:-.01em;background:linear-gradient(180deg,#fff,var(--acc2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.trust-cell span{display:block;margin-top:.5rem;color:var(--muted);font-size:.82rem;letter-spacing:.04em;font-family:'Inter',sans-serif}
.trust-cell .tspark{display:block;height:2px;width:46px;margin:.7rem auto 0;border-radius:2px;
 background:linear-gradient(90deg,transparent,var(--acc),transparent);opacity:.6}
@media(max-width:760px){.trust-in{grid-template-columns:1fr;gap:1.2rem;padding:1.6rem}
 .trust-cell+.trust-cell{border-left:none;border-top:1px solid var(--line);padding-top:1.3rem}
 .trust-cell b{font-size:2.1rem}}

/* trust-bar interactive "lamp from below" - each cell lights up on hover */
.trust-cell{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.trust-cell .tlamp{position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);width:60%;height:60%;
 border-radius:50%;pointer-events:none;opacity:0;transition:opacity .4s ease;
 background:radial-gradient(60% 80% at 50% 100%,var(--acc-soft),transparent 70%);filter:blur(6px)}
.trust-cell .tspark{transition:width .4s ease,opacity .4s ease,box-shadow .4s ease}
.trust-in:hover .trust-cell{opacity:.6}
.trust-in:hover .trust-cell:hover{opacity:1;transform:translateY(-4px)}
.trust-cell:hover .tlamp{opacity:1}
.trust-cell:hover .tspark{width:80px;opacity:1;box-shadow:0 0 14px var(--acc)}
.trust-cell:hover b{filter:drop-shadow(0 6px 18px var(--acc-soft))}
@media(max-width:760px){.trust-in:hover .trust-cell{opacity:1}}

/* ===== TWO-DOOR EXPLORE BLOCK (interactive) ===== */
.doors{max-width:var(--maxw);margin:0 auto;padding:1rem 1.5rem 1rem}
.doors-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;margin-top:2rem}
.door{position:relative;display:flex;flex-direction:column;gap:.7rem;min-height:300px;overflow:hidden;
 border-radius:20px;padding:1.9rem 1.8rem;text-decoration:none;color:var(--ink);isolation:isolate;
 background:linear-gradient(180deg,var(--panel2),var(--bg2));border:1px solid var(--line);
 box-shadow:0 30px 80px -55px #000;
 transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .45s,box-shadow .45s}
.door::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.0;transition:opacity .45s;
 background:radial-gradient(110% 90% at 50% -20%,var(--_g,var(--acc-soft)),transparent 60%)}
.door .door-fx{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.45;
 background:radial-gradient(80% 60% at 85% 110%,var(--_g,var(--acc-soft)),transparent 60%)}
/* moving spark line on top edge */
.door .door-spark{position:absolute;left:0;top:0;height:2px;width:100%;z-index:1;opacity:.55;
 background:linear-gradient(90deg,transparent,var(--_c,var(--acc)),transparent);
 transform:translateX(-100%);transition:opacity .4s}
.door:hover{transform:translateY(-8px);border-color:var(--_c,var(--acc));box-shadow:0 50px 110px -50px #000,0 0 0 1px var(--_c,var(--acc)) inset}
.door:hover::before{opacity:.9}
.door:hover .door-spark{animation:doorspark 1.1s ease forwards}
@keyframes doorspark{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.door-rank{--_c:var(--acc);--_g:var(--acc-soft)}
.door-auth{--_c:var(--indigo);--_g:rgba(124,139,255,.14)}
.door-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.door-kicker{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--_c,var(--acc))}
.door-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--muted);
 border:1px solid var(--line);border-radius:999px;padding:.25rem .6rem;font-family:'Inter',sans-serif}
.door-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 rgba(22,196,255,.6);animation:pulse 1.8s infinite}
.door-pill.alt .dot{background:var(--indigo);animation:none}
.door h3{font-size:1.45rem;line-height:1.2;margin:.5rem 0 0;letter-spacing:-.01em}
.door p{color:var(--muted);font-family:'Inter',sans-serif;font-size:.92rem;line-height:1.6;margin:0;flex:1}
.door-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.6rem;
 padding-top:1rem;border-top:1px solid var(--line)}
.door-stat{font-size:.82rem;color:var(--dim);font-family:'Inter',sans-serif}
.door-stat b{font-family:'Space Grotesk',sans-serif;color:var(--ink);font-size:1.05rem;margin-right:.15rem}
.door-go{font-size:.9rem;font-weight:600;color:var(--_c,var(--acc));white-space:nowrap;transition:transform .35s}
.door:hover .door-go{transform:translateX(5px)}
@media(max-width:760px){.doors-grid{grid-template-columns:1fr}.door{min-height:auto}.door h3{font-size:1.25rem}}

/* ===== PROOF (viewbotting data) ===== */
.proof{max-width:var(--maxw);margin:0 auto;padding:5.5rem 1.5rem 1rem}
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:2.2rem}
.proof-card{position:relative;border-radius:16px;overflow:hidden;padding:1.8rem 1.5rem 1.6rem;
 background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);
 box-shadow:0 30px 70px -50px #000;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s}
.proof-card:hover{transform:translateY(-6px);border-color:var(--acc)}
.proof-card .pc-fx{position:absolute;inset:0;pointer-events:none;opacity:.5;
 background:radial-gradient(90% 70% at 80% 0%,var(--acc-soft),transparent 60%)}
.proof-card .pc-bar{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--acc),var(--cyan))}
.proof-num{position:relative;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:3.1rem;line-height:1;
 letter-spacing:-.02em;color:var(--ink)}
.proof-num .pn-suf{font-size:1.5rem;color:var(--acc2);vertical-align:super;margin-left:.05em}
.proof-num.alert{color:var(--neg)}
.proof-card h3{position:relative;margin:.7rem 0 .5rem;font-size:1.02rem;letter-spacing:.01em}
.proof-card p{position:relative;color:var(--muted);font-size:.9rem;font-family:'Inter',sans-serif;line-height:1.6}
.proof-foot{margin-top:1.6rem;color:var(--dim);font-size:.78rem;font-family:'Inter',sans-serif;text-align:center}
.proof-cta{margin-top:1.6rem;text-align:center}
.proof-plat{display:inline-flex;gap:.4rem;margin-bottom:.7rem}
.proof-plat .pchip{display:inline-flex;align-items:center;gap:.3rem;font-size:.66rem;font-weight:700;letter-spacing:.04em;
 border:1px solid var(--line);border-radius:6px;padding:.18rem .45rem;color:var(--muted);font-family:'Inter',sans-serif}
.proof-plat .pchip i{width:13px;height:13px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:.56rem;font-weight:700;font-family:'Space Grotesk',sans-serif}
.proof-plat .pchip svg{flex:0 0 auto}
.proof-plat .pchip.tw i{background:#9147ff;color:#fff}
.proof-plat .pchip.kk i{background:#53fc18;color:#000}
@media(max-width:860px){.proof-grid{grid-template-columns:1fr}}

/* ===== INTERACTIVE TREND (zoom/brush + hover) ===== */
.trend-shell{position:relative}
.trend-svg{display:block;width:100%;height:auto;cursor:crosshair;touch-action:none;user-select:none}
.trend-svg .tnode{cursor:pointer}
.trend-svg .tnode-hit{fill:transparent}
.trend-hover-x{stroke:var(--line);stroke-width:1;stroke-dasharray:3 3;opacity:0;transition:opacity .15s}
.trend-brush{fill:var(--acc);opacity:.10;pointer-events:none}
.trend-tip{position:absolute;pointer-events:none;z-index:5;opacity:0;transform:translate(-50%,-8px);
 transition:opacity .12s;background:rgba(11,15,20,.96);border:1px solid var(--line);border-radius:10px;
 padding:.55rem .7rem;font-size:.78rem;font-family:'Inter',sans-serif;white-space:nowrap;
 box-shadow:0 20px 50px -20px #000;min-width:140px}
.trend-tip .tt-m{color:var(--dim);font-size:.72rem;letter-spacing:.04em;margin-bottom:.35rem;text-transform:uppercase}
.trend-tip .tt-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.15rem 0}
.trend-tip .tt-row i{width:9px;height:9px;border-radius:2px;display:inline-block;margin-right:.4rem}
.trend-tip .tt-row b{font-family:'Space Grotesk',sans-serif}
.trend-toolbar{display:flex;align-items:center;gap:.8rem;margin-top:.6rem;justify-content:flex-end}
.trend-hint{color:var(--dim);font-size:.74rem;font-family:'Inter',sans-serif;margin-right:auto}
.trend-reset{font-size:.76rem;color:var(--acc2);font-family:'Inter',sans-serif;border:1px solid var(--line);
 background:rgba(22,196,255,.06);padding:.3rem .7rem;border-radius:7px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s}
.trend-reset.on{opacity:1;pointer-events:auto}
.trend-reset:hover{border-color:var(--acc);color:var(--ink)}

/* ===== LEAD FORM POPUP ===== */
.lf-overlay{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:1.2rem;
 background:rgba(5,8,12,.72);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s}
.lf-overlay.on{display:flex;opacity:1}
.lf-modal{position:relative;width:100%;max-width:480px;border-radius:20px;overflow:hidden;
 background:linear-gradient(180deg,var(--panel2),var(--bg2));border:1px solid var(--line);
 box-shadow:0 60px 120px -40px #000,inset 0 1px 0 rgba(255,255,255,.05);
 transform:translateY(18px) scale(.98);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.lf-overlay.on .lf-modal{transform:none}
.lf-modal::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;
 background:linear-gradient(90deg,var(--acc),var(--cyan),var(--gold));opacity:.7}
.lf-glow{position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(100% 60% at 50% 0%,var(--acc-soft),transparent 60%)}
.lf-body{position:relative;padding:2rem 1.8rem 1.8rem}
.lf-close{position:absolute;top:.9rem;right:1rem;z-index:2;width:32px;height:32px;border-radius:8px;
 border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);font-size:1.1rem;cursor:pointer;
 display:flex;align-items:center;justify-content:center;transition:.2s}
.lf-close:hover{color:var(--ink);border-color:var(--acc)}
.lf-tag{display:inline-flex;align-items:center;gap:.45rem;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;
 color:var(--acc2);font-weight:700;margin-bottom:.7rem}
.lf-tag .dot{width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 rgba(22,196,255,.6);animation:pulse 1.8s infinite}
.lf-modal h3{font-size:1.45rem;line-height:1.2;margin-bottom:.4rem}
.lf-modal .lf-sub{color:var(--muted);font-size:.9rem;font-family:'Inter',sans-serif;margin-bottom:1.3rem}
.lf-field{margin-bottom:.9rem}
.lf-field label{display:block;font-size:.76rem;color:var(--dim);letter-spacing:.05em;margin-bottom:.35rem;font-family:'Inter',sans-serif;text-transform:uppercase}
.lf-field input,.lf-field textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:10px;
 color:var(--ink);font-family:'Inter',sans-serif;font-size:.92rem;padding:.7rem .8rem;transition:border-color .2s,box-shadow .2s}
.lf-field input:focus,.lf-field textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
.lf-field textarea{resize:vertical;min-height:74px}
.lf-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.lf-submit{width:100%;margin-top:.5rem;justify-content:center}
.lf-note{margin-top:.8rem;color:var(--dim);font-size:.74rem;font-family:'Inter',sans-serif;text-align:center}
.lf-ok{position:relative;text-align:center;padding:1rem 0 .5rem}
.lf-ok .lf-check{width:58px;height:58px;border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;
 background:var(--acc-soft);border:1px solid var(--acc);color:var(--acc2);font-size:1.6rem}
.lf-err{color:var(--neg);font-size:.8rem;font-family:'Inter',sans-serif;margin-top:.5rem;min-height:1em}
@media(max-width:520px){.lf-row{grid-template-columns:1fr}}

/* ===== Brand-market block (Stake/Rainbet/Roobet/BC.GAME) ===== */
.brandmkt{max-width:var(--maxw);margin:0 auto;padding:5rem 1.5rem}
.bm-wrap{background:linear-gradient(180deg,var(--panel),#0a0f15);border:1px solid var(--line);border-radius:var(--r);padding:2rem 1.9rem 1.6rem}
.bm-legend{display:flex;gap:1.4rem;margin-bottom:1.4rem;font-family:'Inter',sans-serif;font-size:.8rem;color:var(--muted)}
.bm-legend span{display:inline-flex;align-items:center;gap:.45rem}
.bm-legend i{width:13px;height:13px;border-radius:3px;display:inline-block}
.bm-lg-real{background:var(--acc)}
.bm-lg-sus{background:var(--neg,#ff5c6c)}
.bm-rows{display:flex;flex-direction:column;gap:1.15rem}
.bm-row{display:grid;grid-template-columns:128px 1fr 122px;align-items:center;gap:1rem}
.bm-name{text-align:right;font-size:1.05rem;line-height:1;display:flex;justify-content:flex-end}
.bm-logo{height:22px;width:auto;max-width:128px;display:block;transition:filter .2s,transform .2s}
.bm-l-stake{color:#fff}
.bm-l-rainbet{color:#c3b2ff}
.bm-l-roobet{color:var(--gold)}
.bm-l-bcgame{color:var(--acc2)}
.bm-row:hover .bm-logo,.bm-row:focus-visible .bm-logo{filter:drop-shadow(0 0 10px currentColor);transform:scale(1.02)}
.bm-track{position:relative;display:flex;align-items:center;gap:.75rem;min-width:0}
.bm-bar{position:relative;height:30px;border-radius:7px;width:0;
 background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 70%,#0a0f15),var(--acc));
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 6px 18px -10px var(--acc);
 transition:width 1.1s cubic-bezier(.16,.84,.3,1);overflow:hidden;flex:0 1 auto;min-width:34px}
.bm-sus{position:absolute;left:0;top:0;bottom:0;
 background:repeating-linear-gradient(45deg,rgba(232,116,138,.95),rgba(232,116,138,.95) 6px,rgba(205,80,102,.95) 6px,rgba(205,80,102,.95) 12px);
 border-right:1px solid rgba(255,255,255,.28)}
.bm-val{display:flex;flex-direction:column;line-height:1.05;white-space:nowrap;flex:0 0 auto}
.bm-val b{font-family:'Space Grotesk';font-size:1.04rem;color:var(--ink)}
.bm-val i{font-style:normal;font-size:.66rem;color:var(--dim);font-family:'Inter',sans-serif;letter-spacing:.02em}
.bm-sus-tag{font-family:'Space Grotesk';font-size:.92rem;color:#ff7b88;text-align:right;white-space:nowrap}
.bm-foot{margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid var(--line);
 color:var(--dim);font-size:.8rem;font-family:'Inter',sans-serif;line-height:1.6}


/* interactive rows */
.bm-row{cursor:default;border-radius:8px;transition:background .2s;padding:.15rem .3rem;margin:0 -.3rem;outline:none}
.bm-row:hover,.bm-row:focus-visible{background:rgba(255,255,255,.035)}
.bm-row:hover .bm-bar,.bm-row:focus-visible .bm-bar{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 8px 26px -10px var(--acc),0 0 0 1px color-mix(in srgb,var(--acc) 40%,transparent)}
.bm-row:hover .bm-sus,.bm-row:focus-visible .bm-sus{filter:brightness(1.12)}

/* tooltip */
.bm-tip{position:fixed;z-index:90;pointer-events:none;opacity:0;transform:translateY(4px);
 transition:opacity .15s,transform .15s;background:#0c131b;border:1px solid var(--line);
 border-radius:11px;padding:.85rem .95rem;box-shadow:0 18px 50px -16px rgba(0,0,0,.8);min-width:210px;font-family:'Inter',sans-serif}
.bm-tip.on{opacity:1;transform:translateY(0)}
.bm-tip-h{display:flex;align-items:center;gap:.4rem;font-family:'Space Grotesk';font-size:1rem;color:var(--ink);margin-bottom:.55rem}
.bm-tip-row{display:flex;justify-content:space-between;gap:1.4rem;font-size:.82rem;padding:.16rem 0;color:var(--muted)}
.bm-tip-row b{color:var(--ink);font-family:'Space Grotesk';font-weight:600}
.bm-tip-row.sus b{color:#ff7b88}

/* insights strip */
.bm-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.8rem}
.bm-ins{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.15rem;transition:.2s}
.bm-ins:hover{border-color:color-mix(in srgb,var(--acc) 45%,transparent);transform:translateY(-3px)}
.bm-ins b{display:block;font-family:'Space Grotesk';font-size:1.7rem;color:var(--acc2);line-height:1;text-shadow:0 0 18px rgba(22,196,255,.35)}
.bm-ins-l{display:block;margin:.5rem 0 .3rem;font-size:.9rem;color:var(--ink);font-family:'Inter',sans-serif;line-height:1.35}
.bm-ins-s{display:block;font-size:.76rem;color:var(--dim);font-family:'Inter',sans-serif;line-height:1.5}

@media(max-width:760px){
 .brandmkt{padding:3.4rem 1.1rem}
 .bm-wrap{padding:1.5rem 1.1rem 1.2rem}
 .bm-row{grid-template-columns:84px 1fr;grid-template-areas:'name track' 'name tag';row-gap:.3rem}
 .bm-name{grid-area:name;align-self:center;font-size:.92rem}
 .bm-track{grid-area:track}
 .bm-sus-tag{grid-area:tag;text-align:left;font-size:.8rem}
 .bm-val b{font-size:.92rem}
 .bm-insights{grid-template-columns:1fr;gap:.7rem}
 .bm-ins b{font-size:1.5rem}
}

.brandpulse .bp-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.bp-h{font-size:1.02rem;margin-bottom:1.1rem}
.brandpulse .bm-row{grid-template-columns:112px 1fr}
.brandpulse .bm-name{font-size:.92rem}
.brandpulse .bm-logo{height:18px;max-width:104px}
@media(max-width:900px){.brandpulse .bp-grid{grid-template-columns:1fr}}

/* audience cards use existing .aud-grid/.aud-card; these target h3 + icon */
.aud-card .ic{width:34px;height:34px;margin-bottom:.7rem}
.aud-card h3{font-size:1.06rem;margin-bottom:.45rem}

/* ===== COOKIE CONSENT BANNER ===== */
#cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:1rem 1.5rem;
  background:rgba(16,22,30,.97);border-top:1px solid var(--line);backdrop-filter:blur(14px);
  display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;font-family:'Inter',sans-serif;
  font-size:.88rem;color:var(--muted);transform:translateY(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1);
  box-shadow:0 -4px 40px -10px #000}
#cookie-banner.show{transform:translateY(0)}
#cookie-banner p{flex:1;min-width:200px;margin:0;line-height:1.5}
#cookie-banner a{color:var(--acc2);text-decoration:underline;text-underline-offset:2px}
.cb-btns{display:flex;gap:.6rem;flex-shrink:0}
@media(max-width:600px){#cookie-banner{flex-direction:column;align-items:stretch}.cb-btns{justify-content:flex-end}}
/* ===== PRIVACY / TERMS PAGE ===== */
.legal-page{max-width:860px;margin:0 auto;padding:3rem 1.5rem 5rem}
.legal-page h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}
.legal-page h2{font-size:1.25rem;margin:2.4rem 0 .6rem;color:var(--acc2)}
.legal-page p,.legal-page li{color:var(--muted);font-family:'Inter',sans-serif;font-size:.96rem;line-height:1.7;margin-bottom:.7rem}
.legal-page ul{padding-left:1.5rem;margin-bottom:.7rem}
.legal-page a{color:var(--acc2);text-decoration:underline;text-underline-offset:2px}
.legal-page .legal-meta{font-size:.82rem;color:var(--dim);margin-bottom:2.4rem;font-family:'Inter',sans-serif}

/* ============ V2: Axelar-style command center ============ */
:root{
 --bg:#04070a; --bg2:#090c0f; --panel:#090c0f; --panel2:#0f1214; --line:#1a1d1f;
 --ink:#ffffff; --muted:#f0f5fa; --dim:#676f7a;
 --acc:#16c4ff; --acc-h:#0fb2ea; --acc-soft:rgba(22,196,255,.12); --acc2:#33ffac;
 --cyan:#16c4ff; --indigo:#5b76ff; --gold:#ff6314; --pink:#ff2ad4;
 --pos:#33ffac; --neg:#ff2ad4; --orange:#ff6314;
 --r:8px; --maxw:1280px;
}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg)}
h1,h2,h3,h4,.btn,.uc-tab,.tab{font-family:'Space Grotesk','Inter',system-ui,sans-serif}
h1{font-weight:600;text-transform:uppercase;letter-spacing:.033em}
h2{font-weight:500;text-transform:uppercase;letter-spacing:.033em}
.gold{color:var(--orange);text-shadow:none}

/* flat engineering surfaces: no glow, no gradients, no shadows */
.bgfx{display:none}
.grid-overlay{opacity:.35}
.card,.aud-card,.proof-card,.door,.uc-panel,.pie-card,.bm-ins,.bm-wrap,.faq details,.trend-shell,.snap-svg,.hero-panel{
 background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:none}
.card:hover,.aud-card:hover,.proof-card:hover,.door:hover,.bm-ins:hover{
 background:var(--panel2);border-color:var(--dim);transform:none;box-shadow:none}

/* nav: obsidian bar */
header.nav,.nav{background:#0f1214;border-bottom:1px solid var(--line);backdrop-filter:none}
.nav .links a{font-family:'Space Grotesk','Inter',system-ui,sans-serif;font-size:14px;letter-spacing:.033em;color:var(--muted);text-transform:uppercase}
.nav .links a:hover{color:#fff;background:var(--panel2)}

/* buttons: pill, uppercase, Signal Orange is the ONLY chromatic CTA */
.btn{border-radius:100px;text-transform:uppercase;letter-spacing:.033em;font-weight:500;box-shadow:none;
 background:var(--orange);border:none;color:#fff}
.btn:hover{background:#ff7a38;box-shadow:none;transform:none;color:#fff}
.btn-gold,.lf-submit{background:var(--orange);border:none;color:#fff;border-radius:100px;box-shadow:none}
.btn-gold:hover,.lf-submit:hover{background:#ff7a38}
.btn-ghost,.btn.btn-ghost{background:transparent;border:1px solid #fff;color:#fff;border-radius:100px}
.btn-ghost:hover,.btn.btn-ghost:hover{background:var(--panel2);border-color:#fff;color:#fff}
.orbit-cta{background:var(--panel2);border:1px solid var(--line);color:var(--muted);border-radius:100px;box-shadow:none;
 font-family:'DM Mono',monospace;font-size:12px;letter-spacing:.4px;text-transform:uppercase}
.orbit-cta:hover{border-color:var(--dim);color:#fff;background:var(--panel2)}

/* hero: abyss + live lattice canvas (drawn by JS) + one magenta glow (the system's single gradient) */
.hero{background:radial-gradient(420px 300px at 78% 72%, rgba(255,42,212,.10), transparent 60%)}
.lattice-fx{position:absolute;top:0;left:0;width:100%;z-index:0;pointer-events:none;
 -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.5) 0,#000 14%,#000 55%,rgba(0,0,0,.4) 82%,transparent 99%);
 mask-image:linear-gradient(180deg,rgba(0,0,0,.5) 0,#000 14%,#000 55%,rgba(0,0,0,.4) 82%,transparent 99%)}
.hero-in{position:relative;z-index:1}
header.nav,main,footer.ft,body>section{position:relative;z-index:1}
.hero-anim,.hero-fallback,.hero-scrim,.hero-fade{display:none!important}

/* terminal glyph decor on section heads */
.sec-head{position:relative}
.sec-head::before{content:'>:< 0 >|||';display:block;font-family:'DM Mono',monospace;
 font-size:11px;letter-spacing:3px;color:var(--dim);opacity:.7;margin-bottom:12px}
.hero .lede{color:var(--muted);opacity:.85;font-size:19px;line-height:1.5}
.eyebrow{font-family:'DM Mono',monospace;letter-spacing:.4px;border-radius:100px;border:1px solid var(--dim);background:transparent;color:var(--muted)}
.eyebrow .dot{background:var(--acc2);box-shadow:none;animation:none}
.orbit-av img{box-shadow:none;border:1px solid var(--line)}
.orbit-av .oa-ring{border:1px solid var(--line);box-shadow:none}

/* mono technical labels */
.kicker,.bm-legend,.bm-val i,.bm-sus-tag,.lf-tag,.door-kicker,.door-pill,.pf-badge,
.legend,.snap-legend,.trend-legend,.uc-sub,.cta-note,.trust-cell b,.imgslot-hint,.lf-note{
 font-family:'DM Mono',monospace;letter-spacing:.4px}
.bigstat b,.proof-num,.door-stat b{font-family:'Space Grotesk','Inter',system-ui,sans-serif;font-weight:600;color:#fff}
.bigstat span,.proof-foot,.door-stat span{font-family:'DM Mono',monospace;font-size:12px;color:var(--dim);text-transform:uppercase}

/* trustbar: flat carbon card, no gradients/glow */
.trustbar{background:transparent;border:none}
.trust-in{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:none;backdrop-filter:none}
.trust-in::before,.trust-in::after{display:none}
.trust-cell b{font-family:'Space Grotesk','Inter',sans-serif;font-weight:600;color:#fff;text-shadow:none;background:none;-webkit-background-clip:initial;-webkit-text-fill-color:#fff}
.trust-cell span{font-family:'DM Mono',monospace;font-size:12px;letter-spacing:.4px;color:var(--dim);text-transform:uppercase}
.trust-cell .tspark{display:block;background:var(--orange);opacity:0;transition:opacity .2s;box-shadow:none!important}
.trust-cell:hover .tspark{opacity:.85;box-shadow:none!important}
.trust-cell b{transition:color .2s}
.trust-cell:hover b{color:#fff}

/* brand-market block: restrained mono base + single orange accent for "suspicious" */
.bm-wrap{background:var(--panel)}
.bm-bar{background:#3a4048;border-radius:4px;box-shadow:none;opacity:1}
.bm-sus{background:repeating-linear-gradient(45deg,var(--orange),var(--orange) 6px,#c24f10 6px,#c24f10 12px);border-right:1px solid rgba(255,255,255,.4)}
.bm-lg-real{background:#3a4048;opacity:1}
.bm-lg-sus{background:var(--orange)}
.bm-sus-tag{color:var(--orange)}
.bm-row:hover,.bm-row:focus-visible{background:var(--panel2)}
.bm-row:hover .bm-bar,.bm-row:focus-visible .bm-bar{box-shadow:none;background:#454c55}
.bm-row:hover .bm-logo,.bm-row:focus-visible .bm-logo{filter:none;transform:none}
.bm-tip{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:none}
.bm-tip-h{font-family:'Space Grotesk'}
.bm-tip-row{font-family:'DM Mono',monospace;font-size:12px}
.bm-tip-row b{font-family:'DM Mono';color:#fff}
.bm-tip-row.sus b{color:var(--orange)}
.bm-val b{font-family:'Space Grotesk';font-weight:600;color:#fff}
.bm-ins b{color:#fff;text-shadow:none;font-family:'Space Grotesk';font-weight:600}
.bm-ins-s{font-family:'DM Mono',monospace;font-size:11px}
/* brand-pulse second block */
.brandpulse .bm-bar{background:#3a4048;opacity:1}

/* proof "viewbotting tax": kill multicolor stat glows -> white + orange alert */
.proof-num{color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important}
.proof-num .pn-suf{color:var(--orange)}
.proof-num.alert{color:var(--orange)!important;-webkit-text-fill-color:var(--orange)!important}
.proof-card .pchip{border-color:var(--line)}
.proof-card{border-left:1px solid var(--line)}
.proof-card .pc-bar{background:var(--orange)!important}
.proof-card:hover{border-color:var(--orange)}
.proof-card .pc-fx{background:radial-gradient(90% 70% at 80% 0%,rgba(255,99,20,.06),transparent 60%)!important}

/* doors "two ways to dig in": node dots to orange accent, flat */
.door-stat b{color:#fff}
.door-rank .dot,.door .dot{background:var(--orange)!important;box-shadow:none!important}
.door-go{color:var(--orange)}
.bigstat b{color:#fff}
.bigstat .c2,.bigstat .c3{color:#fff!important;text-shadow:none!important}

/* internal pages: neutralize leftover green/blue, align to orange system */
.row .fgc.pos b{color:#33ffac}  /* growth stays node-green (allowed success dot-family) */
.row .fgc.neg b{color:var(--orange)}
.rankings.pf-twitch .pf-badge,.rankings.pf-kick .pf-badge{color:var(--muted);border-color:var(--line)}
.door-kicker,.lk-kicker,.lock-kicker{color:var(--orange)!important}
.pf-badge{color:var(--muted)}
/* streamer locked-panel kicker + accents */
[class*="lk-"] .kicker,.demo .kicker,.lock .kicker{color:var(--orange)!important}
.lock-tag{color:var(--orange)!important}
.rel-n{color:#fff}

/* trend chart + donut: prime = orange (Kick, dominant), Twitch neutral steel — scoped so page --acc stays cyan */
#trendSvg,.pie-svg{--acc:#ff6314;--cyan:#ff6314;--indigo:#7c8a99}
.trend-legend i:first-of-type,.pie-ctr-pct{color:var(--orange)}
.trend-legend span:first-child i{background:var(--orange)!important}
.trend-tip .tt-row i[style*="--acc"]{background:var(--orange)!important}

/* "Put it to work" delivery cards: orange accents, no teal/indigo/amber/green */
.cards.three .card{--ca:var(--orange)!important}
.cards.three .card.opt-a,.cards.three .card.opt-b,.cards.three .card.opt-c{--ca:var(--orange)!important}
.card .num{color:var(--orange)!important}
.card.hot{border-color:var(--orange);box-shadow:0 0 0 1px rgba(255,99,20,.3),0 0 44px -16px var(--orange)}
.card.hot .num{color:var(--orange)!important;border-color:var(--orange)}
.card .link,.cards.three .card .link{color:var(--orange)!important}

/* rankings 7d sparkline: orange line, orange last-dot (was cyan/green) */
.sl-l{stroke:var(--orange)!important;filter:drop-shadow(0 0 3px var(--orange))!important}
.sl-d{fill:var(--orange)!important;filter:drop-shadow(0 0 3px var(--orange))!important}
.row:hover .sl-l,.prow:hover .sl-l{stroke:var(--orange)!important}

/* "Similar slots & casino streamers" cards: orange hover border (was cyan) */
.rel-card:hover{border-color:var(--orange)!important;box-shadow:0 10px 30px -18px var(--orange)!important}

/* use-case tabs: orange = selected state */
.uc-tab{background:var(--panel);border:1px solid var(--line);border-radius:8px}
.uc-tab .ic,.uc-tab svg,.uc-tab svg *{color:var(--orange)!important;stroke:var(--orange)!important}
.uc-tab.on,.uc-tab[aria-selected="true"]{border-color:var(--orange);background:var(--panel2)}
.uc-tab.on svg,.uc-tab[aria-selected="true"] svg{color:var(--orange)}
/* doors: icons + accents orange, no cyan/green */
.door .ic,.door svg,.door svg *{color:var(--orange)!important;stroke:var(--orange)!important}
.door-rank{--_c:var(--orange);--_g:rgba(255,99,20,.12)}
.door-pill .dot,.door-pill.alt .dot{background:var(--orange)!important}

/* inputs: 24px pill-ish, inset border */
.lf-field input,.lf-field textarea,.lf-field select{border-radius:24px;background:var(--panel2);border:1px solid var(--line);box-shadow:inset 0 0 0 1px var(--line);padding:12px 24px}
.lf-field input:focus,.lf-field textarea:focus{border-color:var(--dim);box-shadow:inset 0 0 0 1px var(--dim)}
.lf-modal{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:none}
.lf-glow{display:none}
.lf-ok .lf-check{background:transparent;border:1px solid var(--acc2);color:var(--acc2)}

/* cta band + doors + footer */
.ctaband{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:none}
.door-go{color:var(--orange)}
.ft{background:var(--bg);border-top:1px solid var(--line)}

/* section rhythm 64px */
section{scroll-margin-top:72px}


/* offer: dark cards with orange accents (not solid fill) */
.offer .cards{counter-reset:oc}
.offer .card{background:var(--panel);border:1px solid var(--orange);position:relative}
.offer .card::after{counter-increment:oc;content:"[ 0" counter(oc) " ]";position:absolute;top:16px;right:16px;
 font-family:'DM Mono',monospace;font-size:11px;letter-spacing:1px;color:var(--orange)}
.offer .card h3{color:#fff}
.offer .card p{color:var(--muted)}
.offer .card .ic,.offer .card svg,.offer .card svg *{color:var(--orange);stroke:var(--orange)!important}
.offer .card:hover{background:var(--panel2);border-color:var(--orange);transform:none}
/* audience: orange icon accents */
.aud-card .ic,.aud-card svg,.aud-card svg *{color:var(--orange);stroke:var(--orange)!important}
.aud-card:hover{border-color:var(--orange)}
/* use-cases: orange-accented panels to match */
.uc-panel{border:1px solid var(--line)}
.uc-sub{color:var(--orange)}
.uc-list li::before{background:var(--orange)!important}

/* internal pages: platform tabs selected = orange, flat */
.tab{border-radius:100px;font-family:'Space Grotesk','Inter',sans-serif;text-transform:uppercase;letter-spacing:.033em}
.tab.active{background:var(--orange);color:#fff;box-shadow:none;border-color:transparent}
.rankings.pf-twitch .tab.active,.rankings.pf-kick .tab.active{background:var(--orange);color:#fff;box-shadow:none}
.rank-list .prow:hover{background:var(--panel2)}
.kicker{color:var(--cyan)}
/* streamer page cards flat */
.stat,.demo .card,.lock-panel,.rel-card,.rel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:none}
.stat{border-top:1px solid var(--line)}
.stat::before,.stat::after{display:none}
.stat b{font-family:'Space Grotesk','Inter',sans-serif;font-weight:600;color:#fff}
.stat span{font-family:'DM Mono',monospace;font-size:11px;color:var(--dim)}
/* hero stats strip inside internal heroes */
.lattice-fx{border-radius:0}

/* hero stats: white numerals, mono labels (no colored glow) */
.hero-stats b,.hero-stats .c2,.hero-stats .c3{color:#fff;text-shadow:none;font-family:'Space Grotesk','Inter',sans-serif;font-weight:600}
.hero-stats span{font-family:'DM Mono',monospace;letter-spacing:.4px}

/* operator wordmarks keep their own brand hues (exempt from system accents) */
.bm-l-roobet{color:#eab255}
.bm-l-rainbet{color:#c3b2ff}
.bm-l-bcgame{color:#33ffac}