:root{--accent:#e5b225;--accent-rgb:229,178,37;--bg:#050505;--panel:#0b0d0f;--text:#f6f6f3;--muted:#96999f;--line:rgba(255,255,255,.12);--display:"Barlow Condensed",sans-serif;--body:"Inter",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:var(--text);font-family:var(--body);overflow-x:hidden}body[data-theme=red]{--accent:#ff2b34;--accent-rgb:255,43,52}body[data-theme=ice]{--accent:#16a8ff;--accent-rgb:22,168,255}body[data-theme=green]{--accent:#8dff20;--accent-rgb:141,255,32}body[data-theme=tropical]{--accent:#ff8417;--accent-rgb:255,132,23}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.noise{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.035;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")}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.09),transparent 68%);pointer-events:none;z-index:0;transform:translate(-50%,-50%);transition:background .3s}.site-header{height:88px;position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,88px);background:rgba(4,4,4,.75);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px)}.brand{position:relative;display:grid;grid-template-columns:auto auto;grid-template-rows:28px 20px;align-items:end;font-family:var(--display);font-style:italic;font-weight:900;line-height:.8;letter-spacing:-1px}.brand-no{font-size:27px}.brand-one{font-size:53px;color:var(--accent);grid-row:1/3;filter:drop-shadow(0 0 10px rgba(var(--accent-rgb),.25))}.brand-word{font-size:20px;grid-column:1/3;letter-spacing:-.5px}.desktop-nav{display:flex;gap:38px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.desktop-nav a{position:relative;color:#c6c6c6;transition:.25s}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--accent);transition:.25s}.desktop-nav a:hover,.desktop-nav a.active{color:#fff}.desktop-nav a:hover:after,.desktop-nav a.active:after{right:0}.header-actions{display:flex;align-items:center;gap:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:0 26px;border:1px solid transparent;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.08em;cursor:pointer;transition:.3s}.btn-primary{background:var(--accent);color:#080808;box-shadow:0 10px 40px rgba(var(--accent-rgb),.18)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 48px rgba(var(--accent-rgb),.32)}.btn-outline{border-color:var(--accent);color:var(--accent);min-height:42px;padding-inline:22px}.btn-outline:hover{background:var(--accent);color:#050505}.sound-toggle{width:30px;height:32px;display:flex;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;cursor:pointer}.sound-toggle span{width:2px;height:12px;background:#aaa;border-radius:10px}.sound-toggle span:nth-child(2){height:21px}.sound-toggle span:nth-child(3){height:7px}.sound-toggle.active span{animation:sound .7s infinite alternate}.sound-toggle.active span:nth-child(2){animation-delay:.15s}.sound-toggle.active span:nth-child(3){animation-delay:.3s}@keyframes sound{to{height:25px;background:var(--accent)}}.menu-toggle{display:none;width:42px;height:42px;border:0;background:transparent}.menu-toggle span{display:block;width:28px;height:2px;background:#fff;margin:7px auto;transition:.3s}.mobile-menu{display:none}.hero{position:relative;min-height:100vh;padding:145px clamp(24px,6vw,110px) 80px;display:grid;grid-template-columns:minmax(360px,.85fr) minmax(390px,1fr);align-items:center;gap:30px;overflow:hidden;background:radial-gradient(circle at 75% 48%,rgba(var(--accent-rgb),.13),transparent 34%),linear-gradient(115deg,#030303 0%,#090b0e 60%,#020202 100%);transition:background .45s}#energyCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.7}.hero-orb{position:absolute;border:1px solid rgba(var(--accent-rgb),.2);border-radius:50%;animation:spin 16s linear infinite}.orb-one{width:680px;height:680px;right:5%;top:8%}.orb-two{width:520px;height:520px;right:10%;top:16%;animation-direction:reverse;border-style:dashed}@keyframes spin{to{transform:rotate(360deg)}}.hero-copy{position:relative;z-index:3;max-width:650px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.eyebrow:before{content:"";width:34px;height:2px;background:currentColor}.hero h1,.section-head h2,.cta h2{font-family:var(--display);font-style:italic;text-transform:uppercase;letter-spacing:-.035em;line-height:.86;margin:25px 0}.hero h1{font-size:clamp(68px,8vw,142px);max-width:760px}.hero h1 em,.section-head em,.cta em{font-style:inherit;color:var(--accent);text-shadow:0 0 35px rgba(var(--accent-rgb),.22)}.hero-copy>p{max-width:575px;color:#aeb1b5;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px}.play-btn{border:0;background:transparent;display:flex;align-items:center;gap:12px;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.08em;cursor:pointer}.play-btn span{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.35);border-radius:50%;font-size:12px;transition:.3s}.play-btn:hover span{background:#fff;color:#000}.hero-stats{display:flex;gap:42px;margin-top:55px;padding-top:25px;border-top:1px solid var(--line)}.hero-stats div{display:grid;grid-template-columns:auto auto;align-items:center;gap:0 8px}.hero-stats strong{font-family:var(--display);font-size:34px;color:var(--accent);grid-row:1/3}.hero-stats span{font-size:10px;color:#8c8f94;text-transform:uppercase;letter-spacing:.1em;max-width:55px}.hero-product{position:relative;z-index:2;height:min(72vh,750px);display:grid;place-items:center}.hero-product img{position:relative;z-index:3;max-height:95%;max-width:88%;filter:drop-shadow(0 40px 34px rgba(0,0,0,.65));animation:canFloat 4.4s ease-in-out infinite;transition:opacity .25s,transform .35s}@keyframes canFloat{50%{transform:translateY(-15px) rotate(1deg)}}.speed-ring{position:absolute;width:78%;aspect-ratio:1;border:2px solid rgba(var(--accent-rgb),.24);border-radius:50%;box-shadow:0 0 70px rgba(var(--accent-rgb),.15),inset 0 0 80px rgba(var(--accent-rgb),.05)}.speed-ring:before,.speed-ring:after{content:"";position:absolute;inset:8%;border:1px dashed rgba(var(--accent-rgb),.22);border-radius:50%;animation:spin 12s linear infinite}.speed-ring:after{inset:20%;animation-direction:reverse;animation-duration:8s}.can-shadow{position:absolute;bottom:8%;width:54%;height:8%;background:rgba(var(--accent-rgb),.25);filter:blur(28px);border-radius:50%}.flavor-label{position:absolute;right:0;bottom:15%;z-index:4;display:flex;flex-direction:column;align-items:flex-end}.flavor-label span{font-family:var(--display);font-size:31px;font-weight:800;font-style:italic;text-transform:uppercase}.flavor-label small{color:var(--accent);font-size:10px;letter-spacing:.17em;text-transform:uppercase}.flavor-rail{position:absolute;right:clamp(18px,2.6vw,50px);top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:17px}.flavor-dot{position:relative;width:17px;height:17px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:transparent;padding:0;cursor:pointer}.flavor-dot i{position:absolute;inset:4px;border-radius:50%;background:var(--dot);transform:scale(.2);opacity:.5;transition:.25s}.flavor-dot span{position:absolute;right:27px;top:50%;transform:translateY(-50%) translateX(10px);white-space:nowrap;font-size:9px;text-transform:uppercase;letter-spacing:.1em;opacity:0;transition:.25s}.flavor-dot:hover span,.flavor-dot.active span{opacity:1;transform:translateY(-50%) translateX(0)}.flavor-dot.active{border-color:var(--dot);box-shadow:0 0 14px var(--dot)}.flavor-dot.active i{transform:scale(1);opacity:1}.flavor-dot[data-flavor=original]{--dot:#e5b225}.flavor-dot[data-flavor=red]{--dot:#ff2b34}.flavor-dot[data-flavor=ice]{--dot:#16a8ff}.flavor-dot[data-flavor=green]{--dot:#8dff20}.flavor-dot[data-flavor=tropical]{--dot:#ff8417}.scroll-cue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#777;display:flex;flex-direction:column;align-items:center;gap:9px}.scroll-cue span{width:1px;height:30px;background:linear-gradient(var(--accent),transparent)}.section{padding:130px clamp(24px,6vw,110px);position:relative}.section-head{max-width:800px}.section-head.centered{text-align:center;margin-inline:auto}.section-head.centered .eyebrow{justify-content:center}.section-head h2,.cta h2{font-size:clamp(52px,6vw,102px)}.section-head p{color:var(--muted);line-height:1.8}.benefits{background:#08090b;border-top:1px solid var(--line)}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border:1px solid var(--line)}.benefit-card{position:relative;padding:42px 30px;min-height:310px;border-right:1px solid var(--line);overflow:hidden;transition:.35s}.benefit-card:last-child{border-right:0}.benefit-card:before{content:"";position:absolute;inset:auto 0 0;height:4px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:.35s}.benefit-card:hover{background:rgba(var(--accent-rgb),.055);transform:translateY(-8px)}.benefit-card:hover:before{transform:scaleX(1)}.benefit-number{position:absolute;right:22px;top:18px;color:#24272b;font-family:var(--display);font-size:50px;font-weight:900}.benefit-icon{font-family:var(--display);font-size:58px;color:var(--accent);height:75px}.benefit-card h3{font-family:var(--display);font-size:26px;text-transform:uppercase;font-style:italic;margin:25px 0 15px}.benefit-card p{color:#8f9297;font-size:13px;line-height:1.8}.flavors{overflow:hidden;background:radial-gradient(circle at 52% 55%,rgba(var(--accent-rgb),.08),transparent 30%),#050505}.flavor-stage{max-width:1380px;margin:70px auto 0;min-height:650px;display:grid;grid-template-columns:.85fr 1.1fr .75fr;align-items:center;gap:40px;padding:50px;border:1px solid var(--line);background:linear-gradient(130deg,rgba(255,255,255,.03),rgba(255,255,255,.005));position:relative}.flavor-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.04),transparent);pointer-events:none}.flavor-index{font-family:var(--display);font-size:13px;color:var(--accent);letter-spacing:.12em}.flavor-info h3{font-family:var(--display);font-size:clamp(58px,6vw,95px);font-style:italic;text-transform:uppercase;line-height:.8;margin:25px 0 10px}.stage-taste{font-family:var(--display);font-size:26px;color:var(--accent);text-transform:uppercase;font-style:italic;margin:0 0 25px}.flavor-info>p:not(.stage-taste){color:#95989d;line-height:1.8;max-width:420px}.formula-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.formula-tags span{padding:8px 12px;border:1px solid var(--line);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.stage-controls{display:flex;gap:10px;margin-top:35px}.stage-controls button{width:48px;height:48px;border:1px solid var(--line);background:transparent;cursor:pointer;font-size:20px;transition:.25s}.stage-controls button:hover{background:var(--accent);color:#000;border-color:var(--accent)}.flavor-can-wrap{position:relative;height:570px;display:grid;place-items:center}.flavor-can-wrap img{position:relative;z-index:2;max-height:100%;max-width:100%;filter:drop-shadow(0 40px 35px rgba(0,0,0,.8));transition:.35s}.flavor-glow{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.25),transparent 68%);filter:blur(12px);animation:pulse 3s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.1);opacity:.7}}.flavor-list{display:flex;flex-direction:column}.flavor-list button{position:relative;display:grid;grid-template-columns:32px 1fr 16px;gap:10px;align-items:center;text-align:left;padding:20px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:#787b80;font-family:var(--display);font-size:20px;text-transform:uppercase;font-style:italic;cursor:pointer;transition:.25s}.flavor-list button span{font-size:11px}.flavor-list button i{width:8px;height:8px;border-radius:50%;background:currentColor}.flavor-list button:hover,.flavor-list button.active{color:var(--accent);padding-left:10px}.campaign-banner{position:relative;height:min(70vw,790px);min-height:500px;overflow:hidden}.campaign-banner img{width:100%;height:100%;object-fit:cover}.campaign-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.22) 55%,rgba(0,0,0,.15))}.campaign-overlay{position:absolute;z-index:2;left:clamp(24px,7vw,130px);top:50%;transform:translateY(-50%)}.campaign-overlay>span{font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:var(--accent)}.campaign-overlay h2{font-family:var(--display);font-size:clamp(54px,7vw,118px);font-style:italic;text-transform:uppercase;line-height:.87;margin:20px 0 35px}.gallery{background:#08090b}.gallery-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:22px;margin-top:55px}.gallery-grid figure{position:relative;margin:0;overflow:hidden;min-height:520px;background:#111}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.7s}.gallery-grid figure:hover img{transform:scale(1.045)}.gallery-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 30px 28px;background:linear-gradient(transparent,rgba(0,0,0,.9));display:flex;justify-content:space-between;font-family:var(--display);font-size:24px;font-weight:700;text-transform:uppercase;font-style:italic}.gallery-grid figcaption span{font-family:var(--body);font-size:10px;color:var(--accent);font-style:normal;letter-spacing:.08em}.cta{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;min-height:730px;background:radial-gradient(circle at 20% 50%,rgba(var(--accent-rgb),.13),transparent 35%),#040404;overflow:hidden}.cta-bolt{position:absolute;left:2%;top:50%;transform:translateY(-50%) rotate(-8deg);font-family:var(--display);font-size:550px;color:rgba(var(--accent-rgb),.035);font-weight:900}.cta-copy,.contact-form{position:relative;z-index:2}.cta-copy p{color:var(--muted)}.contact-form{display:grid;gap:18px;max-width:580px}.contact-form label{display:grid;gap:9px}.contact-form label span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#92959a}.contact-form input{height:58px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#fff;padding:0 18px;outline:0;transition:.25s}.contact-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.08)}.contact-form .btn{margin-top:8px}.form-message{margin:0;color:var(--accent);font-size:12px}footer{min-height:135px;padding:35px clamp(24px,6vw,110px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);background:#020202}.footer-brand{transform:scale(.85);transform-origin:left}footer p{font-size:11px;color:#777}footer>div{display:flex;gap:20px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.video-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(0,0,0,.9);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transition:.3s}.video-modal.open{opacity:1;visibility:visible}.modal-close{position:absolute;right:30px;top:24px;border:0;background:transparent;font-size:45px;cursor:pointer}.video-placeholder{width:min(900px,85vw);aspect-ratio:16/9;border:1px solid rgba(var(--accent-rgb),.4);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(var(--accent-rgb),.18),#050505 60%);text-align:center}.video-placeholder span{font-family:var(--display);font-size:90px;font-style:italic;font-weight:900;color:var(--accent)}.video-placeholder h2{font-family:var(--display);font-size:46px;margin:0}.video-placeholder p{color:#888}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:block}.mobile-menu{position:fixed;inset:88px 0 auto;z-index:49;display:flex;flex-direction:column;padding:25px 32px;background:rgba(4,4,4,.97);transform:translateY(-130%);transition:.35s;border-bottom:1px solid var(--line)}.mobile-menu.open{transform:none}.mobile-menu a{padding:15px 0;border-bottom:1px solid var(--line);font-family:var(--display);font-size:26px;text-transform:uppercase}.hero{grid-template-columns:1fr 1fr;padding-inline:45px}.hero h1{font-size:84px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit-card:nth-child(2){border-right:0}.benefit-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.flavor-stage{grid-template-columns:1fr 1fr}.flavor-list{grid-column:1/3;flex-direction:row;justify-content:space-between}.flavor-list button{flex:1;font-size:16px}.cta{gap:40px}}@media(max-width:760px){.site-header{height:74px;padding-inline:18px}.header-actions .btn,.sound-toggle{display:none}.mobile-menu{top:74px}.hero{min-height:auto;padding:118px 20px 80px;display:flex;flex-direction:column;text-align:center}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero h1{font-size:clamp(62px,18vw,92px)}.hero-copy>p{font-size:14px}.hero-actions{gap:12px;flex-wrap:wrap;justify-content:center}.hero-stats{gap:18px;margin-top:38px}.hero-stats strong{font-size:28px}.hero-product{height:520px;width:100%;order:-1;margin-bottom:-70px}.hero-product img{max-height:90%}.flavor-label{right:8px;bottom:10%}.flavor-rail{display:none}.scroll-cue{display:none}.section{padding:85px 20px}.section-head h2,.cta h2{font-size:55px}.benefit-grid{grid-template-columns:1fr}.benefit-card{border-right:0!important;border-bottom:1px solid var(--line)}.benefit-card:last-child{border-bottom:0}.flavor-stage{padding:30px 20px;grid-template-columns:1fr;text-align:center;gap:10px}.flavor-info{order:2}.flavor-can-wrap{height:430px;order:1}.flavor-list{grid-column:auto;order:3;overflow-x:auto;justify-content:flex-start}.flavor-list button{min-width:145px}.formula-tags,.stage-controls{justify-content:center}.campaign-banner{min-height:580px}.campaign-banner img{object-position:62% center}.campaign-banner:after{background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.25))}.campaign-overlay{left:22px;right:22px;top:auto;bottom:45px;transform:none;text-align:center}.campaign-overlay h2{font-size:54px}.gallery-grid{grid-template-columns:1fr}.gallery-grid figure{min-height:350px}.cta{grid-template-columns:1fr;padding-block:95px}.cta-bolt{font-size:400px}.contact-form{width:100%}footer{flex-direction:column;gap:18px;text-align:center}.footer-brand{transform-origin:center}.cursor-glow{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* ===== V2 ENHANCEMENTS ===== */
.energy-marquee{overflow:hidden;border-block:1px solid var(--line);background:var(--accent);color:#050505;transform:rotate(-1deg) scale(1.02);position:relative;z-index:3}.marquee-track{display:flex;align-items:center;width:max-content;gap:30px;padding:13px 0;font:900 italic 18px/1 var(--display);letter-spacing:.08em;animation:marquee 24s linear infinite}.marquee-track i{font-style:normal;font-size:22px}@keyframes marquee{to{transform:translateX(-50%)}}
.performance{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:clamp(50px,7vw,110px)}.performance-media{position:relative;min-height:610px;border:1px solid var(--line);overflow:hidden;background:#090a0b}.performance-media:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 45%,rgba(var(--accent-rgb),.28),transparent 50%);z-index:1;pointer-events:none}.performance-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.performance-media:hover img{transform:scale(1.06)}.performance-badge{position:absolute;right:25px;bottom:25px;z-index:2;width:135px;height:135px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--accent);color:#050505;box-shadow:0 0 60px rgba(var(--accent-rgb),.35);animation:floatBadge 4s ease-in-out infinite}.performance-badge strong{display:block;font:900 48px/.75 var(--display)}.performance-badge span{font:800 12px/1.1 var(--body);text-transform:uppercase;margin-top:-18px}@keyframes floatBadge{50%{transform:translateY(-10px) rotate(3deg)}}.performance-copy h2{font:900 clamp(60px,7vw,105px)/.83 var(--display);text-transform:uppercase;letter-spacing:-.045em;margin:16px 0 25px}.performance-copy h2 em{display:block;color:var(--accent)}.performance-copy>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:590px}.performance-bars{display:grid;gap:22px;margin:38px 0}.performance-bars>div{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;font:700 11px var(--body);text-transform:uppercase;letter-spacing:.1em}.performance-bars b{grid-column:1/3;height:4px;background:rgba(255,255,255,.1);position:relative;overflow:hidden}.performance-bars b:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--value);background:linear-gradient(90deg,var(--accent),#fff);box-shadow:0 0 20px rgba(var(--accent-rgb),.5);transform-origin:left;animation:barGrow 1.4s ease both}.performance-bars strong{color:var(--accent)}@keyframes barGrow{from{transform:scaleX(0)}}.text-link{display:inline-flex;gap:14px;align-items:center;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--accent);padding-bottom:8px}.text-link span{color:var(--accent);font-size:18px}
.gallery-filter{display:flex;gap:10px;margin:-20px 0 30px}.gallery-filter button{border:1px solid var(--line);background:#08090a;color:#aaa;padding:11px 20px;border-radius:999px;text-transform:uppercase;font:800 10px var(--body);letter-spacing:.1em;cursor:pointer;transition:.25s}.gallery-filter button.active,.gallery-filter button:hover{background:var(--accent);border-color:var(--accent);color:#050505}.gallery-grid figure{transition:opacity .3s,transform .3s}.gallery-grid figure.is-hidden{opacity:0;transform:scale(.96);pointer-events:none;display:none}
.floating-inquiry{position:fixed;right:24px;bottom:24px;z-index:30;width:92px;height:92px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--accent);color:#050505;box-shadow:0 15px 50px rgba(var(--accent-rgb),.3);transition:.3s}.floating-inquiry:hover{transform:translateY(-8px) rotate(3deg)}.floating-inquiry span{font-size:22px;line-height:1}.floating-inquiry small{font:900 9px/1.1 var(--body);text-transform:uppercase;letter-spacing:.07em}
.site-header{transition:height .3s,background .3s,box-shadow .3s}.site-header.scrolled{height:70px;background:rgba(2,2,2,.94);box-shadow:0 12px 35px rgba(0,0,0,.32)}
.hero-product img,.flavor-can-wrap img{filter:drop-shadow(0 30px 45px rgba(0,0,0,.55)) drop-shadow(0 0 36px rgba(var(--accent-rgb),.17))}.flavor-dot,.flavor-list button{position:relative;overflow:hidden}.flavor-dot:after,.flavor-list button:after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:.55s}.flavor-dot:hover:after,.flavor-list button:hover:after{transform:translateX(110%)}
@media(max-width:900px){.performance{grid-template-columns:1fr}.performance-media{min-height:500px}.floating-inquiry{width:74px;height:74px;right:14px;bottom:14px}.floating-inquiry small{font-size:8px}}
@media(max-width:760px){.energy-marquee{transform:none}.marquee-track{font-size:14px;padding:11px 0}.performance-media{min-height:420px}.performance-copy h2{font-size:58px}.performance-copy{text-align:center}.performance-copy>p{margin-inline:auto}.text-link{justify-content:center}.gallery-filter{justify-content:center;margin-top:0}.floating-inquiry{display:none}}

/* ==================== V3 ENHANCEMENTS ==================== */
.scroll-progress{position:fixed;inset:0 0 auto;z-index:9999;height:3px;background:transparent;pointer-events:none}.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),#fff);box-shadow:0 0 18px var(--accent)}
.hero-progress{position:absolute;left:50%;bottom:24px;width:min(280px,42vw);height:2px;transform:translateX(-50%);background:rgba(255,255,255,.16);overflow:hidden;z-index:6}.hero-progress span{display:block;height:100%;width:0;background:var(--accent);box-shadow:0 0 14px var(--accent);animation:heroTimer 7s linear infinite}@keyframes heroTimer{to{width:100%}}
.product-story{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(40px,7vw,110px);overflow:hidden}.story-copy h2{font-size:clamp(50px,6vw,92px);line-height:.9;margin:18px 0 26px}.story-copy>p{max-width:620px;color:var(--muted);font-size:18px;line-height:1.75}.story-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.story-points div{padding:22px 18px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:18px}.story-points strong{display:block;color:var(--accent);font:800 38px/1 'Barlow Condensed',sans-serif}.story-points span{display:block;margin-top:8px;color:#b7bec8;font-size:12px;line-height:1.35;text-transform:uppercase;letter-spacing:.08em}.story-visual{position:relative;min-height:650px;display:grid;place-items:center}.story-visual:before{content:"";position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--accent-soft),transparent 68%);filter:blur(6px)}.story-visual img{position:relative;z-index:3;height:580px;max-width:68%;object-fit:contain;filter:drop-shadow(0 38px 35px rgba(0,0,0,.58));animation:storyFloat 5s ease-in-out infinite}@keyframes storyFloat{50%{transform:translateY(-18px) rotate(1deg)}}.story-ring{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:50%;z-index:1}.ring-a{width:66%;aspect-ratio:1;animation:spin 16s linear infinite}.ring-b{width:48%;aspect-ratio:1;animation:spin 10s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}.callout{position:absolute;z-index:4;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(5,7,10,.75);backdrop-filter:blur(10px);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.callout-a{top:23%;left:4%}.callout-b{right:2%;top:42%}.callout-c{left:8%;bottom:20%}
.trade-specs{padding-top:40px}.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:50px}.spec-card{position:relative;overflow:hidden;min-height:190px;padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015))}.spec-card:after{content:"";position:absolute;right:-35px;bottom:-60px;width:130px;height:130px;border-radius:50%;background:var(--accent);filter:blur(55px);opacity:.18}.spec-card small{color:var(--accent);font-weight:800;letter-spacing:.18em}.spec-card strong{display:block;margin:30px 0 6px;font:800 clamp(34px,4vw,56px)/1 'Barlow Condensed',sans-serif;text-transform:uppercase}.spec-card span{color:var(--muted)}
.faq{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:start}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;cursor:pointer;font:700 24px/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--accent);font-size:28px;transition:.25s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{max-width:760px;padding:0 45px 26px 0;color:var(--muted);line-height:1.7}
@media(max-width:980px){.product-story,.faq{grid-template-columns:1fr}.story-visual{min-height:520px}.story-visual img{height:470px}.spec-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.hero-progress{bottom:112px;width:52vw}.product-story{padding-top:70px}.story-copy h2{font-size:48px}.story-points{grid-template-columns:1fr}.story-visual{min-height:440px}.story-visual img{height:390px}.callout{font-size:9px}.spec-grid{grid-template-columns:1fr}.faq-list summary{font-size:20px}.faq{gap:25px}}

