:root { --ink:#090d0b; --paper:#f3f0e8; --sage:#91a77d; --sage-dark:#293a2e; --gold:#efb63f; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--paper); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.nav { height:88px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.12); position:relative; z-index:5; }
.brand { display:flex; align-items:center; gap:13px; font-size:14px; letter-spacing:.08em; font-weight:800; }
.brandMark { width:78px; height:74px; overflow:hidden; position:relative; flex:none; }
.brandMark img { width:139px; height:139px; max-width:none; position:absolute; left:50%; top:-17px; transform:translateX(-50%); object-fit:cover; }
.brandMark::after { content:""; position:absolute; z-index:1; left:0; right:0; bottom:0; height:3px; background:var(--ink); }
.brand b { color:var(--sage); font-size:10px; letter-spacing:.25em; display:block; margin-top:2px; }
.navRight { display:flex; align-items:center; gap:28px; font-size:13px; }
.navRight>a { color:#c8ccc8; }
.status,.live { display:inline-flex; align-items:center; gap:8px; text-transform:uppercase; letter-spacing:.12em; font-weight:700; font-size:10px; }
.status i,.live i { width:7px; height:7px; background:var(--gold); border-radius:50%; box-shadow:0 0 0 4px rgba(239,182,63,.12); }
.hero { min-height:690px; display:grid; grid-template-columns:.88fr 1.12fr; gap:76px; align-items:center; padding-block:80px 92px; position:relative; }
.hero::before { content:""; width:420px; height:420px; border:1px solid rgba(145,167,125,.13); border-radius:50%; position:absolute; left:-250px; top:110px; box-shadow:0 0 0 80px rgba(145,167,125,.025),0 0 0 160px rgba(145,167,125,.02); }
.heroCopy { position:relative; z-index:1; }
.eyebrow { margin:0 0 22px; text-transform:uppercase; color:#8f9a91; letter-spacing:.16em; font-size:10px; font-weight:700; }
.eyebrow span { color:var(--gold); }
h1 { margin:0; font-size:clamp(58px,6.2vw,94px); line-height:.89; letter-spacing:-.065em; font-weight:750; }
h1 em { font-family:Georgia,"Times New Roman",serif; font-weight:400; color:var(--sage); }
.lede { max-width:520px; font-size:17px; line-height:1.7; color:#b8bebb; margin:30px 0; }
.heroActions { display:flex; align-items:center; gap:26px; margin-top:36px; }
.primaryButton { display:inline-flex; align-items:center; justify-content:space-between; gap:32px; min-width:220px; padding:16px 18px; background:var(--paper); color:var(--ink); font-weight:800; font-size:12px; text-transform:uppercase; letter-spacing:.06em; transition:transform .2s,background .2s; }
.primaryButton:hover { transform:translateY(-2px); background:white; }
.primaryButton span { font-size:18px; color:var(--sage-dark); }
.heroActions p { margin:0; color:#7e8781; font-size:11px; line-height:1.6; text-transform:uppercase; letter-spacing:.08em; }
.heroActions strong { color:var(--paper); }
.broadcastCard { width:100%; background:#101713; border:1px solid rgba(145,167,125,.26); box-shadow:0 38px 90px rgba(0,0,0,.48); transform:perspective(1100px) rotateY(-3deg) rotateX(1deg); position:relative; overflow:hidden; }
.broadcastCard::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(118deg,rgba(255,255,255,.035),transparent 28%,transparent 70%,rgba(145,167,125,.05)); }
.cardTop { height:42px; padding:0 18px; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; background:#060907; border-bottom:1px solid #2a332d; font-size:9px; letter-spacing:.15em; font-weight:700; color:#808a83; }
.cardTop>:nth-child(2) { text-align:center; }
.cardTop .weather { text-align:right; }
.live { color:#fff; }
.live i { background:#e4553c; box-shadow:0 0 0 3px rgba(228,85,60,.13); }
.tournament { min-height:100px; padding:22px 22px 19px; display:flex; align-items:flex-end; justify-content:space-between; background:linear-gradient(115deg,#223729,#111713); border-bottom:3px solid var(--gold); }
.tournament p { color:var(--sage); font-size:8px; letter-spacing:.2em; margin:0 0 7px; font-weight:800; }
.tournament h2 { font-size:22px; margin:0; letter-spacing:-.02em; }
.tournament>span { font-size:30px; color:rgba(255,255,255,.18); font-weight:900; }
.tableHead,.leaderRow { display:grid; grid-template-columns:44px 1fr 56px 56px; align-items:center; }
.tableHead { padding:10px 16px; color:#68726b; font-size:7px; letter-spacing:.14em; font-weight:800; border-bottom:1px solid #263028; }
.tableHead span:nth-child(n+3) { text-align:center; }
.leaderRow { min-height:66px; padding:0 16px; border-bottom:1px solid #273029; position:relative; font-size:12px; }
.leaderRow.first { background:linear-gradient(90deg,rgba(145,167,125,.2),rgba(145,167,125,.04)); }
.leaderRow>strong:nth-of-type(n+2) { text-align:center; color:#cbd6c8; }
.leaderRow.first>strong:last-of-type { color:var(--gold); font-size:16px; }
.player { display:flex; gap:12px; align-items:center; }
.player span { width:35px; height:35px; display:grid; place-items:center; border-radius:50%; background:#36463a; color:#aab7a7; font-size:9px; font-weight:800; }
.player b { font-size:13px; }
.leaderRow small { position:absolute; right:16px; bottom:5px; font-size:6px; color:#657067; letter-spacing:.1em; }
.ticker { height:42px; display:grid; grid-template-columns:98px 110px 1fr; align-items:center; font-size:8px; letter-spacing:.08em; background:var(--paper); color:var(--ink); }
.ticker b { height:100%; display:grid; place-items:center; background:var(--sage-dark); color:white; }
.ticker span { color:#687069; padding-left:14px; }
.ticker strong { white-space:nowrap; }
.signalBand { min-height:54px; background:var(--sage); color:#101612; display:flex; gap:28px; align-items:center; justify-content:center; overflow:hidden; font-size:9px; font-weight:900; letter-spacing:.18em; white-space:nowrap; }
.signalBand i { width:4px; height:4px; border-radius:50%; background:#d9e0d1; }
.about { padding-block:120px 130px; display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; }
.sectionIntro h2 { font-size:clamp(42px,4.7vw,68px); line-height:.98; letter-spacing:-.055em; margin:0; }
.sectionIntro>p:last-child { color:#98a099; line-height:1.7; max-width:480px; margin-top:28px; }
.features { border-top:1px solid #313833; }
.features article { padding:27px 0 30px; display:grid; grid-template-columns:52px 190px 1fr; gap:18px; border-bottom:1px solid #313833; align-items:start; }
.features article>span { color:var(--gold); font-family:Georgia,serif; font-style:italic; }
.features h3 { margin:0; font-size:16px; }
.features p { margin:0; color:#8e9790; font-size:13px; line-height:1.65; }
.manifesto { background:var(--paper); color:var(--ink); }
.manifestoInner { min-height:370px; display:flex; align-items:center; justify-content:center; gap:60px; }
.manifesto img { width:210px; height:210px; object-fit:cover; border-radius:50%; box-shadow:0 22px 50px rgba(0,0,0,.2); }
.manifesto p { color:#7c867b; letter-spacing:.23em; font-size:9px; font-weight:800; }
.manifesto h2 { margin:8px 0 0; font:italic 400 clamp(52px,7vw,96px)/1 Georgia,serif; letter-spacing:-.05em; color:var(--sage-dark); }
footer { min-height:116px; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; font-size:10px; color:#6e7871; letter-spacing:.08em; }
.footerBrand { color:#fff; font-weight:900; font-size:12px; }
.footerBrand span { color:var(--sage); }
footer p:nth-child(2) { text-align:center; text-transform:uppercase; }
footer p:last-child { text-align:right; }
@media (max-width:900px) {
  .hero { grid-template-columns:1fr; gap:60px; padding-top:65px; }
  .heroCopy { max-width:650px; }
  .broadcastCard { transform:none; max-width:680px; }
  .about { grid-template-columns:1fr; gap:60px; }
}
@media (max-width:620px) {
  .shell { width:min(100% - 30px,1180px); }
  .navRight>a { display:none; }
  .brand span { font-size:12px; }
  .brandMark { width:74px; height:70px; }
  .brandMark img { width:130px; height:130px; top:-16px; }
  .hero { min-height:auto; padding-block:58px 68px; }
  h1 { font-size:57px; }
  .heroActions { align-items:flex-start; flex-direction:column; }
  .broadcastCard { margin-inline:-4px; width:calc(100% + 8px); }
  .cardTop { grid-template-columns:1fr 1fr; }
  .weather { display:none; }
  .ticker { grid-template-columns:88px 1fr; }
  .ticker strong { display:none; }
  .signalBand { justify-content:flex-start; padding-inline:20px; }
  .about { padding-block:86px; }
  .features article { grid-template-columns:38px 1fr; }
  .features article p { grid-column:2; }
  .manifestoInner { min-height:390px; flex-direction:column; gap:25px; text-align:center; }
  .manifesto img { width:150px; height:150px; }
  footer { grid-template-columns:1fr 1fr; }
  footer p:nth-child(2) { display:none; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }