/* Mobile review refinements. The hero has its own responsive layout (hero-human-studio.css, home-release.css), so no hero rules live here. */
.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){
 .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}
}