/* =========================================================
   V4 — COMPACT LAPTOP SCALE & PREMIUM SPACING
   ========================================================= */
@media (min-width: 761px) and (max-width: 1440px){
  .site-header{height:76px;padding-inline:clamp(24px,4vw,58px)}
  .hero{
    min-height:820px;
    height:min(92vh,900px);
    padding:118px clamp(34px,5vw,72px) 64px;
    grid-template-columns:minmax(340px,.95fr) minmax(330px,.78fr);
    gap:24px;
  }
  .hero-copy{max-width:590px}
  .hero h1{font-size:clamp(62px,6.25vw,94px);max-width:610px;margin-block:18px}
  .hero-copy>p{font-size:14px;line-height:1.7;max-width:520px}
  .hero-actions{margin-top:28px}
  .hero-stats{margin-top:34px;padding-top:20px;gap:28px}
  .hero-product{height:min(58vh,540px);max-height:540px;align-self:center}
  .hero-product img{max-height:88%;max-width:76%}
  .speed-ring{width:68%}
  .flavor-label{right:5%;bottom:10%}
  .flavor-label span{font-size:25px}
  .orb-one{width:520px;height:520px}
  .orb-two{width:400px;height:400px}

  .section{padding:92px clamp(34px,5vw,72px)}
  .section-head{max-width:700px}
  .section-head h2,.cta h2{font-size:clamp(46px,5vw,76px)}
  .benefit-grid{margin-top:45px}
  .benefit-card{min-height:260px;padding:34px 24px}

  .flavor-stage{min-height:610px;padding:42px;grid-template-columns:.9fr .86fr .72fr;gap:24px}
  .flavor-can-wrap{height:490px}
  .flavor-can-wrap img{max-height:450px;max-width:72%}
  .flavor-info h3{font-size:clamp(52px,5vw,78px)}

  .performance{grid-template-columns:1fr .92fr;gap:clamp(38px,5vw,72px)}
  .performance-media{min-height:470px;max-height:520px}
  .performance-copy h2{font-size:clamp(52px,5.3vw,78px)}
  .performance-badge{width:112px;height:112px}
  .performance-badge strong{font-size:40px}

  .product-story{grid-template-columns:1fr .9fr;gap:clamp(35px,5vw,72px)}
  .story-copy h2{font-size:clamp(48px,5vw,74px)}
  .story-copy>p{font-size:15px}
  .story-visual{min-height:500px}
  .story-visual img{height:440px;max-width:58%}
  .ring-a{width:58%}.ring-b{width:42%}

  .campaign-banner{min-height:560px;max-height:650px}
  .campaign-banner img{object-fit:cover}
  .campaign-overlay h2{font-size:clamp(50px,5vw,76px)}

  .gallery-grid figure{min-height:410px}
  .gallery-grid img{object-fit:cover}
  .cta{padding-block:100px}
}

