.story{--nav-h:52px;--stage:clamp(600px,calc(100svh - var(--nav-h)),860px);--gold:#f2a900}[data-anim=on] .hero-copy{opacity:calc(1 - var(--p, 0) * 1.5);transform:translateY(calc(var(--p, 0) * -80px)) scale(calc(1 - var(--p, 0) * .08));will-change:transform,opacity}[data-anim=on] .hero-card{transform:translateY(calc((1 - var(--in, 1)) * 140px)) scale(calc(.9 + var(--in, 1) * .1));will-change:transform}.story-stage{position:relative;min-height:var(--stage);padding:96px 0;display:flex;align-items:center}[data-anim=on] .story-stage{position:sticky;top:var(--nav-h);height:var(--stage);min-height:0;padding:0;overflow:hidden}[data-anim=on] .story-scene{height:calc(var(--stage) * 3.6)}[data-anim=on] .story-words{height:calc(var(--stage) * 2.4)}.story-scene{--f0:0;--f1:0;--f2:1;--mail:1;--pulse:0;--stars:5;--text:1;--tilt:0}.story-steps{display:flex;flex-direction:column;gap:40px}.story-progress{display:none}[data-anim=on] .story-steps{position:relative;display:block;height:190px}[data-anim=on] .story-step{position:absolute;inset:0 0 auto 0;opacity:var(--f);transform:translateY(calc((1 - var(--f)) * 24px))}[data-anim=on] .story-progress{display:block}.story-progress-bar{transform-origin:left;transform:scaleX(var(--p,1))}@media (min-width:768px){[data-anim=on] .story-steps{height:260px}}.phone-wrap{flex:none;width:186px;height:378px}.phone-scale{width:300px;height:610px;transform:scale(.62);transform-origin:top left}@media (min-width:768px){.phone-wrap{width:300px;height:610px}.phone-scale{transform:none}}.phone{transform:rotate(calc(var(--tilt) * 1deg))}.phone-screen{opacity:var(--s)}.phone-mail{opacity:var(--mail);transform:translateY(calc((1 - var(--mail)) * -40px))}.phone-button{transform:scale(calc(1 + var(--pulse) * .06));box-shadow:0 0 0 calc(var(--pulse) * 10px) rgb(15 110 82/.18)}.phone-star-fill{opacity:clamp(0,calc(var(--stars) - var(--k)),1)}.phone-review{opacity:var(--text)}.story-word{opacity:clamp(.2,calc(.2 + .8 * (var(--lit, 999) - var(--i))),1);transition:opacity .2s linear}[data-anim=on] .qr-card{opacity:calc(.25 + .75 * var(--p, 1));transform:rotateX(calc((1 - var(--p, 1)) * 40deg)) rotateY(calc((1 - var(--p, 1)) * -18deg)) scale(calc(.82 + .18 * var(--p, 1)));will-change:transform,opacity}@keyframes story-fade-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){[data-anim=on] [data-reveal]{animation:story-fade-in auto linear both;animation-timeline:view();animation-range:entry 5% entry 90%}}@supports not (animation-timeline:view()){[data-anim=on] [data-reveal]{transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}[data-anim=on] [data-reveal]:not([data-shown]){opacity:0;transform:translateY(28px)}}.faq-chevron{transition:transform .2s ease}details[open] .faq-chevron{transform:rotate(180deg)}