.scroll-story{position:relative;height:calc(127.5svh + clamp(270px, calc(50svh - 39px), 390px));margin:25px 0 0;background:#f4f7f3;--scan:1;--choose:0;--deliver:0;--scan-y:0px;--choose-y:35px;--deliver-y:35px;--scan-scale:1;--laser-y:0px;--arrival-y:20px}.story-pin{position:sticky;top:78px;height:calc(100svh - 78px);max-height:780px;min-height:540px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.story-top{position:absolute;top:26px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;max-width:1060px;margin:auto;padding:0 35px;gap:20px;z-index:3}.story-top .eyebrow{font-size:12px;color:#5d8f7c;margin:0}.story-progress{display:flex;direction:ltr;gap:7px;width:114px}.story-progress>span{height:3px;width:33.33%;background:#d9e5dc;border-radius:5px;overflow:hidden}.story-progress i{display:block;width:100%;height:100%;background:#189579;transform:scaleX(0);transform-origin:left}.story-canvas{position:relative;width:620px;height:370px;max-width:100%;margin-top:20px;flex-shrink:0;isolation:isolate}.story-halo{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(ellipse,#d9ebe0 5%,#e8f1e7 57%,transparent 70%);left:50%;top:48%;transform:translate(-50%,-50%);z-index:-1}.story-scene{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none;will-change:transform,opacity}.story-scan{opacity:var(--scan);transform:translateY(var(--scan-y)) scale(var(--scan-scale))}.story-choose{opacity:var(--choose);transform:translateY(var(--choose-y))}.story-deliver{opacity:var(--deliver);transform:translateY(var(--deliver-y))}.story-car{position:absolute;width:470px;height:auto;left:130px;top:-60px;mix-blend-mode:multiply}.story-glass-sticker{position:absolute;left:355px;top:91px;width:75px;border-radius:8px;padding:8px 8px 6px;background:#fff;transform:rotate(10deg);box-shadow:0 6px 15px #102f2c33}.story-glass-sticker>img:not(.story-sticker-logo){width:59px;height:59px;display:block}.story-sticker-logo{display:block;width:40px;margin:0 auto 5px}.story-glass-sticker small{display:block;text-align:center;font:5px Arial,sans-serif;color:#8fa297;margin-top:4px}.story-scan-phone{position:absolute;left:73px;top:30px;width:158px;height:285px;border:6px solid #15332f;border-radius:28px;background:linear-gradient(145deg,#304d46,#0e2521);box-shadow:15px 20px 30px #19382f26;transform:rotate(-9deg);padding:20px 12px;direction:ltr}.story-island{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:54px;height:15px;border-radius:20px;background:#142e29;z-index:2}.story-camera{position:relative;margin-top:36px;width:100%;aspect-ratio:1;display:grid;place-items:center;border-radius:3px;background:#fff1;padding:9px}.story-camera>img{display:block;width:100%;height:auto;opacity:.8;filter:brightness(.9)}.camera-corner{position:absolute;z-index:1;width:15px;height:15px;border-color:#93f0cf;border-style:solid;pointer-events:none}.corner-tl{top:-3px;left:-3px;border-width:2px 0 0 2px}.corner-tr{top:-3px;right:-3px;border-width:2px 2px 0 0}.corner-bl{bottom:-3px;left:-3px;border-width:0 0 2px 2px}.corner-br{bottom:-3px;right:-3px;border-width:0 2px 2px 0}.story-scanline{position:absolute;top:0;left:0;right:0;height:2px;background:#6fe8bd;box-shadow:0 0 14px #80ffcf;transform:translateY(var(--laser-y))}.story-camera-label{font-size:8px;text-align:center;color:#c4e7d4;direction:rtl;margin-top:24px;line-height:1.8}.story-homebar{position:absolute;width:61px;height:3px;border-radius:10px;background:#203d33;bottom:8px;left:50%;transform:translateX(-50%)}.story-scan-phone .story-homebar{background:#a5c8b5}.story-demo-phone{position:relative;width:216px;height:358px;border:6px solid #15332f;border-radius:33px;background:#fff;box-shadow:0 25px 35px #1c413021;padding:31px 12px 16px;direction:rtl;text-align:right;overflow:hidden}.story-phone-header{display:flex;justify-content:space-between;align-items:center;padding:0 1px}.story-phone-header>img{width:48px}.story-phone-header svg{width:12px;height:12px;color:#99b6a5}.story-mini-car{display:block;width:140px;height:77px;object-fit:cover;object-position:center 50%;margin:3px auto 0}.story-demo-phone h3{font-size:12px;line-height:1.6;margin:6px 0 10px;color:#183b30}.story-reason{display:flex;align-items:center;gap:6px;border:1px solid #e7eeea;border-radius:7px;font-size:8px;color:#7a9385;margin:6px 0;padding:9px 6px;min-height:32px;white-space:nowrap}.story-radio{display:block;width:8px;height:8px;border:1px solid #c5d7cc;border-radius:50%;flex-shrink:0}.story-reason.selected{background:#edf8f0;border-color:#81c3a3;color:#268466}.story-reason.selected .story-radio{border-color:#3f9d76;box-shadow:inset 0 0 0 2px #edf8f0;background:#4aab83}.story-reason>svg{width:11px;height:11px;stroke:#3f9d76;stroke-width:1.8;fill:none;margin-inline-start:auto}.story-phone-send{font-size:9px;color:#fff;background:#0f4739;border-radius:20px;text-align:center;padding:8px 4px;margin-top:12px}.owner-phone{background:linear-gradient(150deg,#d7eddb,#8ec5b0 64%,#3d8973);padding-top:38px}.story-time{font:600 51px Arial,sans-serif;letter-spacing:-2px;text-align:center;color:#245c45;margin-top:12px}.story-owner-day{font-size:8px;text-align:center;color:#608e71;margin:7px 0 0}.story-arrival{padding:13px;background:#ffffffe5;box-shadow:0 8px 20px #19462c0b;border-radius:13px;margin-top:35px;transform:translateY(var(--arrival-y))}.story-arrival>div{display:flex;align-items:center;justify-content:space-between}.story-arrival img{width:42px;mix-blend-mode:multiply}.story-arrival span{font-size:7px;color:#8aa091}.story-arrival h3{margin:13px 0 5px;font-size:11px}.story-arrival p{font-size:9px;line-height:1.8;color:#749580;margin:0}.story-owner-check{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e4f7e980;margin:27px auto 0;color:#3d956d}.story-owner-check svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.story-received{position:absolute;bottom:26px;left:72px;display:flex;align-items:center;gap:7px;font-size:10px;color:#5d8c74;background:#fff;border:1px solid #e2eee4;border-radius:30px;box-shadow:0 8px 20px #173e2a0a;padding:10px 15px;transform:rotate(-5deg)}.story-received svg{width:15px;height:15px}.story-captions{position:relative;height:87px;width:100%;margin-top:26px;flex-shrink:0;text-align:center}.story-caption{position:absolute;inset:0;will-change:opacity,transform}.story-caption>span{font:10px Arial,sans-serif;color:#79a18d}.story-caption h2{font-size:35px;color:#0b372a;line-height:1.45;margin:7px 0 0}.caption-scan{opacity:var(--scan);transform:translateY(var(--scan-y))}.caption-choose{opacity:var(--choose);transform:translateY(var(--choose-y))}.caption-deliver{opacity:var(--deliver);transform:translateY(var(--deliver-y))}.story-scroll-cue{display:flex;align-items:center;gap:7px;color:#91a898;font-size:10px;margin-top:20px}.story-scroll-cue svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5}.story-disclosure{position:absolute;bottom:12px;font-size:8px;color:#aebdb1}html[lang=en] .story-demo-phone{direction:ltr;text-align:left}html[lang=en] .story-demo-phone h3{font-size:10px}html[lang=en] .story-reason{font-size:7px}html[lang=en] .story-camera-label{direction:ltr;font-size:7px}html[lang=en] .story-caption h2{font-size:32px}.story-pin:focus{outline:none}
@media(max-width:760px){.scroll-story{height:calc(122.5svh + max(50svh, 255px));margin-top:15px}.story-pin{top:0;height:100svh;max-height:none;min-height:510px}.story-top{top:28px;padding:0 25px}.story-top .eyebrow{font-size:11px}.story-progress{width:85px;gap:5px}.story-canvas{width:390px;height:315px;margin-top:20px}.story-halo{width:290px;height:290px}.story-car{width:350px;left:44px;top:-10px}.story-glass-sticker{left:219px;top:103px;width:61px;padding:6px 6px 5px;border-radius:6px}.story-glass-sticker>img:not(.story-sticker-logo){width:49px;height:49px}.story-sticker-logo{width:32px;margin-bottom:4px}.story-glass-sticker small{font-size:4px}.story-scan-phone{left:34px;top:43px;width:125px;height:231px;border-width:5px;border-radius:23px;padding:17px 10px}.story-scan-phone .story-island{width:43px;height:12px;top:6px}.story-camera{margin-top:26px;padding:7px}.story-camera-label{font-size:7px;margin-top:19px}.story-demo-phone{width:194px;height:320px;border-radius:29px;border-width:5px;padding:27px 10px 15px}.story-island{width:48px;height:13px;top:6px}.story-phone-header>img{width:44px}.story-mini-car{width:125px;height:64px;margin-top:3px}.story-demo-phone h3{font-size:11px;margin:5px 0 8px}.story-reason{padding:8px 5px;min-height:29px;font-size:7px;margin:5px 0}.story-phone-send{font-size:8px;margin-top:10px;padding:7px}.owner-phone{padding-top:34px}.story-time{font-size:46px;margin-top:8px}.story-owner-day{font-size:7px}.story-arrival{padding:11px;margin-top:31px}.story-arrival h3{font-size:10px;margin-top:11px}.story-arrival p{font-size:8px}.story-owner-check{margin-top:23px;width:27px;height:27px}.story-captions{height:82px;margin-top:30px}.story-caption h2{font-size:33px}.story-scroll-cue{font-size:9px;margin-top:14px}.story-received{left:20px;bottom:14px;font-size:9px;padding:9px 12px}.story-disclosure{bottom:14px;font-size:8px}html[lang=en] .story-caption h2{font-size:28px}html[lang=en] .story-reason{font-size:6.5px}}
@media(max-width:360px){.story-canvas{width:340px;height:290px}.story-car{left:20px;width:330px;top:-5px}.story-scan-phone{left:20px;top:40px}.story-glass-sticker{left:196px;top:101px}.story-demo-phone{transform:scale(.92)}.story-captions{margin-top:20px}.story-received{left:12px;bottom:10px;font-size:8px}.story-caption h2{font-size:30px}}
@media(max-height:650px) and (min-width:761px){.scroll-story{height:calc(127.5svh + clamp(220px, calc(50svh - 39px), 390px))}.story-canvas{height:295px;transform:scale(.8);margin-top:0;margin-bottom:-30px}.story-top{top:15px}.story-pin{min-height:440px}.story-captions{margin-top:5px;height:72px}.story-caption h2{font-size:29px}.story-scroll-cue{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:auto;padding:30px 0}.story-pin{position:relative;top:0;height:auto;min-height:0;max-height:none;padding:40px 20px 20px;overflow:visible}.story-top{position:relative;top:auto;width:100%;padding:0;margin-bottom:30px}.story-progress,.story-halo,.story-scroll-cue{display:none}.story-canvas{width:100%;height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:start;margin:0;max-width:1000px}.story-scene{position:relative;height:360px;opacity:1!important;transform:none!important;will-change:auto}.story-scan{overflow:hidden}.story-car{width:320px;left:0;top:35px}.story-scan-phone{left:12px;top:75px;transform:scale(.8) rotate(-7deg);transform-origin:left top}.story-glass-sticker{left:190px;top:134px}.story-arrival{transform:none}.story-received{display:none}.story-captions{height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px auto 0;max-width:1000px}.story-caption{position:relative;opacity:1!important;transform:none!important}.story-caption h2{font-size:24px}.story-disclosure{position:relative;bottom:auto;margin-top:25px}.story-scanline{transform:none!important}}@media(prefers-reduced-motion:reduce) and (max-width:760px){.story-canvas{display:none}.story-captions{grid-template-columns:1fr;gap:27px;margin:0}.story-caption h2{font-size:28px}.story-top{justify-content:center;margin-bottom:25px}.story-caption{padding:10px}.story-pin{padding:15px 24px}.story-disclosure{margin-top:20px}}
.story-scan{background:#f4f7f3}
.story-canvas{background:#f4f7f3}.story-scan{mix-blend-mode:multiply;background:transparent}.story-car{mix-blend-mode:normal}
.story-car{clip-path:polygon(31% 20%,39% 18.6%,61% 18.6%,70% 20%,77% 25%,83% 31.5%,87% 30.5%,93% 30.5%,95% 32%,94% 35%,91% 36%,94% 44%,96% 52%,96% 78%,94% 81.5%,6% 81.5%,4% 78%,4% 52%,6% 44%,9% 36%,6% 35%,5% 32%,7% 30.5%,13% 30.5%,17% 31.5%,23% 25%)}