:root{--bg:#eef2f6;--surface:#fff;--ink:#17212b;--muted:#6b7682;--line:#d9e0e7;--dark:#0a0f16;--shadow:0 17px 46px rgba(17,25,37,.10)}
*{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 16% 22%,rgba(49,117,201,.24),transparent 30%),radial-gradient(circle at 84% 70%,rgba(126,70,190,.22),transparent 33%),linear-gradient(135deg,#151c25,#090d13);color:#fff}.heroin{max-width:1240px;margin:auto;padding:64px 24px 58px}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:#788490}.hero .eyebrow{color:#c7d0da}.hero h1{font-size:clamp(44px,6vw,72px);line-height:.97;margin:9px 0 13px}.hero p{max-width:760px;margin:0;color:#d8dfe8;font-size:18px;line-height:1.55}.hero-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.pill{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);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;justify-content:space-between;align-items:end;gap:22px;margin-bottom:18px}.sectionhead h2{font-size:34px;line-height:1.04;margin:6px 0 0}.sectionhead p{max-width:550px;margin:0;color:var(--muted);line-height:1.5}
.leader-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.leader-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow)}.leader-card h3{font-size:22px;margin:7px 0 14px}.leader-row{display:grid;grid-template-columns:26px 1fr auto;gap:9px;align-items:center;padding:9px 0;border-top:1px solid #ebeff3}.leader-row:first-of-type{border-top:0}.leader-row .rank{font-size:11px;color:#7b8692;font-weight:900}.leader-team{display:flex;align-items:center;gap:8px;min-width:0}.leader-team img{width:32px;height:32px;object-fit:contain;background:#111720;border-radius:9px;padding:4px}.leader-team strong{font-size:13px}.leader-value{text-align:right}.leader-value strong{display:block;font-size:17px}.leader-value span{display:block;font-size:9px;color:#7a8490;font-weight:900}
.compare{background:#fff;border:1px solid var(--line);border-radius:21px;overflow:hidden;box-shadow:var(--shadow)}.team-stat-row{display:grid;grid-template-columns:minmax(230px,1.5fr) repeat(7,minmax(64px,.55fr));gap:10px;align-items:center;padding:12px 16px;border-top:1px solid #e8edf1}.team-stat-row:first-child{border-top:0}.team-stat-row.header{background:#f7f9fb;color:#75808c;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:900;padding-top:10px;padding-bottom:10px}.compare-team{display:flex;align-items:center;gap:10px}.compare-team img{width:42px;height:42px;object-fit:contain;background:#111720;border-radius:11px;padding:5px}.metric{font-weight:900}.metric small{display:none}
.passing{background:#fff;border:1px solid var(--line);border-radius:21px;overflow:hidden;box-shadow:var(--shadow)}.pass-row{display:grid;grid-template-columns:42px minmax(250px,1.4fr) 90px 90px 70px 70px;gap:10px;align-items:center;padding:13px 17px;border-top:1px solid #e8edf1}.pass-row:first-child{border-top:0}.pass-row.header{background:#f7f9fb;color:#75808c;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:900}.pass-player{display:flex;align-items:center;gap:10px}.pass-player img{width:42px;height:42px;object-fit:contain;background:#111720;border-radius:11px;padding:5px}.pass-player strong{display:block;font-size:14px}.pass-player span{font-size:11px;color:#73808c}.pass-metric{font-weight:900}.pass-metric small{display:none}
.footer{background:#0b1118;color:#909aa6;padding:26px}.footerin{max-width:1240px;margin:auto;display:flex;justify-content:space-between;gap:20px}.footer strong{color:#eef2f6}.footer p{margin:0}
@media(max-width:1000px){.leader-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){
 .navlinks a:not(.home-link){display:none}.navlogo{height:40px;max-width:155px}.navin{padding:8px 14px}
 .team-stat-row.header,.pass-row.header{display:none}
 .team-stat-row{grid-template-columns:1fr repeat(4,auto);gap:9px 11px;padding:14px}
 .compare-team{grid-column:1/-1}.metric{font-size:14px}.metric small{display:block;font-size:8px;color:#7a8490;letter-spacing:.08em;margin-bottom:2px}
 .pass-row{grid-template-columns:30px 1fr repeat(2,auto);gap:8px 10px;padding:14px}
 .pass-player{grid-column:2/-1}.pass-metric small{display:block;font-size:8px;color:#7a8490;letter-spacing:.08em;margin-bottom:2px}
}
@media(max-width:640px){.heroin{padding:48px 14px 43px}.main{padding:28px 14px 64px}.sectionhead{display:block}.sectionhead p{margin-top:9px}.leader-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;
  }
}