/* SportsForge Theme CSS v1.0 — Minutes Intelligence */

:root{
  --void:#03030a;--surf:#07071a;--card:#0c0c22;--elev:#10102c;
  --v:#7c3aed;--vb:#8b5cf6;--vg:#a78bfa;--vp:#c4b5fd;--vd:#4c1d95;
  --gold:#f59e0b;--cyan:#06b6d4;--grn:#10b981;--red:#ef4444;--rose:#f43f5e;
  --t1:#f8fafc;--t2:#94a3b8;--t3:#475569;--t4:#1e293b;
  --b1:rgba(124,58,237,.14);--b2:rgba(124,58,237,.26);--b3:rgba(124,58,237,.06);
  --shadow:0 24px 60px rgba(0,0,0,.55);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--void);color:var(--t1);font-family:'Instrument Sans',sans-serif;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.032'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.4}
a{color:inherit;text-decoration:none}
img{max-width:100%}

/* ── UTILITY ─────────────────────────────────────────────── */
.mono{font-family:'DM Mono',monospace}
.syne{font-family:'Syne',sans-serif}
.grn{color:var(--grn)}.gld{color:var(--gold)}.vio{color:var(--vg)}.cyn{color:var(--cyan)}
.blink::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--grn);margin-right:6px;animation:blink 1.5s infinite;vertical-align:middle}
@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}
.fade-up{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}
.fade-up.in{opacity:1;transform:translateY(0)}
.chip{display:inline-flex;align-items:center;gap:6px;font-family:'DM Mono',monospace;font-size:9px;font-weight:500;letter-spacing:1.8px;text-transform:uppercase;padding:4px 10px;border-radius:4px;width:fit-content}
.chip-v{color:var(--vp);background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.28)}
.chip-g{color:#fde68a;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.28)}
.chip-grn{color:#6ee7b7;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25)}
.chip-cyn{color:#67e8f9;background:rgba(6,182,212,.08);border:1px solid rgba(6,182,212,.25)}
.chip-red{color:#fca5a5;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25)}
.tag-live{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--grn);background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);padding:3px 8px;border-radius:3px;display:inline-block}
.tag-soon{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.25);padding:3px 8px;border-radius:3px;display:inline-block}
.tag-beta{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.25);padding:3px 8px;border-radius:3px;display:inline-block}
.tag-new{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:#f9a8d4;background:rgba(244,63,94,.08);border:1px solid rgba(244,63,94,.25);padding:3px 8px;border-radius:3px;display:inline-block}
.divider{height:1px;background:linear-gradient(90deg,transparent,var(--vd),transparent);margin:0 40px}
.sec{padding:88px 40px;position:relative}
.sec-bg{background:var(--surf)}
.sec-lbl{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--vp);margin-bottom:14px}
.sec-h{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(28px,3vw,46px);letter-spacing:-1.5px;line-height:1.1;margin-bottom:14px}
.sec-sub{font-size:15px;line-height:1.72;color:var(--t2);max-width:540px;margin-bottom:48px}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:11px 22px;border-radius:7px;transition:all .22s;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.btn-v{color:#fff;background:var(--v);box-shadow:0 0 24px rgba(124,58,237,.4)}
.btn-v:hover{background:var(--vb);box-shadow:0 0 40px rgba(124,58,237,.6);transform:translateY(-1px)}
.btn-g{color:#fff;background:linear-gradient(135deg,#92400e,var(--gold));box-shadow:0 0 24px rgba(245,158,11,.3)}
.btn-g:hover{transform:translateY(-1px);box-shadow:0 0 40px rgba(245,158,11,.5)}
.btn-o{color:var(--t2);border-color:var(--b2);background:rgba(124,58,237,.04)}
.btn-o:hover{color:var(--t1);border-color:var(--vg);background:rgba(124,58,237,.1)}
.btn-c{color:#67e8f9;border-color:rgba(6,182,212,.3);background:rgba(6,182,212,.05)}
.btn-c:hover{color:#fff;background:rgba(6,182,212,.12);border-color:var(--cyan)}
.btn-lg{font-size:14px;padding:13px 28px}

/* ── NAV ─────────────────────────────────────────────────── */
nav{position:fixed;top:0;left:0;right:0;z-index:900;height:62px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:rgba(3,3,10,.88);backdrop-filter:blur(20px);border-bottom:1px solid var(--b1);transition:border-color .3s}
.n-logo{display:flex;align-items:center;gap:9px}
.n-icon{width:30px;height:30px;background:linear-gradient(135deg,var(--v),var(--vg));border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 0 16px rgba(124,58,237,.35);flex-shrink:0}
.n-name{font-family:'Syne',sans-serif;font-weight:800;font-size:18px;letter-spacing:-.5px}
.n-name em{color:var(--vg);font-style:normal}
.n-links{display:flex;align-items:center;gap:24px;list-style:none}
.n-links a{font-size:12px;font-weight:500;color:var(--t3);transition:color .2s}
.n-links a:hover{color:var(--t1)}
.n-live{color:var(--grn) !important}
.n-actions{display:flex;gap:8px}
.n-sign{font-size:12px;font-weight:500;color:var(--t3);padding:7px 14px;border-radius:6px;border:1px solid transparent;transition:all .2s}
.n-sign:hover{color:var(--t1);border-color:var(--b2);background:rgba(124,58,237,.07)}
.n-join{font-size:12px;font-weight:600;color:#fff;padding:8px 18px;border-radius:6px;background:var(--v);box-shadow:0 0 16px rgba(124,58,237,.35);transition:all .2s}
.n-join:hover{background:var(--vb);box-shadow:0 0 28px rgba(124,58,237,.55);transform:translateY(-1px)}

/* ── TICKER ──────────────────────────────────────────────── */
.ticker{margin-top:62px;overflow:hidden;border-bottom:1px solid var(--b1);background:rgba(7,7,26,.7)}
.t-track{display:flex;animation:ticker 38s linear infinite;white-space:nowrap}
.t-track:hover{animation-play-state:paused}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ti{display:inline-flex;align-items:center;gap:7px;padding:10px 26px;font-family:'DM Mono',monospace;font-size:10px;border-right:1px solid var(--b1);color:var(--t3);white-space:nowrap}
.ti .d{width:5px;height:5px;border-radius:50%;flex-shrink:0}
.ti.live{color:var(--grn)}.ti.live .d{background:var(--grn);animation:blink 1.5s infinite}
.ti.hot{color:var(--gold)}.ti.hot .d{background:var(--gold)}
.ti.data{color:var(--vp)}.ti.data .d{background:var(--vg)}

/* ── FOOTBALL PRIORITY BANNER ────────────────────────────── */
.fb{background:linear-gradient(135deg,rgba(6,182,212,.07) 0%,rgba(124,58,237,.07) 100%);border-bottom:1px solid rgba(6,182,212,.18);padding:44px 40px}
.fb-inner{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;max-width:1280px;margin:0 auto}
.fb-urgency{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--grn);margin-bottom:12px;display:flex;align-items:center;gap:7px}
.fb-urgency::before{content:'';width:5px;height:5px;background:var(--grn);border-radius:50%;animation:blink 1.5s infinite}
.fb-h{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(24px,2.8vw,38px);letter-spacing:-1.2px;line-height:1.1;margin-bottom:12px}
.fb-sub{font-size:13px;color:var(--t2);line-height:1.65;max-width:520px;margin-bottom:18px}
.fb-buyers{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}
.fb-buyer{font-size:11px;color:var(--t2);background:var(--card);border:1px solid var(--b1);padding:4px 10px;border-radius:4px}
.fb-cd{background:var(--card);border:1px solid rgba(6,182,212,.22);border-radius:12px;padding:22px 28px;text-align:center;min-width:200px}
.fb-cd-lbl{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);margin-bottom:10px}
.fb-cd-n{font-family:'Syne',sans-serif;font-weight:800;font-size:48px;color:var(--t1);letter-spacing:-2px;line-height:1}
.fb-cd-u{font-family:'DM Mono',monospace;font-size:9px;color:var(--t3);letter-spacing:2px;margin-top:4px}
.fb-cd-note{font-size:11px;color:var(--cyan);margin-top:8px}

/* ── HERO SPLIT ──────────────────────────────────────────── */
.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;padding:0 40px;position:relative;overflow:hidden}
.hero-mesh-l{position:absolute;top:-200px;left:-200px;width:700px;height:700px;background:radial-gradient(ellipse,rgba(124,58,237,.1) 0%,transparent 68%);pointer-events:none}
.hero-mesh-r{position:absolute;bottom:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(ellipse,rgba(6,182,212,.06) 0%,transparent 68%);pointer-events:none}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(124,58,237,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.03) 1px,transparent 1px);background-size:70px 70px;pointer-events:none}
.hp{padding:68px 36px 68px 0;display:flex;flex-direction:column;justify-content:center;position:relative}
.hp.r{padding:68px 0 68px 36px;border-left:1px solid var(--b1)}
.h1{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(32px,3.6vw,52px);line-height:1.07;letter-spacing:-2px;margin:18px 0}
.h-sub{font-size:14px;line-height:1.74;color:var(--t2);max-width:420px;margin-bottom:30px}
.h-stats{display:flex;gap:26px;margin-bottom:34px}
.hs-v{font-family:'Syne',sans-serif;font-weight:800;font-size:24px;letter-spacing:-1px}
.hs-v em{color:var(--vg);font-style:normal}
.hs-l{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--t3);margin-top:3px}
.h-btns{display:flex;gap:12px;flex-wrap:wrap}

