/* Motion follows the page; typography stays stable and readable. */
.play-section,.retail,.benefits,.faq,.launch-section{overflow-x:clip}
.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--lime);transform:scaleX(var(--page-progress,0));transform-origin:left;z-index:100;pointer-events:none}
.hero h1{transform:translateY(calc(var(--hero,0)*-45px)) scale(calc(1 - var(--hero,0)*.04));will-change:transform}.hero>p{transform:translateY(calc(var(--hero,0)*-24px))}.hero .hero-line{transform:scale(calc(1 + var(--hero,0)*.16)) rotate(calc(var(--hero,0)*50deg));border-style:dashed}.hero .tomato{transform:translate(calc(var(--hero,0)*-110px),calc(var(--hero,0)*-170px)) rotate(calc(14deg + var(--hero,0)*55deg))}.hero .bread{transform:translate(calc(var(--hero,0)*90px),calc(var(--hero,0)*115px)) rotate(calc(-18deg - var(--hero,0)*45deg))}
.intro .eyebrow{letter-spacing:calc(2px + (1 - var(--enter,1))*2px)}.intro .giant-word{transform:translateX(calc(55px - var(--drift,0)*160px));transition:transform .12s linear}.intro h2{transform:translateX(calc((1 - var(--enter,1))*-65px));opacity:var(--enter,1)}
.story .phone-stage>.phone{opacity:clamp(.15,var(--story-entry,1),1);transform:translate3d(calc((1 - var(--story-entry,1))*440px),calc((1 - var(--story-entry,1))*130px),0) rotateY(calc((1 - var(--story-entry,1))*-34deg)) rotate(calc((1 - var(--story-entry,1))*27deg + (var(--progress,0) - .5)*-14deg));transition:opacity .2s,transform .14s linear;will-change:transform}
.phone-screen>*{animation:screen-slide .65s cubic-bezier(.2,.7,.2,1) both}.phone-screen>*:nth-child(2){animation-delay:.04s}.phone-screen>*:nth-child(3){animation-delay:.08s}.phone-screen>*:nth-child(4){animation-delay:.12s}.phone-screen>*:nth-child(5){animation-delay:.16s}.phone-screen>*:nth-child(6){animation-delay:.2s}.story .floating-label{transform:translateY(calc((var(--progress,0) - .5)*-55px)) rotate(calc(-8deg + var(--progress,0)*13deg));transition:transform .2s}.story .stage-star{transform:translateY(calc(var(--progress,0)*45px)) rotate(calc(var(--progress,0)*360deg))}.story .orbit.o1{transform:rotateX(calc(35deg + var(--progress,0)*30deg)) rotateZ(calc(var(--progress,0)*180deg)) scale(calc(.85 + var(--story-entry,1)*.15))}
.benefit-grid article{transform:translateY(calc((1 - var(--enter,1))*(80px + var(--order,0)*35px))) rotate(calc(var(--mx,0)*1.3deg));transition:opacity .8s,transform .35s;border-top-color:#cdd9bc}.benefit-icon{transform:translateY(calc((var(--drift,.5) - .5)*-26px)) rotate(calc((var(--drift,.5) - .5)*40deg));transition:transform .15s}.benefit-grid article:hover .benefit-icon{background:var(--lime)}
.play-section .receipt{transform:translateX(calc((1 - var(--enter,1))*100px)) translateY(calc((var(--drift,.5) - .5)*-35px)) rotate(calc(10deg - var(--enter,1)*8deg + var(--mx,0)*2deg));transition:transform .18s;will-change:transform}.receipt-total strong{font-variant-numeric:tabular-nums}.receipt-total strong.pulse{animation:price-pop .4s ease-out}.day-options button{transition:transform .2s,background .2s}.day-options button:hover{transform:translateY(-3px)}
.retail-image{clip-path:inset(calc((1 - var(--enter,1))*18%) calc((1 - var(--enter,1))*9%) round 140px 140px 12px 12px);transform:translateY(calc((1 - var(--enter,1))*50px));transition:clip-path .15s,transform .15s}.retail-image img{transform:scale(calc(1.17 - var(--enter,1)*.09)) translateY(calc((var(--drift,.5) - .5)*-30px))}.mini-metrics>div{transform:translateY(calc((1 - var(--enter,1))*(45px + var(--order,0)*20px)));transition:transform .2s}
.launch-copy{font-size:14px;color:var(--muted);line-height:1.9;margin-top:25px}.launch-section{padding-bottom:65px}.launch-section .preview-display{height:670px;overflow:visible;margin-top:20px;perspective:1100px}.launch-section .preview-ring{width:700px;height:700px;background:radial-gradient(circle at 35% 30%,#eef5dc,#d6e8b7);top:100px;transform:scale(calc(.65 + var(--enter,1)*.35)) rotate(calc(var(--drift,.5)*40deg))}.device-entry{position:relative;z-index:2;width:314px;align-self:flex-start;transform:translate3d(calc((1 - var(--enter,1))*220px),calc((1 - var(--enter,1))*100px),0) rotateY(calc((1 - var(--enter,1))*-25deg)) rotate(calc(14deg - var(--enter,1)*14deg + (var(--drift,.5) - .5)*-7deg));transition:transform .16s linear;will-change:transform}
.clean-device{position:relative;width:100%;padding:8px 8px 10px;border-radius:47px;background:linear-gradient(110deg,#828c80 0%,#0b1510 5%,#152019 49%,#899083 91%,#101811 96%);border:1px solid #687260;box-shadow:0 28px 75px #00564b24,0 0 0 1px #ffffee60,inset 0 0 0 2px #111b15}.device-speaker{display:flex;align-items:center;justify-content:center;gap:7px;height:23px;background:#111b15;border-radius:39px 39px 0 0}.device-speaker span{height:4px;width:43px;background:#27332c;border-radius:4px}.device-speaker i{height:5px;width:5px;border-radius:50%;background:#1e2e34;box-shadow:inset 0 0 0 1px #3b4b42}.device-glass{overflow:hidden;border-radius:29px 29px 37px 37px;background:#fff9f0;border:1px solid #080e0a}.device-glass img{display:block;width:100%;height:auto;border:0;margin:0;max-width:100%;box-shadow:none;transform:none}.launch-section .preview-tag{z-index:3}.launch-section .tag1{transform:translateX(calc((1 - var(--enter,1))*-110px)) translateY(calc((var(--drift,.5) - .5)*-60px)) rotate(-9deg)}.launch-section .tag2{transform:translateX(calc((1 - var(--enter,1))*110px)) translateY(calc((var(--drift,.5) - .5)*70px)) rotate(8deg)}.launch-link{position:relative;z-index:4;margin-top:15px}
.faq details{opacity:var(--enter,1);transform:translateX(calc((1 - var(--enter,1))*40px));transition:transform .2s,opacity .2s}.faq details:nth-of-type(even){transform:translateX(calc((1 - var(--enter,1))*-40px))}.closing{position:relative}.closing:before,.closing:after{content:'';position:absolute;width:550px;height:550px;border:1px solid #81d64b24;border-radius:50%;pointer-events:none;left:-290px;top:40px;transform:translateX(calc(var(--enter,1)*100px)) scale(calc(.7 + var(--drift,.5)*.6))}.closing:after{left:auto;right:-290px;top:100px;transform:translateX(calc(var(--enter,1)*-100px)) scale(calc(.8 + var(--drift,.5)*.4))}.closing-star{animation:none;transform:rotate(calc(var(--drift,.5)*300deg)) scale(calc(.6 + var(--enter,1)*.4))}.closing h2{position:relative;z-index:1;transform:translateY(calc((1 - var(--enter,1))*50px))}.pill{transform:translate(calc(var(--mx,0)*7px),calc(var(--my,0)*7px));transition:transform .2s,background .25s,box-shadow .25s}.pill:hover{transform:translate(calc(var(--mx,0)*7px),calc(var(--my,0)*7px - 3px));box-shadow:0 9px 25px #00564b18}.app-link>span{transition:transform .3s}.app-link:hover>span{transform:translate(3px,-3px)}
@keyframes screen-slide{from{opacity:0;transform:translate(18px,12px) scale(.98)}to{opacity:1;transform:translate(0,0) scale(1)}}@keyframes price-pop{40%{transform:translateY(-6px);color:#4f9839}to{transform:none}}
@media(max-width:900px){.device-entry{width:290px}.launch-section .preview-display{height:635px}.launch-section .preview-ring{width:600px;height:600px}}
@media(max-width:600px){.hero h1{transform:translateY(calc(var(--hero,0)*-22px)) scale(calc(1 - var(--hero,0)*.02))}.hero .tomato{transform:translate(calc(var(--hero,0)*-35px),calc(var(--hero,0)*-90px)) rotate(calc(14deg + var(--hero,0)*35deg))}.hero .bread{transform:translate(calc(var(--hero,0)*30px),calc(var(--hero,0)*70px)) rotate(calc(-18deg - var(--hero,0)*30deg))}.story .phone-stage>.phone{transform:translate3d(calc((1 - var(--story-entry,1))*155px),calc((1 - var(--story-entry,1))*50px),0) rotate(calc((1 - var(--story-entry,1))*22deg + (var(--progress,0) - .5)*-12deg)) scale(.93)}.benefit-grid article{transform:translateY(calc((1 - var(--enter,1))*(40px + var(--order,0)*12px)))}.play-section .receipt{transform:translateX(calc((1 - var(--enter,1))*28px)) rotate(calc(6deg - var(--enter,1)*4deg))}.retail-image{clip-path:inset(calc((1 - var(--enter,1))*12%) 0 round 100px 100px 10px 10px)}.launch-copy{font-size:12px}.launch-section .preview-display{height:540px;margin-top:15px;padding-top:35px}.device-entry{width:246px;transform:translate3d(calc((1 - var(--enter,1))*85px),calc((1 - var(--enter,1))*60px),0) rotate(calc(11deg - var(--enter,1)*11deg + (var(--drift,.5) - .5)*-7deg))}.clean-device{padding:6px 6px 8px;border-radius:38px}.device-speaker{height:20px;border-radius:30px 30px 0 0}.device-glass{border-radius:23px 23px 29px 29px}.launch-section .preview-ring{width:470px;height:470px;top:85px}.launch-section .tag1{left:-9px;top:130px}.launch-section .tag2{right:-9px;top:370px}.launch-link{margin-top:4px}.launch-section{padding-bottom:35px}.faq details{transform:translateY(calc((1 - var(--enter,1))*25px))}.faq details:nth-of-type(even){transform:translateY(calc((1 - var(--enter,1))*25px))}}
@media(prefers-reduced-motion:reduce){.hero h1,.hero>p,.hero .hero-line,.hero .tomato,.hero .bread,.intro h2,.intro .giant-word,.story .phone-stage>.phone,.story .orbit,.story .floating-label,.story .stage-star,.benefit-grid article,.benefit-icon,.play-section .receipt,.retail-image,.retail-image img,.mini-metrics>div,.launch-section .preview-ring,.device-entry,.launch-section .preview-tag,.faq details,.faq details:nth-of-type(even),.closing-star,.closing h2{transform:none!important;opacity:1!important}.retail-image{clip-path:none}.story .phone-stage>.phone{transform:scale(.93)!important}.reading-progress{display:none}.closing:before,.closing:after{display:none}.pill{transform:none!important}}