/* Mobile review refinements preserve the desktop composition. */
.hero-composition{display:contents}
.hs-open svg{width:16px;height:16px;display:block}
.world-continue{position:absolute;right:24px;bottom:16px;z-index:12;padding:10px 14px;border:1px solid #ffffffb3;border-radius:24px;background:#ffffffdc;color:#203e3a;font:500 12px/1.2 Arial,sans-serif;text-decoration:none}
.world-continue:hover,.world-continue:focus-visible{background:#fff;box-shadow:0 3px 16px #2222}
@media(max-width:600px){
 #home .hero-wrap{height:var(--hero-track);min-height:0;max-height:none;padding:0}
 #home .hero-frame{position:sticky;top:0;height:calc(var(--hero-height) - var(--hero-shrink,0px));min-height:0;border-radius:var(--radius,0px);background:#f7f3ec;display:block}
 #home .hero-composition{display:grid;grid-template-columns:minmax(0,1fr);width:100vw;transform:scale(var(--hero-zoom,1));transform-origin:top left}
 #home .film{position:relative;inset:auto;grid-area:1/1;aspect-ratio:1/1.08;width:100%;height:auto}
 #home .film .scene{object-fit:cover;object-position:73% center}
 #home .film #runner{object-position:66% center}
 #home .film::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 40%,#17262015 57%,#17262080 85%,#17262060 100%)}
 #home .film-veil{display:block;position:relative;grid-area:1/1;align-self:end;inset:auto;height:44px;z-index:2;background:linear-gradient(180deg,#f7f3ec00,#f7f3ec)}
 #home .hero-copy{display:contents}
 #home .hero-copy::before{display:none}
 #home .hero-headline{grid-area:1/1;align-self:end;position:relative;z-index:2;padding:0 24px 48px;color:white;pointer-events:none;text-shadow:0 1px 12px #0003}
 #home .hero-headline .hero-eyebrow{color:white;margin-bottom:14px}
 #home #hero-title{font-size:clamp(40px,11.6vw,54px);margin:0;color:white}
 #home .hero-intro{margin:18px 24px 22px;max-width:none;color:#203e3a}
 #home .hero-actions{margin:0 24px}
 #home .free-note{margin:16px 24px 0;color:#425d56}
 #home .hero-awards{margin:24px 24px 0;width:calc(100% - 48px)}
 #home .hero-scroll-cue{position:relative;inset:auto;margin:28px 24px 24px;opacity:1;transform:none}
 #home .film-toggle{top:88px;bottom:auto;right:14px;background:#fffC}
 .benefits article{background:#fffaf3;border:1px solid #d9d4cd;box-shadow:0 5px 16px #483d2110}
 .benefits h2,.benefits p{color:#203e3a}
 .hs-controls .hs-skip{font-size:12px;min-height:42px;padding:9px 14px;border:1px solid #fff9;border-radius:22px;background:#ffffffd9;color:#203e3a}
 .hs-controls .hs-caption{font-size:11px;line-height:1.4;color:#304e47}
 #molecular-experience .mobile-intro{border-bottom:0;box-shadow:none}
 #molecular-experience .world-sticky{border-top:0;box-shadow:none}
 #molecular-experience .world-continue{bottom:8px;right:14px;font-size:11px;padding:8px 12px}
 #molecular-experience .world-footer .footer-line{padding-right:0}
 #molecular-experience .world-footer .footer-line>a{visibility:hidden}
 #how-it-works{scroll-margin-top:100px}
 .kit-actions .button,.preview-actions .button{background:#ffffffc9;color:#203e3a;border:1px solid #fff;box-shadow:0 4px 16px #3830420d}
 .kit-actions .button:active,.preview-actions .button:active{background:#eee8f8}
}
@media(max-width:900px){
 #home #app #molecular-experience .mobile-intro{border-bottom:0;box-shadow:none;background:#ffffff45}
 #home #app #molecular-experience .world-sticky{border-top:0;box-shadow:none;background:#ffffff45}
}

@media(max-width:600px) and (prefers-reduced-motion:reduce){#home .hero-wrap{height:auto}#home .hero-frame{position:relative;height:auto}#home .hero-composition{transform:none}}

/* Playback controls stay discreet during the automatic background loop. */
#film-toggle:not(.is-paused){opacity:0;pointer-events:none}
#film-toggle:focus-visible{opacity:1;pointer-events:auto}
@media(hover:hover){#hero-frame:hover #film-toggle{opacity:1;pointer-events:auto}}
@media(max-width:600px){#home #hero-frame[data-scene="runner"] .film #kitchen{object-position:66% center}}

/* Use a normal image while loading, avoiding Safari's stretched native poster. */
#home .film{overflow:hidden}
#home .hero-poster{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
#home .hero-poster img{display:block;width:100%;height:100%;object-fit:cover}
#home .film #kitchen{opacity:0;z-index:1;will-change:auto}
#home .has-video-frame .film #kitchen{opacity:1}
#home .film::after{z-index:2}
@media(max-width:600px){
 #home .film{height:108vw;aspect-ratio:auto}
 #home .film #kitchen,#home #hero-frame[data-scene="runner"] .film #kitchen{object-position:center}
 #home .hero-poster img{object-position:center}
}

/* Hero hierarchy: title, subtitle, explanation, then actions. */
#home .hero-headline #hero-title{margin-bottom:16px}
#home .hero-subtitle{font-size:clamp(18px,1.75vw,25px);line-height:1.3;letter-spacing:-.025em;font-weight:500;margin:0 0 18px}
@media(max-width:600px){
 #home .hero-headline #hero-title{margin-bottom:12px}
 #home .hero-subtitle{font-size:20px;margin:0;color:inherit}
 #home .hero-actions a{min-width:0;text-align:center}
}