:root{--bg:#eef2f6;--surface:#fff;--ink:#18212b;--muted:#6a7581;--line:#d9e0e7;--shadow:0 17px 48px rgba(15,23,35,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.nav{background:#090e15;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:30}.navin{max-width:1240px;height:76px;margin:auto;padding:8px 24px;display:flex;align-items:center;gap:22px}.navbrand{margin-right:auto}.navlogo{height:52px;max-width:280px;object-fit:contain}.navlinks{display:flex;gap:17px;align-items:center;color:#dce3eb;font-size:13px;font-weight:800}
.hero{background:radial-gradient(circle at 18% 22%,rgba(41,121,213,.28),transparent 30%),radial-gradient(circle at 82% 72%,rgba(137,62,204,.26),transparent 33%),linear-gradient(135deg,#141b25,#080c12);color:#fff}.heroin{max-width:1240px;margin:auto;padding:66px 24px 60px;display:grid;grid-template-columns:1fr 420px;gap:42px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:#788490}.hero .eyebrow{color:#c8d0da}.hero h1{font-size:clamp(45px,6vw,74px);line-height:.96;margin:9px 0 12px}.hero p{font-size:18px;line-height:1.55;color:#d9e0e9;margin:0;max-width:720px}.hero-logo-box{min-height:230px;border-radius:26px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.09);display:grid;place-items:center;padding:28px}.hero-logo-box img{max-height:185px;object-fit:contain}
.hero-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.pill{padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);font-size:12px;font-weight:900}
.main{max-width:1240px;margin:auto;padding:36px 24px 74px}.section{margin-top:38px}.section:first-child{margin-top:0}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.sectionhead h2{font-size:34px;margin:6px 0 0;line-height:1.04}.sectionhead p{max-width:530px;margin:0;color:var(--muted);line-height:1.5}
.current-card{background:linear-gradient(135deg,#111820,#171e29);color:#fff;border-radius:26px;padding:28px;box-shadow:var(--shadow);display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}.current-card h3{font-size:34px;margin:8px 0 10px}.current-card p{color:#c9d2dc;line-height:1.5}.segment-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.segment-chip{font-size:11px;font-weight:900;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:8px 10px;border-radius:999px}.current-cta{display:flex;justify-content:flex-end}.current-cta a{background:#fff;color:#131a23;font-weight:900;border-radius:999px;padding:13px 17px}
.matchup{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.team{display:flex;align-items:center;gap:13px}.team.right{justify-content:flex-end;text-align:right}.team-logo{width:64px;height:64px;padding:7px;background:#111720;border-radius:16px}.team-logo img{width:100%;height:100%;object-fit:contain}.team strong{display:block;font-size:18px}.team span{font-size:12px;color:#6b7682;font-weight:900}.vs{text-align:center;font-weight:900;color:#707b87;font-size:12px}
.results-grid,.pressure-grid,.performer-grid,.prediction-grid{display:grid;gap:14px}.results-grid{grid-template-columns:repeat(5,1fr)}.result-card,.pressure-card,.performer-card,.prediction-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:17px;box-shadow:var(--shadow)}.result-card span,.pressure-card span,.performer-card span,.prediction-card span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7a8591;font-weight:900}.result-card h3,.pressure-card h3,.performer-card h3,.prediction-card h3{font-size:19px;margin:8px 0 7px}.result-score{font-size:24px;font-weight:900;margin-top:12px}.result-card p,.pressure-card p,.performer-card p,.prediction-card p{font-size:13px;line-height:1.5;color:#66717d;margin:0}
.pressure-grid,.performer-grid{grid-template-columns:repeat(3,1fr)}.prediction-grid{grid-template-columns:repeat(2,1fr)}.card-team{display:flex;align-items:center;gap:9px;margin-bottom:11px}.card-team img{width:40px;height:40px;object-fit:contain;background:#111720;border-radius:10px;padding:4px}.performer-card a,.prediction-card a{display:inline-block;margin-top:12px;color:#315d9d;font-weight:900;font-size:12px}
.footer{background:#0b1118;color:#909aa6;padding:26px}.footerin{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer strong{color:#eef2f6}.footer p{margin:0}
@media(max-width:1000px){.heroin{grid-template-columns:1fr}.hero-logo-box{min-height:180px}.current-card{grid-template-columns:1fr}.current-cta{justify-content:flex-start}.results-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.navlinks a:not(.home-link){display:none}.navlogo{height:40px;max-width:155px}.navin{padding:8px 14px}.heroin{padding:48px 14px 44px}.main{padding:28px 14px 64px}.sectionhead{display:block}.sectionhead p{margin-top:9px}.matchup{grid-template-columns:1fr}.team.right{justify-content:flex-start;text-align:left}.vs{text-align:left;padding-left:77px}.results-grid,.pressure-grid,.performer-grid,.prediction-grid{grid-template-columns:1fr}.footerin{display:block}.footer p{margin-top:7px}}


/* ---------- V8 UNIFIED MOBILE GLOBAL NAV ---------- */
@media(max-width:760px){
  .navin{
    height:auto !important;
    min-height:76px;
    flex-wrap:wrap;
    gap:8px !important;
    padding:9px 14px 8px !important;
  }
  .navbrand{width:100%;margin:0 !important;display:flex;align-items:center}
  .navlogo{height:40px !important;max-width:170px !important}
  .navlinks{
    display:flex !important;
    width:100%;
    gap:7px !important;
    overflow-x:auto;
    white-space:nowrap;
    padding:1px 0 5px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .navlinks::-webkit-scrollbar{display:none}
  .navlinks a,
  .navlinks a:not(.home-link),
  .navlinks .back{
    display:inline-flex !important;
    flex:0 0 auto;
    align-items:center;
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    padding:7px 9px;
    font-size:11px !important;
    line-height:1;
  }
}