/* Landing, version B. Page units are px of a 600 × 1480 landing; the camera scales the whole page. */
.service-world .lb-art{position:absolute;inset:0}
.lb-art>div{position:absolute;top:0;left:0;transform-origin:top left}
.lb-window{--frame:0;z-index:3;border-radius:14px;overflow:hidden;background:color-mix(in srgb,#fcfaf6 calc((1 - var(--frame)) * 100%),transparent);box-shadow:0 30px 80px rgb(37 40 36 / calc(.14 * (1 - var(--frame)))),0 0 0 1px rgb(37 40 36 / calc(.08 * (1 - var(--frame))))}
.lb-chrome{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;align-items:center;gap:6px;padding:0 14px;background:#f3f0e9;border-bottom:1px solid #e3ded4;opacity:calc(1 - var(--frame))}
.lb-chrome i{width:7px;height:7px;border-radius:50%;background:#cfc9be}
.lb-chrome b{width:40%;height:8px;border-radius:4px;background:#e6e1d8;margin:auto}
.lb-viewport{position:absolute;left:0;right:0;bottom:0;overflow:hidden}
.lb-page{position:absolute;left:0;top:0;width:600px;height:1480px;background:#fcfaf6;transform-origin:0 0;will-change:transform;box-shadow:0 22px 60px rgb(37 40 36 / calc(.18 * var(--frame)));--hero:0;--hero-cta:0;--final-cta:0;--pressed:0}
.lb-page>div{position:absolute}
.lb-nav{left:32px;top:22px;width:536px;height:14px;display:flex;align-items:center;gap:22px}
.lb-nav b{width:70px;height:14px;background:#292b25;margin-right:auto}.lb-nav i{width:46px;height:4px;background:#c9c3b7}
.lb-h1{left:32px;top:86px;width:300px;display:flex;flex-direction:column;gap:14px}
.lb-h1 i{display:block;height:24px;background:color-mix(in srgb,#292b25 calc(var(--hero) * 100%),#ddd7cb);width:calc(45% + 55% * var(--hero))}
.lb-h1 i:nth-child(2){width:calc(32% + 58% * var(--hero))}.lb-h1 i:nth-child(3){width:calc(20% + 43% * var(--hero))}
.lb-copy{left:32px;top:210px;width:260px;display:flex;flex-direction:column;gap:10px;opacity:calc(.35 + .65 * var(--hero))}
.lb-copy i{display:block;height:5px;background:#c9c3b7}.lb-copy i:nth-child(2){width:88%}.lb-copy i:nth-child(3){width:60%}
.lb-cta{background:#ff4b25;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-radius:999px}
.lb-cta i{width:46%;height:5px;background:#fff}.lb-cta b{width:11px;height:11px;border-radius:50%;border:2px solid #fff}
.lb-cta-hero{left:32px;top:270px;width:170px;height:44px;transform-origin:left center;transform:scale(calc(.4 + .6 * var(--hero-cta)));opacity:var(--hero-cta)}
.lb-media{left:352px;top:80px;width:216px;height:250px;overflow:hidden;border-radius:8px;background:color-mix(in srgb,#f1b69b calc(var(--hero) * 100%),#e8e3d8)}
.lb-media i{position:absolute;width:150px;height:150px;border-radius:50%;left:33px;top:32px;background:#292b25;transform:translateY(calc((1 - var(--hero)) * 260px))}
.lb-media b{position:absolute;width:340px;height:92px;left:-60px;bottom:6px;background:#ff4b25;transform:rotate(-32deg) translateX(calc((1 - var(--hero)) * -380px))}
.lb-section{opacity:0}
.lb-benefits{left:32px;top:420px;width:536px;height:130px;display:flex;gap:34px}
.lb-benefits>div{flex:1}
.lb-benefits span{display:block;width:44px;height:44px;border-radius:50%;background:#f1b69b;margin-bottom:16px}
.lb-benefits i{display:block;height:5px;background:#c9c3b7;margin-bottom:9px}.lb-benefits i:first-of-type{height:10px;width:80%;background:#292b25}.lb-benefits i:nth-of-type(3){width:70%}
.lb-proof{left:32px;top:610px;width:536px;height:170px;display:flex;gap:24px}
.lb-proof>div{flex:1;position:relative;border:1px solid #e3ded4;border-radius:12px;background:#fff}
.lb-proof span{position:absolute;left:22px;top:22px;width:40px;height:40px;border-radius:50%;background:#d8d2c6}
.lb-proof i{position:absolute;left:22px;right:22px;height:5px;background:#c9c3b7}
.lb-proof i:nth-of-type(1){left:76px;top:30px;height:9px;right:70px;background:#292b25}.lb-proof i:nth-of-type(2){top:88px}.lb-proof i:nth-of-type(3){top:104px;right:50px}.lb-proof i:nth-of-type(4){top:120px;right:110px}
.lb-steps{left:32px;top:850px;width:536px;height:110px;display:flex;justify-content:space-between}
.lb-steps em{position:absolute;left:24px;right:24px;top:22px;height:2px;background:#e3ded4}
.lb-steps>div{width:70px;position:relative;display:flex;flex-direction:column;align-items:center}
.lb-steps span{width:44px;height:44px;border-radius:50%;border:2px solid #292b25;background:#fcfaf6}
.lb-steps i{display:block;width:70px;height:5px;background:#c9c3b7;margin-top:14px}
.lb-final{left:0;top:1030px;width:600px;height:330px;background:#1d1e1b}
.lb-final-heading{position:absolute;left:140px;top:1092px;width:320px;display:flex;flex-direction:column;align-items:center;gap:14px}
.lb-final-heading i{display:block;height:22px;width:100%;background:#fcfaf6}.lb-final-heading i:last-child{width:68%}
.lb-cta-final{position:absolute;left:190px;top:1230px;width:220px;height:54px;transform:scale(calc(1 + .12 * var(--final-cta) - .07 * var(--pressed)));box-shadow:0 0 0 calc(var(--final-cta) * 12px) rgb(255 75 37 / .22),0 0 calc(var(--final-cta) * 40px) rgb(255 75 37 / .5)}
.lb-foot{left:32px;top:1408px;width:536px;display:flex;gap:30px}.lb-foot i{display:block;height:4px;width:80px;background:#ddd7cb}
.lb-path{position:absolute;left:0;top:0;width:600px;height:1480px;overflow:visible;pointer-events:none;z-index:2}
.lb-line{stroke:#ff4b25;stroke-width:7;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.lb-line-ghost{stroke:#ff4b25;stroke-opacity:.22;stroke-width:3;stroke-dasharray:4 12;opacity:0}
.lb-stop{fill:#fcfaf6;stroke:#ff4b25;stroke-width:5;opacity:0;transition:fill .2s}.lb-stop.is-lit{fill:#ff4b25}
.lb-phone{z-index:4;border-radius:30px;background:#1d1e1b;box-shadow:0 30px 70px #25282433;--arrived:0;--pop:0}
.lb-screen{position:absolute;inset:9px;border-radius:22px;background:#f4f1ea}
.lb-notch{position:absolute;top:9px;left:35%;width:30%;height:16px;border-radius:0 0 10px 10px;background:#1d1e1b;z-index:2}
.lb-note{position:absolute;left:8%;width:84%;height:20%;border-radius:14px;background:#fff;box-shadow:0 8px 20px #2528241a}
.lb-note-new{top:22%;opacity:var(--arrived)}.lb-note-old{top:46%;opacity:.5}
.lb-note span,.lb-request span{position:absolute;left:7%;top:24%;width:18%;aspect-ratio:1;border-radius:50%;background:#ff4b25}
.lb-note i,.lb-request i{position:absolute;left:31%;top:30%;width:45%;height:9%;background:#292b25}
.lb-note i+i,.lb-request i+i{top:56%;width:32%;height:6%;background:#c9c3b7}
.lb-note-old span{background:#c9c3b7}
.lb-note b{position:absolute;right:6%;top:26%;width:17%;aspect-ratio:1;border-radius:50%;background:#292b25;color:#fff;transform:scale(var(--pop))}
.lb-note b svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.lb-request{z-index:9;border-radius:14px;background:#fff;box-shadow:0 22px 50px #25282440;overflow:hidden}
.lb-cursor{z-index:10;--timer:0;--timer-on:0;--ripple:0;--ripple-on:0;--press:0;filter:drop-shadow(0 3px 2px #0002)}
.lb-cursor>svg:last-child{position:relative;width:100%;height:100%;fill:#262825;stroke:#fcfaf6;stroke-width:1.5;transform:scale(calc(1 - .16 * var(--press)));transform-origin:9% 5%}
.lb-timer{position:absolute;left:-118%;top:-62%;width:250%;aspect-ratio:1;overflow:visible;opacity:var(--timer-on);transform:rotate(-90deg)}
.lb-timer circle{fill:none}.lb-timer-track{stroke:#26282522;stroke-width:6}.lb-timer-arc{stroke:#ff4b25;stroke-width:6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--timer))}
.lb-title{will-change:transform,opacity}
.service-mobile .lb-window{border-radius:10px}.service-mobile .lb-phone{border-radius:18px}.service-mobile .lb-screen{inset:5px;border-radius:14px}.service-mobile .lb-notch{top:5px;height:9px}.service-mobile .lb-note{border-radius:8px}
.lb-final-heading,.lb-cta-final{z-index:3}

/* Motion layer: inertia, urgency, comet, pops and the finale burst. */
.lb-window,.lb-phone{transform-origin:50% 50%;will-change:transform}
.lb-head{fill:#ff4b25;filter:drop-shadow(0 0 10px #ff4b25) drop-shadow(0 0 22px #ff4b2599);opacity:0}
.lb-stop{transform-box:fill-box;transform-origin:center}
.lb-stop.is-lit{animation:lb-stop-pop .6s cubic-bezier(.3,1.6,.5,1)}
@keyframes lb-stop-pop{0%{transform:scale(1)}40%{transform:scale(1.9)}100%{transform:scale(1)}}
.lb-section{transform-origin:50% 100%}
.lb-h1 i{transform:translateX(calc((1 - clamp(0,var(--hero) * 1.6,1)) * -70px))}
.lb-h1 i:nth-child(2){transform:translateX(calc((1 - clamp(0,var(--hero) * 1.6 - .3,1)) * -70px))}
.lb-h1 i:nth-child(3){transform:translateX(calc((1 - clamp(0,var(--hero) * 1.6 - .6,1)) * -70px))}
.lb-copy{transform:translateY(calc((1 - var(--hero)) * 18px))}
.lb-media{transform:translateY(calc((1 - var(--hero)) * 30px)) rotate(calc((1 - var(--hero)) * 4deg))}
.lb-cursor{--shake:0}
.lb-timer{animation:lb-shake .12s linear infinite alternate}
@keyframes lb-shake{from{transform:rotate(-90deg) translate(calc(var(--shake) * -2.5px),0)}to{transform:rotate(-90deg) translate(calc(var(--shake) * 2.5px),calc(var(--shake) * 1.5px))}}
.lb-cursor.is-idle>svg:last-child{animation:lb-fidget 2.2s ease-in-out infinite}
@keyframes lb-fidget{0%,100%{translate:0 0}30%{translate:-3px 2px}60%{translate:4px -1px}}
.lb-burst{position:absolute;inset:0;background:#ff4b25;clip-path:circle(var(--r,0px) at var(--x,50%) var(--y,50%));pointer-events:none}
@media(prefers-reduced-motion:reduce){.lb-timer,.lb-cursor.is-idle>svg:last-child,.lb-stop.is-lit{animation:none}}