.quote figcaption b{font-weight:500;color:var(--fg)}footer{width:var(--wrap);margin:40px auto 0;padding-block:32px calc(40px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(var(--rgb),.09);display:flex;justify-content:space-between;align-items:center;gap:16px 28px;flex-wrap:wrap;font-size:.8125rem;color:var(--grey)}footer img{height:20px;width:auto;display:block}footer nav{display:flex;flex-wrap:wrap;gap:0 28px}footer a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px;transition:color .2s ease}@media(hover:hover)and (pointer:fine){footer a:hover{color:var(--fg)}}@media(max-width:1100px){.bottle{height:min(54svh,520px)}.stage{place-items:start center;padding-top:calc(env(safe-area-inset-top,0px) + 100px)}.feats{left:24px;right:24px;top:auto;bottom:8svh;transform:none;width:auto;height:170px;text-align:center}.fc{justify-items:center;gap:10px}.fc p{max-width:34ch;font-size:1rem}.findex{display:none}.fbar{top:calc(env(safe-area-inset-top,0px) + 88px);bottom:auto}.points{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.nav{position:fixed;top:72px;left:0;right:0;flex-direction:column;padding:10px;border-radius:26px;background:var(--glass-solid);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(var(--rgb),.09);visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .2s var(--ease-out),transform .2s var(--ease-out),visibility .2s}.nav a{padding:14px 16px;font-size:1.05rem}.nav-open .nav{visibility:visible;opacity:1;transform:none}.menu-btn{display:grid!important}.calc,.qai-top{grid-template-columns:minmax(0,1fr)}.say{justify-self:start}}@media(max-width:760px){.header{padding-left:18px}.header .btn{padding:0 16px}.header .btn .long{display:none}.facts{grid-template-columns:minmax(0,1fr)}.parts{grid-template-columns:repeat(3,minmax(0,1fr))}.parts dd{font-size:1.05rem}.cmp-row{grid-template-columns:96px minmax(0,1fr)}.steps{grid-template-columns:minmax(0,1fr);gap:44px;padding-left:36px}.tl-track,.tl-fill{left:5px;right:auto;top:6px;bottom:60px;width:1px;height:auto}.tl-fill{background:linear-gradient(#4dd2e4,#0857b2);transform-origin:top}html.motion .timeline:not(.in) .tl-fill{transform:scaleY(0)}.step{position:relative;gap:8px}.step .dot{position:absolute;left:-36px;top:3px}.step time{margin-top:0}.step .light{width:40px;height:5px}.step h3{margin-top:0;font-size:1.3rem}.points{grid-template-columns:minmax(0,1fr);gap:28px}.ledger{padding:24px}.phones{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-24px;padding:8px calc(50% - 115px) 24px;scrollbar-width:none}.phones::-webkit-scrollbar{display:none}.phones li{flex:none;width:230px;scroll-snap-align:center}.pager{display:flex;justify-content:center;gap:8px;margin-top:8px}.pager span{width:6px;height:6px;border-radius:6px;background:rgba(var(--rgb),.25);transition:width .3s var(--ease-out),background-color .3s ease}.pager span.on{width:18px;background:var(--fg)}.dots{--cols: 25;--size: 8px}form .field{flex-direction:column;border-radius:28px;padding:0;background:none;border:0;gap:12px}form .field input{min-height:52px;border-radius:999px;background:var(--surface);border:1px solid rgba(var(--rgb),.09)}form .field input:focus{border-color:rgba(var(--rgb),.32);box-shadow:0 0 0 4px rgba(var(--rgb),.06)}form .field .btn{min-height:52px;font-size:1rem}.quote{margin-top:72px}.section{padding-block:64px}.problem{gap:48px}.day-head{margin-bottom:40px}.qai-top{margin-bottom:56px}.phones{margin-top:40px}.dots{margin-top:44px}html.motion .lines p{opacity:.32}@media(prefers-color-scheme:light){:root.motion:not([data-theme=dark]) .lines p:not(.last){opacity:.55}}:root.motion[data-theme=light] .lines p:not(.last){opacity:.55}.quote blockquote{font-size:1.3rem}footer{flex-direction:column;align-items:flex-start}.header{background:var(--glass-solid);-webkit-backdrop-filter:none;backdrop-filter:none}.story{height:320svh}.qb>.ring,.qb>.spill{filter:none}.qb>.spill{-webkit-mask:radial-gradient(closest-side,#000 35%,transparent 100%);mask:radial-gradient(closest-side,#000 35%,transparent 100%);transform:scale(1.9,2.4)}body:before{content:"";position:fixed;z-index:15;left:0;right:0;top:0;height:calc(env(safe-area-inset-top,0px) + 92px);pointer-events:none;background:linear-gradient(var(--bg) 55%,rgba(var(--veil),0))}.say{--say-d: .25s}.calc{row-gap:32px}.result{gap:26px}}@media(max-width:380px){.dots{--size: 7px}}.static .story{height:auto}.static .stage{position:relative;height:auto;display:flex;flex-direction:column;align-items:center;gap:32px;padding:120px 24px 40px}.static .headline,.static .feats,.static .fbar{position:static;inset:auto;transform:none}.static .headline:before,.static .fbar,.static .findex{display:none}.static .feats{width:min(560px,100%);height:auto;display:grid;gap:40px;text-align:center}.static .fc{position:static;justify-items:center}.static .headline{order:-1}.static .bottle{height:min(46svh,420px)}.static .lines p{opacity:.32}.static .lines p.last{opacity:1}:root[data-theme=light] .static .lines p:not(.last){opacity:.55}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .static .lines p:not(.last){opacity:.55}}@media(prefers-reduced-motion:reduce){.qb>*,.hint i,.step .light,.theme-btn svg{animation:none!important}[data-reveal],.step,.dots i,.tl-fill{transition:none!important}}.moment{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:96px 24px 32px;overflow-y:auto;overflow-x:hidden;background:var(--m-veil);-webkit-backdrop-filter:blur(22px) saturate(120%);backdrop-filter:blur(22px) saturate(120%);opacity:0;transition:opacity .45s var(--ease-out)}.moment.on{opacity:1}.close{position:fixed;z-index:45;right:20px;top:calc(env(safe-area-inset-top,0px) + 20px)}.counter{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:14px;text-align:center;pointer-events:none;transition:opacity .6s var(--ease-out),transform .7s var(--ease-out)}.counter>*{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease-out),transform .7s var(--ease-out)}.counter.show>*{opacity:1;transform:none}.counter .lbl{font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:var(--grey);transition-delay:.12s}.counter .you{font-size:1.05rem;color:var(--fg);transition-delay:0ms}.counter .you.hide{opacity:0!important;transform:translateY(10px)!important}.counter .you b{font-weight:500;background:var(--sunset);-webkit-background-clip:text;background-clip:text;color:transparent}.figure{position:relative;display:grid;place-items:center}.odo{position:relative;display:flex;font:500 clamp(6rem,18vw,11rem)/1 var(--display);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.odo .col{display:block;height:1em;overflow:hidden}.odo .strip{display:block;transform:translateY(0)}.odo .strip.rolling{transition:transform .65s cubic-bezier(.23,1,.32,1)}.counter.out{opacity:0;transform:translateY(-24px) scale(.97)}.odo .d{display:block;height:1em;line-height:1;background:linear-gradient(172deg,#fbe54c,#f97da2 48%,#f818f6);-webkit-background-clip:text;background-clip:text;color:transparent}.odo.land{animation:land .9s cubic-bezier(.23,1,.32,1)}@keyframes land{0%{transform:scale(1)}22%{transform:scale(1.06)}to{transform:scale(1)}}.bloom{position:absolute;left:50%;top:50%;width:140%;height:120%;transform:translate(-50%,-50%) scale(.8);border-radius:50%;background:radial-gradient(closest-side,rgba(248,24,246,.55),rgba(249,125,162,.3) 45%,rgba(251,229,76,.12) 70%,transparent);filter:blur(30px);opacity:0;pointer-events:none;z-index:-1}.bloom.on{animation:bloom 2.2s cubic-bezier(.23,1,.32,1) forwards}@keyframes bloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}to{opacity:.35;transform:translate(-50%,-50%) scale(1)}}.ripple{position:absolute;left:50%;top:50%;width:22vmin;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(.5);opacity:0;pointer-events:none;background:conic-gradient(from 200deg,#f818f6,#f97da2,#fbe54c,#f97da2,#f818f6);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px))}.ripple.on{animation:ripple 1.7s cubic-bezier(.23,1,.32,1) forwards}.ripple.r2.on{animation-delay:.22s}@keyframes ripple{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}12%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%) scale(3.4)}}.m-stage{width:min(1000px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 72px;align-items:center}.m-stage[hidden]{display:none!important}.panel{display:grid;gap:22px;min-width:0}.panel>*{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);transition-delay:calc(var(--i) * 90ms + .5s)}.m-stage.in .panel>*{opacity:1;transform:none}.kicker{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--grey)}.panel h2{margin:0;font:500 clamp(2rem,3.6vw,3rem)/1.06 var(--display);letter-spacing:-.04em;color:var(--fg);text-wrap:balance}.panel .m-lede{margin:0;color:var(--text2);font-size:1.05rem}.make{display:grid;gap:10px}.make label{font-size:.875rem;color:var(--grey)}.make .m-field{display:flex;gap:8px;padding:6px;border-radius:999px;background:var(--surface);border:1px solid rgba(var(--rgb),.09);transition:border-color .2s ease,box-shadow .2s ease}.make .m-field:focus-within{border-color:rgba(var(--rgb),.32);box-shadow:0 0 0 4px rgba(var(--rgb),.06)}.make input{flex:1;min-width:0;min-height:44px;padding:0 18px;border:0;outline:0;background:transparent;color:var(--fg)}.make input::placeholder{color:var(--grey)}.made{margin:0;min-height:1.5em;font-size:.9rem;color:var(--fg)}.perks{margin:0;padding:18px 0 0;list-style:none;display:grid;gap:14px;border-top:1px solid rgba(var(--rgb),.09)}.perks li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start}.perks li:before{content:"";width:14px;height:14px;margin-top:4px;border-radius:50%;border:1.5px solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--accent, var(--brand)) border-box}.perks b{display:block;font-weight:500;color:var(--fg)}.perks span{font-size:.9rem;color:var(--text2)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/qua-site-3.css.map */