@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --ink:#0a0a0a;--ink-2:#161513;--paper:#f7f5f1;
  --gray-100:#efeeec;--gray-200:#d8d6d1;--gray-300:#b3b0a9;--gray-400:#8a8781;--gray-500:#66635e;--gray-600:#4a4844;--gray-700:#332f2c;--gray-800:#221f1d;
  --signal-red:#e8351f;--signal-red-bright:#ff5233;
  --font-display:"Anton","Arial Narrow Bold",sans-serif;
  --font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --bg-page:var(--ink);--bg-surface:var(--ink-2);
  --text-primary:var(--paper);--text-secondary:var(--gray-300);--text-tertiary:var(--gray-400);
  --border-subtle:var(--gray-700);--border-strong:var(--gray-400);
  --accent:var(--signal-red);--accent-text-on:var(--paper);--text-accent:var(--signal-red-bright);
  --logo-filter:brightness(0) invert(1);--partner-logo-filter:none;
}
body[data-theme="light"]{
  --bg-page:var(--paper);--bg-surface:#ffffff;
  --text-primary:var(--ink);--text-secondary:var(--gray-600);--text-tertiary:var(--gray-500);
  --border-subtle:var(--gray-200);--border-strong:var(--gray-400);--text-accent:var(--signal-red);
  --logo-filter:none;--partner-logo-filter:invert(1);
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font-body);background:var(--bg-page);transition:background 180ms ease-out}
.page{min-height:100vh}
.header{display:flex;align-items:center;justify-content:space-between;padding:24px 48px;border-bottom:1px solid var(--border-subtle)}
.logo{height:140px;filter:var(--logo-filter)}
.nav{display:flex;align-items:center;gap:40px}
.nav-link{color:var(--text-primary);font-size:14px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none;display:flex;align-items:center;gap:8px}
.nav-link:hover{color:var(--text-accent)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--signal-red-bright);display:inline-block}
.dot-lg{width:8px;height:8px}
.partner-link{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none;display:flex;align-items:center;gap:10px}
.partner-link:hover{color:var(--text-accent)}
.partner-logo{height:64px;filter:var(--partner-logo-filter)}
.theme-toggle{width:40px;height:40px;border-radius:2px;border:2px solid var(--border-strong);background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer}
.theme-toggle .icon-moon{display:none}
body[data-theme="light"] .theme-toggle .icon-sun{display:none}
body[data-theme="light"] .theme-toggle .icon-moon{display:block}
.eyebrow{color:var(--signal-red-bright);font-weight:700;font-size:12px;letter-spacing:0.3em;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.live-section{padding:64px 48px;border-bottom:1px solid var(--border-subtle)}
.live-inner{max-width:1000px;margin:0 auto}
.live-placeholder{position:relative;aspect-ratio:16/9;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;display:flex;align-items:center;justify-content:center}
.live-placeholder p{color:var(--text-tertiary);font-size:14px;text-align:center;max-width:360px;margin:0}
.hero{position:relative;overflow:hidden;padding:96px 48px 64px;border-bottom:1px solid var(--border-subtle)}
.hero-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;opacity:0.06;filter:var(--logo-filter);pointer-events:none}
.hero-content{position:relative;max-width:720px}
.hero-content h1{color:var(--text-primary);font-family:var(--font-display);font-size:80px;line-height:0.95;margin:0 0 16px}
.hero-content p{color:var(--text-secondary);font-size:20px;line-height:1.4;margin:0}
.sets-section{padding:64px 48px 96px}
.sets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;max-width:1200px;margin:0 auto}
.set-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;overflow:hidden}
.video-wrap{position:relative;aspect-ratio:16/9;background:#000}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.set-body{padding:20px}
.set-label{color:var(--text-tertiary);font-size:11px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;margin-bottom:6px}
.set-body h3{color:var(--text-primary);font-family:var(--font-display);font-size:24px;margin:0 0 8px}
.set-body p{color:var(--text-tertiary);font-size:13px;margin:0}
.footer{padding:32px 48px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;gap:16px}
.social-row{display:flex;gap:24px;align-items:center}
.social-link{color:var(--text-secondary);display:flex}
.social-link:hover{color:var(--text-accent)}
.footer-tagline{color:var(--text-tertiary);font-size:12px;letter-spacing:0.08em;text-transform:uppercase}
.footer-partner{color:var(--text-secondary);font-size:12px}
.footer-partner-logo{height:56px}