:root{--ink:#080909;--paper:#efeee8;--muted:#a5a69f;--line:rgba(255,255,255,.14);--acid:#d7ff36;--pad:clamp(22px,5vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.055;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.nav{height:88px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:10;border-bottom:1px solid var(--line)}.wordmark{font-family:Syne,sans-serif;font-weight:800;font-size:25px;letter-spacing:.16em;color:inherit;text-decoration:none}.wordmark span{font:8px Manrope;vertical-align:top;margin-left:2px}.nav nav{display:flex;gap:34px}.nav nav a,.nav-cta,footer a{color:inherit;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.nav nav a{color:#b9bab4}.nav-cta{border-bottom:1px solid #777;padding:8px 0}.nav-cta span,.button span{margin-left:18px}.menu{display:none;background:none;border:0}.menu i{display:block;width:24px;border-top:1px solid white;margin:6px}.hero{min-height:850px;height:100vh;position:relative;display:grid;grid-template-columns:52% 48%;padding:88px var(--pad) 40px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.95%,var(--line) 50%,transparent 50.1%);pointer-events:none}.hero-glow{position:absolute;width:52vw;height:52vw;border-radius:50%;right:-5vw;top:15%;background:radial-gradient(circle,#d8ff3647 0,#8fa80018 35%,transparent 68%);filter:blur(14px)}.hero-copy{align-self:center;position:relative;z-index:2}.eyebrow{font:500 11px DM Mono,monospace;letter-spacing:.15em;text-transform:uppercase;color:#b8b9b2;display:flex;gap:12px;align-items:center}.eyebrow span{width:24px;border-top:1px solid var(--acid)}h1,h2{font-family:Syne,sans-serif;font-weight:700;letter-spacing:-.055em;line-height:.83;margin:28px 0}h1{font-size:clamp(62px,8.3vw,134px)}h2{font-size:clamp(50px,6.5vw,104px)}h1 em,h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #d4d4cd}.lede{font-size:clamp(16px,1.3vw,20px);line-height:1.65;color:#b6b7b1;max-width:480px}.hero-actions{display:flex;align-items:center;gap:36px;margin-top:38px}.button{padding:18px 23px;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.button-light{background:var(--paper);color:#111}.text-link{color:inherit;text-decoration:none;text-transform:uppercase;font:500 11px DM Mono;letter-spacing:.11em;border-bottom:1px solid #545651;padding:8px 0}.text-link span{margin-left:14px}.hero-product{display:flex;align-items:center;justify-content:center;position:relative}.can{position:relative;background:#111;border:1px solid #3c3d39;border-radius:18px 18px 24px 24px;box-shadow:inset 13px 0 18px #ffffff0c,inset -18px 0 25px #000,10px 24px 45px #0009;display:flex;flex-direction:column;align-items:center;overflow:hidden}.can:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff15 38%,transparent 49%);pointer-events:none}.can-top{position:absolute;top:-2px;width:94%;height:12px;border-radius:50%;background:#292a27;border:1px solid #555;box-shadow:inset 0 2px 4px #000}.can strong{font-family:Syne;font-weight:800;letter-spacing:.16em;writing-mode:vertical-rl;transform:rotate(180deg)}.can b{position:absolute;font:700 54px Syne;color:var(--accent,var(--acid));opacity:.9}.can-mini{font:8px DM Mono;letter-spacing:.35em;color:#aaa}.can small{font:7px DM Mono;line-height:1.5;letter-spacing:.12em;color:#aaa;text-align:center}.can-hero{width:210px;height:520px;padding:42px 0 25px;justify-content:space-between;transform:rotate(8deg);z-index:2}.can-hero strong{font-size:63px}.can-hero b{font-size:100px;right:25px;top:45%}.citrus{--accent:#d7ff36}.berry{--accent:#ac82ff}.blood{--accent:#ff623d}.ice{--accent:#62dfff}.orbit{position:absolute;border:1px solid #ffffff26;border-radius:50%;width:550px;height:550px}.orbit-one{transform:rotateX(72deg) rotateZ(25deg)}.orbit-two{transform:rotateY(65deg) rotateZ(-15deg)}.product-note{position:absolute;right:4%;bottom:15%;font:9px DM Mono;letter-spacing:.18em;color:#8d8e87}.hero-index{position:absolute;right:var(--pad);top:50%;display:flex;flex-direction:column;gap:12px;align-items:center;font:9px DM Mono;color:#777}.hero-index i{height:75px;border-left:1px solid #666}.scroll-note{position:absolute;bottom:35px;left:var(--pad);font:9px DM Mono;letter-spacing:.2em;color:#71726c;writing-mode:vertical-rl}.marquee{height:64px;background:var(--acid);color:#0a0a0a;display:flex;overflow:hidden;align-items:center;transform:rotate(-1deg) scale(1.01);font:800 14px Syne;letter-spacing:.12em;white-space:nowrap}.marquee div{animation:marquee 24s linear infinite}.marquee b{margin:0 28px}@keyframes marquee{to{transform:translateX(-100%)}}.section{padding:clamp(100px,12vw,180px) var(--pad)}.section-head{display:flex;align-items:end;justify-content:space-between}.section-head>p{width:330px;color:#979891;line-height:1.7}.flavor-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:70px}.flavor-card{min-height:580px;border-right:1px solid var(--line);padding:25px 22px;position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;transition:background .35s}.flavor-card:first-child{border-left:1px solid var(--line)}.flavor-card:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.flavor-number{align-self:flex-start;font:10px DM Mono;color:#777}.can-small{width:115px;height:310px;margin:44px auto 38px;padding:30px 0 15px;justify-content:space-between;transform:rotate(4deg);transition:transform .4s}.flavor-card:nth-child(even) .can-small{transform:rotate(-4deg)}.flavor-card:hover .can-small{transform:translateY(-10px) rotate(0)}.can-small strong{font-size:33px}.can-small b{right:12px;top:48%}.flavor-info{width:100%;margin-top:auto}.flavor-info h3{font:700 21px Syne;margin:0 0 8px}.flavor-info p{font-size:12px;color:#aaa;margin:0 0 18px}.flavor-info span{font:9px DM Mono;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.disclaimer{font:9px DM Mono;color:#555;margin-top:25px}.story{display:grid;grid-template-columns:1.05fr .95fr;min-height:850px}.story-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 45% 50%,#2d371e 0,#161713 30%,#080909 70%);display:flex;align-items:center;justify-content:center;border:1px solid var(--line)}.story-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(25deg,#d7ff360c,transparent 40%)}.story-visual .eclipse{width:55%;aspect-ratio:1;border-radius:50%;background:#050505;box-shadow:0 0 80px #d7ff3636,0 0 5px #d7ff36}.story-visual p{position:absolute;font:9px DM Mono;letter-spacing:.2em;color:#5a5c54;text-align:center;line-height:1.7}.frame-label{position:absolute;left:25px;top:25px;font:8px DM Mono;letter-spacing:.2em;color:#777}.story-copy{padding:10% 12%;display:flex;flex-direction:column;justify-content:center;background:#101110}.story-copy>p:not(.eyebrow){max-width:560px;color:#aaa;line-height:1.8;font-size:15px}.story-copy .text-link{align-self:flex-start;margin-top:25px}.formula{background:var(--paper);color:#0c0d0c}.formula .eyebrow{color:#555}.formula h2 em{-webkit-text-stroke-color:#222}.formula-intro>p:last-child{color:#686a65;max-width:440px;line-height:1.7}.benefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:1px solid #bbb}.benefit{padding:30px 28px 10px 0;border-right:1px solid #c6c6c0;min-height:350px}.benefit:not(:first-child){padding-left:28px}.benefit>span{font:9px DM Mono;color:#888}.benefit>strong{display:block;font:700 66px Syne;margin:60px 0 30px}.benefit sup{font-size:20px;color:#70726c}.benefit h3{text-transform:uppercase;font:700 12px Syne;letter-spacing:.1em}.benefit p{font-size:13px;color:#6b6c67;line-height:1.7}.formula .disclaimer{color:#999}.proof{display:grid;grid-template-columns:42% 58%;gap:7%;align-items:center}.proof-quote{padding-right:12%}.quote-mark{font:100px Georgia;color:var(--acid);line-height:.5}.proof blockquote{font:600 clamp(24px,2.4vw,39px) Syne;line-height:1.3;margin:20px 0 45px}.proof-quote>div{display:flex;align-items:center}.avatar{width:45px;height:45px;border-radius:50%;background:#23251f;display:grid;place-items:center;font:10px DM Mono;color:var(--acid);margin-right:14px}.proof-quote p{margin:0;display:flex;flex-direction:column;font-size:12px}.proof-quote small{font-size:10px;color:#777;margin-top:5px}.stars{color:var(--acid);font-size:10px;margin-left:auto;letter-spacing:3px}.proof-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:250px 250px;gap:10px}.life-image{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;filter:saturate(.7)}.image-one{grid-row:1/3;background:radial-gradient(circle at 60% 35%,#718430,#181b11 32%,#090a08 70%)}.image-two{background:linear-gradient(135deg,#1d1126,#080909 65%)}.image-three{background:linear-gradient(25deg,#0b242b,#080909 70%)}.life-image span{position:absolute;top:14px;left:14px;font:8px DM Mono;letter-spacing:.15em;color:#a3a69b}.life-image b{font:9px DM Mono;letter-spacing:.2em;color:#555}.faq{display:grid;grid-template-columns:40% 60%;border-top:1px solid var(--line)}.faq-title{position:sticky;top:60px;align-self:start}.accordion details{border-bottom:1px solid var(--line);padding:26px 0}.accordion summary{list-style:none;cursor:pointer;font:600 16px Syne;display:flex;justify-content:space-between}.accordion summary::-webkit-details-marker{display:none}.accordion summary i{font:300 24px Manrope;font-style:normal;color:#888;transition:transform .3s}.accordion details[open] summary i{transform:rotate(45deg)}.accordion details p{color:#90918b;font-size:14px;line-height:1.7;max-width:620px}.signup{position:relative;min-height:650px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;border-top:1px solid var(--line)}.signup-orb{position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,#d7ff363d 0,#65771519 38%,transparent 68%)}.signup-inner{position:relative;z-index:2;width:min(770px,90%)}.signup .eyebrow{justify-content:center}.signup-inner>p:not(.eyebrow){color:#999}.signup form{display:flex;border-bottom:1px solid #777;margin:50px auto 15px;max-width:650px}.signup input{flex:1;background:transparent;border:0;color:white;padding:20px 5px;outline:none;font:11px DM Mono;letter-spacing:.13em}.signup button{border:0;background:transparent;color:white;font:700 10px Syne;letter-spacing:.12em}.signup button span{margin-left:15px}.signup small{font-size:9px;color:#565853}.form-message{min-height:22px!important;color:var(--acid)!important;font:10px DM Mono}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}footer{min-height:170px;padding:45px var(--pad);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 2fr;align-items:center;gap:20px}footer p{font:9px DM Mono;letter-spacing:.18em;color:#777}footer div{display:flex;justify-content:flex-end;gap:25px}footer small{grid-column:1/-1;font:8px DM Mono;letter-spacing:.13em;color:#50514d}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
@media(max-width:900px){.nav nav,.nav-cta{display:none}.menu{display:block}.nav.open nav{display:flex;position:absolute;top:88px;left:0;right:0;background:#090a09;padding:30px var(--pad);flex-direction:column}.hero{grid-template-columns:1fr;padding-top:140px;height:auto;min-height:980px}.hero-copy{align-self:start}.hero-product{height:480px}.can-hero{width:150px;height:390px}.can-hero strong{font-size:45px}.orbit{width:430px;height:430px}.hero-index{display:none}.section-head{display:block}.section-head>p{width:auto}.flavor-grid{grid-template-columns:1fr 1fr}.flavor-card{min-height:520px}.story{grid-template-columns:1fr}.story-visual{min-height:600px}.story-copy{padding:100px var(--pad)}.benefits{grid-template-columns:1fr 1fr}.proof{grid-template-columns:1fr}.proof-grid{margin-top:50px}.faq{grid-template-columns:1fr}.faq-title{position:static}.accordion{margin-top:50px}footer{grid-template-columns:1fr 1fr}footer div{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:560px){.nav{height:72px}.hero{padding-top:120px;min-height:890px}.hero h1{font-size:clamp(44px,14vw,56px)}h2{font-size:clamp(43px,13vw,54px)}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-product{height:400px}.can-hero{height:340px;width:132px}.orbit{width:340px;height:340px}.scroll-note{display:none}.marquee{height:52px}.flavor-grid{grid-template-columns:1fr}.flavor-card{min-height:500px}.flavor-card:nth-child(n){border-left:1px solid var(--line)}.story-visual{min-height:480px}.benefits{grid-template-columns:1fr}.benefit{min-height:280px;border-bottom:1px solid #c6c6c0}.proof-grid{grid-template-columns:1fr;grid-template-rows:repeat(3,260px)}.image-one{grid-row:auto}.signup form{display:block;border:0}.signup input{width:100%;border-bottom:1px solid #777}.signup button{width:100%;background:var(--paper);color:#111;padding:18px;margin-top:14px}footer{grid-template-columns:1fr}footer div{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.marquee div{animation:none}}
@media(max-width:560px){.hero h1{font-size:clamp(43px,13.3vw,52px)}}
.hero-lineup{position:relative;z-index:2;width:min(50vw,720px);max-width:none;height:auto;filter:drop-shadow(0 30px 30px #000b);transform:translateX(-1%)}
.flavor-can{width:100%;height:350px;object-fit:contain;margin:20px auto 18px;filter:drop-shadow(0 24px 20px #000b);transition:transform .4s ease,filter .4s ease}
.flavor-card:hover .flavor-can{transform:translateY(-10px);filter:drop-shadow(0 30px 24px color-mix(in srgb,var(--accent) 22%,#000))}
.story-can{position:absolute;z-index:2;height:78%;width:60%;object-fit:contain;filter:drop-shadow(0 25px 25px #000c)}
.proof-quote .quote-mark{font-family:Syne,sans-serif}.proof-quote .stars{font:500 8px DM Mono;letter-spacing:.14em}
@media(max-width:900px){.hero-lineup{width:min(105vw,620px)}.product-note{right:2%;bottom:4%}}
@media(max-width:560px){.hero-lineup{width:90vw}.flavor-can{height:330px}.story-can{height:72%;width:74%}}