/* Cinematic emerald scenes, without scroll hijacking or concealed content. */
.cinema-scene{position:relative;isolation:isolate}
.cinema-scene-light{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;contain:paint}
.cinema-scene-light:before{content:'';position:absolute;width:min(820px,85vw);height:550px;left:var(--scene-shift,20%);top:8%;border-radius:50%;background:radial-gradient(ellipse,#1acdaf11,transparent 67%);transform:translateX(-50%);animation:scene-light-drift 20s ease-in-out infinite alternate;animation-play-state:paused}
.cinema-scene-light:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#25d4b805 50%,transparent 50.2%);background-size:130px 100%;mask-image:linear-gradient(transparent,#000,transparent)}
.cinema-scene:not(.hero):before{content:'';position:absolute;top:0;left:12%;width:76%;height:1px;background:linear-gradient(90deg,transparent,#36d6ad42,#22d6e624,transparent);pointer-events:none}
html[data-page-motion=on] .scene-in-view .cinema-scene-light:before{animation-play-state:running}
html[data-page-hidden=true] .cinema-scene-light:before{animation-play-state:paused!important}
html[data-page-motion=on] .scene-entered .cinema-subject{animation:scene-arrive .85s cubic-bezier(.2,.7,.25,1) backwards;animation-delay:var(--scene-delay,0ms)}
.cinema-reading-progress{position:fixed;left:0;top:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#36d6ad,#22d6e6);z-index:100;pointer-events:none;box-shadow:0 0 10px #36d6ad55}
.site-cinema-toggle{display:inline-flex;align-items:center;gap:6px;min-height:36px;margin-top:10px;padding:5px 0;border:0;background:none;color:#93b9be;font-family:inherit;font-size:10px;font-weight:500;line-height:1.5;cursor:pointer}
.site-cinema-toggle:hover{color:#63e8cf}.site-cinema-toggle:focus-visible{outline:2px solid #36d6ad;outline-offset:4px;border-radius:4px}
.cinema-scene .section-heading h2,.cinema-scene .hero h1{position:relative}
.cinema-scene .accent{text-shadow:0 0 32px #22d6c019}
.cinema-scene .mobile-showcase,.cinema-scene .screenshot{box-shadow:0 24px 75px #0004,inset 0 1px #8affee12;border-color:#3acaba36}
.cinema-scene .screen-tabs button[aria-pressed=true],.cinema-scene [data-demo-version][aria-selected=true]{box-shadow:inset 0 0 20px #36d6ad0c;border-color:#36d6ad66}
.cinema-scene .commerce-plan{transition:transform .25s,border-color .25s,box-shadow .25s}
.cinema-scene .commerce-plan:hover{transform:translateY(-5px);border-color:#50e4c8;box-shadow:0 22px 42px #0005,0 0 30px #36d6ad10}
.cinema-scene .button.primary{position:relative;overflow:hidden}
.cinema-scene .button.primary:after{content:'';position:absolute;inset:-70% auto -70% -50%;width:35%;background:linear-gradient(90deg,transparent,#fff4,transparent);transform:rotate(25deg) translateX(-200%);pointer-events:none}
.cinema-scene .button.primary:hover:after{transition:transform .65s;transform:rotate(25deg) translateX(650%)}
.cinema-scene .faq details,.cinema-scene .confluence-item,.cinema-scene .safety-grid details{transition:border-color .2s,background .2s}
.cinema-scene details[open]{border-color:#36d6ad4d}
@keyframes scene-light-drift{from{transform:translate(-50%,0) scale(.94);opacity:.65}to{transform:translate(-44%,35px) scale(1.1);opacity:1}}
@keyframes scene-arrive{from{opacity:.65;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
html[data-page-motion=off] .cinema-subject,html[data-page-motion=off] .cinema-scene-light:before{animation:none!important}
html[data-page-motion=off] .cinema-scene .button.primary:after{display:none}
@media(max-width:700px){.cinema-scene-light:before{height:360px;opacity:.65;animation:none!important}.cinema-scene-light:after{display:none}.cinema-scene .commerce-plan:hover{transform:none}.site-cinema-toggle{min-height:44px;font-size:10px}.cinema-scene .mobile-showcase,.cinema-scene .screenshot{box-shadow:0 12px 32px #0003}}
@media(prefers-reduced-motion:reduce){.cinema-scene *, .cinema-scene :before,.cinema-scene :after{scroll-behavior:auto}.cinema-subject,.cinema-scene-light:before{animation:none!important}.cinema-scene .commerce-plan{transition:none}.cinema-scene .commerce-plan:hover{transform:none}.cinema-scene .button.primary:after{display:none}}
@media print{.cinema-scene-light,.cinema-reading-progress,.site-cinema-toggle{display:none}.cinema-subject{animation:none!important;opacity:1;transform:none}}