@media (min-width: 761px) and (max-width: 1180px){
  .hero{min-height:760px;height:auto;grid-template-columns:1.08fr .72fr;padding-top:110px}
  .hero h1{font-size:clamp(58px,7vw,78px)}
  .hero-product{height:440px}
  .hero-product img{max-height:82%;max-width:72%}
  .flavor-stage{grid-template-columns:1fr 1fr;padding:34px}
  .flavor-can-wrap{height:430px}
  .flavor-can-wrap img{max-height:390px;max-width:68%}
  .flavor-list{grid-column:1/3}
  .performance-media{min-height:420px}
  .story-visual{min-height:440px}
  .story-visual img{height:380px}
}

/* =========================================================
   V5 — SMALLER HERO PRODUCT / LAPTOP-FIRST REFINEMENT
   ========================================================= */
@media (min-width: 1181px){
  .hero{
    grid-template-columns:minmax(420px,1.08fr) minmax(300px,.62fr);
    gap:clamp(24px,4vw,64px);
  }
  .hero-product{
    height:min(52vh,480px);
    max-height:480px;
    width:min(100%,520px);
    justify-self:center;
  }
  .hero-product img{
    width:auto;
    height:auto;
    max-height:76%;
    max-width:58%;
  }
  .speed-ring{width:62%;}
  .can-shadow{width:40%;bottom:10%;}
  .flavor-label{right:5%;bottom:8%;}
}

