/* Seamless first-screen variant; the same animation stays usable as a standalone explainer. */
html[data-presentation="hero"]{overflow:hidden}
html[data-presentation="hero"] #opale-motion-v3 .om-header,
html[data-presentation="hero"] #atsbreaker-motion .ab-header,
html[data-presentation="hero"] #caviar-motion .cv-header,
html[data-presentation="hero"] #opale-motion-v3 .om-note,
html[data-presentation="hero"] #atsbreaker-motion .ab-footer p,
html[data-presentation="hero"] #caviar-motion .cv-footer p,
html[data-presentation="hero"] #caviar-motion .cv-ocean{display:none}
html[data-presentation="hero"] #opale-motion-v3 .om-shell,
html[data-presentation="hero"] #atsbreaker-motion .ab-shell,
html[data-presentation="hero"] #caviar-motion .cv-shell{background:transparent;border:0;border-radius:0}
html[data-presentation="hero"] #opale-motion-v3 .om-stage,
html[data-presentation="hero"] #atsbreaker-motion .ab-stage,
html[data-presentation="hero"] #caviar-motion .cv-stage{margin-top:0}
html[data-presentation="hero"] #opale-motion-v3 .om-foot,
html[data-presentation="hero"] #atsbreaker-motion .ab-footer,
html[data-presentation="hero"] #caviar-motion .cv-footer{background:transparent;border:0;border-radius:0;margin:0;padding:8px 0 0;justify-content:flex-end}
html[data-presentation="hero"] #opale-motion-v3 .om-caption,
html[data-presentation="hero"] #atsbreaker-motion .ab-caption,
html[data-presentation="hero"] #caviar-motion .cv-caption{padding-left:12px;padding-right:12px}
html[data-presentation="hero"] #opale-motion-v3 .om-steps,
html[data-presentation="hero"] #atsbreaker-motion .ab-steps,
html[data-presentation="hero"] #caviar-motion .cv-steps{padding-left:12px;padding-right:12px}