/* simulator preview */
.sim-card{margin-top:28px;background:var(--card);border:1px solid var(--b2);border-radius:12px;overflow:hidden;box-shadow:var(--shadow),0 0 24px rgba(124,58,237,.15);max-width:450px}
.sc-head{background:rgba(124,58,237,.08);border-bottom:1px solid var(--b1);padding:8px 14px;display:flex;justify-content:space-between;align-items:center}
.sc-match{font-family:'DM Mono',monospace;font-size:9px;color:var(--vp);letter-spacing:.5px}
.sc-live{font-family:'DM Mono',monospace;font-size:8px;color:var(--grn);display:flex;align-items:center;gap:4px}
.sc-live::before{content:'';width:5px;height:5px;background:var(--grn);border-radius:50%;animation:blink 1.5s infinite}
.sc-rows{padding:10px;display:flex;flex-direction:column;gap:5px}
.sc-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;background:rgba(124,58,237,.04);border:1px solid transparent;transition:all .2s}
.sc-row:hover{border-color:var(--b2);background:rgba(124,58,237,.1)}
.sc-av{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--vd),var(--v));display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0}
.sc-name{font-size:11px;font-weight:600}
.sc-role{font-family:'DM Mono',monospace;font-size:8px;color:var(--t3)}
.sc-price{font-family:'DM Mono',monospace;font-size:10px;color:var(--vp)}
.bdg{font-family:'DM Mono',monospace;font-size:8px;padding:2px 4px;border-radius:2px}
.bdg-h{color:var(--gold);background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.28)}
.bdg-d{color:#fca5a5;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.22)}
.chg{font-family:'DM Mono',monospace;font-size:9px;padding:2px 5px;border-radius:3px}
.up{color:var(--grn);background:rgba(16,185,129,.1)}
.dn{color:#f87171;background:rgba(248,113,113,.1)}

/* creator preview */
.cr-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:450px;margin-top:28px}
.cr-c{background:var(--card);border:1px solid var(--b2);border-radius:10px;padding:14px;transition:all .25s;cursor:default}
.cr-c:hover{border-color:rgba(245,158,11,.38);background:var(--elev);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.4)}
.cr-c.wide{grid-column:span 2;display:flex;align-items:center;gap:12px;background:rgba(245,158,11,.04);border-color:rgba(245,158,11,.18)}
.cr-ico{font-size:19px;margin-bottom:6px}
.cr-c.wide .cr-ico{font-size:26px;margin-bottom:0;flex-shrink:0}
.cr-nm{font-size:11px;font-weight:600;margin-bottom:3px}
.cr-ds{font-size:10px;color:var(--t3);line-height:1.5}
.earn-p{display:inline-flex;align-items:center;gap:3px;font-family:'DM Mono',monospace;font-size:8px;color:var(--gold);background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.22);padding:2px 6px;border-radius:3px;margin-top:5px;letter-spacing:.5px}

