:root{color-scheme:light;--ink:#153941;--muted:#577075;--paper:#fbf5e4;--card:#fffdf7;--accent:#229f98}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:#087f7b}
a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.site-header{border-bottom:1px solid #e4ddc9;background:#fffbef}
.site-header nav{max-width:1120px;margin:auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{color:var(--ink);font-weight:750;font-size:21px;text-decoration:none}
.nav-links{display:flex;flex-wrap:wrap;gap:24px}
.nav-links a{text-decoration:none;font-size:16px}
.nav-links a[aria-current=page]{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:7px}
main{max-width:1120px;margin:auto;padding:64px 28px 80px}
main>section+section{margin-top:90px}
h1,h2{line-height:1.18;letter-spacing:-.035em}
h1{font-size:clamp(46px,7vw,76px);margin:12px 0 22px}
h2{font-size:clamp(29px,4vw,42px);margin:10px 0 18px}
p{max-width:68ch}
.lead{font-size:clamp(20px,2.5vw,25px);color:#36565b}
.eyebrow{margin:0;color:#087f7b;font-size:14px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.hero,.watch-section{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.7fr);align-items:center;gap:60px}
.phone-shot{display:block;width:min(100%,330px);height:auto;justify-self:center;border-radius:32px;box-shadow:0 22px 60px #15394125}
.text-link{display:inline-block;margin-top:12px;font-weight:700;text-decoration-thickness:2px;text-underline-offset:5px}
.sport-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.sport-list li{background:var(--card);border:1px solid #e5e2d8;border-radius:999px;padding:8px 16px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.feature-card{background:var(--card);border:1px solid #e5e2d8;border-radius:24px;padding:28px}
.feature-card h2{font-size:27px}
.feature-card p{margin-bottom:0}
.watch-section{background:#e9eee5;border-radius:30px;padding:40px}
.article-page{max-width:800px}
.article-page h1{font-size:clamp(40px,6vw,60px)}
.article-page>.lead{margin-bottom:12px}
.subpage-note{color:var(--muted);font-size:15px;margin-bottom:36px}
.article-page h2{font-size:28px;background:var(--card);border:1px solid #e5e2d8;border-bottom:0;border-radius:24px 24px 0 0;margin:18px 0 0;padding:24px 28px 0}
.article-page h2+p{background:var(--card);border:1px solid #e5e2d8;border-top:0;border-radius:0 0 24px 24px;margin:0 0 18px;padding:10px 28px 26px;max-width:none}
.article-page p{margin-top:0}
footer{border-top:1px solid #e4ddc9;padding:30px 28px;text-align:center;color:var(--muted);font-size:15px}
@media(max-width:740px){main{padding:42px 22px 64px}main>section+section{margin-top:68px}.hero,.watch-section{grid-template-columns:1fr;gap:32px}.hero .phone-shot{max-width:270px}.watch-section{padding:28px}.watch-section .phone-shot{max-width:270px}.feature-grid{grid-template-columns:1fr}.site-header nav{padding:16px 22px}.article-page h2{padding:22px 22px 0}.article-page h2+p{padding:10px 22px 24px}}