/* A stronger opening with the same ice-blue accent used throughout the site. */
.hero-copy { top:calc(-1 * clamp(28px, 5svh, 56px)); }
.hero-copy .headline-line:last-child { color:var(--accent,#8dd9f0); }
.hero-copy h1 em { color:var(--accent-bright,#b9edfb); }
.hero-copy .hero-keep { white-space:nowrap; }
.hero-copy .hero-platforms { color:#bfdce6; }
.hero-copy h1 { line-height:1.09; letter-spacing:-.045em; }
.hero-copy h1 em { font-size:1.10em; letter-spacing:-.025em; font-weight:400; }
.hero-copy .headline-line { padding-block:.065em .12em; }
.hero-copy .lede { max-width:580px; margin-top:21px; font-size:clamp(16px,1.18vw,19px); line-height:1.68; letter-spacing:-.01em; color:#b7bec6; text-wrap:pretty; }
.hero-actions { margin-top:28px; }
.hero-actions .button { min-height:48px; padding-inline:23px; gap:20px; }
.hero-actions .button > span { font-size:18px; }
@media (min-width:901px) {
  .hero-copy h1 { font-size:clamp(48px,4.5vw,84px); }
}
@media (min-width:901px) and (max-height:760px) {
  .hero-copy h1 { font-size:clamp(44px,3.7vw,60px); }
  .hero-copy .lede { margin-top:14px; font-size:16px; line-height:1.6; }
  .hero-actions { margin-top:21px; }
}
@media (max-width:900px) {
  .page { min-height:100svh; }
  .hero {
    min-height:calc(100svh - var(--header-height));
    padding-top:clamp(160px, 25svh, 230px);
    padding-bottom:max(48px, env(safe-area-inset-bottom));
  }
  .hero-copy { top:0; z-index:2; }
  /* One continuous background, including behind the copy, rather than a media strip. */
  .hero .video-stage {
    top:calc(-1 * var(--header-height));
    bottom:0;
    height:auto;
  }
  .hero .video-stage::after {
    content:'';
    position:absolute;
    z-index:0;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.08) 12%,rgba(0,0,0,.18) 30%,rgba(0,0,0,.72) 56%,rgba(0,0,0,.94) 82%,#000 100%);
  }
  .hero .wave-ecosystem:not(.is-measured) [data-scene="instagram"],
  .hero .wave-ecosystem:not(.is-measured) [data-scene="tiktok"],
  .hero .wave-ecosystem:not(.is-measured) [data-scene="youtube"] {
    display:block;
    top:24%;
    width:38px;
    height:38px;
    transform:translate(-50%,-50%);
  }
  .hero .wave-ecosystem:not(.is-measured) [data-scene="instagram"] { left:18%; }
  .hero .wave-ecosystem:not(.is-measured) [data-scene="tiktok"] { left:50%; }
  .hero .wave-ecosystem:not(.is-measured) [data-scene="youtube"] { left:82%; }
  .hero-copy .lede { max-width:520px; font-size:16px; margin-top:18px; }
}
@media (max-width:560px) {
  .hero-copy h1 { line-height:1.12; }
  .hero-copy .lede { max-width:380px; font-size:15.5px; line-height:1.7; }
  .hero-actions { margin-top:24px; }
  .trust-line { margin-top:15px; }
}