/* Cinematic opening and genuine scroll-driven product stories. */
.opening-cosmos .hero-photo{animation:cosmicAperture 2s cubic-bezier(.16,.68,.25,1) both;transform-origin:50% 60%}.opening-cosmos .hero-reveal{animation-delay:.7s;animation-duration:1.25s}.opening-cosmos .hero-baseline{animation:cosmicText 1s .95s both}.cosmic-opening-mark{position:absolute;inset:0;display:grid;place-items:center;z-index:4;background:#080d15;pointer-events:none;animation:cosmicCurtain 1.8s cubic-bezier(.5,0,.3,1) both}.cosmic-opening-mark img{width:75px;height:75px;animation:coreArrival 1.35s ease both}@keyframes cosmicAperture{0%{clip-path:inset(15% 16% 10% round 30px);filter:brightness(.4)}55%{filter:brightness(.85)}100%{clip-path:inset(0 0 0 round 0);filter:brightness(1)}}@keyframes cosmicCurtain{0%,28%{opacity:1}85%,100%{opacity:0;visibility:hidden}}@keyframes coreArrival{0%{opacity:0;clip-path:inset(0 100% 0 0)}32%,72%{opacity:1;clip-path:inset(0 0 0 0)}100%{opacity:0}}@keyframes cosmicText{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.scroll-story{--nav-height:92px;position:relative;height:340svh;padding-block:0!important;margin-block:40px 90px}.scroll-story-pin{position:sticky;top:var(--nav-height);height:calc(100svh - var(--nav-height));display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:15px;padding-block:20px}.scroll-story-copy{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:4px 30px;align-items:center;min-height:103px}.scroll-story-kicker{font:11px Inter,Noto;color:var(--muted);letter-spacing:.035em;grid-column:1}.scroll-story-title{grid-column:1;font-size:27px;line-height:1.5;margin:0}.scroll-story-description{grid-column:1;font-size:14px;color:var(--muted);line-height:1.8;max-width:850px}.scroll-story-count{font:400 45px Inter;color:var(--soft-blue);grid-column:2;grid-row:1/4;text-align:end;letter-spacing:-.055em}.scroll-story-count small{font:11px Inter;color:var(--muted);letter-spacing:0}.scroll-story-window{overflow:hidden;border:1px solid var(--line);border-radius:12px;position:relative;min-height:0;background:var(--surface);perspective:1200px;box-shadow:var(--shadow);isolation:isolate;clip-path:inset(var(--aperture,0%) var(--aperture,0%) round 12px)}.scroll-story-window .advanced-demo{margin:0;border:0;border-radius:0;box-shadow:none;transform-origin:50% 0%;transform:translate3d(0,var(--camera-y,0px),0) scale(var(--camera-scale,1)) rotateX(var(--camera-tilt,0deg));will-change:transform}.scroll-story-window .motion-workspace{display:block;min-height:700px}.scroll-story-window .motion-sidebar,.scroll-story-window .motion-inspector{display:none}.scroll-story-window .motion-stage{padding:25px 40px;perspective:1000px}.scroll-story-window .stage-heading{min-height:70px;margin-bottom:25px}.scroll-story-window .motion-stage [data-layer]{backface-visibility:hidden;transform-origin:50% 0;will-change:transform,opacity,clip-path}.scroll-story-window .stage-status{margin-top:0}.scroll-story-window:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff03}.scroll-story-controls{border:1px solid var(--line);border-radius:7px;overflow:hidden}.scroll-story-controls .motion-controls{padding:10px 17px;border:0;gap:17px}.scroll-story-controls .chapter-controls button{padding:10px 16px;font-size:12px}.scroll-story-controls .motion-time{font-size:11px}.scroll-story-controls .chapter-controls{border-top:1px solid var(--line)}.scroll-story-hint{font-size:11px;color:var(--muted);margin-inline-start:auto}.scroll-story[data-playback=timed] .scroll-story-hint{color:var(--soft-blue)}.scroll-story-window .knowledge-panel,.scroll-story-window .motion-record-panel,.scroll-story-window .customer-dossier,.scroll-story-window .work-request-card,.scroll-story-window .ownership-card{box-shadow:0 15px 40px #0000000b}.scroll-story-window .journey-card{box-shadow:0 14px 30px #0002}.scroll-story-window .madar-motion-scene,.scroll-story-window .crm-motion-scene,.scroll-story-window .work-motion-scene{max-width:900px;margin:auto}.scroll-story-window .customer-request>div{max-width:650px}.scroll-story-window .answer-panel,.scroll-story-window .knowledge-panel{inset-inline-start:70px}.scroll-story-window .motion-record-panel{transform-origin:100% 50%}.scroll-story-window .customer-dossier{transform-origin:50% 0%}.scroll-story-window .dossier-grid>div{transform-origin:0% 50%}.scroll-story-window .workflow-ribbon>div{transform-origin:center}
@media(max-width:760px){.scroll-story{--nav-height:76px;height:370svh;margin-block:20px 55px}.scroll-story-pin{gap:10px;padding-block:14px}.scroll-story-copy{grid-template-columns:minmax(0,1fr) 44px;gap:2px 12px;min-height:110px}.scroll-story-kicker{font-size:10px;letter-spacing:0}.scroll-story-title{font-size:21px;line-height:1.55}.scroll-story-description{font-size:12px;line-height:1.8;max-width:none}.scroll-story-count{font-size:30px}.scroll-story-count small{font-size:9px}.scroll-story-window{border-radius:8px}.scroll-story-window .motion-stage{padding:20px 18px}.scroll-story-window .motion-workspace{min-height:830px}.scroll-story-window .stage-heading{min-height:100px;margin-bottom:15px}.scroll-story-window .answer-panel,.scroll-story-window .knowledge-panel{inset-inline-start:0}.scroll-story-controls .motion-controls{padding:10px 12px;gap:10px;flex-wrap:wrap}.scroll-story-controls .motion-controls input{order:4;flex-basis:100%;margin-top:1px;height:4px}.scroll-story-controls .motion-controls button{font-size:11px;padding:7px 10px}.scroll-story-hint{font-size:9px}.scroll-story-controls .motion-time{font-size:10px;margin:0}.scroll-story-controls .chapter-controls button{font-size:10px;padding:8px 7px;gap:6px;line-height:1.75}.scroll-story-controls .chapter-index{font-size:9px}.cosmic-opening-mark img{width:62px;height:62px}}
@media(max-height:610px){.scroll-story{height:auto}.scroll-story-pin{position:static;height:auto;display:block;padding-block:20px}.scroll-story-copy{margin-bottom:20px}.scroll-story-window{height:440px}.scroll-story-controls{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.cosmic-opening-mark{display:none}.opening-cosmos .hero-photo,.opening-cosmos .hero-reveal,.opening-cosmos .hero-baseline{animation:none;clip-path:none;filter:none}.scroll-story{height:auto;margin-block:40px 70px}.scroll-story-pin{position:static;height:auto;display:block}.scroll-story-copy{margin-bottom:25px}.scroll-story-window{height:auto;overflow:visible;clip-path:none}.scroll-story-window .advanced-demo{transform:none!important;will-change:auto}.scroll-story-window .motion-workspace{min-height:0}.scroll-story-controls{margin-top:20px}.scroll-story-window [data-layer]{will-change:auto!important}.scroll-story-hint{display:none}}