:root{--bg: #0A0A0A;--fg: #FFFFFF;--text: #D1D1D6;--text2: #A1A1A6;--grey: #8A93A1;--surface: #1C1C1E;--chip-bg: #F5F5F7;--chip-fg: #0A0A0A;--rgb: 255, 255, 255;--veil: 10, 10, 10;--m-veil: rgba(10, 10, 10, .62);--glass: rgba(28, 28, 30, .55);--glass-solid: rgba(28, 28, 30, .94);--edge: rgba(255, 255, 255, .16);--sh: 1;--blend: screen;--accent: #4DD2E4;--brand: linear-gradient(135deg, #4DD2E4, #0857B2);--iris: linear-gradient(90deg, #54F4F8, #A69AF8, #F545F9);--sunset: linear-gradient(135deg, #F818F6, #F97DA2, #FBE54C);--display: "Poppins", "Segoe UI", system-ui, sans-serif;--body: "Inter", "Segoe UI", system-ui, sans-serif;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--wrap: min(1120px, calc(100% - 48px) );color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #F5F5F7;--fg: #0A0A0A;--text: #3A3A3C;--text2: #515154;--grey: #6B7383;--surface: #FFFFFF;--chip-bg: #0A0A0A;--chip-fg: #FFFFFF;--rgb: 10, 10, 10;--veil: 245, 245, 247;--m-veil: rgba(245, 245, 247, .6);--glass: rgba(255, 255, 255, .72);--glass-solid: rgba(255, 255, 255, .96);--edge: rgba(10, 10, 10, .9);--sh: .22;--blend: normal;--accent: #0857B2;color-scheme:light}:root:not([data-theme=dark]) .only-dark{display:none!important}:root:not([data-theme=dark]) .only-light{display:block!important}}:root[data-theme=light]{--bg: #F5F5F7;--fg: #0A0A0A;--text: #3A3A3C;--text2: #515154;--grey: #6B7383;--surface: #FFFFFF;--chip-bg: #0A0A0A;--chip-fg: #FFFFFF;--rgb: 10, 10, 10;--veil: 245, 245, 247;--m-veil: rgba(245, 245, 247, .6);--glass: rgba(255, 255, 255, .72);--glass-solid: rgba(255, 255, 255, .96);--edge: rgba(10, 10, 10, .9);--sh: .22;--blend: normal;--accent: #0857B2;color-scheme:light}:root[data-theme=light] .only-dark{display:none!important}:root[data-theme=light] .only-light{display:block!important}.only-light{display:none!important}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:400 1rem/1.6 var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}main{overflow-x:clip}a{color:inherit}img{max-width:100%}:focus-visible{outline:2px solid #4DD2E4;outline-offset:3px;border-radius:6px}h1,h2,h3{text-wrap:balance}.skip{position:absolute;left:16px;top:-60px;z-index:30;background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:999px}.skip:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.grad-brand,.grad-sunset{-webkit-background-clip:text;background-clip:text;color:transparent}.grad-brand{background-image:var(--brand)}.grad-sunset{background-image:var(--sunset)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:0;border-radius:999px;cursor:pointer;white-space:nowrap;text-decoration:none;font:500 .95rem/1 var(--body);color:#fff;background:var(--brand);box-shadow:inset 0 1px #ffffff4d;transition:transform .16s var(--ease-out)}.btn:active,.icon-btn:active{transform:scale(.97)}.icon-btn{width:44px;height:44px;border:0;border-radius:50%;cursor:pointer;flex:none;display:grid;place-items:center;background:rgba(var(--rgb),.08);color:var(--fg);transition:transform .16s var(--ease-out),background-color .2s ease}@media(hover:hover)and (pointer:fine){.icon-btn:hover{background:rgba(var(--rgb),.14)}}.theme-btn svg{animation:icoIn .24s var(--ease-out)}@keyframes icoIn{0%{opacity:0;transform:rotate(-40deg) scale(.7);filter:blur(2px)}}.header{position:fixed;z-index:20;left:50%;transform:translate(-50%);top:calc(env(safe-area-inset-top,0px) + 14px);width:min(1120px,calc(100% - 24px));height:60px;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 22px;border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(var(--rgb),.09);box-shadow:0 10px 30px rgba(0,0,0,calc(.35 * var(--sh)))}.logo{display:flex;align-items:center;min-height:44px;flex:1}.logo img{height:22px;width:auto;display:block}.nav{display:flex;gap:2px}.nav a{text-decoration:none;font-size:.9rem;color:var(--grey);padding:10px 16px;border-radius:999px;transition:color .2s ease,background-color .2s ease}.nav a.active{color:var(--fg);background:rgba(var(--rgb),.08)}@media(hover:hover)and (pointer:fine){.nav a:hover{color:var(--fg)}}.h-right{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:8px}.menu-btn{display:none!important}.story{position:relative;height:560svh}.stage{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}.bottle{position:relative;height:min(72svh,660px);aspect-ratio:900 / 1300;max-width:80vw}html.motion .bottle{visibility:hidden}html.ready .bottle{visibility:visible}.qb{container-type:size}.qb>canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.qb>.body{position:relative;z-index:1}.qb>.ring{z-index:3;filter:blur(1.1cqh);mix-blend-mode:var(--blend);opacity:.4;-webkit-mask:var(--qua-frame1) center / 100% 100% no-repeat;mask:var(--qua-frame1) center / 100% 100% no-repeat}.qb>.spill{z-index:0;transform-origin:50% 88%;transform:scale(2.5,2.7);filter:blur(5.8cqh);opacity:.18}.qb[data-glow=pulse]>.ring{animation:qbRing 2.8s ease-in-out infinite}.qb[data-glow=pulse]>.spill{animation:qbSpill 2.8s ease-in-out infinite}@keyframes qbRing{0%,to{opacity:.4}50%{opacity:1}}@keyframes qbSpill{0%,to{opacity:.18}50%{opacity:.55}}.headline{position:absolute;inset:auto 24px 8svh;text-align:center;z-index:2;display:grid;justify-items:center;gap:16px}.headline:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:min(1100px,130vw);height:170%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(var(--veil),.9),rgba(var(--veil),.7) 55%,transparent);pointer-events:none}h1{margin:0;font:500 clamp(2.6rem,6vw,4.75rem)/1.02 var(--display);letter-spacing:-.045em;color:var(--fg)}.lede{margin:0;max-width:34ch;color:var(--text2);font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.5}.hint{margin-top:12px;display:grid;justify-items:center;gap:10px;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--grey)}.hint i{display:block;width:1px;height:36px;background:linear-gradient(var(--grey),transparent);animation:hintLine 2.4s var(--ease-in-out) infinite}@keyframes hintLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.feats{position:absolute;z-index:2;left:max(24px,calc(50% - 600px));top:50%;transform:translateY(-50%);width:340px;height:260px}.fc{position:absolute;inset:0 0 auto 0;display:grid;gap:16px}html.motion .fc,html.motion .findex,html.motion .fbar{opacity:0;visibility:hidden}.fc .num{font-size:.8rem;letter-spacing:.14em;color:var(--grey);font-variant-numeric:tabular-nums}.fc h2{margin:0;font:500 clamp(2.2rem,3.6vw,3.25rem)/1.04 var(--display);letter-spacing:-.04em;color:var(--fg)}.fc p{margin:0;font-size:1.125rem;line-height:1.55;color:var(--text2)}.findex{position:absolute;z-index:2;right:max(24px,calc(50% - 600px));top:50%;transform:translateY(-50%);width:260px;margin:0;padding:0;list-style:none}.findex li{position:relative;display:flex;gap:16px;align-items:baseline;padding:12px 0;border-top:1px solid rgba(var(--rgb),.09);opacity:.35;transition:opacity .3s ease}.findex li:last-child{border-bottom:1px solid rgba(var(--rgb),.09)}.findex li:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--iris);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out)}.findex li.on{opacity:1}.findex li.on:before{transform:scaleX(1)}.findex span{font-size:.8rem;color:var(--grey);font-variant-numeric:tabular-nums}.findex b{font:400 1.05rem var(--display);color:var(--fg)}.fbar{position:absolute;z-index:2;left:max(24px,calc(50% - 600px));right:max(24px,calc(50% - 600px));bottom:7svh;height:2px;border-radius:2px;background:rgba(var(--rgb),.08);overflow:hidden}.fbar i{display:block;height:100%;background:var(--iris);transform:scaleX(0);transform-origin:left}.section{width:var(--wrap);margin:0 auto;padding-block:clamp(96px,12vw,160px)}.title{margin:0;font:500 clamp(2.2rem,4.4vw,3.75rem)/1.04 var(--display);letter-spacing:-.045em;color:var(--fg)}.intro{margin:0;max-width:46ch;font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.6;color:var(--text2)}.chip{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--chip-bg);color:var(--chip-fg);font-size:.8rem;font-weight:500}.chip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--iris)}.source{margin:0;font-size:.75rem;line-height:1.5;color:var(--grey)}html.motion [data-reveal]:not(.in){opacity:0;transform:translateY(24px)}[data-reveal]{transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transition-delay:var(--d, 0ms)}.problem{display:grid;gap:clamp(64px,9vw,110px)}.lines{display:grid;gap:.04em;font:500 clamp(2.4rem,5.6vw,4.75rem)/1.06 var(--display);letter-spacing:-.045em}.lines p{margin:0;color:var(--fg);opacity:.32}.lines p.last{opacity:1}html.motion .lines p{opacity:.12}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px clamp(40px,6vw,80px);align-items:start;padding-top:40px;border-top:1px solid rgba(var(--rgb),.09)}.fact{display:grid;gap:16px;min-width:0}.fact-head{margin:0;max-width:22ch;font:500 clamp(1.6rem,2.6vw,2.25rem)/1.2 var(--display);letter-spacing:-.025em;color:var(--fg);font-variant-numeric:tabular-nums}.fact-sub{margin:0;max-width:44ch;font-size:.95rem;line-height:1.55;color:var(--grey)}.calc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px clamp(48px,8vw,120px);align-items:start}.calc-head{display:grid;gap:16px}.dials{display:grid}.dial{display:grid;padding-top:18px;border-top:1px solid rgba(var(--rgb),.09)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/qua-site-1.css.map */