/* Approved English page sequence and two supplied portrait films. */
.prelaunch-en .early-demo { padding-block: 2.5rem 0; }
.prelaunch-en .early-demo .downstairs-feature {
  margin: 0;
  padding: 0;
  border: 0;
}
.prelaunch-en .motion { padding-bottom: 2rem; }
.prelaunch-en .story { padding-block: 4rem 3rem; gap: clamp(2rem, 7vw, 7rem); }
.prelaunch-en .feature-player {
  width: min(100%, 26.25rem);
  min-width: 0;
  margin-inline: auto;
}
.prelaunch-en .feature-video {
  height: auto;
  aspect-ratio: auto;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: #101010;
}
.prelaunch-en .feature-video video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 9 / 16;
  object-fit: contain;
  filter: none;
}
.prelaunch-en .feature-controls {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .625rem;
  padding: .75rem;
  background: var(--soft);
  border-top: 1px solid var(--line);
}
.prelaunch-en .feature-controls .motion-button,
.prelaunch-en .feature-controls .sound-button {
  position: static;
  min-height: 48px;
  max-width: 100%;
  border: 1px solid var(--line);
  border-radius: 1.75rem;
  padding: .625rem 1rem;
  background: white;
  color: var(--ink);
  font: inherit;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
}
.prelaunch-en .feature-controls .sound-button {
  background: var(--accent);
  color: white;
  border-color: var(--accent);
}
.prelaunch-en .feature-controls .sound-button:hover { background: var(--accent-hover); }
.prelaunch-en .feature-controls .play-icon { font-size: .875rem; }
.prelaunch-en .story-followup { padding-block: 2rem 3rem; }
.prelaunch-en .story-followup .story-images {
  width: min(100%, 42.5rem);
  margin-inline: auto;
}
/* Product film now leads into the stairs demo, directly after the hero promise. */
.prelaunch-en .product-film { padding-block: 2rem 0; }
.prelaunch-en .product-film + .early-demo { padding-top: 2rem; }
.prelaunch-en .signup-copy .launch-announcement { margin: 0 0 1rem; }
.prelaunch-en .launch-intro { display: block; margin-bottom: .375rem; }
.prelaunch-en .launch-date {
  display: flex;
  flex-wrap: wrap;
  gap: 0 .3em;
  font-size: clamp(1.75rem, 2.8vw, 2.75rem);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.025em;
  color: var(--accent);
}
@media (max-width: 760px) {
  .prelaunch-en .early-demo { padding-top: 1.75rem; }
  .prelaunch-en .story { padding-block: 2rem; gap: 2rem; }
  .prelaunch-en .story-followup { padding-block: 1.5rem 2rem; }
  .prelaunch-en .product-film { padding-block: 1.5rem 0; }
  .prelaunch-en .product-film + .early-demo { padding-top: 1.5rem; }
  .prelaunch-en .launch-date { font-size: clamp(1.75rem, 6.5vw, 2.25rem); }
}

/* Fourth annotated review: one-line mobile titles without locking text zoom. */
@media (max-width: 760px) {
  .prelaunch-en {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  .prelaunch-en .story-copy,
  .prelaunch-en .motion .section-heading { padding-inline: 0; }
  .prelaunch-en .story-copy h2,
  .prelaunch-en .product-copy h2 {
    font-size: clamp(1.5rem, calc(.5rem + 5vw), 1.875rem);
    line-height: 1.35;
    letter-spacing: -.035em;
    margin-bottom: 1rem;
  }
  .prelaunch-en .desktop-title-break,
  .prelaunch-en .mobile-fluid-break { display: none; }
  .prelaunch-en .story-lead {
    font-size: 1.125rem !important;
    line-height: 1.55;
    margin-bottom: .75rem;
  }
  .prelaunch-en .hero h1,
  .prelaunch-en .motion .section-heading h2,
  .prelaunch-en .signup-copy h2 { text-wrap: balance; }
  .prelaunch-en .story-copy > p,
  .prelaunch-en .support-mode p,
  .prelaunch-en .motion article > p { text-wrap: pretty; }
  .prelaunch-en .marked {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  .prelaunch-en .hero-brand-row .eyebrow {
    font-size: .9375rem;
    line-height: 1.5;
    letter-spacing: 0;
  }
  .prelaunch-en .form-note,
  .prelaunch-en .footer-brand .footer-tagline {
    font-size: .9375rem;
    line-height: 1.65;
  }
  .prelaunch-en .early-demo .downstairs-feature { gap: 1rem; }
  .prelaunch-en .early-demo .downstairs-feature h3 { margin-bottom: 0; }
  .prelaunch-en .early-demo + .motion { padding-top: 1.75rem; }
  .prelaunch-en .motion-statement { margin-bottom: 1rem; }
  .prelaunch-en .motion .section-heading { margin-bottom: 1.5rem; }
  .prelaunch-en .story { gap: 1.5rem; }
  .prelaunch-en .story-copy .eyebrow { margin-bottom: 1rem; }
  .prelaunch-en .feature-controls { gap: .5rem; padding: .625rem; }
  .prelaunch-en .feature-controls .motion-button,
  .prelaunch-en .feature-controls .sound-button { padding-inline: .875rem; }
}

/* Sixth annotated review: one hero logo and complete headline phrases. */
.prelaunch-en .site-header {
  height: auto;
  min-height: 4.75rem;
  padding-block: .75rem;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.prelaunch-en .site-header .header-button { max-width: 100%; }
.prelaunch-en .hero-title-line { display: block; }
.prelaunch-en .hero-title-line,
.prelaunch-en .hero-title-accent {
  white-space: normal;
  text-wrap: balance;
}
@media (min-width: 1101px) and (max-width: 1200px) {
  .prelaunch-en .hero h1 { font-size: 2.125rem; }
}
@media (max-width: 760px) {
  .prelaunch-en .site-header {
    min-height: 4rem;
    padding-block: .5rem;
  }
}
@media (max-width: 360px) {
  .prelaunch-en .hero h1 { font-size: clamp(1.625rem, 8vw, 1.875rem); }
}