@font-face {
  font-family: 'Montserrat Signal';
  src: url('../assets/fonts/montserrat-latin-ext-variable.woff2?v=fd77bd2f83') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
#top.pmd-hero {
  --sv-navy: #081434;
  --sv-logo-navy: #0C418D;
  --sv-lime: #96E61E;
  --sv-logo-lime: #ABEC2F;
  --sv-cyan: #0BB6F6;
  --sv-blue: #0884F3;
  --sv-mint: #61E1A3;
  --sv-orange: #F06B00;
  --sv-orange-light: #F5780A;
  --sv-yellow: #EFAD00;
  --sv-live: #C00E03;
  --pmd-ink: var(--sv-navy);
  --pmd-text: #fff;
  --pmd-muted: #fff;
  --pmd-link: var(--sv-cyan);
  --pmd-orange: var(--sv-orange);
  background: var(--sv-navy);
  color: #fff;
  font-family: 'Montserrat Signal', sans-serif;
}
#top.pmd-hero * { font-family: inherit !important; }
header#top > .pmd-signal-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 1 !important; pointer-events: none; }
header#top > .pmd-signal-shade { position: absolute; inset: 0; background: rgb(8 20 52 / 65%); opacity: 1 !important; pointer-events: none; }
#top [data-herogrid] { min-width: 0; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; }
#top .pmd-signal-status { display: table; padding: 10px 14px; background: var(--sv-navy); color: #fff; border-top: 3px solid var(--sv-lime); font-size: 11px; font-weight: 700; line-height: 1.6; letter-spacing: .06em; }
#top h1.pmd-signal-title { margin: 0; padding: 12px 8px; color: #fff; font-size: clamp(44px, 5.4vw, 78px) !important; font-weight: 900; line-height: .96 !important; letter-spacing: -.035em; }
#top .pmd-signal-title > span:first-child { background: var(--sv-orange); color: var(--sv-navy); padding: .08em; }
#top .pmd-signal-title > [data-pmd-tone] { color: var(--sv-lime) !important; }
#top [data-board] { background: var(--sv-navy) !important; border-color: var(--sv-orange) !important; }
#top [data-board] > span { background: linear-gradient(180deg, #0C418D 0 49.2%, #081434 49.2% 50.8%, #0C418D 50.8% 100%) !important; }
#top [data-flap] { color: var(--sv-lime) !important; }
#top [data-herogrid] > div:first-child > p { background: rgb(8 20 52 / 80%); padding: 10px; border-radius: 8px; }
#top .pmd-signal-panel { margin-top: 26px; padding: 18px; border: 1px solid var(--sv-lime); border-radius: 20px; background: var(--sv-navy); }
#top .pmd-now { margin: 0 0 16px; color: var(--sv-lime); font-size: 13px; font-weight: 600; line-height: 1.7; overflow-wrap: anywhere; }
#top .pmd-signal-dot { color: var(--sv-lime); }
#top .is-playing .pmd-signal-dot { animation: popPulse 2.5s ease-in-out infinite; }
#top .pmd-signal-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: stretch; }
#top .pmd-signal-play, #top .pmd-signal-live { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 18px 22px; border: 2px solid transparent; border-radius: 999px; font-size: 16px; font-weight: 800; line-height: 1.4; cursor: pointer; text-decoration: none; color: var(--sv-navy); }
#top .pmd-signal-play { background: var(--sv-lime); }
#top .pmd-signal-live { background: var(--sv-orange); flex-wrap: wrap; }
#top .pmd-video-state { font-size: 11px; font-weight: 700; line-height: 1.5; color: var(--sv-navy); }
#top .pmd-video-state[data-live="true"] { background: var(--sv-live); color: #fff; padding: 3px 7px; border-radius: 4px; }
#top .pmd-signal-logo { position: absolute; top: 16px; right: 16px; width: 86px; height: auto; object-fit: contain; pointer-events: none; }
#top [data-fs] > span:last-child { top: 112px !important; background: var(--sv-navy) !important; color: #fff !important; }
#top [data-fs] > div { background: var(--sv-navy); color: #fff !important; padding: 6px; border-radius: 8px; }
#top [data-fs] > div span { color: var(--sv-lime) !important; }
#top [data-stats] [data-count] { color: var(--sv-lime) !important; }
#top [data-herogrid] p + div a:first-child { background: var(--sv-orange) !important; color: var(--sv-navy) !important; }
#top :focus-visible { outline: 3px solid #fff !important; outline-offset: 4px; }
@media (max-width: 1000px) {
  #top [data-herogrid] { grid-template-columns: minmax(0, 1fr) !important; }
  #top .pmd-signal-actions > * { width: 100%; box-sizing: border-box; }
}
@media (prefers-reduced-motion: reduce) { #top .pmd-signal-dot { animation: none !important; } }