:root{--grape-900: #160a2b;--grape-800: #21123f;--grape-700: #34205c;--fizz: #ff2d6f;--fizz-2: #ff6b9d;--citrus: #ffb800;--citrus-2: #ffce4d;--lime: #34d399;--sky: #21c7ef;--paper: #fff8fb;--paper-2: #fdeef4;--tint: #fbe7f0;--ink: #25113f;--muted: #7c6690;--line: rgba(37, 17, 63, .1);--line-strong: rgba(37, 17, 63, .16);--display: "Fredoka", system-ui, sans-serif;--sans: "Space Grotesk", system-ui, -apple-system, sans-serif;--shadow: 0 24px 60px -26px rgba(255, 45, 111, .45);--shadow-soft: 0 18px 40px -24px rgba(37, 17, 63, .5);--radius: 24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.container{width:min(1160px,92vw);margin:0 auto;position:relative}h1,h2,h3,h4{font-family:var(--display);font-weight:600;line-height:1.05;letter-spacing:-.015em}h1{font-size:clamp(2.7rem,6.2vw,4.8rem)}h2{font-size:clamp(2rem,4.2vw,3.1rem)}em{font-style:normal;color:var(--fizz)}a{color:inherit;text-decoration:none}.eyebrow{display:inline-block;font-family:var(--sans);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;color:var(--fizz);background:#ff2d6f1a;padding:.4rem .85rem;border-radius:999px;margin-bottom:1.1rem}.eyebrow-light{color:var(--citrus-2);background:#ffce4d24}.btn{display:inline-block;background:linear-gradient(135deg,var(--fizz),var(--fizz-2));color:#fff;font-family:var(--display);font-weight:600;font-size:1rem;padding:.9rem 1.7rem;border:none;border-radius:999px;cursor:pointer;box-shadow:0 12px 26px -10px #ff2d6fb3;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;white-space:nowrap}.btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 18px 34px -10px #ff2d6fbf}.btn-sm{padding:.6rem 1.15rem;font-size:.9rem}.btn-lg{padding:1.1rem 2.4rem;font-size:1.15rem}.btn-ghost{background:#fff;color:var(--ink);border:2px solid var(--line-strong);box-shadow:none}.btn-ghost:hover{border-color:var(--fizz);color:var(--fizz);transform:translateY(-3px)}.bubbles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.bubble{position:absolute;bottom:-8vh;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffffffe6,#ff6b9d40 60%,#ff2d6f0f);border:1px solid rgba(255,255,255,.5);opacity:0;animation:floatUp linear infinite}.b-1{left:4%;width:26px;height:26px;animation-duration:18s;animation-delay:0s}.b-2{left:12%;width:14px;height:14px;animation-duration:13s;animation-delay:3s}.b-3{left:20%;width:40px;height:40px;animation-duration:24s;animation-delay:6s}.b-4{left:28%;width:18px;height:18px;animation-duration:16s;animation-delay:1s}.b-5{left:36%;width:10px;height:10px;animation-duration:11s;animation-delay:5s}.b-6{left:45%;width:30px;height:30px;animation-duration:21s;animation-delay:8s}.b-7{left:53%;width:16px;height:16px;animation-duration:15s;animation-delay:2s}.b-8{left:61%;width:22px;height:22px;animation-duration:19s;animation-delay:7s}.b-9{left:69%;width:12px;height:12px;animation-duration:12s;animation-delay:4s}.b-10{left:77%;width:36px;height:36px;animation-duration:23s;animation-delay:0s}.b-11{left:84%;width:16px;height:16px;animation-duration:14s;animation-delay:6s}.b-12{left:90%;width:24px;height:24px;animation-duration:20s;animation-delay:3s}.b-13{left:96%;width:12px;height:12px;animation-duration:13s;animation-delay:9s}.b-14{left:50%;width:44px;height:44px;animation-duration:26s;animation-delay:11s}@keyframes floatUp{0%{transform:translateY(0) translate(0) scale(.5);opacity:0}8%{opacity:.7}50%{transform:translateY(-55vh) translate(20px)}90%{opacity:.5}to{transform:translateY(-118vh) translate(-16px) scale(1.05);opacity:0}}.announce{background:linear-gradient(90deg,var(--fizz),var(--citrus));color:#fff;text-align:center;font-size:.82rem;font-weight:500;letter-spacing:.01em;padding:.6rem 1rem}.nav{position:sticky;top:0;z-index:50;background:#fff8fbd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:76px}.brand{display:flex;align-items:center;gap:.6rem}.brand-mark{position:relative;width:34px;height:34px;border-radius:50%;background:linear-gradient(150deg,var(--fizz),var(--fizz-2));box-shadow:inset 0 -4px 8px #00000026,0 6px 14px -6px #ff2d6fb3;overflow:hidden}.brand-bubble{position:absolute;border-radius:50%;background:#ffffffd9}.brand-bubble:nth-child(1){width:9px;height:9px;top:7px;left:8px}.brand-bubble:nth-child(2){width:6px;height:6px;top:16px;left:19px}.brand-bubble:nth-child(3){width:4px;height:4px;top:22px;left:11px}.brand-name{font-family:var(--display);font-size:1.4rem;font-weight:700;letter-spacing:-.02em}.brand-name-2{color:var(--fizz)}.nav-links{display:flex;align-items:center;gap:1.7rem}.nav-links a{font-size:.95rem;font-weight:500;color:var(--ink);transition:color .15s}.nav-links a:hover{color:var(--fizz)}.nav-links .btn{color:#fff}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px}.nav-toggle span{width:24px;height:2.5px;background:var(--ink);border-radius:2px}.hero{background:radial-gradient(60% 70% at 88% 12%,rgba(255,184,0,.18),transparent 60%),radial-gradient(70% 80% at 6% 0%,rgba(33,199,239,.16),transparent 55%),linear-gradient(180deg,var(--paper-2),var(--paper));padding:clamp(3rem,7vw,6rem) 0 clamp(3.5rem,8vw,7rem);overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.08fr .92fr;gap:3rem;align-items:center}.hero-copy h1{margin-bottom:1.3rem}.lede{font-size:1.14rem;color:var(--muted);max-width:34rem;margin-bottom:1.9rem}.hero-cta{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:1.9rem}.hero-points{list-style:none;display:flex;flex-wrap:wrap;gap:1.3rem}.hero-points li{position:relative;padding-left:1.55rem;font-size:.9rem;font-weight:600;color:var(--grape-700)}.hero-points li:before{content:"🫧";position:absolute;left:0;top:-1px;font-size:.95rem}.can-stage{position:relative;display:flex;justify-content:center;align-items:center;perspective:1000px}.can-glow{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,45,111,.4),transparent 65%);filter:blur(26px)}.can{position:relative;width:212px;z-index:1;transform:rotate(-6deg);transition:transform .5s cubic-bezier(.34,1.56,.64,1);animation:canBob 5s ease-in-out infinite}.can:hover{transform:rotate(-2deg) translateY(-8px) scale(1.02)}@keyframes canBob{0%,to{margin-top:0}50%{margin-top:-12px}}.can-lid{height:22px;margin:0 9px;border-radius:50%;background:linear-gradient(90deg,#8d83a8,#f3eefb 42%,#b7accf 58%,#7a6f96);box-shadow:inset 0 -3px 6px #00000059;position:relative;z-index:3}.can-tab{position:absolute;top:5px;left:50%;transform:translate(-50%);width:50px;height:13px;border-radius:999px;background:linear-gradient(180deg,#efeaf7,#9c91b8);border:1.5px solid rgba(0,0,0,.18);z-index:4}.can-tab:after{content:"";position:absolute;top:3px;left:50%;transform:translate(-50%);width:22px;height:5px;border-radius:999px;background:#00000040}.can-body{position:relative;margin:-11px 0 0;height:350px;border-radius:14px;background:linear-gradient(90deg,#0006,#0000 22%,#ffffff4d,#0000 78%,#0000006b),linear-gradient(180deg,#ff3d68,#b3164e 42%,#4a0a26);box-shadow:0 40px 60px -28px #4a0a26cc,inset 0 3px 6px #ffffff40;overflow:hidden}.can-sheen{position:absolute;top:0;bottom:0;left:28%;width:22px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);filter:blur(2px);z-index:2}.can-band{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);z-index:2}.can-band-top{top:64px}.can-band-bottom{bottom:64px}.can-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;z-index:3;padding:0 14px}.can-label-kicker{font-family:var(--sans);font-size:.66rem;font-weight:700;letter-spacing:.32em;color:#ffffffbf}.can-label-name{font-family:var(--display);font-size:1.75rem;font-weight:700;line-height:1.02;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}.can-label-foot{font-family:var(--sans);font-size:.6rem;font-weight:600;letter-spacing:.22em;color:#ffffffb3}.can-fizz{position:absolute;top:0;right:0;bottom:0;left:0;list-style:none;overflow:hidden;z-index:2;pointer-events:none}.fz{position:absolute;bottom:-16px;border-radius:50%;background:#ffffffb3;opacity:0;animation:fizzRise linear infinite}.fz-1{left:18%;width:7px;height:7px;animation-duration:3.6s;animation-delay:0s}.fz-2{left:30%;width:5px;height:5px;animation-duration:2.8s;animation-delay:.8s}.fz-3{left:42%;width:9px;height:9px;animation-duration:4.2s;animation-delay:1.6s}.fz-4{left:52%;width:4px;height:4px;animation-duration:2.4s;animation-delay:.3s}.fz-5{left:60%;width:8px;height:8px;animation-duration:3.9s;animation-delay:2.1s}.fz-6{left:70%;width:5px;height:5px;animation-duration:3.1s;animation-delay:1.1s}.fz-7{left:78%;width:7px;height:7px;animation-duration:4s;animation-delay:.5s}.fz-8{left:36%;width:4px;height:4px;animation-duration:2.6s;animation-delay:2.6s}.fz-9{left:64%;width:6px;height:6px;animation-duration:3.4s;animation-delay:1.9s}@keyframes fizzRise{0%{transform:translateY(0) scale(.6);opacity:0}12%{opacity:.9}85%{opacity:.7}to{transform:translateY(-330px) scale(1.1);opacity:0}}.can-shadow{position:absolute;bottom:-34px;width:62%;height:30px;background:#4a0a2659;filter:blur(20px);border-radius:50%;z-index:0}.ticker{background:linear-gradient(90deg,var(--citrus),var(--fizz-2));overflow:hidden;border-top:3px solid rgba(255,255,255,.4);border-bottom:3px solid rgba(255,255,255,.4)}.ticker-track{display:flex;width:max-content;animation:marquee 24s linear infinite}.ticker-row{display:flex;align-items:center;gap:1.5rem;padding:.95rem 1.5rem;white-space:nowrap;font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#3a0e22;font-size:.86rem}.ticker .dot{font-size:.45rem;opacity:.55}@keyframes marquee{to{transform:translate(-50%)}}.section{padding:clamp(3.5rem,8vw,6.5rem) 0;position:relative}.section-tint{background:linear-gradient(180deg,var(--paper),var(--tint))}.section-dark{background:radial-gradient(80% 120% at 50% 0%,var(--grape-700),var(--grape-900));color:#fff}.section-head{text-align:center;max-width:42rem;margin:0 auto 3rem}.section-sub{color:var(--muted);margin-top:1rem;font-size:1.02rem}.section-dark .section-sub{color:#ffffffb3}.flavours{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem;display:flex;flex-direction:column;box-shadow:0 10px 30px -22px #25113f80;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.card-featured{border:2px solid var(--fizz);box-shadow:0 20px 44px -24px #ff2d6f8c}.badge{position:absolute;top:1.2rem;right:1.2rem;background:linear-gradient(135deg,var(--fizz),var(--citrus));color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.32rem .7rem;border-radius:999px}.bottle{position:relative;width:56px;height:100px;margin-bottom:1.2rem;display:flex;flex-direction:column;align-items:center}.bottle-cap{width:24px;height:12px;border-radius:5px 5px 3px 3px}.bottle-neck{width:17px;height:13px}.bottle-body{width:56px;flex:1;margin-top:-1px;border-radius:16px 16px 14px 14px;position:relative;overflow:hidden;box-shadow:inset 0 4px 8px #ffffff59,inset 0 -6px 10px #0000002e}.bottle-shine{position:absolute;top:9px;left:9px;bottom:11px;width:8px;border-radius:8px;background:#ffffff73}.bottle-citrus .bottle-body{background:linear-gradient(160deg,#ffd23f,#ff9e1b)}.bottle-citrus .bottle-cap,.bottle-citrus .bottle-neck{background:#ef8b12}.bottle-cherry .bottle-body{background:linear-gradient(160deg,#ff5a86,#9c123f)}.bottle-cherry .bottle-cap,.bottle-cherry .bottle-neck{background:#b3164e}.bottle-elder .bottle-body{background:linear-gradient(160deg,#7be8b8,#20a875)}.bottle-elder .bottle-cap,.bottle-elder .bottle-neck{background:#189a68}.card-fizz{align-self:flex-start;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sky);background:#21c7ef1f;padding:.25rem .6rem;border-radius:999px;margin-bottom:.7rem}.card-type{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700;margin-bottom:.35rem}.card h3{font-size:1.7rem}.card-note{font-size:.82rem;color:var(--fizz);font-weight:600;margin-bottom:.7rem}.card-desc{font-size:.94rem;color:var(--muted);flex:1;margin-bottom:1.2rem}.tasting{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem}.tasting li{font-size:.74rem;font-weight:600;color:var(--grape-700);background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:.28rem .72rem}.bundle{text-align:center;margin-top:2.6rem;font-family:var(--display);font-size:1.35rem;font-weight:500;color:var(--grape-700)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}.feature{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem 1.5rem;box-shadow:0 10px 30px -24px #25113f80;transition:transform .2s ease}.feature:hover{transform:translateY(-5px)}.feature-k{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:16px;background:linear-gradient(150deg,var(--fizz),var(--fizz-2));color:#fff;font-family:var(--display);font-size:1.25rem;font-weight:700;margin-bottom:1.1rem;box-shadow:0 10px 20px -10px #ff2d6fb3}.feature:nth-child(2) .feature-k{background:linear-gradient(150deg,var(--citrus),#ff9e1b);box-shadow:0 10px 20px -10px #ffb800b3}.feature:nth-child(3) .feature-k{background:linear-gradient(150deg,var(--lime),#11a877);box-shadow:0 10px 20px -10px #34d399b3}.feature:nth-child(4) .feature-k{background:linear-gradient(150deg,var(--sky),#1597df);box-shadow:0 10px 20px -10px #21c7efb3}.feature h3{font-size:1.3rem;margin-bottom:.5rem}.feature p{font-size:.92rem;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}.step{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:2rem 1.8rem}.step-n{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(150deg,var(--fizz),var(--citrus));color:#fff;font-family:var(--display);font-size:1.4rem;font-weight:700;margin-bottom:1.1rem}.step h3{font-size:1.35rem;margin-bottom:.5rem}.step p{font-size:.94rem;color:#ffffffb8}.how-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;margin-top:3rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.14);text-align:center}.how-stats strong{display:block;font-family:var(--display);font-size:2.8rem;line-height:1;padding-bottom:.2em;background:linear-gradient(135deg,var(--citrus-2),var(--fizz-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.how-stats span{font-size:.82rem;color:#ffffffa6;text-transform:uppercase;letter-spacing:.08em}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;align-items:stretch}.plan{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:2rem 1.8rem;display:flex;flex-direction:column;box-shadow:0 12px 32px -24px #25113f80}.plan-featured{border:2px solid var(--fizz);transform:scale(1.03);box-shadow:var(--shadow)}.plan-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--fizz),var(--citrus));color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.35rem .85rem;border-radius:999px;white-space:nowrap}.plan h3{font-size:1.5rem;margin-bottom:.5rem}.plan-line{font-size:.9rem;font-weight:600;color:var(--fizz);margin-bottom:1.4rem}.plan-perks{list-style:none;flex:1;margin-bottom:1.5rem}.plan-perks li{position:relative;padding-left:1.6rem;font-size:.92rem;color:var(--grape-700);margin-bottom:.6rem}.plan-perks li:before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:#34d3992e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2311a877' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / 11px no-repeat}.plan-btn{text-align:center}.cta{background:linear-gradient(135deg,var(--fizz),var(--citrus));color:#fff;text-align:center;padding:clamp(3.5rem,8vw,6rem) 0;position:relative;overflow:hidden}.cta-inner{max-width:40rem;margin:0 auto;position:relative;z-index:1}.cta h2{margin-bottom:.9rem}.cta p{color:#ffffffeb;margin-bottom:2rem;font-size:1.08rem}.cta .btn-lg{background:#fff;color:var(--fizz);box-shadow:0 16px 34px -12px #00000059}.cta .btn-lg:hover{background:var(--grape-900);color:#fff}.cta-fine{margin-top:1.4rem;margin-bottom:0;font-size:.84rem;color:#ffffffd9}.footer{background:var(--grape-900);color:#ffffffb8;padding:3.6rem 0 1.7rem}.footer-inner{display:grid;grid-template-columns:1.3fr 2fr;gap:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.12)}.footer-brand p{font-size:.9rem;margin-top:1rem;max-width:23rem}.footer-brand .brand-name{color:#fff}.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.footer-cols h4{font-family:var(--sans);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--citrus-2);margin-bottom:.9rem}.footer-cols a{display:block;font-size:.9rem;padding:.25rem 0;transition:color .15s}.footer-cols a:hover{color:var(--fizz-2)}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;padding-top:1.5rem;font-size:.8rem;color:#ffffff80}@media (max-width: 940px){.hero-inner{grid-template-columns:1fr;gap:2.5rem}.can-stage{order:-1}.flavours,.features,.plans,.steps{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1fr}.plan-featured{transform:none}}@media (max-width: 640px){.nav-links{position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:.4rem;background:var(--paper);border-bottom:1px solid var(--line);padding:1rem 4vw 1.4rem;box-shadow:var(--shadow-soft);display:none}.nav-links.open{display:flex}.nav-links a{padding:.5rem 0}.nav-toggle{display:flex}.flavours,.features,.plans,.steps{grid-template-columns:1fr}.how-stats{gap:1.8rem}}@media (prefers-reduced-motion: reduce){.bubble,.fz,.can,.ticker-track{animation:none}.bubble,.fz{display:none}}