.gna-hs{--hs-bg:#151517;--hs-ink:#fff;--hs-accent:var(--gna-accent,#ef1435);--hs-nav-color:#aaaab5;--hs-nav-active:#fff;--hs-nav-line:var(--hs-accent);--hs-nav-bg:#121214;position:relative;isolation:isolate;overflow:hidden;border-radius:var(--gna-radius,14px);background:var(--hs-bg);color:var(--hs-ink);font-family:var(--gna-font,Inter,system-ui,sans-serif);touch-action:pan-y}
.gna-hs *{box-sizing:border-box;min-width:0}.gna-hs a{color:inherit;text-decoration:none}.gna-hs button{font:inherit;cursor:pointer}.gna-hs :is(a,button):focus-visible{outline:3px solid var(--hs-accent);outline-offset:3px}.gna-hs [hidden]{display:none!important}
.gna-hs-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px clamp(22px,3.6vw,58px) 0;font-size:10px;letter-spacing:1.8px;font-weight:600;color:color-mix(in srgb,var(--hs-ink) 72%,transparent)}.gna-hs-top>span:first-child{display:flex;align-items:center;gap:10px}.gna-hs-top>span:first-child:not(:empty):before{content:"";flex:none;width:6px;height:6px;background:var(--hs-accent);border-radius:50%;box-shadow:0 0 16px var(--hs-accent)}.gna-hs-top [data-hs-counter]{white-space:nowrap;flex:none}
.gna-hs-stage{display:grid;position:relative;z-index:1}.gna-hs-slide{grid-area:1/1;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(24px,4vw,60px);min-height:var(--hs-height,420px);padding:38px clamp(22px,3.6vw,58px) 42px;color:var(--hs-ink);background:var(--hs-slide-bg,transparent);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s ease,visibility .55s ease;position:relative}.gna-hs-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.gna-hs-slide.is-text-only{grid-template-columns:1fr}.gna-hs-copy{position:relative;max-width:760px}.gna-hs-kicker{margin:0 0 18px;display:flex;align-items:center;gap:11px;font-size:11px;line-height:1.5;letter-spacing:1.7px;font-weight:600;text-transform:uppercase}.gna-hs-kicker:before{content:"";height:3px;width:23px;background:var(--hs-accent);flex:none}
.gna-hs .gna-hs-copy :is(h1,h2,.gna-content-title){font-family:var(--gna-heading-font,"Barlow Condensed",sans-serif);font-size:clamp(36px,4.5vw,70px);line-height:1.06;letter-spacing:-.025em;text-transform:none;text-wrap:balance;margin:0;font-weight:700;overflow-wrap:anywhere;color:var(--hs-ink)}.gna-hs :is(h1,h2,.gna-content-title) em{display:block;font-style:normal;color:var(--hs-accent);margin-top:7px}.gna-hs-text{font-size:15px;line-height:1.8;color:color-mix(in srgb,var(--hs-ink) 78%,transparent);max-width:58ch;margin:20px 0 0;overflow-wrap:anywhere}.gna-hs-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.gna-hs-actions:empty{display:none}.gna-hs .gna-hs-cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding:13px 21px;border-radius:var(--gna-button-radius,9px);border:1px solid transparent;background:var(--hs-button-bg,var(--hs-accent));color:var(--hs-button-color,#fff);font-size:13px;font-weight:700;text-align:center;line-height:1.5;transition:transform .2s,filter .2s;overflow-wrap:anywhere}.gna-hs .gna-hs-cta.is-secondary{background:transparent;color:var(--hs-ink);border-color:color-mix(in srgb,var(--hs-ink) 32%,transparent)}.gna-hs .gna-hs-cta:hover{filter:brightness(1.12);transform:translateY(-2px)}
.gna-hs-visual{width:100%;max-width:520px;justify-self:center;height:clamp(245px,26vw,360px);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0}.gna-hs-visual.has-frame{border:1px solid color-mix(in srgb,var(--hs-ink) 18%,transparent);border-radius:14px;background:linear-gradient(140deg,#ffffff08,transparent);transform:rotate(-3deg)}.gna-hs-visual picture{display:block;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:inherit}.gna-hs-visual picture img{display:block;width:100%;height:100%;object-fit:var(--hs-fit,contain);object-position:var(--hs-position,center);border-radius:inherit}.gna-hs-visual.is-logo{padding:32px;gap:20px}.gna-hs-visual.is-logo picture{height:auto;max-width:300px}.gna-hs-visual.is-logo img{height:auto;filter:brightness(0) invert(1)}.gna-hs-emblem-caption{font-size:10px;letter-spacing:3px;opacity:.72}.gna-hs-product{width:100%;flex:none;display:grid;gap:6px;background:color-mix(in srgb,var(--hs-bg) 92%,transparent);padding:12px 16px;border-radius:0 0 13px 13px;font-size:13px;text-align:center}.gna-hs-product>a{font-weight:600}.gna-hs-product .price{color:var(--hs-ink);font-size:18px;font-weight:700}.gna-hs-product del{opacity:.65;font-size:13px;margin-right:8px}.gna-hs-product ins{text-decoration:none;background:none}.gna-hs-stock{font-size:11px;color:var(--hs-ink)}.gna-hs-badge{position:absolute;right:-8px;top:8px;z-index:1;max-width:80%;padding:9px 13px;border-radius:8px;transform:rotate(3deg);background:#2b1a16;color:#ffae7c;border:1px solid #ffae7c44;font-size:11px;overflow-wrap:anywhere}.gna-hs-whole{position:absolute;inset:0;z-index:5}
.gna-hs-controls{position:relative;z-index:2;display:flex;align-items:stretch;gap:20px;background:var(--hs-nav-bg);border-top:1px solid #ffffff12;padding:0 clamp(16px,3.6vw,58px)}.gna-hs-labels{flex:1;display:flex;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--hs-nav-color) var(--hs-nav-bg);gap:24px}.gna-hs-labels button{position:relative;flex:1 0 100px;max-width:280px;background:transparent;border:0;border-radius:0;color:var(--hs-nav-color);padding:21px 0 20px;min-height:60px;text-align:left;display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.4;box-shadow:none}.gna-hs-labels button b{font-weight:500;overflow-wrap:anywhere}.gna-hs-labels button>span{font-size:10px;opacity:.65}.gna-hs-labels button[aria-pressed=true]{color:var(--hs-nav-active)}.gna-hs-labels button:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:transparent}.gna-hs-labels button[aria-pressed=true]:before{background:var(--hs-nav-line);box-shadow:0 0 12px color-mix(in srgb,var(--hs-nav-line) 40%,transparent)}.gna-hs-arrows{display:flex;align-items:center;gap:3px;margin-left:auto;flex:none}.gna-hs-arrows button{background:transparent;border:0;color:var(--hs-nav-active);width:38px;min-height:44px;padding:5px;border-radius:7px;font-size:26px;box-shadow:none}.gna-hs-arrows [data-hs-pause]{font-size:14px}.gna-hs-arrows button:hover{background:#ffffff10}
.gna-hs-halo{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;opacity:var(--hs-halo-opacity,.28)}.gna-hs-halo span{position:absolute;width:650px;height:650px;top:-220px;right:-180px;border-radius:50%;background:radial-gradient(closest-side,var(--hs-halo-color,var(--hs-accent)),transparent);filter:blur(35px);animation:gna-hs-drift var(--hs-halo-speed,12s) ease-in-out infinite alternate}.gna-hs-halo span+span{top:30%;right:40%;width:450px;height:450px;background:radial-gradient(closest-side,var(--hs-halo-color2,#ff712c),transparent);animation-direction:alternate-reverse}
.gna-hs.is-ready:not(.is-still) .gna-hs-slide.is-active .gna-hs-copy{animation:gna-hs-entrance .7s backwards}.gna-hs.is-ready:not(.is-still)[data-transition=slide] .gna-hs-slide.is-active .gna-hs-copy{animation-name:gna-hs-slide-in}.gna-hs-motion-dynamic:not(.is-still) .gna-hs-slide.is-active .gna-hs-visual{animation:gna-hs-float 7s ease-in-out infinite alternate}.gna-hs.is-outside *{animation-play-state:paused!important}.gna-hs.is-still *,.gna-hs-motion-off *,.gna-section-motion-off .gna-hs *{animation:none!important;transition:none!important}
@keyframes gna-hs-drift{from{transform:translate(-10%,0) scale(.9)}to{transform:translate(8%,12%) scale(1.1)}}@keyframes gna-hs-entrance{from{opacity:0;translate:0 12px}to{opacity:1;translate:none}}@keyframes gna-hs-slide-in{from{opacity:0;translate:-24px 0}to{opacity:1;translate:none}}@keyframes gna-hs-float{from{translate:0 2px}to{translate:0 -6px}}
@media(max-width:1000px){.gna-hs-slide{gap:26px}.gna-hs .gna-hs-copy :is(h1,h2,.gna-content-title){font-size:clamp(34px,4.7vw,53px)}.gna-hs-text{font-size:14px}.gna-hs-labels{gap:18px}.gna-hs .gna-hs-cta{padding:12px 15px}}
@media(max-width:760px){.gna-hs-top{font-size:9px;letter-spacing:1px;padding:21px 24px 0}.gna-hs-slide{grid-template-columns:1fr;min-height:var(--hs-height-mobile,340px);gap:27px;padding:30px 24px}.gna-hs .gna-hs-copy :is(h1,h2,.gna-content-title){font-size:clamp(34px,7.5vw,48px)}.gna-hs-text{max-width:60ch;font-size:13px;margin-top:16px}.gna-hs-visual{height:240px;max-width:420px}.gna-hs-actions{margin-top:21px}.gna-hs .gna-hs-cta{font-size:12px;min-height:44px}.gna-hs-kicker{font-size:10px}.gna-hs-controls{gap:8px;padding:0 17px}.gna-hs-labels{gap:15px}.gna-hs-labels button{flex-basis:100px;font-size:11px;min-height:59px;padding:15px 0}.gna-hs-labels button>span{display:none}.gna-hs-arrows button{width:32px}.gna-hs-halo span{max-width:450px;max-height:450px;filter:blur(25px)}.gna-hs[data-halo-mobile="0"] .gna-hs-halo{display:none}}
@media(prefers-reduced-motion:reduce){.gna-hs *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* 0.22: the approved compositions, scaled to the application canvas. */
.gna-hs .gna-hs-pack{width:100%;height:282px;position:relative;isolation:isolate}
.gna-hs .gna-hs-orbit{position:absolute;width:235px;height:235px;left:50%;top:6px;transform:translateX(-50%);border:1px solid #ef143535;border-radius:50%;box-shadow:0 0 50px #ef143517,inset 0 0 45px #ef143511}
.gna-hs .gna-hs-orbit:after{content:"";position:absolute;inset:17px;border:1px solid #ff753414;border-radius:50%}
.gna-hs .gna-hs-plinth{position:absolute;bottom:13px;left:0;right:0;height:40px;border-radius:50%;background:radial-gradient(ellipse at 50% 20%,#4a2a2e 0%,#232329 43%,#151517 72%);box-shadow:0 28px 34px #0007}
.gna-hs .gna-hs-products{position:absolute;inset:0;animation:gna-hs-float 7s ease-in-out infinite alternate}
.gna-hs .gna-hs-tub{position:absolute;bottom:48px;left:15%;width:121px;height:173px;border-radius:16px 16px 22px 22px;background:linear-gradient(90deg,#0e0f12,#36363d 34%,#24252a 58%,#101115);box-shadow:inset 1px 0 #ffffff2a,12px 13px 18px #0008;transform:rotate(-8deg);z-index:3}
.gna-hs .gna-hs-lid{position:absolute;left:-2px;right:-2px;top:-10px;height:28px;border-radius:12px 12px 4px 4px;background:repeating-linear-gradient(90deg,#17171b 0 2px,#2c2c30 2px 3px);box-shadow:0 -3px 0 #414147,inset 0 5px 4px #0004}
.gna-hs .gna-hs-label{position:absolute;inset:47px 0 18px;background:linear-gradient(100deg,#951329,#f31d40 40%,#d71535 75%,#7a1227);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:inset 6px 0 8px #0003}
.gna-hs .gna-hs-label small{font-size:8px;letter-spacing:1.2px;font-weight:600}
.gna-hs .gna-hs-label strong{font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:700;line-height:1.2}
.gna-hs .gna-hs-label span{font-size:8px;letter-spacing:1.5px;border-top:1px solid #ffffff50;padding-top:4px;margin-top:3px}
.gna-hs .gna-hs-tub.gna-hs-creatine{width:85px;height:116px;left:auto;right:4%;bottom:39px;transform:rotate(7deg);z-index:4}
.gna-hs .gna-hs-creatine .gna-hs-label{inset:30px 0 12px;background:linear-gradient(90deg,#acaeb3,#f8f8f9 40%,#d4d4d9 78%,#777980);color:#151517}
.gna-hs .gna-hs-creatine .gna-hs-label strong{font-size:20px}
.gna-hs .gna-hs-creatine .gna-hs-label small{font-size:6px}
.gna-hs .gna-hs-shaker{position:absolute;width:71px;height:149px;right:11%;top:51px;border-radius:11px 11px 25px 25px;transform:rotate(10deg);background:linear-gradient(90deg,#111216,#34363b 44%,#191a1d);box-shadow:inset 1px 0 #ffffff27;z-index:1}
.gna-hs .gna-hs-shaker:before{content:"";position:absolute;top:-14px;left:-4px;right:-4px;height:27px;border-radius:10px 10px 4px 4px;background:linear-gradient(100deg,#851226,#db1336,#5c0d1b)}
.gna-hs .gna-hs-shaker:after{content:"GOLD";position:absolute;inset:40px 0 auto;text-align:center;color:#9d9da4;font-family:'Barlow Condensed',sans-serif;font-size:21px;letter-spacing:1px}
.gna-hs .gna-hs-pack-note{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9px;letter-spacing:1.5px;color:#babac3}

@font-face{font-family:"Gold Slider Sport";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-condensed-1.woff2) format("woff2")}
.gna-hs .gna-hs-copy :is(h1,h2,.gna-content-title){font-family:"Gold Slider Sport","Barlow Condensed",Impact,sans-serif;text-transform:uppercase;font-size:clamp(42px,5.5vw,84px);line-height:1.02;letter-spacing:-.012em;text-wrap:initial}
.gna-hs-text{color:color-mix(in srgb,var(--hs-ink) 72%,transparent);max-width:44ch}
.gna-hs:before{content:"";position:absolute;inset:0;z-index:0;opacity:.22;pointer-events:none;background-image:radial-gradient(#ffffff24 .6px,transparent .6px);background-size:7px 7px;mask-image:linear-gradient(90deg,transparent 40%,#000)}
.gna-hs-visual{height:clamp(266px,29vw,420px)}
.gna-hs-visual.is-sport picture:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(0deg,#08080b,transparent 48%)}
.gna-hs-visual-caption{position:absolute;left:24px;right:24px;bottom:24px;font-size:10px;line-height:1.8;letter-spacing:1.6px;transform:rotate(3deg);color:#e7e7ed}
.gna-hs-visual-caption strong{display:block;font:700 24px/1.25 "Gold Slider Sport",sans-serif;letter-spacing:1px}
.gna-hs-visual.is-logo{gap:28px}.gna-hs-visual.is-logo picture{max-width:340px}
.gna-hs-visual.is-logo .gna-hs-visual-caption{position:static;transform:none;text-align:center;letter-spacing:2.8px}
.gna-hs-visual.is-logo .gna-hs-visual-caption strong{font:inherit;font-size:10px;line-height:1.8;letter-spacing:2.8px}
.gna-hs .gna-hs-pack{width:300px;flex:none;scale:1.35}.gna-hs .gna-hs-label strong{font-family:"Gold Slider Sport",sans-serif}.gna-hs-pack-note small{font-size:7px;opacity:.6;letter-spacing:1.6px}
.gna-hs-halo span{top:-10%;right:0;width:70%;height:90%;filter:blur(45px)}.gna-hs-halo span+span{top:25%;right:35%;width:45%;height:80%;opacity:.4}
.gna-hs-fullscreen{border-radius:0;display:flex;flex-direction:column;min-height:var(--hs-viewport-height,calc(100svh - var(--gna-shell-edge,100px) - var(--gna-footer-height,80px) - var(--gna-bottom-height,0px)));width:100%}
.gna-hs-fullscreen .gna-hs-stage{flex:1}.gna-hs-fullscreen .gna-hs-slide{min-height:0}.gna-hs-fullscreen .gna-hs-controls{flex:none}
body .gna-home:has(.gna-hs-fullscreen){padding:0;max-width:none;margin:0;width:100%}
body .gna-home .gna-app-content:has(.gna-hs-fullscreen){padding:0;max-width:none;width:100%}
body .gna-home .gna-studio-section:has(>.gna-hs-fullscreen){padding:0;margin:0;min-height:0;border-radius:0}
body .gna-home .gna-app-content:has(.gna-hs-fullscreen) .gna-studio-section:not(.gna-home-edge-section):not(:has(>.gna-hs-fullscreen)){margin-inline:20px}
body .gna-home .gna-studio-section:has(>.gna-hs-fullscreen)+.gna-studio-section{margin-top:28px}
@media(min-width:1800px){.gna-hs-fullscreen .gna-hs-slide{padding-inline:clamp(60px,6vw,140px)}.gna-hs-visual{max-width:620px;height:470px}.gna-hs .gna-hs-pack{scale:1.5}}
@media(max-width:1100px){.gna-hs .gna-hs-copy :is(h1,h2,.gna-content-title){font-size:clamp(38px,5.3vw,60px)}.gna-hs .gna-hs-pack{scale:1.05}.gna-hs-visual{height:300px}}
@media(max-width:760px){
 .gna-hs-top{padding:18px 24px 0;font-size:8px;letter-spacing:1px}
 .gna-hs-slide{padding:22px 24px;gap:20px}.gna-hs .gna-hs-copy :is(h1,h2,.gna-content-title){font-size:clamp(34px,9vw,49px)}
 .gna-hs-text{font-size:12px;line-height:1.7;margin-top:14px;max-width:52ch}.gna-hs-kicker{font-size:9px;letter-spacing:1.2px;margin-bottom:12px}
 .gna-hs-actions{gap:9px;margin-top:18px}.gna-hs .gna-hs-cta{font-size:11px;padding:10px 13px;min-height:44px;gap:10px}
 .gna-hs-visual{height:clamp(145px,calc(var(--hs-viewport-height,680px) * .27),225px);max-width:360px}
 .gna-hs .gna-hs-pack{position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.69;transform-origin:center}
 .gna-hs-visual.is-logo{padding:22px;gap:14px}.gna-hs-visual.is-logo picture{max-width:190px}.gna-hs-visual-caption{left:17px;bottom:16px;font-size:8px}.gna-hs-visual-caption strong{font-size:20px}.gna-hs-visual.is-logo .gna-hs-visual-caption,.gna-hs-visual.is-logo .gna-hs-visual-caption strong{font-size:8px;letter-spacing:1.5px}
 .gna-hs-labels{gap:9px;overflow:visible}.gna-hs-labels button{flex:1 1 0;font-size:10px;padding:15px 0;min-height:58px}.gna-hs-arrows button{width:27px}.gna-hs-controls{gap:6px;padding-inline:16px}
 body .gna-home .gna-app-content:has(.gna-hs-fullscreen) .gna-studio-section:not(.gna-home-edge-section):not(:has(>.gna-hs-fullscreen)){margin-inline:14px}
}
@media(max-width:360px){.gna-hs-slide{padding:18px 20px;gap:15px}.gna-hs .gna-hs-copy :is(h1,h2,.gna-content-title){font-size:33px}.gna-hs .gna-hs-cta{font-size:10px;padding-inline:11px}.gna-hs-labels button{font-size:9px}.gna-hs-arrows button{width:24px}.gna-hs-controls{padding-inline:12px}}
@media(max-width:760px){.gna-hs-labels:has(button:nth-child(4)){overflow:auto}.gna-hs-labels:has(button:nth-child(4)) button{flex:1 0 110px}}
@media(max-width:760px){.gna-hs-fullscreen .gna-hs-slide{padding-block:16px;gap:14px}.gna-hs-fullscreen .gna-hs-visual{height:clamp(135px,calc(var(--hs-viewport-height,680px) * .235),200px)}.gna-hs-fullscreen .gna-hs-top{padding-top:14px}.gna-hs-fullscreen .gna-hs-actions{margin-top:15px}.gna-hs-fullscreen .gna-hs-text{margin-top:12px}}

@media(min-width:761px){.gna-hs-fullscreen .gna-hs-slide{padding-block:clamp(22px,calc(var(--hs-viewport-height,783px) * .05),40px)}.gna-hs-fullscreen .gna-hs-visual{height:clamp(220px,calc(var(--hs-viewport-height,783px) - 190px),420px)}.gna-hs-fullscreen .gna-hs-copy :is(h1,h2,.gna-content-title){font-size:min(clamp(38px,5.5vw,84px),clamp(38px,calc(var(--hs-viewport-height,783px) * .11),84px))}}
/* Keep the navigation reachable even when a short screen needs content scrolling. */
.gna-hs-fullscreen{overflow:clip}.gna-hs-fullscreen .gna-hs-controls{position:sticky;bottom:0}
.gna-viewport-active .gna-content-scroll:has(.gna-hs-fullscreen){scroll-padding-block:0}
.gna-viewport-active .gna-content-scroll .gna-hs-controls button{scroll-margin-block:0}