.story {color:var(--advantages-text);--story-top:110px}
.story__intro,.story__track {max-width:var(--story-width);margin:auto;padding:0 24px;box-sizing:border-box}
.story__intro h2 {margin:0 0 16px}.story__intro p {margin:0 0 32px;line-height:1.6}
.story__stage {position:relative}
.story__scene {display:grid;grid-template-columns:var(--story-visual) minmax(0,1fr);position:relative;background:var(--scene-bg);border-radius:var(--story-radius);overflow:hidden;margin-bottom:24px;min-height:520px;isolation:isolate}
.story--right .story__visual {order:2}.story--right .story__copy {order:1}
.story__visual {position:relative;min-width:0;overflow:hidden;min-height:320px;isolation:isolate}
.story__camera,.story__tint {position:absolute;inset:0;pointer-events:none}
.story__camera {transform-origin:var(--scene-focus-x) var(--scene-focus-y);transform:scale(var(--story-zoom,1));will-change:transform}
.story__camera>img,.story__camera>video {width:100%;height:100%;object-fit:var(--scene-fit,cover);object-position:var(--scene-focus-x) var(--scene-focus-y)}
.story__abstract {position:absolute;inset:0;background:radial-gradient(ellipse at 30% 25%,var(--story-accent),transparent 75%);opacity:.55}
.story__abstract span {position:absolute;width:65%;aspect-ratio:1;border:1px solid #ffffff60;border-radius:50%;left:20%;top:12%;transform:rotateX(40deg) rotateY(30deg)}
.story__abstract span:nth-child(2){transform:rotateX(65deg) rotateY(-20deg)}.story__abstract span:nth-child(3){transform:rotateX(-20deg) rotateY(60deg)}
.story__element {position:absolute;max-height:90%;object-fit:contain;transform:translate(-50%,calc(-50% + var(--story-drift,0px)));pointer-events:none}
.story__copy {position:relative;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:clamp(20px,3vw,44px);background:var(--scene-panel);overflow-wrap:anywhere;min-width:0}
.story__copy h3,.story__copy p {margin:0;line-height:1.25}.story__copy>div{line-height:1.6}
.story__copy--glass {backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff40}
.story__eyebrow {font:12px/1.5 monospace;letter-spacing:.14em;color:var(--story-accent)}
.story__buttons {display:flex;gap:10px;flex-wrap:wrap}
.story__point {position:absolute;max-width:65%;transform:translate(calc(-1 * var(--point-x,50%)),calc(-1 * var(--point-y,50%)));display:flex;align-items:center;gap:8px;z-index:2;overflow-wrap:anywhere;pointer-events:none}
.story__point i {font:12px/1 monospace;display:grid;place-items:center;min-width:26px;height:26px;border-radius:50%;background:var(--story-accent);color:#09131c}
.story__point span {padding:8px 12px;border:1px solid #ffffff30;border-radius:10px;background:var(--point-bg)}
.story--cinema .story__scene {display:block}.story--cinema .story__visual{position:absolute;inset:0}
.story--cinema .story__copy {position:absolute;width:var(--scene-text-width);box-sizing:border-box;left:var(--scene-x);top:var(--scene-y);transform:translate(calc(-1 * var(--scene-x)),calc(-1 * var(--scene-y)));border-radius:20px;max-height:100%;overflow:auto}
.story.is-enhanced .story__stage {position:sticky;top:var(--story-top);height:var(--story-stage-height)}
.story.is-enhanced .story__scene {position:absolute;inset:0;margin:0;min-height:0;opacity:0;pointer-events:none;transition:opacity var(--story-speed) ease,clip-path var(--story-speed) ease,transform var(--story-speed) ease}
.story.is-enhanced .story__scene.is-current {opacity:1;pointer-events:auto;z-index:1;clip-path:inset(0);transform:none}
.story.is-enhanced .story__copy {overflow:auto;max-height:100%;box-sizing:border-box}
.story.is-enhanced .story__scene--circle {clip-path:circle(0 at 50% 50%)}.story.is-enhanced .story__scene--circle.is-current {clip-path:circle(150% at 50% 50%)}
.story.is-enhanced .story__scene--wipe {clip-path:inset(0 100% 0 0)}
.story.is-enhanced .story__scene--wipe.story__scene--right {clip-path:inset(0 0 0 100%)}
.story.is-enhanced .story__scene--wipe.story__scene--up {clip-path:inset(100% 0 0 0)}
.story.is-enhanced .story__scene--wipe.story__scene--down {clip-path:inset(0 0 100% 0)}
.story.is-enhanced .story__scene--wipe.is-current {clip-path:inset(0)}
.story.is-enhanced .story__scene--slide {transform:translateY(calc(30px * var(--story-motion,1)))}.story.is-enhanced .story__scene--slide.story__scene--left{transform:translateX(calc(-30px * var(--story-motion,1)))}.story.is-enhanced .story__scene--slide.story__scene--right{transform:translateX(calc(30px * var(--story-motion,1)))}.story.is-enhanced .story__scene--slide.story__scene--down{transform:translateY(calc(-30px * var(--story-motion,1)))}
.story.is-enhanced .story__scene--depth {transform:perspective(1000px) rotateY(calc(-8deg * var(--story-motion,1))) scale(calc(1 - .04 * var(--story-motion,1)))}
.story.is-enhanced .story__scene.is-current {transform:none}
.story__nav {position:absolute;left:20px;right:20px;bottom:14px;z-index:4;border-radius:14px;padding:10px;background:#08111ce6;backdrop-filter:blur(12px)}
.story__nav[hidden]{display:none}.story__nav-items {display:flex;gap:8px;overflow:auto;margin-top:8px}
.story__nav button {border:1px solid #ffffff30;border-radius:20px;background:transparent;color:var(--advantages-text);padding:7px 12px;cursor:pointer;font:12px monospace;flex-shrink:0}
.story__nav button[aria-current="step"] {background:var(--story-accent);color:#07121f}
.story__nav button:focus-visible {outline:2px solid white;outline-offset:2px}
.story__progress {height:2px;background:#ffffff30;overflow:hidden}.story__progress span{display:block;width:100%;height:100%;background:var(--story-accent);transform:scaleX(var(--story-progress,0));transform-origin:left}
.story.is-enhanced:has(.story__nav) .story__scene {bottom:86px}
@media(max-width:700px) {
.story__intro,.story__track{padding:0 16px}.story__scene,.story--cinema .story__scene{display:flex;flex-direction:column;min-height:0}
.story__visual,.story--cinema .story__visual{position:relative;min-height:260px;order:0}.story__copy,.story--cinema .story__copy{position:relative;order:1;inset:auto;transform:none;width:100%;max-height:none;border-radius:0;padding:24px}
.story.is-enhanced .story__visual{min-height:0;flex:0 0 40%}.story.is-enhanced .story__copy{flex:1;min-height:0;padding:18px}
.story__point{max-width:75%}.story__point span{padding:4px 7px}
}
.story.is-quiet * {transition-duration:120ms!important;transition-delay:0ms!important;will-change:auto}
.story.is-quiet .story__camera {transform:none!important}
.story.is-quiet.is-enhanced .story__scene {transform:none!important;clip-path:none!important}
.story.is-quiet .story__copy {translate:none!important}
.story.is-quiet .story__point span {clip-path:none!important}
.story__point::before {content:"";width:24px;height:1px;background:var(--story-accent);order:1;flex-shrink:0}.story__point span{order:2}
.story.is-enhanced .story__point {opacity:0;transition:opacity .45s ease;transition-delay:calc(var(--point-delay,0) * 110ms + 200ms)}
.story.is-enhanced .is-current .story__point {opacity:1}
.story.is-enhanced .story__point span {clip-path:inset(0 100% 0 0);transition:clip-path .55s ease;transition-delay:calc(var(--point-delay,0) * 110ms + 350ms)}
.story.is-enhanced .is-current .story__point span {clip-path:inset(0)}
.story__stage {border-radius:var(--story-radius);background:var(--story-stage-bg,transparent);transition:background-color var(--story-speed) ease}
@media print{.story.is-enhanced .story__track{height:auto!important}.story.is-enhanced .story__stage{position:static;height:auto}.story.is-enhanced .story__scene{position:relative;opacity:1;transform:none;clip-path:none;min-height:400px}.story__nav{display:none}}

.story.is-enhanced .story__copy {translate:0 var(--story-copy-drift,0px)}