/* ── PRODUCTS GRID ───────────────────────────────────────── */
.p6{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--b1);border:1px solid var(--b1);border-radius:14px;overflow:hidden}
.prd{background:var(--surf);padding:28px 22px;transition:background .3s;position:relative;overflow:hidden}
.prd::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity .3s}
.prd:hover::before{opacity:1}
.prd:hover{background:var(--card)}
.prd.c1::before{background:linear-gradient(90deg,var(--v),var(--vg))}
.prd.c2::before{background:linear-gradient(90deg,var(--gold),#fcd34d)}
.prd.c3::before{background:linear-gradient(90deg,var(--cyan),#67e8f9)}
.prd.c4::before{background:linear-gradient(90deg,var(--grn),#6ee7b7)}
.prd.c5::before{background:linear-gradient(90deg,var(--rose),#fb7185)}
.prd.c6::before{background:linear-gradient(90deg,#8b5cf6,#c084fc)}
.prd-n{font-family:'DM Mono',monospace;font-size:9px;color:var(--t3);letter-spacing:2px;margin-bottom:16px}
.prd-ico{font-size:28px;margin-bottom:12px;display:block}
.prd-name{font-family:'Syne',sans-serif;font-weight:700;font-size:16px;margin-bottom:7px;letter-spacing:-.3px}
.prd-desc{font-size:12px;line-height:1.65;color:var(--t2);margin-bottom:16px}
.prd-feat{list-style:none;display:flex;flex-direction:column;gap:5px}
.prd-feat li{font-size:11px;color:var(--t3);display:flex;align-items:center;gap:5px}
.prd-feat li::before{content:'→';color:var(--vp);font-size:9px}
.prd-feat li.soon{color:var(--t4)}
.prd-feat li.soon::before{color:var(--t4)}

/* coming soon overlay */
.prd.cs{position:relative}
.prd.cs::after{content:'Coming Soon';position:absolute;top:12px;right:12px;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.22);padding:3px 8px;border-radius:3px}

/* ── PREDICTIONS ENGINE ──────────────────────────────────── */
.pred-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.accuracy-card{background:var(--card);border:1px solid var(--b2);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.ac-head{background:rgba(124,58,237,.08);border-bottom:1px solid var(--b1);padding:14px 18px;display:flex;justify-content:space-between;align-items:center}
.ac-title{font-family:'Syne',sans-serif;font-weight:700;font-size:14px}
.ac-badge{font-family:'DM Mono',monospace;font-size:9px;color:var(--grn);letter-spacing:1px;display:flex;align-items:center;gap:5px}
.ac-badge::before{content:'';width:5px;height:5px;background:var(--grn);border-radius:50%;animation:blink 1.5s infinite}
.ac-score-row{display:flex;align-items:center;justify-content:center;gap:28px;padding:22px 18px;border-bottom:1px solid var(--b1)}
.ac-big{font-family:'Syne',sans-serif;font-weight:800;font-size:56px;letter-spacing:-3px;color:var(--t1)}
.ac-big span{color:var(--vg);font-size:28px}
.ac-meta{display:flex;flex-direction:column;gap:6px}
.ac-bar-wrap{flex:1;background:var(--void);border-radius:4px;height:6px;overflow:hidden}
.ac-bar{height:100%;background:linear-gradient(90deg,var(--v),var(--vg));border-radius:4px;transition:width 1.5s ease}
.ac-rows{padding:10px 14px;display:flex;flex-direction:column;gap:5px}
.ac-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;border:1px solid transparent;font-size:12px;transition:all .2s}
.ac-row:hover{background:rgba(124,58,237,.06);border-color:var(--b1)}
.ac-row-match{color:var(--t2);flex:1}
.ac-row-call{font-family:'DM Mono',monospace;font-size:10px;color:var(--vp);margin:0 12px}
.ac-row-res{font-family:'DM Mono',monospace;font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px}
.res-c{color:var(--grn);background:rgba(16,185,129,.1)}
.res-w{color:#f87171;background:rgba(239,68,68,.1)}
.res-p{color:var(--gold);background:rgba(245,158,11,.1)}
.ac-footer{padding:12px 14px;border-top:1px solid var(--b1);display:flex;justify-content:space-between;align-items:center}
.pred-info{display:flex;flex-direction:column;gap:18px}
.pred-feature{background:var(--card);border:1px solid var(--b1);border-radius:10px;padding:16px;transition:all .2s}
.pred-feature:hover{border-color:var(--b2);background:var(--elev)}
.pf-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.pf-ico{font-size:20px}
.pf-title{font-family:'Syne',sans-serif;font-weight:700;font-size:13px}
.pf-desc{font-size:12px;color:var(--t2);line-height:1.6}
.pf-note{font-family:'DM Mono',monospace;font-size:9px;color:var(--gold);margin-top:6px;letter-spacing:.5px}

/* ── CREATOR OS ──────────────────────────────────────────── */
.creator-phases{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--b1);border:1px solid var(--b1);border-radius:14px;overflow:hidden;margin-bottom:40px}
.phase{background:var(--surf);padding:22px 18px;transition:background .3s;cursor:default;position:relative}
.phase:hover{background:var(--card)}
.phase-num{font-family:'DM Mono',monospace;font-size:9px;color:var(--t3);letter-spacing:2px;margin-bottom:12px}
.phase-ico{font-size:24px;margin-bottom:10px;display:block}
.phase-name{font-family:'Syne',sans-serif;font-weight:700;font-size:14px;margin-bottom:7px;letter-spacing:-.2px}
.phase-items{list-style:none;display:flex;flex-direction:column;gap:4px}
.phase-items li{font-size:10px;color:var(--t3);display:flex;align-items:center;gap:4px}
.phase-items li::before{content:'·';color:var(--vp)}
.conf-score{background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(6,182,212,.05));border:1px solid var(--b2);border-radius:14px;padding:28px;max-width:600px}
.cs-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.cs-title{font-family:'Syne',sans-serif;font-weight:700;font-size:16px}
.cs-score-big{font-family:'Syne',sans-serif;font-weight:800;font-size:52px;letter-spacing:-2px;color:var(--vg);line-height:1}
.cs-sub{font-size:11px;color:var(--t3);margin-top:4px}
.cs-meters{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.cs-meter-label{display:flex;justify-content:space-between;font-size:11px;color:var(--t2);margin-bottom:4px}
.cs-bar{height:4px;background:var(--card);border-radius:2px;overflow:hidden}
.cs-fill{height:100%;border-radius:2px;transition:width 1.5s .3s ease}
.cs-actions{display:flex;flex-direction:column;gap:7px;margin-top:20px;padding-top:18px;border-top:1px solid var(--b1)}
.cs-action{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--t2);padding:8px 10px;border-radius:6px;background:rgba(124,58,237,.04);border:1px solid transparent;transition:all .2s}
.cs-action:hover{border-color:var(--b1);color:var(--t1);background:rgba(124,58,237,.08)}
.cs-action-ico{font-size:14px;flex-shrink:0}
.cs-action-arrow{margin-left:auto;color:var(--vp);font-size:10px}
.creator-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:32px}
.ct{background:var(--card);border:1px solid var(--b1);border-radius:10px;padding:16px;transition:all .25s;position:relative}
.ct:hover{border-color:var(--b2);background:var(--elev);transform:translateY(-2px)}
.ct.cs-tool::after{content:'Soon';position:absolute;top:10px;right:10px;font-family:'DM Mono',monospace;font-size:7px;letter-spacing:1px;text-transform:uppercase;color:var(--gold);background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);padding:2px 5px;border-radius:3px}
.ct-ico{font-size:22px;margin-bottom:8px}
.ct-name{font-size:12px;font-weight:600;margin-bottom:3px}
.ct-desc{font-size:10px;color:var(--t3);line-height:1.5}
.ct-price{font-family:'DM Mono',monospace;font-size:9px;color:var(--vp);margin-top:6px}

/* ── DATA TERMINAL ───────────────────────────────────────── */
.data-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.terminal{background:var(--void);border:1px solid var(--b2);border-radius:12px;overflow:hidden;box-shadow:var(--shadow),0 0 40px rgba(124,58,237,.15)}
.t-bar{background:var(--card);border-bottom:1px solid var(--b1);padding:9px 14px;display:flex;align-items:center;gap:8px}
.t-dots{display:flex;gap:4px}
.t-dot{width:9px;height:9px;border-radius:50%}
.t-url{font-family:'DM Mono',monospace;font-size:9px;color:var(--t3);margin-left:8px;letter-spacing:.5px}
.t-body{padding:16px;font-family:'DM Mono',monospace;font-size:10px;line-height:1.9}
.tc{color:var(--t3)}.tk{color:var(--vp)}.tv{color:var(--grn)}.tn{color:var(--gold)}.ts{color:var(--cyan)}.tb{color:var(--t2)}
.tl{display:block}.ti{padding-left:18px}.ti2{padding-left:36px}
.data-tiers{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.dt{background:var(--card);border:1px solid var(--b1);border-radius:8px;padding:14px 16px;transition:all .2s;display:flex;justify-content:space-between;align-items:center}
.dt:hover{border-color:var(--b2);background:var(--elev)}
.dt-info{display:flex;flex-direction:column;gap:3px}
.dt-name{font-size:12px;font-weight:600}
.dt-desc{font-size:10px;color:var(--t3)}
.dt-price{font-family:'DM Mono',monospace;font-size:12px;color:var(--vp);text-align:right}
.dt-note{font-size:9px;color:var(--t3);text-align:right;margin-top:2px}
.buyers-g{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
.buyer{background:var(--card);border:1px solid var(--b1);border-radius:8px;padding:12px;transition:all .2s}
.buyer:hover{border-color:var(--b2);background:var(--elev)}
.buyer-ico{font-size:16px;margin-bottom:4px}
.buyer-name{font-size:11px;font-weight:600;margin-bottom:2px}
.buyer-desc{font-size:10px;color:var(--t3);line-height:1.4}

/* ── LOUNGE ──────────────────────────────────────────────── */
.games-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.game-c{background:var(--card);border:1px solid var(--b2);border-radius:10px;padding:18px 14px;text-align:center;transition:all .25s;cursor:pointer}
.game-c:hover{border-color:var(--vg);background:var(--elev);transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.4)}
.game-c.coming{border-style:dashed;border-color:var(--t4);opacity:.6}
.game-c.coming:hover{opacity:.9;border-color:var(--gold)}
.game-ico{font-size:26px;margin-bottom:8px}
.game-name{font-size:11px;font-weight:600;margin-bottom:3px}
.game-status{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:1px;color:var(--t3)}
.game-status.live{color:var(--grn)}
.game-status.upg{color:var(--gold)}

/* ── COMPARISON ──────────────────────────────────────────── */
.vs-wrap{overflow-x:auto}
.vs{width:100%;border-collapse:collapse;border:1px solid var(--b1);border-radius:12px;overflow:hidden}
.vs th{background:var(--card);padding:12px 18px;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--t3);text-align:left;border-bottom:1px solid var(--b1)}
.vs th.us{color:var(--vg)}
.vs td{padding:11px 18px;font-size:12px;color:var(--t2);border-bottom:1px solid rgba(124,58,237,.05)}
.vs tr:last-child td{border-bottom:none}
.vs tr:hover td{background:rgba(124,58,237,.03)}
.vs td.feat{font-weight:600;color:var(--t1);font-size:12px}
.vs td.us-col{background:rgba(124,58,237,.04)}
.y{color:var(--grn);font-weight:600}.n{color:var(--t4)}.pt{color:var(--gold);font-size:11px}

/* ── PRICING ─────────────────────────────────────────────── */
.price-note{background:rgba(6,182,212,.06);border:1px solid rgba(6,182,212,.18);border-radius:10px;padding:16px 20px;margin-bottom:32px;font-size:13px;color:var(--t2);line-height:1.6;max-width:700px}
.price-note strong{color:var(--cyan)}
.pr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:880px}
.pr{background:var(--card);border:1px solid var(--b1);border-radius:13px;padding:26px;position:relative;transition:all .3s}
.pr.feat{border-color:var(--v);background:linear-gradient(180deg,rgba(124,58,237,.07),var(--card))}
.pr:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(0,0,0,.4)}
.pr-badge{position:absolute;top:-9px;left:50%;transform:translateX(-50%);font-family:'DM Mono',monospace;font-size:8px;letter-spacing:2px;text-transform:uppercase;color:#fff;background:var(--v);padding:3px 12px;border-radius:20px;white-space:nowrap}
.pr-tier{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--t3);margin-bottom:9px}
.pr-price{font-family:'Syne',sans-serif;font-weight:800;font-size:38px;letter-spacing:-2px;color:var(--t1);line-height:1}
.pr-price sup{font-size:15px;letter-spacing:0;color:var(--t2)}
.pr-period{font-size:11px;color:var(--t3);margin:4px 0 20px}
.pr-feats{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.pr-feats li{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:var(--t2);line-height:1.4}
.ck{color:var(--vg);flex-shrink:0;margin-top:1px}.ckg{color:var(--gold);flex-shrink:0;margin-top:1px}
.pr-btn{display:block;text-align:center;padding:10px;border-radius:7px;font-size:12px;font-weight:600;transition:all .2s}
.pr-v{color:#fff;background:var(--v);box-shadow:0 0 16px rgba(124,58,237,.35)}
.pr-v:hover{background:var(--vb);box-shadow:0 0 28px rgba(124,58,237,.55)}
.pr-o{border:1px solid var(--b2);color:var(--t2)}
.pr-o:hover{border-color:var(--vg);color:var(--t1);background:rgba(124,58,237,.07)}

/* ── AI YUKTI TEASER ────────────────────────────────────── */
.yukti{background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(6,182,212,.05));border:1px solid var(--b2);border-radius:16px;padding:40px;text-align:center;max-width:800px;margin:0 auto;position:relative;overflow:hidden}
.yukti::before{content:'';position:absolute;top:-50px;left:50%;transform:translateX(-50%);width:300px;height:300px;background:radial-gradient(ellipse,rgba(124,58,237,.15),transparent 70%);pointer-events:none}
.yukti-ico{font-size:52px;margin-bottom:16px}
.yukti-h{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(22px,2.5vw,34px);letter-spacing:-1px;margin-bottom:12px}
.yukti-sub{font-size:14px;color:var(--t2);line-height:1.7;max-width:560px;margin:0 auto 20px}
.yukti-signals{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px}
.js{font-family:'DM Mono',monospace;font-size:9px;color:var(--t3);background:var(--card);border:1px solid var(--b1);padding:4px 10px;border-radius:20px}

/* ── B2B CTA ─────────────────────────────────────────────── */
.b2b-strip{background:linear-gradient(135deg,rgba(124,58,237,.07),rgba(6,182,212,.04));border-top:1px solid var(--b1);border-bottom:1px solid var(--b1);padding:48px 40px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.b2b-h{font-family:'Syne',sans-serif;font-weight:800;font-size:28px;letter-spacing:-1px;margin-bottom:8px}
.b2b-sub{font-size:14px;color:var(--t2);line-height:1.65;max-width:480px;margin-bottom:16px}
.b2b-tags{display:flex;flex-wrap:wrap;gap:7px}
.b2b-tag{font-size:10px;color:var(--t2);background:var(--card);border:1px solid var(--b1);padding:4px 10px;border-radius:4px}

/* ── DISCLAIMER ──────────────────────────────────────────── */
.disc{background:rgba(124,58,237,.04);border:1px solid var(--b1);border-radius:8px;padding:14px 18px;margin:0 40px 28px;font-size:10px;line-height:1.75;color:var(--t3)}

/* ── FOOTER ──────────────────────────────────────────────── */
footer{padding:48px 40px 24px;border-top:1px solid var(--b1)}
.f-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.f-brand{font-family:'Syne',sans-serif;font-weight:800;font-size:20px;letter-spacing:-.5px;margin-bottom:10px}
.f-brand em{color:var(--vg);font-style:normal}
.f-desc{font-size:12px;line-height:1.7;color:var(--t3);max-width:220px;margin-bottom:14px}
.f-parent{font-family:'DM Mono',monospace;font-size:9px;color:var(--t3);letter-spacing:.5px}
.f-parent a{color:var(--vp)}
.f-col h4{font-family:'Syne',sans-serif;font-weight:700;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px;color:var(--t1)}
.f-links{list-style:none;display:flex;flex-direction:column;gap:8px}
.f-links a{font-size:12px;color:var(--t3);transition:color .2s}
.f-links a:hover{color:var(--t2)}
.f-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--b1)}
.f-copy{font-family:'DM Mono',monospace;font-size:9px;color:var(--t3)}
.f-legal{display:flex;gap:18px}
.f-legal a{font-size:10px;color:var(--t3)}
.f-legal a:hover{color:var(--t2)}

/* ── RESPONSIVE ──────────────────────────────────────────── */
@media(max-width:1100px){
  .n-links{display:none}
  .hero{grid-template-columns:1fr;padding:0 20px}
  .hp{padding:52px 0 32px}.hp.r{padding:32px 0 52px;border-left:none;border-top:1px solid var(--b1)}
  .sec{padding:60px 20px}
  .p6{grid-template-columns:1fr 1fr}
  .pred-wrap{grid-template-columns:1fr}
  .data-layout{grid-template-columns:1fr}
  .creator-phases{grid-template-columns:1fr 1fr}
  .creator-tools-grid{grid-template-columns:1fr 1fr}
  .games-grid{grid-template-columns:repeat(3,1fr)}
  .pr-grid{grid-template-columns:1fr;max-width:380px}
  .b2b-strip{grid-template-columns:1fr;padding:36px 20px}
  .f-grid{grid-template-columns:1fr 1fr}
  .fb-inner{grid-template-columns:1fr}.fb-cd{display:none}
  .divider{margin:0 20px}.disc{margin:0 20px 24px}
  nav{padding:0 20px}
}
@media(max-width:640px){
  .p6,.creator-phases{grid-template-columns:1fr}
  .creator-tools-grid{grid-template-columns:1fr}
  .games-grid{grid-template-columns:repeat(2,1fr)}
  .f-grid{grid-template-columns:1fr}
  .cr-cards,.buyers-g{grid-template-columns:1fr}
  .cr-c.wide{grid-column:span 1;flex-direction:column}
  .h-stats{gap:16px}
}