/* Compact overrides and components added after the primary design pass. */
.hero { padding: 24px 0 14px; }
.hero-panel { min-height: 420px; }
.hero h1 { font-size: clamp(43px, 4.15vw, 57px); }
.hero-copy { padding: clamp(36px, 4vw, 50px); }
.hero-copy > p { margin-top: 20px; font-size: 18px; }
.hero-actions { margin-top: 25px; }
.trust-list { margin-top: 24px; }
.hero-media { padding: 25px 40px 25px 0; }
.product-frame { max-width: 500px; }
.frame-body { min-height: 255px; }
.metrics { padding: 15px; }
.metrics > div { min-height: 74px; padding: 11px; }
.metrics strong { font-size: 24px; }
.chart { height: 36px; margin-top: 8px; }
.player-embed { margin-top: 34px; }
.player-embed iframe { width: 100%; min-height: 720px; display: block; border: 1px solid var(--line); border-radius: 18px; background: #07101a; }
.article-body dl { margin: 28px 0; }
.article-body dt { margin-top: 22px; color: var(--ink); }
.article-body dd { margin: 5px 0 0; color: var(--ink-soft); }
.field select option { color: var(--ink); background: #fff; }
@media (max-width: 760px) {
  .hero-panel { min-height: 0; }
  .frame-body { min-height: 300px; }
  .player-embed iframe { min-height: 620px; border-radius: 12px; }
}