@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@600;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root {
  --lp-max:1180px; --lp-ink:#07080a; --lp-panel:#0d0f13; --lp-panel-raised:#161a22; --lp-line:rgba(199,204,214,.11); --lp-muted:#8891a0; --lp-lime:#22ff8f;
  /* Override footy9/assets/style.css tokens so the rest of the page (which
     still references var(--bg)/var(--accent)/etc directly) also lands on
     the Signal Grid palette instead of the app's default green. */
  --bg:#07080a; --sf:#0d0f13; --bd:#1b1f28; --tx:#c7ccd6; --tx3:#8891a0;
  --accent:#22ff8f; --win:#22ff8f; --loss:#ff3f63;
  --font-ui:'JetBrains Mono', monospace; --font-mono:'JetBrains Mono', monospace;
}
body, body.lp-public { min-height:100vh; margin:0; background:var(--lp-ink); color:#c7ccd6; font-family:'JetBrains Mono',var(--font-mono); line-height:1.5; }
body::before { background:radial-gradient(circle at 85% -10%,rgba(34,255,143,.10),transparent 33rem),linear-gradient(90deg,rgba(34,255,143,.025) 1px,transparent 1px),linear-gradient(rgba(34,255,143,.025) 1px,transparent 1px); background-size:auto,44px 44px,44px 44px; }
.wrap,.lp-shell { width:min(calc(100% - 40px),var(--lp-max)); max-width:none; margin-inline:auto; padding:0; }
.mono,.mkt-row-rec,.match-time,.mstat-lbl,.rich-hdr { font-family:'JetBrains Mono',var(--font-mono); }
.lp-nav { position:sticky; top:0; z-index:20; border-bottom:1px solid var(--lp-line); background:rgba(7,8,10,.84); backdrop-filter:blur(18px); }
.lp-nav-inner { width:min(calc(100% - 40px),var(--lp-max)); min-height:68px; margin:auto; padding:0; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.lp-logo { display:inline-flex; align-items:center; gap:10px; color:#f2f5fa; font:800 15px/1 'JetBrains Mono',var(--font-mono); letter-spacing:.09em; text-decoration:none; }
.lp-logo-icon { display:grid; width:31px; height:31px; place-items:center; border-radius:9px; background:var(--lp-lime); color:var(--lp-ink); font-size:12px; }
.lp-nav-cta,.lp-nav-actions,.lp-hero-actions { display:flex; gap:8px; align-items:center; }
.btn,.lp-button,.btn-ts { display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:0 13px; border:1px solid var(--lp-line); border-radius:8px; background:transparent; color:#c7ccd6; font-size:12px; font-weight:800; text-decoration:none; transition:transform .18s,background .18s,border-color .18s; }
.btn-primary,.lp-button--primary,.btn-ts { border-color:var(--lp-lime); background:var(--lp-lime); color:var(--lp-ink); }
.btn:hover,.lp-button:hover,.btn-ts:hover,.lg-card:hover { transform:translateY(-2px); opacity:1; border-color:var(--lp-lime); }
.stats-main { display:block; padding:74px 0; }
.proof-grid,.lp-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:none; text-align:left; }
.proof-item,.lp-metric { padding:22px; border:1px solid var(--lp-line); border-radius:12px; background:linear-gradient(145deg,var(--lp-panel-raised),var(--lp-panel)); box-shadow:0 16px 40px rgba(0,0,0,.35); }
.proof-item .num,.lp-metric strong { color:var(--lp-lime); font-size:clamp(30px,4vw,46px); letter-spacing:-.08em; }
.proof-item .lbl,.lp-metric p { margin-top:8px; color:var(--lp-muted); font:700 10px/1.4 'JetBrains Mono',var(--font-mono); letter-spacing:.09em; text-transform:uppercase; }
.pt-hero,.lp-hero { padding:72px 0 32px; max-width:780px; }
.pt-h1,.lp-title { margin:0; color:#f2f5fa; font-family:'Big Shoulders Display',sans-serif; font-weight:800; text-transform:uppercase; font-size:clamp(34px,5.8vw,62px); line-height:.96; letter-spacing:.01em; }
.pt-sub,.lp-lede { max-width:690px; margin:20px 0 0; color:var(--lp-muted); font-size:15px; line-height:1.7; }
.lg-grid { grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:14px; padding-bottom:56px; }
.lg-card { position:relative; min-height:160px; padding:22px; border:1px solid var(--lp-line); border-radius:12px; background:linear-gradient(145deg,var(--lp-panel-raised),var(--lp-panel)); color:#c7ccd6; box-shadow:0 16px 40px rgba(0,0,0,.35); transition:transform .18s,border-color .18s; }
.lg-card::after { content:'→'; position:absolute; right:20px; bottom:18px; color:var(--lp-lime); font:700 18px/1 'JetBrains Mono',var(--font-mono); }.lg-card .cc,.lg-card .mk,.lg-card .nx,.crumb,.match-time { color:var(--lp-muted); }.lg-card .nm { font-size:18px; }.lg-card .nx { color:var(--lp-lime); }
.match-card,.rich-card,.pick-box { border-color:var(--lp-line); background:var(--lp-panel); box-shadow:0 16px 40px rgba(0,0,0,.35); }.match-card[open],.pick-box { border-color:rgba(34,255,143,.44); }.mkt-row { border-top-color:var(--lp-line); }.match-card-hd { padding:18px 20px; }.match-card-body { padding:0 20px 20px; }.rich-hdr { border-bottom-color:var(--lp-line); background:rgba(255,255,255,.025); }.rich-body { padding:16px 20px 18px; }.mstat-lbl { color:var(--lp-muted); }.bar-track { background:rgba(255,255,255,.1); }
.empty { padding:56px 0; color:var(--lp-muted); } footer,.lp-footer { border-top:1px solid var(--lp-line); padding:28px 0; color:var(--lp-muted); } footer a,.lp-footer a { color:#c7ccd6; }.pt-eyebrow,.lp-kicker,.pt-board-note { color:var(--lp-lime); font:700 10px/1.4 'JetBrains Mono',var(--font-mono); letter-spacing:.14em; }
.lp-button:focus-visible,.btn:focus-visible,.btn-ts:focus-visible,.lg-card:focus-visible,summary:focus-visible { outline:3px solid #f2f5fa; outline-offset:3px; }
@media (max-width:720px){.wrap,.lp-shell,.lp-nav-inner{width:min(calc(100% - 28px),var(--lp-max));}.lp-nav-inner{min-height:60px}.proof-grid,.lp-metrics,.lg-grid{grid-template-columns:1fr}.stats-main,.pt-hero,.lp-hero{padding:48px 0 26px}.match-card-hd,.mkt-row{align-items:flex-start;flex-direction:column}.btn-ts{width:100%}.rich-body{grid-template-columns:1fr 1fr;padding:14px}.lp-nav-cta .btn-ghost{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}