/* Enhancement only: without JS or with reduced motion the approved scenes stay in flow. */
.story-track{position:relative;isolation:isolate;background:#fff}
.story-stage{position:relative;background:#fff}
.story-rail{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1160px,calc(100% - 80px));margin:0 auto;padding:0 0 20px;background:#fff}
.story-rail .product-index{margin:0;padding:18px 0;border-top:1px solid #e1e8ee;flex:1;gap:24px}
.story-step-number{font-size:10px;font-variant-numeric:tabular-nums;color:#8394a2}
.product-index a[aria-current="step"]{color:#14283f}
.product-index a[aria-current="step"] .story-step-number{color:#16845f}
.story-mode{flex-shrink:0;border:1px solid #dce6ec;background:#fff;color:#62778a;padding:8px 11px;border-radius:7px;font-size:11px}
.story-mode:hover{color:#14283f;border-color:#afc4d1}
.story-mode[hidden]{display:none}
.story-anchor{display:block;position:relative;scroll-margin-top:86px;height:0}
.story-meter{display:none}
.story-screen{margin:0;border:1px solid #dfe7ed;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 24px 60px -25px #152e4938}
.story-screen-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #e7eef2;font-size:12px;color:#526b80}
.story-screen-bar img{width:20px;height:22px}
.story-screen>img{width:100%;height:auto;display:block}
.story-screen figcaption{padding:10px 16px;color:#71889a;font-size:11px}

.story-enhanced .story-stage{position:sticky;top:var(--story-top);height:var(--story-height);overflow:clip}
.story-enhanced .story-stage::before{content:'';position:absolute;inset:0;background:url('../fluvo-circuit.svg') center/cover no-repeat;opacity:.045;pointer-events:none}
.story-enhanced .story-rail{height:70px;padding:0;background:transparent}
.story-enhanced .story-rail .product-index{border-top:0}
.story-enhanced .product-index a{position:relative;padding-block:10px}
.story-enhanced .product-index a[aria-current="step"]::after{content:'';position:absolute;bottom:2px;left:0;right:0;height:1px;background:#16845f}
.story-enhanced .story-panels{position:absolute;inset:70px 0 30px}
.story-enhanced .story-anchor{position:absolute;left:0;height:1px;width:1px;pointer-events:none}
.story-enhanced .product-story{position:absolute;inset:0;visibility:hidden;opacity:0;pointer-events:none}
.story-enhanced .product-story.is-onstage{visibility:visible}
.story-enhanced .product-story[aria-hidden="false"]{pointer-events:auto}
.story-enhanced .product-scene{position:absolute;inset:0;padding:0;border:0;background:transparent!important;overflow:visible;pointer-events:none}
.story-enhanced .product-scene[aria-hidden="false"]{pointer-events:auto}
.story-enhanced .scene-grid{height:100%;min-height:0;align-items:center!important}
.story-enhanced .scene-copy{order:0!important}
.story-enhanced .scene-visual{order:1!important;position:relative}
.story-enhanced .scene-copy,.story-enhanced .scene-visual{transition:none}
.story-enhanced .scene-copy h3{font-size:clamp(39px,3.8vw,57px)}
.story-enhanced .scene-detail .scene-copy h3{font-size:clamp(36px,3.3vw,48px)}
.story-enhanced .scene-copy>p{font-size:16px;max-width:440px;line-height:1.6;margin-top:21px}
.story-enhanced .scene-copy .button{margin-top:25px}
.story-enhanced .feature-points{margin-top:22px}
.story-enhanced .feature-points li{padding:10px 0;font-size:13px}
.story-enhanced .scene-copy .text-link{margin-top:19px}
.story-enhanced .demo-window{transform:none;max-width:520px;margin-inline:auto}
.story-enhanced .scene-visual>div,.story-enhanced .scene-visual>figure{max-height:100%}
.story-enhanced .story-screen>img{max-height:440px;object-fit:contain;background:#f5f8fa}
.story-enhanced .story-meter{display:block;position:absolute;bottom:21px;left:max(40px,calc((100% - 1160px)/2));right:max(40px,calc((100% - 1160px)/2));height:2px;background:#e6edf1;overflow:hidden}
.story-meter-fill{display:block;height:100%;background:#648f8a;transform:scaleX(0);transform-origin:left}
@media(min-width:1000px) and (max-height:800px){.story-enhanced .product-wordmark{margin-bottom:22px}.story-enhanced .demo-window{padding:21px}.story-enhanced .queue-row{padding:20px 0}.story-enhanced .care-orbit{min-height:310px}.story-enhanced .scene-copy h3{font-size:43px}.story-enhanced .scene-detail .scene-copy h3{font-size:38px}.story-enhanced .scene-copy .eyebrow{margin-bottom:15px}}
@media(max-width:999px){.story-rail{width:calc(100% - 48px)}.story-rail .product-index{gap:20px;flex-wrap:wrap}.story-mode{display:none}.story-step-number{display:none}}
@media(max-width:600px){.story-rail{width:calc(100% - 40px);padding-bottom:12px}.story-rail .product-index{gap:15px 20px}.story-anchor{scroll-margin-top:75px}}
@media(prefers-reduced-motion:reduce){.story-meter{display:none}}

/* Fine static SVG traces; only two small glints move, behind the existing hero. */
.hero-tech{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;mask-image:radial-gradient(ellipse at 50% 50%,transparent 12%,#000 75%)}
.hero-tech>img{width:100%;height:100%;object-fit:cover;opacity:.27}
.hero-tech::before,.hero-tech::after{content:'';position:absolute;width:1px;height:130px;background:linear-gradient(transparent,#81b9c5,transparent);opacity:.24;animation:trace-drift 18s ease-in-out infinite alternate;animation-play-state:paused}
.hero-tech::before{left:13.2%;top:19%}.hero-tech::after{right:14.3%;bottom:16%;animation-delay:-8s}
.hero-motion-active .hero-tech::before,.hero-motion-active .hero-tech::after{animation-play-state:running}
@keyframes trace-drift{from{transform:translate3d(0,-12px,0)}to{transform:translate3d(0,12px,0)}}
@media(max-width:600px){.hero-tech>img{opacity:.20}.hero-tech::before,.hero-tech::after{display:none}}
@media(prefers-reduced-motion:reduce){.hero-tech::before,.hero-tech::after{animation:none}}