@charset "UTF-8";
:root{--bg:#10110e;--white:#f5f5ee;--lime:#d2fb45;--muted:#a4a69c;--line:#34362d;--font:Arial,Helvetica,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.wrap{width:min(1280px,calc(100% - 100px));margin-inline:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-size:36px;letter-spacing:-3px;font-weight:950;font-style:italic;line-height:1}.logo span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:4px}.header-note,.nav-cta,.eyebrow,.micro,.edition,.art-caption,.flavour,.stats-grid>div>span,.access-note,.demo-note,footer{font-size:12px;letter-spacing:1.4px;font-weight:700}.header-note{color:var(--muted)}.nav-cta{font-size:13px}.nav-cta span{margin-left:22px;color:var(--lime)}.hero{display:grid;grid-template-columns:1.12fr 1fr;min-height:690px;align-items:center;position:relative}.hero-copy{position:relative;z-index:2;padding:60px 0}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 26px}.dot{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;letter-spacing:-2px;line-height:.99}h1{font-size:clamp(64px,6.8vw,100px);margin-bottom:28px}.outline{color:transparent;-webkit-text-stroke:1.3px var(--white)}.intro{color:#c3c5b9;font-size:17px;line-height:1.65;margin-bottom:30px}.button{min-height:56px;padding:17px 23px;background:var(--lime);color:#14180b;border:1px solid var(--lime);display:inline-flex;align-items:center;justify-content:space-between;gap:38px;font-size:13px;font-weight:800;letter-spacing:.8px;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#e0ff7c;transform:translateY(-2px)}.button span{font-size:23px;line-height:1}.micro{font-size:11px;color:var(--muted);margin:21px 0 0}.micro span{margin:0 10px;color:#535849}.hero-art{height:640px;position:relative;display:grid;place-items:center;isolation:isolate}.orb{position:absolute;width:95%;aspect-ratio:1;border:1px solid #535d28;border-radius:50%;background:radial-gradient(ellipse,#899c252c,transparent 68%);z-index:-1}.orb:after{content:'';position:absolute;inset:12%;border-radius:50%;border:1px solid #343d20}.can-motion{height:590px;width:100%;animation:can-enter 1.3s cubic-bezier(.16,1,.3,1) both}.can{height:100%;width:100%;object-fit:contain;mix-blend-mode:screen;transform:rotate(10deg);filter:drop-shadow(18px 24px 18px #0008)}.art-caption{position:absolute;right:0;top:48px;line-height:1.4;font-size:11px;color:var(--muted)}.flavour{position:absolute;bottom:38px;left:0;display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:1px}.flavour strong{display:block;color:var(--lime);font-size:15px;letter-spacing:1.5px;margin-top:3px}.flavour-icon{font-size:47px;color:var(--lime);line-height:1}.edition{position:absolute;right:-10px;bottom:66px;writing-mode:vertical-rl;color:var(--muted);font-size:10px}.stats{background:var(--lime);color:#171b0e}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:30px}.stats-grid>div{display:flex;flex-direction:column;align-items:center;border-right:1px solid #171b0e40}.stats-grid>div:last-child{border:0}.stats-grid strong{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:49px;letter-spacing:-1px;line-height:1.2}.stats-grid strong span{font-size:30px}.stats-grid>div>span{font-size:11px;margin-top:5px}.story{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding-block:112px}h2{font-size:clamp(48px,5.4vw,76px);margin-bottom:22px}.muted{color:#858b77}.story-right{padding-top:39px;max-width:450px}.story-right>p{color:#aeb2a3}.story-right .story-lead{font-size:23px;font-weight:700;line-height:1.3;color:var(--white);max-width:320px;margin-bottom:17px}.feature-line{border-top:1px solid var(--line);padding:17px 0;display:flex;gap:25px}.feature-line span{font-size:12px;color:var(--lime);padding-top:3px}.feature-line strong{font-size:17px}.manifesto{padding:25px 20px;border-block:1px solid var(--line);text-align:center;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(24px,5vw,68px);letter-spacing:-1px;word-spacing:12px;overflow:hidden}.manifesto span{color:var(--lime)}.manifesto b{font-family:Arial,sans-serif;color:var(--lime)}.access{padding-block:110px 70px;display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.lime{color:var(--lime)}.access-note{color:var(--muted);font-size:14px;letter-spacing:0;font-weight:400;line-height:1.7}.signup-panel{border:1px solid #414637;background:#191c15;padding:36px;align-self:center}.signup-panel .eyebrow{color:var(--lime);font-size:11px;margin-bottom:17px}h3{font-size:33px;line-height:1.08;letter-spacing:-1px;margin-bottom:18px}.signup-panel>p:not(.eyebrow){color:#b4b9a8;font-size:14px}label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}input{display:block;width:100%;min-height:54px;padding:14px 16px;border:1px solid #606653;border-radius:0;background:#10120d;color:var(--white);font-size:16px}input::placeholder{color:#989f8b}form .button{width:100%;margin-top:12px}.form-status:empty{display:none}.form-status{color:var(--lime);font-size:14px;margin:16px 0 0}.signup-panel .demo-note{font-weight:400;font-size:12px!important;letter-spacing:0;margin:18px 0 0;line-height:1.6}.development{font-size:12px;color:var(--muted);padding-bottom:35px}footer{border-top:1px solid var(--line);padding-block:30px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}footer .logo{color:var(--white);font-size:29px}footer p{margin:0}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-160%);z-index:10;background:var(--lime);color:#111;padding:10px}.skip-link:focus{transform:none}.js-motion .reveal{opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .75s ease}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes can-enter{from{opacity:0;transform:translate(65px,100px) rotate(-22deg) scale(.85)}to{opacity:1;transform:translate(0,0) rotate(0) scale(1)}}
@media(min-width:1500px){.hero{min-height:760px}.hero-art{height:700px}.can-motion{height:650px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{grid-template-columns:1.12fr 1fr;min-height:610px}h1{font-size:clamp(56px,7.8vw,78px)}.hero-art{height:550px}.can-motion{height:500px}.header-note{display:none}.art-caption{top:12px}.story,.access{gap:40px}.signup-panel{padding:26px}.story{padding-block:80px}.access{padding-block:80px 40px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header{height:82px}.logo{font-size:30px}.nav-cta{font-size:10px;letter-spacing:.7px}.nav-cta span{margin-left:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:38px 0 0}.eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:22px}h1{font-size:clamp(54px,13.5vw,83px);letter-spacing:-1px}.intro{font-size:15px}.hero-art{height:430px;margin-top:2px}.can-motion{height:430px;width:90%}.orb{width:85%;max-width:370px}.art-caption{right:0;top:30px;font-size:9px}.flavour{bottom:21px;left:0;font-size:8px}.flavour strong{font-size:12px}.edition{font-size:9px;right:0;bottom:32px}.micro{font-size:10px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:26px 0;padding-block:27px}.stats-grid>div:nth-child(2){border:0}.stats-grid strong{font-size:40px}.story,.access{grid-template-columns:1fr;gap:20px;padding-block:62px}.story-right{padding-top:0;max-width:none}h2{font-size:clamp(47px,11.7vw,70px)}.story h2{margin-bottom:15px}.manifesto{font-size:clamp(21px,6vw,36px);word-spacing:2px;letter-spacing:-.6px;padding:22px 10px}.signup-panel{padding:25px}.access{padding-bottom:30px}footer{flex-wrap:wrap;gap:25px}footer>span{width:100%}.development{line-height:1.6}.button{font-size:12px}}
/* Campaign revision: integrated product lighting and protein + mineral focus. */
:root{--bg:#090b09;--lime:#c9f63d;--white:#f6f8ef}
body{background:radial-gradient(ellipse at 85% 16%,#25361c66 0,transparent 36%),var(--bg)}
.hero{grid-template-columns:1.18fr 1fr}.hero-copy{padding-block:58px}h1{font-style:italic;font-size:clamp(62px,6.8vw,96px);letter-spacing:-2.5px}.intro{max-width:460px}.intro strong{color:var(--white);font-weight:700}.hero-art{isolation:isolate}.orb{border:0;background:radial-gradient(ellipse,#a4dc3747 0,#628f2320 43%,transparent 70%);width:120%;height:110%;border-radius:0;z-index:-1}.orb:after{display:none}.can-motion{mix-blend-mode:lighten}.can{mix-blend-mode:normal;transform:rotate(9deg);filter:drop-shadow(0 22px 28px #0009)}.art-caption{color:var(--lime);letter-spacing:1.8px}.stats{background:linear-gradient(115deg,#dcff76,var(--lime));}.electrolyte-stat strong{font-size:36px;min-height:59px;display:flex;align-items:center;gap:5px}.electrolyte-stat strong span{font-family:Arial,sans-serif;font-size:13px;letter-spacing:0}.mineral-detail{padding:24px 0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px}.mineral-detail p{font-size:12px;color:var(--muted);margin:0}.mineral-detail>div{display:flex;gap:24px;flex-wrap:wrap;font-size:13px}.mineral-detail b{color:var(--white);font-weight:700}.mineral-detail>p:last-child{flex-basis:100%;font-size:12px;color:var(--muted)}.story{grid-template-columns:1.35fr 1fr;gap:45px}.story h2{font-size:clamp(40px,4.7vw,65px);font-style:italic}.signup-panel{background:linear-gradient(140deg,#29332280,#11170d);border-color:#526438}.manifesto{font-style:italic}.access h2{font-style:italic}
@media(max-width:1000px){.electrolyte-stat strong{font-size:27px}.hero{grid-template-columns:1.18fr 1fr}h1{font-size:clamp(52px,7vw,78px)}}
@media(max-width:650px){.hero{grid-template-columns:1fr}.hero-copy{padding:38px 0 0}h1{font-size:clamp(48px,12.5vw,80px);letter-spacing:-1.7px}.orb{width:100%;height:100%}.story{grid-template-columns:1fr;gap:20px}.story h2{font-size:clamp(35px,9.6vw,62px)}.electrolyte-stat strong{font-size:30px;min-height:48px}.mineral-detail{padding-block:21px}.mineral-detail>div{gap:8px 18px}.mineral-detail>div>span{flex-basis:100%}.art-caption{font-size:9px}}
/* Silver campaign: cool charcoal photography, white aluminium and electric lime. */
:root{--bg:#11171b;--lime:#d5ff3f;--white:#f6f8f9;--muted:#aeb8be;--line:#374047}
body{background:var(--bg)}.header{height:94px}.logo{font-weight:950;font-style:italic;letter-spacing:-2px}.hero.wrap{width:100%;min-height:760px;display:block;overflow:hidden;padding-inline:max(50px,calc((100% - 1280px)/2));isolation:isolate}.hero-copy{width:51%;padding-block:100px;position:relative;z-index:3}.hero h1{font-size:clamp(65px,6.7vw,99px);line-height:.98;letter-spacing:-3px;text-shadow:0 3px 22px #0005}.hero .intro{max-width:440px;color:#d2d9de}.hero-art{position:absolute;inset:0;height:100%;width:100%;z-index:0;display:block;isolation:isolate}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c1118ed 0%,#0c1118c9 24%,#0c11186b 43%,transparent 66%),linear-gradient(0deg,#11171b88,transparent 20%);pointer-events:none}.hero-art .can-motion{width:100%;height:100%;mix-blend-mode:normal;animation:campaign-enter 1.3s cubic-bezier(.16,1,.3,1) both}.hero-art .can{width:100%;height:100%;object-fit:cover;object-position:center;transform:none;filter:none;mix-blend-mode:normal}.hero-art .orb,.hero-art .art-caption,.hero-art .flavour,.hero-art .edition{display:none}.micro{color:#c1c9ce}.header-note{letter-spacing:2px}.stats{background:linear-gradient(110deg,#f8fafb,#dce2e4);color:#10171b}.stats-grid>div{border-color:#10171b33}.stats-grid strong{font-style:italic}.mineral-detail{color:#c6ced2}.story{padding-block:95px}.story h2{font-style:italic;line-height:1.03}.feature-line{align-items:center}.feature-line>span{width:39px;height:39px;border:1px solid var(--lime);border-radius:50%;display:grid;place-items:center;padding:0;flex:none}.manifesto{background:var(--lime);color:#11171b;border:0}.manifesto span,.manifesto b{color:inherit}.signup-panel{background:linear-gradient(140deg,#273139,#151d22);border-color:#455158}.signup-panel input{background:#10161b;border-color:#626f76}.button{color:#101719}.development{color:#aeb8be}footer{color:#b4bfc5}
@keyframes campaign-enter{from{opacity:0;transform:translateX(75px) scale(1)}to{opacity:1;transform:translateX(0) scale(1)}}
@media(min-width:1500px){.hero.wrap{min-height:830px}.hero-copy{padding-block:135px}}
@media(max-width:1000px){.hero.wrap{padding-inline:28px;min-height:660px}.hero-copy{padding-block:100px;width:55%}.hero h1{font-size:clamp(58px,7.7vw,78px)}.hero-art .can{object-position:60% center}.hero-art:after{background:linear-gradient(90deg,#0c1118e8,#0c111890 40%,transparent 76%)}.hero .intro{font-size:16px;max-width:340px}}
@media(max-width:650px){.header{height:80px}.hero.wrap{padding:0;min-height:0}.hero-copy{width:100%;padding:38px 20px 24px;background:linear-gradient(125deg,#11171b,#202b31)}.hero h1{font-size:clamp(50px,12.8vw,80px);letter-spacing:-1.6px}.hero-art{position:relative;height:460px;inset:auto}.hero-art .can{object-position:82% center}.hero-art:after{background:linear-gradient(180deg,#202b31,transparent 16%,transparent 90%,#11171b55)}.hero .intro{max-width:380px}.story{padding-block:58px}.stats-grid strong{font-size:40px}.stats-grid .electrolyte-stat strong{font-size:30px}.story h2{font-size:clamp(35px,9.6vw,62px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.button:hover{transform:none}}
/* Netlify signup confirmation; hidden stays hidden despite layout rules. */
[hidden]{display:none!important}.button:disabled{opacity:.65;cursor:wait;transform:none}.signup-success{padding:28px 0 18px;animation:signup-arrive .7s cubic-bezier(.16,1,.3,1) both;outline:none}.signup-success h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-style:italic;font-size:clamp(42px,5vw,64px);color:var(--lime);margin:18px 0 8px;letter-spacing:-1px}.signup-success p{font-size:21px;margin:0;color:var(--white)}.success-mark{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--lime);border-radius:50%;color:var(--lime);font-size:28px;animation:signup-check .6s ease both}.signup-success:focus-visible{outline:2px solid var(--lime);outline-offset:8px}@keyframes signup-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes signup-check{from{transform:scale(.65) rotate(-20deg)}to{transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.signup-success,.success-mark{animation:none}}

/* Keep the complete campaign image visible on laptop and desktop screens. */
@media(min-width:651px){.hero-art{background:#10161b}.hero-art .can{object-fit:contain;object-position:right center}.access h2{font-size:clamp(42px,4.7vw,68px)}}
@media(max-width:650px){.access h2{font-size:clamp(36px,9.3vw,58px)}}