:root{color-scheme:light;--background:#f7f7f2;--foreground:#171717;--muted:#6b6f76;--line:#d9ded5;--panel:#ffffff;--accent:#0f6b57;--accent-strong:#0b4338;--warn:#b45309}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.shell{margin:0 auto;max-width:1120px;padding:28px 20px 56px}.topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:38px}.brand{font-size:18px;font-weight:750}.nav{color:var(--muted);display:flex;font-size:14px;gap:18px}.hero{display:grid;grid-gap:16px;gap:16px;margin-bottom:28px}.eyebrow{color:var(--accent);font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:clamp(40px,7vw,76px);line-height:.96;max-width:850px}.lede{color:#3f4548;font-size:19px;line-height:1.55;max-width:730px}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin:30px 0 18px}.pill{border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:14px;padding:8px 12px}.matchup-grid{display:grid;grid-gap:12px;gap:12px}.detail-panel,.matchup-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}.matchup-card{display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) auto}.teams{display:grid;grid-gap:6px;gap:6px}.teams h2{font-size:22px}.meta{color:var(--muted);font-size:14px}.edge{align-content:start;display:grid;grid-gap:6px;gap:6px}.edge strong{color:var(--accent-strong)}.list{color:#303538;display:grid;grid-gap:6px;gap:6px;line-height:1.4;margin:0;padding-left:18px}.button,.list{font-size:14px}.button{align-self:center;background:var(--accent);border-radius:8px;color:white;font-weight:750;padding:11px 14px;white-space:nowrap}.button.secondary{background:#e6eee9;color:var(--accent-strong)}.detail-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:1.2fr .8fr;margin-top:22px}.section-title{font-size:16px;margin-bottom:12px}.score-row{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:11px 0}.score-row:first-of-type{border-top:0}.risk{color:var(--warn)}@media (max-width:780px){.detail-grid,.matchup-card,.topbar{grid-template-columns:1fr}.topbar{align-items:flex-start;grid-gap:12px;gap:12px}.matchup-card,.topbar{display:grid}.button{justify-self:start}}.landing-page{background:radial-gradient(ellipse 900px 600px at 66% 18%,rgba(32,110,110,.35) 0,transparent 65%),radial-gradient(ellipse 640px 420px at 8% 72%,rgba(20,80,90,.25) 0,transparent 60%),linear-gradient(160deg,#132533,#0e1e2c 45%,#122e35);color:#dde8ee;font-family:var(--font-dm-sans),ui-sans-serif,system-ui,sans-serif;max-width:none;min-height:100vh;padding:0}.landing-page:before{background:radial-gradient(ellipse 560px 360px at 76% -20px,rgba(32,160,140,.18) 0,transparent 65%);content:"";inset:0;pointer-events:none;position:fixed}.landing-page .topbar{align-items:center;background:rgba(14,28,40,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;margin:0;padding:18px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.landing-page .brand{color:#dde8ee;font-family:var(--font-chakra),monospace;font-size:16px;font-weight:700;letter-spacing:.05em}.landing-page .nav{color:rgba(180,210,220,.4);display:flex;font-size:13px;gap:18px;letter-spacing:.01em}.landing-page .nav a,.landing-page .nav span{transition:color .15s ease}.landing-page .nav a:hover,.landing-page .nav span:hover{color:#30c8b8}.landing-page .hero{border-bottom:1px solid rgba(255,255,255,.07);display:grid;grid-gap:0;gap:0;margin:0;padding:58px 40px 48px;position:relative;z-index:1}.landing-page .hero>*{margin-left:auto;margin-right:auto;max-width:1040px;width:100%}.landing-page .eyebrow{color:#28c4b0;font-family:var(--font-mono),monospace;font-size:10.5px;font-weight:500;letter-spacing:.16em;margin-bottom:22px}.landing-page h1{color:#dde8ee;font-family:var(--font-chakra),monospace;font-size:4.75rem;font-weight:700;letter-spacing:0;line-height:.98;max-width:900px}.landing-page .lede{color:rgba(180,210,225,.58);font-size:18px;line-height:1.65;margin-top:20px;max-width:720px}.landing-page .matchup-grid,.landing-page .toolbar{margin-left:auto;margin-right:auto;max-width:1040px;position:relative;width:calc(100% - 80px);z-index:1}.landing-page .toolbar{align-items:center;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;margin-bottom:14px;margin-top:28px;padding-bottom:14px}.landing-page .toolbar h2{color:rgba(180,210,225,.35);font-family:var(--font-mono),monospace;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.landing-page .matchup-grid{display:grid;grid-gap:14px;gap:14px;padding-bottom:80px}.landing-page .matchup-card{animation:landingFadeUp .4s ease both;background:rgba(12,26,36,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:12px;display:grid;grid-gap:22px;gap:22px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) auto;padding:22px 24px}.landing-page .matchup-card:nth-child(2){animation-delay:.05s}.landing-page .teams{gap:8px}.landing-page .teams h2{color:#dde8ee;font-family:var(--font-chakra),monospace;font-size:30px;font-weight:700;letter-spacing:0;line-height:1.08}.landing-page .meta{color:rgba(180,210,225,.4);font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:.04em}.landing-page .edge{gap:10px}.landing-page .edge p:not(.meta){color:rgba(180,210,225,.7);font-size:14px}.landing-page .edge strong{color:#2ecfc0;font-family:var(--font-chakra),monospace;font-size:18px;font-weight:700}.landing-page .list{color:rgba(180,210,225,.7);display:grid;font-size:14px;grid-gap:10px;gap:10px;line-height:1.5;list-style:none;margin-top:2px;padding-left:0}.landing-page .list li{display:flex;gap:10px}.landing-page .list li:before{content:"->";flex-shrink:0}.landing-page .button,.landing-page .list li:before{color:#28c4b0;font-family:var(--font-mono),monospace}.landing-page .button{align-self:center;background:rgba(40,196,176,.08);border:1px solid rgba(40,196,176,.34);border-radius:8px;font-size:12px;font-weight:500;letter-spacing:.08em;padding:12px 16px;text-transform:uppercase;transition:background .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.landing-page .button:hover{background:rgba(40,196,176,.14);border-color:#28c4b0;color:#7ef7e8}.landing-page .button.secondary{background:transparent;border-color:rgba(255,255,255,.08);color:rgba(180,210,225,.4)}.landing-page .button.secondary:hover{background:rgba(40,196,176,.07);border-color:#28c4b0;color:#28c4b0}.landing-signal{gap:8px;margin-left:4px;vertical-align:middle}.landing-signal,.landing-signal-bars{align-items:center;display:inline-flex}.landing-signal-bars{gap:4px}.landing-signal-bar{background:rgba(255,255,255,.08);border-radius:3px;display:inline-block;height:7px;width:22px}.landing-signal-bar.active.low{background:#d94f4f}.landing-signal-bar.active.medium{background:#d97b2e}.landing-signal-bar.active.high{background:#2ec47c}.landing-signal-text{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.landing-signal-text.low{color:#d94f4f}.landing-signal-text.medium{color:#d97b2e}.landing-signal-text.high{color:#2ec47c}@keyframes landingFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:860px){.landing-page .matchup-card{grid-template-columns:1fr}.landing-page .button{justify-self:start}}@media (max-width:720px){.landing-page .topbar{align-items:flex-start;display:grid;grid-gap:12px;gap:12px;padding:14px 20px}.landing-page .hero{padding:44px 20px 36px}.landing-page h1{font-size:3rem}.landing-page .lede{font-size:16px}.landing-page .matchup-grid,.landing-page .toolbar{width:calc(100% - 40px)}.landing-page .toolbar{align-items:flex-start;display:grid;grid-gap:12px;gap:12px}}@media (max-width:460px){.landing-page .nav{flex-wrap:wrap}.landing-page h1{font-size:2.35rem}.landing-page .teams h2{font-size:24px}.landing-signal{align-items:flex-start;display:flex;margin-left:0;margin-top:6px}}