@media (min-width: 1181px) and (max-width: 1440px){
  .hero-product{
    height:min(48vh,430px);
    max-height:430px;
    width:min(100%,470px);
  }
  .hero-product img{
    max-height:72%;
    max-width:54%;
  }
  .speed-ring{width:58%;}
  .orb-one{width:460px;height:460px;right:2%;top:16%;}
  .orb-two{width:350px;height:350px;right:6%;top:23%;}
}

@media (min-width: 761px) and (max-width: 1180px){
  .hero{
    grid-template-columns:minmax(390px,1.15fr) minmax(240px,.58fr);
    gap:18px;
  }
  .hero-product{
    height:390px;
    max-height:390px;
    width:100%;
  }
  .hero-product img{
    max-height:68%;
    max-width:52%;
  }
  .speed-ring{width:56%;}
  .can-shadow{width:38%;bottom:12%;}
  .flavor-label{right:3%;bottom:8%;}
  .flavor-label span{font-size:22px;}
}

@media (max-width:760px){
  .hero-product{height:400px;margin-bottom:-48px;}
  .hero-product img{max-height:72%;max-width:58%;}
  .speed-ring{width:58%;}
  .can-shadow{width:38%;bottom:13%;}
}

/* =====================================================
   V6 — premium laptop proportions and refined hero
   ===================================================== */
