/* Keep the whole page readable without JavaScript; reveal motion is an enhancement. */
.intro .intro-fallback { z-index: 0; }
.intro #intro-video { z-index: 1; display: block; opacity: 0; object-position: center; }
.intro.video-playing #intro-video { opacity: 1; }
.intro .intro-shade { z-index: 2; background: linear-gradient(90deg, rgba(4, 11, 9, .55), rgba(4, 11, 9, .05) 72%), linear-gradient(0deg, rgba(4, 11, 9, .68), transparent 38%); pointer-events: none; }
.intro .intro-brand, .intro .intro-copy, .intro .intro-countdown, .intro .intro-controls, .intro .intro-progress { z-index: 3; }
.intro-countdown { position: absolute; top: 5vh; right: 5vw; display: flex; align-items: baseline; gap: 9px; color: #ecf9ee; text-shadow: 0 2px 16px #06100d; }
.intro-countdown strong { font: 500 clamp(42px, 6vw, 78px)/1 var(--mono); font-variant-numeric: tabular-nums; }
.intro-countdown span { font: 10px var(--mono); letter-spacing: .08em; }
.intro.video-failed .intro-countdown { display: none; }
.intro-open .skip-link { visibility: hidden; }
html { overflow-x: clip; }
.reveal { opacity: 1; transform: none; }
.js .reveal { opacity: 0; transform: translateY(17px); }
.js .reveal.is-visible { opacity: 1; transform: none; }
.ai-market { padding: 23px 24px 19px; display: grid; grid-template-columns: .7fr 1.3fr; gap: 20px; border-top: 1px solid var(--line); background: rgba(7, 17, 14, .46); }
.ai-market-heading h3 { margin: 11px 0 3px; font-size: 15px; }
.ai-market-heading p { margin: 0; color: #91a69b; font-size: 9px; }
.ai-flow { margin: 2px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; list-style: none; }
.ai-flow li { min-height: 62px; padding: 8px; display: flex; flex-direction: column; border: 1px solid var(--line); background: rgba(15, 36, 28, .58); }
.ai-flow li i { color: var(--cyan); font: 8px var(--mono); font-style: normal; }
.ai-flow li b { margin-top: 4px; font-size: 9px; }
.ai-flow li small { color: #83998d; font-size: 7px; }
.ai-market > .eco-disclaimer { grid-column: 1 / -1; margin: -11px 0 0; }
@media (prefers-reduced-motion: reduce) {
  .js .reveal { opacity: 1; transform: none; }
}
@media (min-width: 761px) and (max-width: 900px) {
  .site-header { padding-inline: 28px; }
  .menu-toggle { width: 42px; height: 42px; display: grid; align-content: center; justify-items: center; gap: 5px; border: 1px solid var(--line); background: rgba(8, 20, 16, .8); }
  .menu-toggle span { width: 17px; height: 1px; background: var(--green); }
  .site-nav { position: absolute; left: 0; right: 0; top: 75px; padding: 12px 28px 20px; display: none; align-items: stretch; flex-direction: column; gap: 0; background: rgba(7, 17, 15, .98); border-bottom: 1px solid var(--line); }
  .site-nav.is-open { display: flex; }
  .site-nav > a { padding: 11px 3px; border-bottom: 1px solid rgba(195, 255, 225, .08); font-size: 12px; }
  .hero { min-height: 0; padding-top: 72px; grid-template-columns: 1fr; gap: 38px; }
  .hero h1 { max-width: 680px; }
  .hero-lede { max-width: 630px; }
  .hero-art { width: 100%; height: 440px; }
  .intro-band { grid-template-columns: 120px minmax(0, 1fr); gap: 16px; }
  .intro-band .band-mark { display: none; }
}
@media (max-width: 760px) {
  .intro-countdown { top: 21px; right: 19px; gap: 5px; }
  .intro-countdown strong { font-size: 36px; }
  .intro-countdown span { font-size: 9px; white-space: nowrap; }
  .ai-market { padding: 19px 15px 15px; grid-template-columns: 1fr; gap: 13px; }
  .ai-flow { grid-template-columns: repeat(2, 1fr); }
  .ai-market > .eco-disclaimer { margin-top: -4px; }
}