.mobile-hero-title,.mobile-scroll-cue,.mobile-reveal{display:none}
.hero h1 .desktop-hero-title{color:var(--text)}
.menu-close{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;border:0;border-bottom:1px solid var(--border);padding:0 4px 12px;margin-bottom:16px;color:var(--text);background:none;cursor:pointer;font-size:14px}
.menu-close span{font-size:28px}
html.menu-open{overflow:hidden}
@media(max-width:760px){
 :root{--mobile-header:calc(64px + env(safe-area-inset-top,0px))}
 html{scroll-padding-top:calc(var(--mobile-header) + 16px)}
 .site-header{position:fixed;inset:0 0 auto;height:var(--mobile-header);padding-top:env(safe-area-inset-top,0px);z-index:50;background:#070e14f5}
 .nav{height:64px;width:calc(100% - 32px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);justify-content:space-between}
 .nav-actions{display:none}.nav .brand{display:flex;align-items:center;min-height:44px;flex-basis:124px;width:124px}.nav .brand img{width:180px;margin-left:-28px}
 .menu-toggle{margin-left:auto}
 .mobile-nav{position:absolute;top:100%;left:0;right:0;padding:20px 24px calc(28px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - var(--mobile-header));overflow-y:auto;box-shadow:0 24px 70px #0008}
 .mobile-nav a{min-height:48px;display:flex;align-items:center;padding:12px 4px;font-size:18px}
 .video-story .story-stage,.motion-enabled .video-story .story-stage{height:calc(100svh - var(--mobile-header));min-height:0}
 .motion-enabled .video-story{height:350svh}
 .motion-enabled .video-story .story-stage{top:var(--mobile-header)}
 .video-story .film{inset:0;overflow:hidden}
 #story-canvas,.video-story .film-poster{inset:0;width:100%;height:100%;aspect-ratio:9/16;object-fit:contain;transform:translateY(var(--portrait-y,10%)) scale(var(--portrait-scale,.82));transform-origin:center;mask-image:linear-gradient(180deg,transparent,#000 2%,#000 98%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 2%,#000 98%,transparent)}
 .film-vignette{background:linear-gradient(180deg,var(--bg),transparent 5%,transparent 95%,var(--bg)),linear-gradient(90deg,var(--bg),transparent 4%,transparent 96%,var(--bg))}
 .video-story .film:after{background:linear-gradient(180deg,#070e14b3,transparent 42%);opacity:var(--intro-shade)}
 .hero-overlay{top:18px;width:calc(100% - 48px);padding:0}
 .hero-overlay .eyebrow,.hero-overlay .hero-description,.hero-overlay .hero-note,.hero-overlay .text-link,.hero-overlay .desktop-hero-title{display:none}
 .hero-overlay h1{font-size:clamp(30px,8.1vw,44px);line-height:1.04;letter-spacing:-.05em;margin:0 0 16px}
 .hero-overlay h1 .mobile-hero-title{display:block;color:var(--text)}
 .hero-overlay .mobile-hero-title br{display:block}
 .hero-overlay .hero-actions{margin:0}
 .hero-overlay .button{min-height:46px;font-size:14px;padding:10px 20px}
 .mobile-scroll-cue{display:block;font:10px var(--mono);letter-spacing:.04em;color:var(--muted);margin-top:12px}
 .video-story .skip-story{top:auto;bottom:calc(8px + env(safe-area-inset-bottom,0px));left:16px;transform:none;padding:6px 10px;min-height:44px;display:flex;align-items:center;font-size:11px;border:0;background:#070e14c9}
 .story-dots{right:max(0px,env(safe-area-inset-right,0px));gap:0}
 .story-dots button{width:44px;height:44px}
 .story-dots [aria-current="step"] span{opacity:0}.story-dots button:focus-visible span{opacity:1}
 .mobile-reveal:not([hidden]){display:flex;position:absolute;z-index:4;left:24px;right:24px;bottom:calc(56px + env(safe-area-inset-bottom,0px));align-items:center;flex-direction:column;text-align:center;gap:14px}
 .mobile-reveal h2{font-size:clamp(25px,7vw,33px);line-height:1.1;letter-spacing:-.04em}
 .mobile-reveal .button{min-height:46px;font-size:14px;padding:10px 20px}
 .story-start{top:40svh}
 .section{padding-block:60px}.intro h2,.section-heading h2,.review-heading h2,.connections h2,.faq-section h2{font-size:clamp(29px,8vw,38px)}
 .review-topics button{min-height:44px;padding-inline:10px}
 .privacy-intro{min-width:0}.privacy-strip .text-link{min-height:44px}
 .faq-list summary{min-height:52px}
 .footer-top a,.footer-bottom a{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:360px){.hero-overlay h1{font-size:29px}.feature-card{padding:22px}.voice-card .card-copy{width:58%}.voice-card h3{font-size:28px}.example-heading{letter-spacing:0}}
@media(max-width:760px) and (max-height:650px){
 .hero-overlay{top:12px}.hero-overlay h1{font-size:28px;margin-bottom:10px}.mobile-scroll-cue{margin-top:8px}
 .hero-overlay .button{min-height:44px}.mobile-reveal h2{font-size:25px}.mobile-reveal:not([hidden]){gap:10px;bottom:48px}
}