.landing{--shadow-ink:color-mix(in srgb,var(--color-ink) 14%,transparent);--shadow-soft:0 1px 2px color-mix(in srgb,var(--color-ink) 6%,transparent),0 12px 32px -12px var(--shadow-ink);--shadow-lift:0 2px 4px color-mix(in srgb,var(--color-ink) 6%,transparent),0 28px 64px -24px color-mix(in srgb,var(--color-ink) 28%,transparent);--ease-out:cubic-bezier(0.16,1,0.3,1);font-variant-numeric:tabular-nums;text-underline-offset:.2em;caret-color:var(--color-brand);overflow-x:clip}.landing ::selection{background:var(--color-brand);color:var(--color-inkInverse)}.landing .soft{box-shadow:var(--shadow-soft)}.landing .lift{box-shadow:var(--shadow-lift)}.landing .site-header{background:color-mix(in srgb,var(--color-canvas) 86%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px)}.landing .scroll-progress{transform:scaleX(0);transform-origin:0 50%}.landing:dir(rtl) .scroll-progress{transform-origin:100% 50%}.landing .slip-paper{--bite:0.4375rem;border-radius:1rem 1rem 0 0;-webkit-mask:radial-gradient(circle at 50% 100%,transparent var(--bite),black calc(var(--bite) + .5px)) 50% 0 /calc(var(--bite) * 3) 100% repeat-x;mask:radial-gradient(circle at 50% 100%,transparent var(--bite),black calc(var(--bite) + .5px)) 50% 0 /calc(var(--bite) * 3) 100% repeat-x}.landing .slip{filter:drop-shadow(0 1px 1px color-mix(in srgb,var(--color-ink) 8%,transparent)) drop-shadow(0 18px 28px color-mix(in srgb,var(--color-ink) 14%,transparent))}.landing .coupon{--notch:0.625rem;--note:5.5rem;--tear:calc(100% - var(--note));-webkit-mask:radial-gradient(circle at 0 var(--tear),transparent var(--notch),black calc(var(--notch) + .5px)) 0 0 /51% 100% no-repeat,radial-gradient(circle at 100% var(--tear),transparent var(--notch),black calc(var(--notch) + .5px)) 100% 0 /51% 100% no-repeat;mask:radial-gradient(circle at 0 var(--tear),transparent var(--notch),black calc(var(--notch) + .5px)) 0 0 /51% 100% no-repeat,radial-gradient(circle at 100% var(--tear),transparent var(--notch),black calc(var(--notch) + .5px)) 100% 0 /51% 100% no-repeat;transition:transform .3s var(--ease-out)}.landing .coupon:dir(rtl){--note:8.25rem}.landing .coupon-note{box-sizing:border-box;min-height:var(--note)}.landing .stamp[data-on=true]{rotate:-3deg;background:color-mix(in srgb,currentColor 7%,transparent)}.landing .stamp[data-on=true]:nth-child(2n),.landing li:nth-child(2n)>.stamp[data-on=true]{rotate:2deg}.landing .tile img{transition:transform .7s var(--ease-out)}.landing .tile:hover img{transform:scale(1.06)}.landing .tile-scrim{background:linear-gradient(to top,color-mix(in srgb,var(--color-ink) 78%,transparent),transparent 55%)}.landing .stage-photo-a{rotate:-5deg}.landing .stage-photo-b{rotate:4deg}.landing .stage-slip{rotate:2deg}.landing:dir(rtl) .stage-photo-a{rotate:5deg}.landing:dir(rtl) .stage-photo-b{rotate:-4deg}.landing:dir(rtl) .stage-slip{rotate:-2deg}.landing .map-rider{offset-path:path("M84 96 H228 Q252 96 252 120 V236 Q252 260 276 260 H300 Q324 260 324 284 V392");offset-rotate:0deg;offset-distance:64%}.landing .map-progress{stroke-dasharray:1;stroke-dashoffset:.36}@keyframes stamp-in{0%{opacity:0;transform:scale(1.7)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes drop-in{0%{opacity:0;transform:translateY(-22px) scale(.96)}to{opacity:1;transform:none}}@keyframes reveal-up{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}@keyframes grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes drift{0%{translate:0 0}to{translate:0 var(--drift,0)}}@keyframes panel-in{0%{scale:.92;opacity:.4}to{scale:1;opacity:1}}@keyframes light-up{0%{opacity:.22}to{opacity:1}}@keyframes ride{0%{offset-distance:0}to{offset-distance:100%}}@keyframes draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes ring{0%,to{transform:rotate(0deg)}20%{transform:rotate(14deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-4deg)}}@keyframes ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes float{0%{translate:0 0}to{translate:0 -8px}}@media (prefers-reduced-motion:no-preference){html:has(.landing){scroll-behavior:smooth}.landing .rise-in{animation:rise-in .7s var(--ease-out) both;animation-delay:calc(var(--d, 0) * 90ms + 80ms)}.landing .drop-in{animation:drop-in .8s var(--ease-out) both;animation-delay:calc(var(--d, 0) * .14s + .2s)}.landing .float{animation:drop-in .8s var(--ease-out) both,float 3.6s ease-in-out 1.2s infinite alternate;animation-delay:calc(var(--d, 0) * .14s + .2s),calc(var(--d, 0) * .3s + 1.2s)}.landing .hero-slip .stamp[data-on=true]{animation:stamp-in .22s var(--ease-out) both;animation-delay:calc(var(--i, 0) * .6s + 1.1s)}.landing .demo .stamp[data-on=true]{animation:stamp-in .22s var(--ease-out) both}.landing .bell-ring{transform-origin:50% 10%;animation:ring .9s ease-in-out infinite}.landing .ping{animation:ping 1.6s ease-out infinite}.landing .coupon:hover{transform:translateY(-6px)}.landing .reveal[data-reveal=wait]{opacity:0;filter:blur(8px);transform:translateY(44px) scale(.985)}.landing .reveal[data-reveal=in]{transition:opacity .9s var(--ease-out),filter .9s var(--ease-out),transform 1s var(--ease-out);transition-delay:calc(var(--stagger, 0) * 90ms)}.landing .reveal:nth-child(2){--stagger:1}.landing .reveal:nth-child(3){--stagger:2}.landing .reveal:nth-child(4){--stagger:3}.landing .reveal:nth-child(5),.landing .reveal:nth-child(9){--stagger:1}.landing .reveal:nth-child(6){--stagger:2}.landing .reveal:nth-child(7){--stagger:3}.landing .reveal:nth-child(8){--stagger:4}@supports (animation-timeline:view()){.landing .scroll-progress{animation:grow-x linear both;animation-timeline:scroll(root)}.landing .stage-photo-a,.landing .stage-photo-b,.landing .stage-slip{animation:drop-in .8s var(--ease-out) both,drift linear both;animation-delay:calc(var(--d, 0) * .14s + .2s),0s;animation-timeline:auto,scroll(root);animation-range:normal,0 900px}.landing .stage-photo-a{--drift:-90px}.landing .stage-photo-b{--drift:70px}.landing .stage-slip{--drift:-30px}.landing .panel-in{animation:panel-in linear both;animation-timeline:view();animation-range:entry 0 entry 70%}.landing .lit{view-timeline:--lit block}.landing .lit-word{animation:light-up linear both;animation-timeline:--lit;animation-range:cover calc(8% + var(--f) * 26%) cover calc(20% + var(--f) * 26%)}.landing .map-rider{animation:ride linear both;animation-timeline:--route;animation-range:cover 22% cover 72%}.landing .map-progress{animation:draw linear both;animation-timeline:--route;animation-range:cover 22% cover 72%}.landing .route-scope{timeline-scope:--route}.landing .route-track{view-timeline:--route block}}}