.hero{
  min-height:clamp(680px,88vh,900px);
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);
  padding-top:118px;
  padding-bottom:72px;
  gap:clamp(24px,4vw,72px);
}
.hero-copy{max-width:670px}
.hero h1{font-size:clamp(64px,7vw,116px);line-height:.88}
.hero-product{height:clamp(430px,56vh,590px);max-height:590px}
.hero-product img{max-height:78%;max-width:68%;object-fit:contain}
.speed-ring{width:min(68%,470px)}
.flavor-label{right:4%;bottom:12%}
.hero-stats{margin-top:38px}
.hero-orb{opacity:.7}
.orb-one{width:min(48vw,620px);height:min(48vw,620px)}
.orb-two{width:min(37vw,470px);height:min(37vw,470px)}

.formula-showcase{display:grid;grid-template-columns:1fr .78fr;align-items:center;gap:clamp(50px,8vw,130px);background:linear-gradient(135deg,#080a0d,#030303);border-block:1px solid var(--line);overflow:hidden}
.formula-copy{max-width:680px}
.formula-copy h2{font-family:var(--display);font-style:italic;text-transform:uppercase;font-size:clamp(52px,6vw,92px);line-height:.88;margin:24px 0}
.formula-copy h2 em{color:var(--accent);font-style:inherit}
.formula-copy p{color:var(--muted);line-height:1.8;max-width:620px}
.formula-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.formula-pills span{border:1px solid var(--line);padding:11px 16px;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.12em;background:rgba(255,255,255,.025)}
.formula-visual{min-height:520px;display:grid;place-items:center;position:relative}
.formula-visual img{position:relative;z-index:2;height:min(58vh,490px);max-width:76%;object-fit:contain;filter:drop-shadow(0 34px 30px rgba(0,0,0,.7))}
.formula-orbit{position:absolute;width:min(82%,490px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.34);box-shadow:0 0 100px rgba(var(--accent-rgb),.12),inset 0 0 80px rgba(var(--accent-rgb),.07)}
.formula-orbit:before,.formula-orbit:after{content:"";position:absolute;inset:10%;border-radius:50%;border:1px dashed rgba(var(--accent-rgb),.2);animation:spin 14s linear infinite}
.formula-orbit:after{inset:24%;animation-direction:reverse;animation-duration:9s}

@media (min-width:1181px) and (max-width:1440px){
  .hero{min-height:720px;height:100vh;max-height:850px;padding:106px 64px 58px;grid-template-columns:1.12fr .68fr;gap:30px}
  .hero-copy{max-width:600px}
  .hero h1{font-size:clamp(62px,6.15vw,88px);max-width:590px}
  .hero-copy>p{max-width:520px;font-size:14px}
  .hero-product{height:clamp(390px,52vh,470px);max-height:470px}
  .hero-product img{max-height:72%;max-width:62%}
  .speed-ring{width:min(64%,360px)}
  .flavor-label{right:2%;bottom:11%}
  .hero-stats{margin-top:28px}
  .flavor-rail{right:22px}
  .formula-showcase{padding-block:95px}
  .formula-visual{min-height:430px}
  .formula-visual img{height:390px}
}

@media (min-width:761px) and (max-width:1180px){
  .hero{min-height:720px;grid-template-columns:1.12fr .62fr;padding:108px 38px 62px;gap:18px}
  .hero h1{font-size:clamp(58px,7.2vw,76px)}
  .hero-product{height:390px}
  .hero-product img{max-height:68%;max-width:58%}
  .speed-ring{width:62%}
  .flavor-label{right:0;bottom:10%}
  .formula-showcase{grid-template-columns:1fr .72fr;gap:28px}
  .formula-visual{min-height:390px}
  .formula-visual img{height:340px}
}

@media (max-width:760px){
  .hero{min-height:auto;grid-template-columns:1fr;padding:112px 20px 76px;gap:14px;text-align:left}
  .hero-product{height:330px;margin:0}
  .hero-product img{max-height:70%;max-width:54%}
  .speed-ring{width:62%}
  .flavor-label{right:7%;bottom:8%}
  .formula-showcase{grid-template-columns:1fr;padding-block:75px}
  .formula-visual{min-height:350px}
  .formula-visual img{height:310px;max-width:62%}
}