:root{--header-h:64px;--dock-h:76px;--safe-bottom:env(safe-area-inset-bottom,0px)}@media (min-width:1024px){:root{--header-h:80px;--dock-h:100px}}:is(html:has(.landing-container),body:has(.landing-container)){margin:0;padding:0;height:100dvh!important;overflow:hidden!important}.landing-container{flex-direction:column;height:100dvh;display:flex}.landing-container .slide-content-area{height:calc(100dvh - var(--header-h) - var(--dock-h) - var(--safe-bottom));padding-top:var(--header-h);padding-bottom:20px}.landing-container .action-dock{height:calc(var(--dock-h) + var(--safe-bottom));align-items:flex-end;display:flex}.landing-container .headline{font-size:clamp(28px,8vw,64px)}@media (max-width:768px){.landing-container .slide-content-area{padding-bottom:8px}.landing-container .visual-block{max-height:28dvh}.landing-container .text-block{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;display:flex;overflow-y:auto}.landing-container .bullets-container,.landing-container .steps-container,.landing-container .faq-container{gap:6px}.landing-container .body-text{font-size:14px}}.landing-container{--xz-out:cubic-bezier(.16,1,.3,1);--xz-snap:cubic-bezier(.34,1.56,.64,1);--xz-glide:cubic-bezier(.76,0,.24,1)}.xz-mark-intro{animation:xz-mark-in 1.1s var(--xz-out)both}.xz-wordmark{animation:xz-wordmark-in .9s var(--xz-out).25s both}.xz-dial{mix-blend-mode:multiply;transition:transform .7s var(--xz-snap)}.xz-watermark{opacity:.05;width:130vmin;height:130vmin;animation:xz-watermark-in 1.6s var(--xz-out).1s both;bottom:-46vmin;right:-40vmin}.xz-watermark-mark{mix-blend-mode:multiply;transition:transform 1.4s var(--xz-out)}@media (max-width:1023px){.xz-watermark{opacity:.04;width:118vw;height:118vw;bottom:4dvh;right:-48vw}}.xz-label{display:inline-block}[data-active=true] .xz-label{animation:xz-wipe .7s var(--xz-out)both}.xz-word-mask{vertical-align:top;margin:-.12em 0 -.16em;padding:.12em 0 .16em;display:inline-block;overflow:hidden}.xz-word{display:inline-block}[data-active=true] .xz-word{animation:xz-word-in .8s var(--xz-out)calc(80ms + var(--i,0)*55ms)both}[data-active=true] .xz-body{animation:xz-rise .65s var(--xz-out).38s both}[data-active=true] .xz-bullet{animation:xz-slide-in .55s var(--xz-out)calc(.52s + var(--i,0)*90ms)both}[data-active=true] .xz-bullet-check{animation:xz-pop .5s var(--xz-snap)calc(.6s + var(--i,0)*90ms)both}[data-active=true] .xz-step{animation:xz-slide-in .6s var(--xz-out)calc(.35s + var(--i,0)*.17s)both}[data-active=true] .xz-step-num{animation:xz-pop .55s var(--xz-snap)calc(.42s + var(--i,0)*.17s)both}[data-active=true] .xz-faq{animation:xz-rise .6s var(--xz-out)calc(.3s + var(--i,0)*.12s)both}.xz-cta{transform-origin:0}[data-active=true] .xz-cta{animation:xz-settle .6s var(--xz-out).65s both}[data-active=true] .xz-rise-card{animation:xz-card-in .9s var(--xz-out)both}.xz-arrow{display:inline-block}.xz-caret{opacity:0}[data-active=true] .xz-caret{animation:.5s step-end .3s 4 both xz-caret}[data-active=true] .xz-chip{animation:xz-pop .45s var(--xz-snap)calc(1.3s + var(--i,0)*60ms)both}[data-active=true] .xz-result{animation:xz-rise .65s var(--xz-out)calc(1.45s + var(--i,0)*.13s)both}.xz-cart-ping{position:relative}[data-active=true] .xz-cart-ping{animation:xz-ping .6s var(--xz-snap)2.3s both}[data-active=true] .xz-cart-ping:after{content:"";opacity:0;animation:xz-ring .9s var(--xz-out)2.3s forwards;border:2px solid #0f172a;border-radius:9999px;position:absolute;inset:0}[data-active=true] .xz-pdf{animation:xz-recede .9s var(--xz-out).1s both}[data-active=true] .xz-arrow{animation:xz-pop .5s var(--xz-snap).45s both}.xz-flip{transform-origin:0}[data-active=true] .xz-flip{animation:xz-flip-in .95s var(--xz-out).6s both}[data-active=true] .xz-upload{animation:xz-rise .5s var(--xz-out).25s both}.xz-fill>*{transform-origin:0}[data-active=true] .xz-fill>*{animation:xz-fill .6s var(--xz-out)calc(.45s + var(--i,0)*.14s)both}[data-active=true] .xz-fill>:nth-child(2){animation-delay:calc(.51s + var(--i,0)*.14s)}[data-active=true] .xz-fill>:nth-child(3){animation-delay:calc(.57s + var(--i,0)*.14s)}[data-active=true] .xz-chip-in{animation:xz-chip-in .6s var(--xz-snap)1s both}[data-active=true] .xz-tick{animation:xz-tick .5s var(--xz-snap)1.45s both}.xz-level-pill{transform:translate(calc(100% + .5rem))}[data-active=true] .xz-level-pill{animation:xz-level .7s var(--xz-glide).65s both}[data-active=true] .xz-level-off{animation:.3s linear .8s both xz-level-off}[data-active=true] .xz-level-on{animation:.25s linear .95s both xz-level-on}.xz-bubble{transform-origin:100% 0}[data-active=true] .xz-bubble{animation:xz-bubble .6s var(--xz-snap)1.35s both}.xz-tilt{transform-origin:50% 100%}[data-active=true] .xz-tilt{animation:xz-tilt-in 1s var(--xz-out)50ms both}[data-active=true] .xz-shine:after{content:"";pointer-events:none;animation:xz-shine .9s var(--xz-glide)1.1s both;background:linear-gradient(110deg,#0000 30%,#ffffff8c 50%,#0000 70%);position:absolute;inset:0;transform:translate(120%)}.xz-nudge{animation:xz-nudge 1.1s var(--xz-glide)3.2s 2}@keyframes xz-mark-in{0%{opacity:0;transform:rotate(-90deg)scale(.55)}}@keyframes xz-wordmark-in{0%{opacity:0;letter-spacing:.35em}}@keyframes xz-watermark-in{0%{opacity:0;transform:rotate(-30deg)scale(.9)}}@keyframes xz-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes xz-word-in{0%{transform:translateY(110%)rotate(3deg)}}@keyframes xz-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes xz-slide-in{0%{opacity:0;transform:translate(-12px)}}@keyframes xz-pop{0%{opacity:0;transform:scale(.4)}}@keyframes xz-settle{0%{opacity:0;transform:scale(.94)}}@keyframes xz-card-in{0%{opacity:0;transform:translateY(28px)scale(.97)}}@keyframes xz-caret{0%{opacity:1}50%{opacity:0}to{opacity:0}}@keyframes xz-ping{50%{transform:scale(1.22)}}@keyframes xz-ring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@keyframes xz-recede{0%{opacity:1;transform:scale(1.1)translate(18px)}}@keyframes xz-flip-in{0%{opacity:0;transform:perspective(700px)rotateY(-75deg)translate(-24px)}}@keyframes xz-fill{0%{transform:scaleX(0)}}@keyframes xz-chip-in{0%{opacity:0;transform:translateY(14px)scale(.95)}}@keyframes xz-tick{0%{opacity:0;transform:scale(0)rotate(-25deg)}}@keyframes xz-level{0%{transform:translate(0)}}@keyframes xz-level-off{0%{color:#fff}}@keyframes xz-level-on{0%{color:#64748b}}@keyframes xz-bubble{0%{opacity:0;transform:translateY(18px)scale(.85)}}@keyframes xz-tilt-in{0%{opacity:0;transform:perspective(900px)rotateX(24deg)translateY(36px)}}@keyframes xz-shine{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes xz-nudge{0%,to{transform:translate(0)}40%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){.landing-container *,.landing-container :before,.landing-container :after{transition:none!important;animation:none!important}}
