/* Full-viewport, scroll-led chapters. The text remains ordinary HTML. */
.header-inner{gap:clamp(12px,2vw,28px)}
.main-nav{gap:clamp(12px,2vw,31px)}
.language-switch{display:inline-flex;flex:none;align-items:center;gap:2px;padding:4px;border:1px solid #d6efc263;border-radius:999px;background:#d9e9d219;box-shadow:inset 0 1px #ffffff24;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.language-switch button{min-width:35px;min-height:32px;padding:5px 8px;border:0;border-radius:999px;background:transparent;color:#d8e6d2;font:inherit;font-size:.7rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background .25s,color .25s,transform .25s}
.language-switch button[aria-pressed="true"]{background:#dbeccf;color:#102017;box-shadow:0 2px 12px #0006}
.language-switch button:hover{transform:translateY(-1px)}
.language-switch button:focus-visible{outline:2px solid #e7f3db;outline-offset:3px}
@media(max-width:760px){.header-inner{gap:8px}.menu-toggle{order:2}.language-switch{order:1;margin-left:auto}.language-switch button{min-width:32px;min-height:29px;padding:4px 6px;font-size:.65rem}}
.value-line{overflow:hidden}
.value-track{display:flex;width:100%}
.value-set{display:flex;flex:none;align-items:center;justify-content:space-between;gap:14px;width:100%}
.value-set span,.value-set i{flex:none;white-space:nowrap}
.value-set i:last-child,.value-set[aria-hidden="true"]{display:none}
@keyframes value-marquee{to{transform:translateX(-50%)}}
@media(max-width:760px){
  .value-line.shell{display:block;width:100%;max-width:none;padding:14px 0;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);scrollbar-width:none}
  .value-line.shell::-webkit-scrollbar{display:none}
  .value-track{width:max-content;animation:value-marquee 42s linear infinite}
  .value-set,.value-set[aria-hidden="true"]{display:flex;width:max-content;justify-content:flex-start;gap:15px;padding-right:15px}
  .value-set i:last-child{display:block}
}
.hero-visual{perspective:1250px;perspective-origin:50% 45%}
.hero-phone-parallax{position:relative;z-index:1;flex:none;transform-style:preserve-3d;transform:rotateX(var(--hero-tilt-x,0deg)) rotateY(var(--hero-tilt-y,0deg));transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.phone-hero{transform-origin:50% 58%;transform-style:preserve-3d;backface-visibility:hidden;animation:hero-phone-depth 11s ease-in-out infinite}
@keyframes hero-phone-depth{
  0%,100%{transform:translate3d(0,2px,0) rotateX(2deg) rotateY(-6deg) rotateZ(-6deg)}
  50%{transform:translate3d(0,-10px,22px) rotateX(-2deg) rotateY(3deg) rotateZ(-4.5deg)}
}
.story-section{padding:116px 0 100px;overflow:clip;background:#091710}
.story-heading{position:relative;z-index:4;margin-bottom:0;padding-bottom:72px}
.story-heading h2{max-width:1060px}
.story-layout.shell{width:100%;max-width:none;display:grid;grid-template-columns:minmax(0,1fr);gap:0;position:relative}
.story-steps,.story-stage{grid-area:1/1}
.story-steps{position:relative;z-index:3;pointer-events:none}
.story-steps::before,.story-step::before{display:none}
.story-step{min-height:100svh;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:100px 0 80px;border:0!important;pointer-events:none}
.story-step-copy,.story-step.is-active .story-step-copy{width:min(42vw,570px);max-width:none;margin-left:max(36px,calc((100vw - 1200px)/2));padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:.12;transform:translate3d(0,60px,0);transition:opacity .6s ease,transform .75s cubic-bezier(.18,.8,.2,1);pointer-events:auto}
.story-step.is-active .story-step-copy{opacity:1;transform:translate3d(0,0,0)}
.step-number{display:inline-flex;align-items:center;gap:12px;margin-bottom:20px;color:#d6eec0;font-size:.82rem;letter-spacing:.16em}
.step-number::before{content:"";width:28px;height:2px;background:#d9edbf;box-shadow:0 0 16px #c8e6a9}
.story-step h3{max-width:590px;font-size:clamp(3.2rem,4.75vw,6.1rem);line-height:1.04;margin-bottom:23px;text-wrap:balance;text-shadow:0 5px 30px #000b}
.story-step p{max-width:480px;color:#d3e1d0;font-size:clamp(.97rem,1.25vw,1.13rem);line-height:1.68;text-shadow:0 3px 18px #000c}
.story-voice-button{display:inline-flex;align-items:center;gap:9px;margin-top:24px;padding:12px 18px;border:1px solid #d8efc486;border-radius:999px;background:linear-gradient(135deg,#dcefd13b,#9ecb9a19);box-shadow:inset 0 1px #ffffff5c,0 12px 30px #0006;color:#f2f8ed;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .25s,background .25s,box-shadow .25s}
.story-voice-button::before{content:"♫";font-size:1rem;line-height:1}
.story-voice-button:hover{transform:translateY(-2px);background:#dcefd14d;box-shadow:inset 0 1px #ffffff76,0 16px 34px #0008,0 0 20px #b6e4a32c}
.story-voice-button:focus-visible{outline:2px solid #e5f6d1;outline-offset:4px}
.story-voice-button:disabled{opacity:.55;cursor:default;transform:none}
.story-voice-status{display:block;min-height:1.4em;margin-top:10px;color:#d0e4c7;font-size:.72rem}
.mobile-shot{display:none}
.story-stage{position:sticky;top:0;align-self:start;z-index:0;width:100%;height:100svh;min-height:600px;display:block;overflow:hidden;border:0;border-radius:0;background:radial-gradient(ellipse 45% 65% at 72% 48%,#3b69465c,transparent 77%),linear-gradient(112deg,#08170f 18%,#183a26 64%,#07150e);box-shadow:none;isolation:isolate;pointer-events:none}
.story-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#e3f7d108 1px,transparent 1px),linear-gradient(90deg,#e3f7d108 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at 69% 50%,black,transparent 78%)}
.story-stage::after{content:"";position:absolute;inset:0;z-index:1;border:0;border-radius:0;background:linear-gradient(90deg,#06120be8 0,transparent 56%),linear-gradient(0deg,#07150ecc,transparent 24%);pointer-events:none}
.stage-ambient{left:auto;right:3%;top:8%;width:min(65vw,900px);opacity:.9;filter:none;background:radial-gradient(circle,#a0d8953b,transparent 63%);transform:translate3d(0,var(--ambient-shift,0px),0)}
.stage-orbit{position:absolute;top:9%;right:5%;width:min(65vw,860px);aspect-ratio:1;border:1px solid #c5e4b226;border-radius:50%;box-shadow:0 0 0 85px #c5e4b207,0 0 0 175px #c5e4b204;transform:scale(.9);transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .8s}
.story-stage[data-active="1"] .stage-orbit,.story-stage[data-active="2"] .stage-orbit,.story-stage[data-active="3"] .stage-orbit{transform:scale(1.1);opacity:.54}
.stage-hud{top:120px;left:max(36px,calc((100vw - 1200px)/2));right:max(36px,calc((100vw - 1200px)/2));z-index:4}
.stage-hud span{font-size:.62rem;letter-spacing:.2em}
.stage-hud strong{font-size:.73rem;padding:8px 13px;background:#d7edc320}
.stage-index{left:max(36px,calc((100vw - 1200px)/2));right:auto;bottom:40px;width:min(290px,calc(100vw - 72px));z-index:5}
.stage-dots{display:none}
.stage-track{height:3px}
.stage-artwork{left:48%;top:17%;width:min(26vw,355px);z-index:2;opacity:1;transform:perspective(950px) rotateY(-17deg) rotateZ(-3deg) translateY(var(--scroll-lift,0px));filter:drop-shadow(24px 35px 24px #000c);transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .65s}
.story-stage[data-active="1"] .stage-artwork,.story-stage[data-active="2"] .stage-artwork,.story-stage[data-active="3"] .stage-artwork{opacity:0;transform:perspective(950px) translate(-20%,4%) rotateY(-28deg) scale(.82)}
.stage-phone{position:absolute;right:10%;top:14%;left:auto;z-index:3;width:min(25vw,340px);opacity:1;filter:drop-shadow(0 30px 28px #000c);transition:transform .9s cubic-bezier(.18,.8,.2,1),opacity .6s}
.story-stage[data-active="0"] .stage-phone{transform:perspective(950px) rotateY(-14deg) rotateZ(-7deg) translate3d(4%,var(--scroll-lift,0px),0) scale(.9)}
.story-stage[data-active="1"] .stage-phone{transform:perspective(950px) rotateY(0) rotateZ(0) translate3d(0,var(--scroll-lift,0px),0) scale(1.08)}
.story-stage[data-active="2"] .stage-phone,.story-stage[data-active="3"] .stage-phone{opacity:0;transform:translate3d(-20%,var(--scroll-lift,0px),0) scale(.78)}
.stage-signal{left:70%;top:45%;z-index:4}
.stage-proof{position:absolute;top:59%;right:35%;z-index:4;display:flex;align-items:center;gap:11px;padding:13px 16px;border:1px solid #def4c681;border-radius:18px;background:#d8efc52a;box-shadow:0 18px 45px #0007,inset 0 1px #ffffff55;backdrop-filter:blur(18px);color:#f2f8ed;font-size:.62rem;letter-spacing:.08em;font-weight:700;opacity:0;transform:translateY(25px) scale(.9);transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .45s}
.stage-proof small{display:block;margin-top:3px;color:#c7dcc0;font-size:.68rem;font-weight:500;letter-spacing:0}
.stage-proof-icon{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:50%;background:#d9eeba;color:#132419;font-size:1.13rem}
.story-stage[data-active="1"] .stage-proof{opacity:1;transform:translateY(0) scale(1)}
.stage-film,.stage-chat-panel{position:absolute;z-index:3;right:13%;top:16%;opacity:0;overflow:hidden;border:1px solid #d6efc263;border-radius:30px;background:#07150e;box-shadow:0 30px 90px #000b,inset 0 1px #ffffff38;transform:translate3d(0,60px,0) rotateY(10deg) scale(.86);transition:transform .9s cubic-bezier(.18,.8,.2,1),opacity .6s}
.stage-transition-note{display:none}
.stage-film{width:min(27vw,340px);aspect-ratio:848/1104;padding:9px}
.stage-film video{display:block;width:100%;height:100%;object-fit:contain;border-radius:22px;background:#07150e}
.stage-film span{position:absolute;left:20px;right:20px;bottom:19px;padding:7px 10px;border:1px solid #e0efce6b;border-radius:100px;background:#09190fbd;backdrop-filter:blur(9px);color:#e4f2dc;font-size:.58rem;text-align:center;letter-spacing:.13em;font-weight:700}
.story-stage[data-active="2"] .stage-film{opacity:1;transform:translate3d(0,var(--scroll-lift,0px),0) rotateY(0) scale(1)}
.stage-chat-panel{right:11%;display:flex;flex-direction:column;width:min(29vw,390px);height:min(75vh,640px);padding:18px;color:#eef8ec;font-family:inherit;background:radial-gradient(circle at 16% 3%,#34523a60,transparent 42%),#06130d}
.chat-preview-header{display:flex;align-items:center;gap:10px;flex:none}
.chat-preview-ai{display:grid;place-items:center;flex:none;width:37px;height:37px;border:1px solid #d7ecc56b;border-radius:13px;background:#d2e8bd18;color:#e0efcc;font-size:.73rem;font-weight:700;letter-spacing:.04em}
.chat-preview-title{display:grid;gap:2px;min-width:0}.chat-preview-title strong{font-size:1.03rem;line-height:1.15}.chat-preview-title small{font-size:.64rem;color:#b8cbb5;line-height:1.3}
.chat-preview-close{display:grid;place-items:center;flex:none;width:29px;height:29px;margin-left:auto;border:1px solid #efffe538;border-radius:50%;background:#ffffff12;font-size:1.15rem;line-height:1}
.chat-preview-back{align-self:start;margin-top:15px;padding:5px 9px;border:1px solid #efffe530;border-radius:30px;background:#ffffff0c;color:#cbdcc5;font-size:.62rem}
.chat-preview-messages{display:flex;flex-direction:column;align-items:start;gap:6px;padding-top:18px}
.chat-preview-bubble{max-width:94%;margin:0;padding:12px 13px;border:1px solid #d6ecc13d;border-radius:16px 16px 16px 5px;background:#ffffff12;color:#f0f8ec;font-size:.73rem;line-height:1.45}
.chat-preview-question{align-self:end;border-radius:16px 16px 5px 16px;background:#d4eac12a;font-weight:600}
.chat-preview-answer{margin-top:3px}
.chat-preview-audio{color:#cde4c2;font-size:.57rem;line-height:1.5}
.chat-preview-bottom{display:flex;align-content:end;align-items:center;flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:8px}
.chat-preview-bottom>span{padding:5px 7px;border:1px solid #d6ecc13d;border-radius:20px;color:#cdddc7;font-size:.56rem;white-space:nowrap}
.chat-preview-input{display:flex;align-items:center;justify-content:space-between;flex-basis:100%;height:42px;margin-top:7px;padding:5px 5px 5px 12px;border:1px solid #d6ecc152;border-radius:14px;background:#ffffff10;color:#9aaf9e;font-size:.68rem}
.chat-preview-input b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#d7edc5;color:#102017;font-size:.85rem}
.story-stage[data-active="3"] .stage-chat-panel{opacity:1;transform:translate3d(0,var(--scroll-lift,0px),0) rotateY(0) scale(1)}
.story-end{position:relative;z-index:4;padding-top:70px}
.story-section>.truth-note.shell{position:relative;z-index:4;margin:38px auto 0;max-width:1200px}

/* Portrait video should be complete and centred rather than zoom-cropped. */
.video-wrap{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 42%,#55745249,transparent 72%),#0a1810}
.video-wrap video{width:min(100%,360px);height:100%;max-height:100%;object-fit:contain;object-position:center;background:transparent}

@media(max-width:760px){
  .story-section{padding:85px 0 80px}
  .story-heading{margin-bottom:0;padding-bottom:45px}
  .story-heading h2{font-size:clamp(2.6rem,10vw,4rem)}
  .story-layout.shell{display:grid;width:100%;gap:0}
  .story-steps{order:initial;z-index:3}
  .story-stage{order:initial;position:sticky;top:0;align-self:start;width:100%;height:100svh;min-height:600px;margin:0;border:0;border-radius:0;box-shadow:none}
  .story-stage::after{inset:0;border:0;border-radius:0;background:linear-gradient(0deg,#07160eed,transparent 42%),linear-gradient(90deg,#06140d38,transparent 40%)}
  .story-step{min-height:100svh;display:block;padding:0 20px}
  .story-step-copy,.story-step.is-active .story-step-copy{position:sticky;top:max(105px,calc(100svh - 340px));width:100%;max-width:600px;margin:0 auto;padding:0 0 8px!important;border:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:0;transform:translate3d(0,42px,0)}
  .story-step.is-active .story-step-copy{opacity:1;transform:translate3d(0,0,0)}
  .story-step-copy::before{content:"";position:absolute;z-index:-1;inset:-28px -20px -28px;background:linear-gradient(0deg,#07160ef5 0,#07160eab 55%,transparent);pointer-events:none}
  .step-number{margin-bottom:11px;font-size:.7rem}
  .step-number::before{width:20px}
  .story-step h3{max-width:520px;font-size:clamp(2.25rem,9.1vw,3.7rem);margin-bottom:13px}
  .story-step p{max-width:520px;font-size:.9rem;line-height:1.55;margin:0}
  .story-voice-button{margin-top:15px;padding:10px 15px;font-size:.76rem}
  .story-voice-status{font-size:.65rem}
  .stage-hud{display:none}
  .stage-hud span{font-size:.48rem;letter-spacing:.11em}
  .stage-hud strong{font-size:.61rem;padding:6px 9px}
  .stage-index{left:20px;right:20px;bottom:24px;width:auto;font-size:.71rem}
  .stage-orbit{top:15%;right:-29%;width:110vw}
  .stage-ambient{right:-20%;top:13%;width:120vw}
  .stage-artwork{left:5%;top:20%;width:45%;transform:perspective(650px) rotateY(-14deg) rotateZ(-3deg)}
  .stage-phone{top:17%;right:3%;width:56%;max-width:240px}
  .story-stage[data-active="0"] .stage-phone{transform:perspective(700px) rotateY(-10deg) rotateZ(-7deg) translate3d(0,var(--scroll-lift,0px),0) scale(.96)}
  .story-stage[data-active="1"] .stage-phone{right:50%;transform:translate3d(50%,var(--scroll-lift,0px),0) scale(1.12)}
  .story-stage[data-active="1"] .stage-artwork,.story-stage[data-active="2"] .stage-artwork,.story-stage[data-active="3"] .stage-artwork{opacity:0;transform:perspective(650px) translate(-30%,0) rotateY(-25deg) scale(.84)}
  .stage-signal{left:53%;top:43%}
  .stage-proof{top:57%;right:5%;padding:10px;font-size:.5rem}
  .stage-proof-icon{width:25px;height:25px;font-size:.9rem}
  .stage-proof small{font-size:.59rem}
  .stage-film{top:17%;right:50%;width:min(65vw,270px);transform:translate3d(50%,40px,0) scale(.88)}
  .story-stage[data-active="2"] .stage-film{transform:translate3d(50%,var(--scroll-lift,0px),0) scale(1)}
  .stage-chat-panel{top:10%;right:50%;width:min(88vw,390px);height:min(50svh,430px);padding:16px;transform:translate3d(50%,40px,0) scale(.88)}
  .story-stage[data-active="3"] .stage-chat-panel{transform:translate3d(50%,var(--scroll-lift,0px),0) scale(1)}
  .story-end{padding-top:36px}
  .video-wrap{height:370px}
  .video-wrap video{width:min(82%,280px)}
}

@media(max-width:420px){
  .story-step{min-height:100svh}
  .story-step h3{font-size:clamp(2.08rem,8.8vw,3.1rem)}
  .story-step p{font-size:.84rem}
  .stage-film{width:min(63vw,245px)}
  .stage-chat-panel{height:min(49svh,430px);padding:13px}
  .chat-preview-messages{gap:4px;padding-top:11px}
  .chat-preview-bubble{padding:9px 10px;font-size:.68rem;line-height:1.33}
  .chat-preview-back{margin-top:9px}
  .chat-preview-title strong{font-size:.92rem}
  .chat-preview-bottom>span{font-size:.51rem}
  .video-wrap{height:345px}
}

/* The original four-step sticky scene remains active on mobile and desktop. */
.mobile-step-media{display:none!important}
.mobile-config-nav,.mobile-config-cta{display:none}
@media(max-width:760px){
  .desktop-config-nav{display:none!important}
  .mobile-config-nav{display:block}
  .configurator#konfigurator{display:none}
  .mobile-config-cta{display:block;margin-block:72px;padding:30px 25px;border:1px solid #cfe9c663;border-radius:28px;background:radial-gradient(circle at 100% 0%,#a0d8952a,transparent 60%),#14291c;box-shadow:inset 0 1px #ffffff3c,0 22px 55px #0005}
  .mobile-config-cta h2{font-size:clamp(2rem,8.5vw,3.2rem);line-height:1.08;margin:15px 0}
  .mobile-config-cta p:not(.section-kicker){max-width:32rem;color:#ccdcc7;line-height:1.6}
  .mobile-config-cta .button{margin-top:22px;justify-content:center;width:100%}
}

@media(max-width:760px){.hero-phone-parallax{transform:none!important}}

/* A quiet, pointer-led sense of depth for the glass content surfaces. */
.depth-card{--depth-rx:0deg;--depth-ry:0deg;--depth-light-x:50%;--depth-light-y:50%;transform-style:preserve-3d;transition:opacity .8s ease,transform .5s cubic-bezier(.2,.75,.2,1),box-shadow .45s ease,border-color .45s ease}
.depth-card:not(.config-summary){position:relative}
.depth-card.is-visible{transform:perspective(1100px) translateY(0) rotateX(var(--depth-rx)) rotateY(var(--depth-ry))}
.depth-card::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background:radial-gradient(360px circle at var(--depth-light-x) var(--depth-light-y),#dcf8cf30,transparent 68%);opacity:0;pointer-events:none;transition:opacity .35s ease}
.depth-card:hover::before,.depth-card:focus-within::before{opacity:1}
.depth-card.is-visible:hover{border-color:#d2ebbd82;box-shadow:inset 0 1px #ffffff4d,0 24px 65px #0007,0 0 42px #c6e8b41c}
.cursor-glow{display:none;position:fixed;top:0;left:0;z-index:80;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,#d8f3c536 0,#a9dbaf19 35%,transparent 70%);filter:blur(18px);opacity:0;pointer-events:none;will-change:transform,opacity;transition:opacity .35s ease}
.cursor-glow.is-active{opacity:.65}
@media(min-width:761px) and (pointer:fine){.cursor-glow{display:block}.depth-card:hover{transform:perspective(1100px) translateY(-5px) rotateX(var(--depth-rx)) rotateY(var(--depth-ry))}}
@media(max-width:760px){.depth-card::before{opacity:.35;background:radial-gradient(300px circle at 18% 5%,#dcf8cf1e,transparent 70%)}.depth-card.is-visible:hover{transform:none}}

/* Demo links use the same restrained translucent glass language as the AI control. */
a.button[data-cta$="_demo"]{border:1px solid #e2f7d1a8;background:linear-gradient(140deg,#e5f8d445,#bfdcb129 42%,#7fa88c24);color:#f4fbf0;box-shadow:inset 0 1px #ffffff96,0 15px 38px #020d08a3,0 0 34px #bce9a046;backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);transition:transform .28s ease,background .28s ease,box-shadow .28s ease,border-color .28s ease}
a.button[data-cta$="_demo"]:hover{transform:translateY(-3px);border-color:#f2ffe6e6;background:linear-gradient(140deg,#e7f9d66e,#a6d19b40);box-shadow:inset 0 1px #fff,0 20px 46px #020d08b0,0 0 46px #c4eeac73}
a.button[data-cta$="_demo"]:focus-visible{outline:2px solid #e5f7d5;outline-offset:4px}

/* Mobile chapters: the scene remains sticky, while each caption has its own
   full-height scroll slot. This prevents adjacent captions from colliding. */
@media(max-width:760px){
  .story-step{min-height:100svh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;padding:110px 20px clamp(86px,13svh,125px);border:0!important;pointer-events:none}
  .story-step-copy,.story-step.is-active .story-step-copy{position:relative;top:auto;width:100%;max-width:540px;margin:0 auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;opacity:var(--copy-opacity,1);transform:translate3d(0,var(--copy-rise,0px),0);transition:none;pointer-events:auto}
  .story-step-copy::before{inset:-35px -20px -25px;background:linear-gradient(0deg,#07160ef7 12%,#07160eea 60%,transparent)}
  .story-stage{min-height:0;height:100svh}
  .stage-index{top:50%;bottom:auto;left:6px;right:auto;width:19px;min-width:0;padding:12px 6px;border:1px solid #d9efcb29;border-radius:999px;background:#dcefd014;box-shadow:inset 0 1px #ffffff25,0 8px 26px #0004;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);transform:translateY(-50%);pointer-events:none}
  .stage-index>.stage-current,.stage-index>.stage-track,.stage-index>span:nth-child(3){display:none}
  .stage-dots{display:flex;flex-direction:column;align-items:center;gap:13px}
  .stage-dots i{display:block;flex:none;width:5px;height:5px;border-radius:50%;background:#d9edd077;box-shadow:0 0 0 1px #f2ffe81a;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
  .story-stage[data-active="0"] .stage-dots i:nth-child(1),.story-stage[data-active="1"] .stage-dots i:nth-child(2),.story-stage[data-active="2"] .stage-dots i:nth-child(3),.story-stage[data-active="3"] .stage-dots i:nth-child(4){background:#e3f8d0;transform:scale(1.65);box-shadow:0 0 0 3px #d9f4c72d,0 0 11px #d8f6bdb0}
  .stage-artwork{top:18%;left:5%;width:43%}
  .stage-phone{top:16%;width:52%;max-width:220px}
  .story-stage[data-active="0"] .stage-phone,.story-stage[data-active="1"] .stage-phone{right:var(--scan-right,3%);opacity:1;transform:perspective(700px) translate3d(var(--scan-shift,0%),var(--scroll-lift,0px),0) rotateY(var(--scan-rotate-y,-10deg)) rotateZ(var(--scan-rotate-z,-7deg)) scale(var(--scan-scale,.96));transition:none}
  .story-stage[data-active="0"] .stage-ambient,.story-stage[data-active="1"] .stage-ambient{background:radial-gradient(circle,#a0d8953b,transparent 63%);opacity:.9}
  .story-stage[data-active="0"] .stage-orbit,.story-stage[data-active="1"] .stage-orbit{transform:scale(var(--scan-orbit-scale,.9));opacity:var(--scan-orbit-opacity,1);transition:none}
  .story-stage[data-active="2"] .stage-phone{right:50%;transform:translate3d(50%,var(--scroll-lift,0px),0) scale(.78)}
  .story-stage[data-active="0"] .stage-artwork,.story-stage[data-active="1"] .stage-artwork{opacity:var(--scan-inverse,1);transform:perspective(650px) translateX(var(--scan-art-x,0%)) rotateY(var(--scan-art-rotate,-14deg)) rotateZ(-3deg) scale(var(--scan-art-scale,1));transition:none}
  .story-stage[data-active="0"] .stage-screen[data-screen="0"],.story-stage[data-active="1"] .stage-screen[data-screen="0"]{opacity:1;transition:none}
  .story-stage[data-active="0"] .stage-screen[data-screen="1"],.story-stage[data-active="1"] .stage-screen[data-screen="1"]{opacity:1;clip-path:inset(0 0 var(--scan-wipe-bottom,100%) 0);transition:none}
  .story-stage[data-active="0"] .phone-screen::after,.story-stage[data-active="1"] .phone-screen::after{content:"";position:absolute;top:var(--scan-wipe-top,0%);left:0;right:0;z-index:5;height:2px;background:linear-gradient(90deg,transparent,#ddf8c9,transparent);box-shadow:0 0 12px #a7e5a5;opacity:var(--scan-line-opacity,0);pointer-events:none}
  .story-stage[data-active="0"] .stage-proof,.story-stage[data-active="1"] .stage-proof{top:49%;right:5%;opacity:var(--scan-proof-opacity,0);transform:translate3d(0,var(--proof-rise,24px),0) scale(.98);transition:none}
  .story-stage[data-active="0"] .stage-signal,.story-stage[data-active="1"] .stage-signal{opacity:var(--scan-inverse,1);transition:none}
  .stage-film{top:16%;width:min(61vw,245px)}
  .stage-chat-panel{top:14%;height:min(44svh,385px)}
  .story-stage[data-active="2"] .stage-film,.story-stage[data-active="3"] .stage-film{right:50%;opacity:var(--film-opacity,1);transform:perspective(850px) translate3d(calc(50% - var(--film-drift,0px)),var(--scroll-lift,0px),0) rotateY(var(--film-rotate,0deg)) scale(var(--film-scale,1));transition:none}
  .story-stage[data-active="2"] .stage-chat-panel,.story-stage[data-active="3"] .stage-chat-panel{right:50%;opacity:var(--chat-opacity,0);clip-path:none;transform:perspective(850px) translate3d(calc(50% + var(--chat-slide,365px)),var(--scroll-lift,0px),0) rotateY(var(--chat-rotate,8deg)) scale(1);transition:none}
  .stage-transition-note{position:absolute;z-index:4;top:61%;left:20px;right:20px;display:flex;justify-content:center;align-items:center;gap:12px;padding:15px 17px;border:1px solid #d8efc46b;border-radius:20px;background:linear-gradient(135deg,#d5efca38,#88b99421);box-shadow:inset 0 1px #ffffff6b,0 18px 44px #0007,0 0 42px #c9ecc42b;color:#f1faeb;font-size:.84rem;font-weight:750;line-height:1.3;text-align:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:var(--transition-note-opacity,0);transform:translate3d(0,var(--transition-note-rise,18px),0);pointer-events:none}
  .stage-transition-note span{font-size:1.2rem;color:#d9f3ca}
  .offer-grid{perspective:none;gap:24px}
  .offer-item.depth-card{background:linear-gradient(155deg,#29472fe8,#102218f0);box-shadow:inset 0 1px #ffffff7a,0 18px 42px #0008,0 0 24px #bdeab922;transform-style:flat;will-change:transform,opacity}
  .offer-item.depth-card.is-visible,.offer-item.depth-card.is-visible:hover{opacity:var(--offer-exit-opacity,1);transform:translate3d(0,var(--offer-exit-y,0px),0);transition:transform .12s linear,opacity .12s linear,box-shadow .2s ease-out,border-color .2s ease-out}
  .offer-item.depth-card>*{position:relative;z-index:2;transform:none}
  .offer-item.depth-card h3{transform:none}
  .offer-item.depth-card p{color:#d6e5d7}
  .offer-item.depth-card::before{opacity:.35;background:radial-gradient(340px circle at 18% 6%,#e4f8d63b,transparent 70%)}
  .offer-item.depth-card::after{content:"";position:absolute;inset:1px;border:1px solid #e7ffda30;border-radius:inherit;background:linear-gradient(135deg,#ffffff18,transparent 37%,#c4f1bc0c 74%,transparent);opacity:.75;pointer-events:none}
}