/* The introduction and one next step come before the optional demo. */
.hero-in{padding-top:96px;padding-bottom:64px}
.hero-copy{text-align:left;margin:0;max-width:850px}
.hero h1{margin:0;filter:none;font-size:clamp(2.6rem,6.5vw,5.5rem);text-wrap:wrap}
.hero-sub,.hero-ex{text-shadow:none}
.hero-sub{margin:20px 0 0;color:var(--text-secondary);font-size:clamp(1.3rem,2.6vw,2rem)}
.hero-cta{margin:28px 0 0;align-items:flex-start;gap:12px}
.hero-trial{margin:18px 0 0;max-width:64ch}
.hud-stage{display:none}
.notch-open .hero-in{padding-top:360px}
.notch{box-shadow:none;border-color:var(--border-light)}
.email-open,.mac-escape{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-size:14px;color:var(--text-secondary);text-decoration:underline;text-underline-offset:4px}
.mac-escape{font-size:13px}
.email-capture{max-width:460px;margin-top:20px}
.email-capture .wait-note{max-width:52ch}
.phone-path .hero-cta>a[download],.phone-path #dlBtn{display:none}
.phone-path .email-capture .btn{background:#fff;color:#000;border-color:#fff}
.phone-path .hero-cta .phone-action{display:none}
.phone-path .hero-cta{margin-top:18px}
.phone-path .email-capture{margin-top:12px}
.phone-path .email-open{display:none}
.footer-email-link{display:flex;align-items:center;min-height:44px;color:var(--text-secondary);font-size:14px;text-decoration:underline;text-underline-offset:4px}
.capabilities,.memory-section{background:#000}
.final-grid{grid-template-columns:96px minmax(0,1fr);gap:32px}
.dl-icon{width:96px;height:96px}
[hidden]{display:none!important}
@media(max-width:640px){
  .hero-in{padding-top:64px;padding-bottom:44px}
  .hero-cta{width:100%}
  .hero-copy h1{max-width:12ch}
  .hero-spec{font-size:10px;letter-spacing:.025em}
  .hero-trial{font-size:10px;line-height:1.7}
  .notch-open .hero-in{padding-top:368px}
  .email-capture .waitform{flex-direction:column;gap:8px}
  .email-capture input{width:100%;flex:auto}
  .email-capture .btn{border-left:1px solid var(--btn-border)}
  .final-grid{grid-template-columns:1fr;gap:24px}
}

/* The halftone stays behind the words and never competes with the email field. */
.hero .dots{opacity:.16!important}
.hero .dots-fallback{display:none}
.hero-lead{margin-top:16px;color:var(--text-secondary);max-width:50ch}
@media(max-width:640px){.hero .dots{opacity:.08!important}.hero-in{padding-top:48px}.mac-escape{margin-top:0}.phone-path .hero-spec{display:none}.phone-path .hero-cta{margin-top:0}}

#downloadHelp{margin-top:12px;font-size:13px;color:var(--text-secondary)}
#downloadHelp a{text-decoration:underline;text-underline-offset:4px}
