/* Phone-only layout repairs. Desktop composition and copy remain unchanged. */
@media (max-width:767px) {
 html { -webkit-text-size-adjust:100%;scroll-padding-top:84px; }
 body { overflow-wrap:break-word; }
 .site-logo { left:12px;top:max(14px,env(safe-area-inset-top));width:96px;height:44px; }
 .site-logo img,.site-logo__green { width:96px;max-width:100%;height:auto;aspect-ratio:2587 / 400;flex-shrink:0; }
 .site-logo img { object-fit:contain; }
 .site-logo__green { -webkit-mask-size:contain;mask-size:contain; }
 #main-navigation { top:max(14px,env(safe-area-inset-top));right:12px;max-width:calc(100% - 124px); }
 #main-navigation .pill { min-height:44px;height:44px;padding:0 10px; }
 #main-navigation .pill--take-test { min-width:0; }
 body.static-motion:not(.nav-on-light) .site-logo__white,
 body.static-motion.logo-over-meet .site-logo__white,
 body.static-motion.logo-over-signup .site-logo__white { opacity:1; }
 body.static-motion:not(.nav-on-light) .site-logo__green,
 body.static-motion.logo-over-meet .site-logo__green,
 body.static-motion.logo-over-signup .site-logo__green { opacity:0; }
 .hero { min-height:600px;height:100svh; }
 .hero .hero__content { margin-top:60px;padding:80px 22px 48px; }
 .hero .hero__content h1 { white-space:normal;font-size:clamp(36px,9.5vw,64px);line-height:1.06;text-wrap:balance;margin-bottom:28px; }
 .hero .hero__sub { font-size:16px;max-width:30ch;line-height:1.5; }
 .hero .hero__signup { margin-top:28px; }
 .hero__yc { top:94px; }
 .static-motion .collage { padding:64px 20px; }
 .collage__copy { max-width:100%; }
 .collage__a,.collage__b { font-size:clamp(28px,7.5vw,42px); }
 .collage__lines br { display:none; }
 .static-motion .collage__lines { gap:32px; }
 .collage__copy .story-source { margin:24px 0 0;font-size:12px;line-height:1.7; }
 .research-beats-shell { padding-block:40px 56px; }
 .research-beats { width:calc(100% - 32px); }
 .research-heading .h2 { font-size:34px; }
 .research-beat summary { gap:12px;padding-right:16px; }
 .research-beat__summary { min-width:0; }
 .research-beat__title { font-size:24px; }
 .research-beat[open] summary { padding:200px 20px 20px;min-height:0; }
 .research-beat[open] summary .film-scene__media { height:180px;width:100%; }
 .research-beat[open] .research-beat__expanded { padding:0 20px; }
 #meet-saccade.story-wrap { min-height:100svh;height:auto;margin-block:0;padding:110px 24px 88px;--mobile-film-edge:linear-gradient(180deg,transparent,#000 56px,#000 calc(100% - 56px),transparent);mask-image:var(--mobile-film-edge);-webkit-mask-image:var(--mobile-film-edge);mask-size:100% 100%;-webkit-mask-size:100% 100%; }
 #meet-saccade,#journey,#treatment { scroll-margin-top:0; }
 #meet-saccade .saccade-introduction__copy { gap:clamp(100px,22svh,190px);padding:0; }
 #meet-saccade .saccade-introduction__mark { width:88px;margin-bottom:16px; }
 #meet-saccade .h2 { font-size:44px; }
 #meet-saccade .meet-description { max-width:100%; }
 #meet-saccade .meet-description .saccade-introduction__descriptor { font-size:min(32px,7cqw);margin-bottom:18px; }
 #meet-saccade .meet-description p:last-child { font-size:16px;line-height:1.6; }
 #meet-saccade .film-scene__media::after { background:linear-gradient(180deg,rgba(12,23,18,.35),transparent 35%,rgba(12,23,18,.2) 55%,rgba(12,23,18,.65)); }
 .patient-journey#product { padding:56px 0 40px; }
 .journey-stage { width:calc(100% - 32px); }
 .journey-intro { padding-bottom:24px; }
 .journey-intro .h2 { font-size:36px; }
 .journey-projected-card { padding:164px 20px 24px; }
 .journey-projected-card > img { height:174px;--journey-photo-fade:linear-gradient(180deg,#000 35%,rgba(0,0,0,.8) 55%,rgba(0,0,0,.35) 78%,transparent); }
 .journey-copy h3 { font-size:30px;margin-bottom:22px; }
 .journey-copy p { font-size:16px;line-height:1.55; }
 .journey-copy .journey-panel-byline { margin-bottom:20px; }
 .journey-node { padding-inline:3px;gap:12px; }
 .journey-node img { width:100%;height:46px;border-radius:9px; }
 .journey-node span { font-size:11px;line-height:1.35;hyphens:auto; }
 .journey-rail::before { top:79px; }
 .section-learn-more { font-size:14px;white-space:normal;text-align:left; }
 .faq { padding:56px 16px; }
 .faq::before { top:12px; }
 .faq__list { width:100%;margin-top:28px; }
 .faq__q { padding:20px 16px; }
 .faq__a p { padding-inline:16px; }
 .signup-bookend { padding:0;scroll-margin-top:0; }
 .signup-bookend .cta__card { height:auto;min-height:100svh;padding:100px 16px 48px;border-radius:0; }
 .signup-bookend .cta__content { position:relative;max-height:none;overflow:visible;gap:24px; }
 .signup-bookend__heading { position:static; }
 .signup-bookend__heading .h2 { font-size:38px; }
 .signup-bookend .signup-shell { width:100%;padding:24px 18px;min-width:0; }
 .signup-bookend #signup-stage { min-height:0; }
 .signup-bookend #signup-stage h3 { font-size:30px; }
 .signup-bookend #signup-answer { width:100%;min-width:0;font-size:18px; }
 .signup-controls { flex-wrap:wrap;gap:16px; }
 .footer { padding:48px 20px 28px; }
 .footer__top { display:grid;grid-template-columns:minmax(0,1fr);gap:36px; }
 .footer__cols { gap:24px; }
 .footer__cols a,.footer__cols button { padding-block:8px;min-height:44px; }
 .cookie-panel { bottom:max(12px,env(safe-area-inset-bottom)); }
 .cookie-panel .cookie-actions { grid-template-columns:1fr 1fr;gap:4px 12px; }
 .cookie-panel .cookie-actions .cookie-accept { grid-column:1/-1;font-size:14px;min-height:44px; }
 .cookie-panel .cookie-actions button:not(.cookie-accept) { font-size:12px;min-height:44px; }
 .patient-nav { flex-wrap:wrap;gap:12px;align-items:center; }
 .patient-nav nav { max-width:100%;font-size:12px; }
 .patient-nav nav a { min-height:44px;display:flex;align-items:center;padding:8px 10px; }
 .patient-nav .brand img { margin-top:0; }
 .hero-copy h1 { font-size:clamp(40px,10vw,58px); }
 .assessment-hero,.visit-grid,.task-section,.faq-section,.feature-index,.measure-group { grid-template-columns:minmax(0,1fr); }
 .assessment-hero .hero-copy { padding:32px 24px; }
 .product-photo { height:380px; }
 .wrap { width:calc(100% - 32px); }
 .assessment-hero { width:calc(100% - 16px); }
 .assessment-sections { justify-content:flex-start;gap:4px 18px; }
 .assessment-sections a { padding-block:10px; }
 .feature-index,.measure-group { gap:24px; }
 .feature-list a { min-width:0; }
 .feature-list a>span { min-width:0; }
 .measure-group summary { gap:12px; }
 .measure-group .answer { padding-left:0;overflow-wrap:anywhere; }
 .download-section>div { flex-direction:column;gap:16px; }
 .download-section a,.legal-main a { overflow-wrap:anywhere; }
 .patient-footer__links { width:100%; }
}
@media(max-width:359px) {
 .patient-nav { justify-content:center; }
 .patient-nav nav { width:100%;justify-content:center; }
 .journey-node span { font-size:10px; }
}

/* Mobile motion polish: isolated from the laptop presentation. */
@media(max-width:767px) {
 .mobile-section-fade.section-scroll-fade,.mobile-section-fade { opacity:var(--mobile-section-opacity,1); }
 .mobile-section-fade:focus-within { opacity:1; }
 #meet-saccade .logo-anim { overflow:visible;transform:translateZ(0); }
 .research-beat { overflow-anchor:none; }
}
@media(max-width:767px) and (prefers-reduced-motion:reduce) {
 .mobile-section-fade { opacity:1!important; }
}

@media(max-width:767px) {
 #meet-saccade .meet-brand { opacity:1; }
 #meet-saccade .logo-anim { overflow:hidden; }
}

@media(max-width:767px) {
 .film-scene__media.has-video-frame .film-poster { visibility:visible; }
 .film-scene__media video,.film-scene__media.has-video-frame video { opacity:0; }
 .film-scene__media.mobile-video-ready video { opacity:1; }
}

@media(max-width:767px) {
}

@media(max-width:767px) {
 .section-scroll-fade,.mobile-section-fade.section-scroll-fade,.mobile-section-fade { opacity:1; }
}
@media(max-width:767px) {
 #meet-saccade.story-wrap { mask-image:none;-webkit-mask-image:none; }
}

@media(max-width:767px) {
 .research-beat summary { min-height:180px; }
 .research-beat summary .film-scene__media,
 .research-beat[open] summary .film-scene__media { height:180px; }
}

/* Flush mobile footer edge above the wordmark strip. */
@media(max-width:767px) {
 .footer { border-bottom-left-radius:0;border-bottom-right-radius:0; }
}
