@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@600;800&family=Titan+One&display=swap');
#maxener-motion{color:#fff;background:#062b3d;font-family:'Manrope',Arial,sans-serif;isolation:isolate;position:relative;width:100%;overflow:hidden;--ease:cubic-bezier(.22,.75,.24,1)}
#maxener-motion *{box-sizing:border-box}
#maxener-motion .mx-stage{position:relative;aspect-ratio:11/6;container-type:inline-size;overflow:hidden;touch-action:pan-y}
#maxener-motion .mx-slide{position:absolute;inset:0;--dir:1;overflow:hidden}
#maxener-motion .mx-slide[hidden]{display:none!important}
#maxener-motion .mx-bg{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:none;transition:opacity .55s ease,transform .8s var(--ease)}
#maxener-motion .mx-flavour{position:absolute;z-index:2;top:44.5%;left:4%;width:92%;margin:0;color:#fff;font-family:'Titan One','Arial Black',sans-serif;font-weight:400;font-size:7.4cqw;line-height:1.08;letter-spacing:-.025em;text-align:center;white-space:nowrap;opacity:0;transform:translateX(calc(var(--dir)*-100cqw));transition:opacity .5s ease,transform .7s var(--ease);pointer-events:none}
#maxener-motion .scene-ready .mx-bg,#maxener-motion .scene-ready .mx-flavour{opacity:1;transform:translateX(0)}
#maxener-motion .mx-jar{position:absolute;z-index:5;left:50%;top:15%;height:auto;width:27.6%;object-fit:contain;opacity:0;transform:translate(calc(-50% - 100cqw),0) rotate(-12deg) scale(.94);transition:opacity .5s ease,transform .85s var(--ease);pointer-events:none;filter:drop-shadow(0 .5cqw 1.1cqw #0007)}
#maxener-motion .mx-slide[data-name^="Nitro"] .mx-jar{top:8.5%;width:30.5%}
#maxener-motion .jar-ready .mx-jar{opacity:1;transform:translate(-50%,0) rotate(0) scale(1)}
#maxener-motion .mx-piece{position:absolute;left:var(--x);top:var(--y);width:var(--w);z-index:3;opacity:0;pointer-events:none;transition:transform .8s var(--ease),opacity .55s ease;will-change:transform,opacity}
#maxener-motion .mx-piece img{display:block;width:100%;height:auto;transform:translate(var(--px,0px),var(--py,0px));transition:transform .7s ease}
#maxener-motion .mx-outer{transform:translate(var(--ox),var(--oy)) rotate(var(--spin)) scale(.85)}
#maxener-motion .ambient-ready .mx-outer{opacity:1;transform:translate(0,0) rotate(0) scale(1)}
#maxener-motion .mx-near{transform:translate(var(--cx,0px),var(--cy,0px)) scale(.06) rotate(-25deg)}
#maxener-motion .near-ready .mx-near{opacity:1;transform:translate(0,0) scale(1) rotate(0)}
#maxener-motion .mx-details{position:absolute;z-index:8;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transform:translateX(-18px);transition:opacity .35s ease,transform .5s var(--ease)}
#maxener-motion .details-ready .mx-details{opacity:1;transform:none}
#maxener-motion .mx-buyrow{position:absolute;left:9%;top:67.2%;display:flex;gap:1.2cqw;align-items:center;flex-wrap:nowrap;margin:0}
#maxener-motion .mx-buy{display:inline-flex;align-items:center;justify-content:center;width:7.8cqw;height:3.05cqw;min-height:0;padding:0;pointer-events:auto;background:#fff;color:var(--ink);border-radius:30px;font-size:1.2cqw;font-weight:600;text-decoration:none;white-space:nowrap}
#maxener-motion .mx-price{font-size:1.25cqw;white-space:nowrap}
#maxener-motion .mx-description{position:absolute;left:9%;top:82.4%;width:25%;font-size:1.13cqw;font-weight:600;line-height:1.22;margin:0;color:#fff}
#maxener-motion button{font:600 13px 'Manrope',Arial,sans-serif;color:#fff;background:#ffffff12;border:1px solid #ffffff65;border-radius:50%;width:44px;height:44px;cursor:pointer;padding:0}
#maxener-motion button:hover{background:#ffffff2e}
#maxener-motion button:focus-visible,#maxener-motion a:focus-visible{outline:3px solid #fff;outline-offset:4px}
#maxener-motion button[aria-disabled=true]{cursor:wait;opacity:.5}
#maxener-motion .mx-count{font-size:12px;min-width:40px;text-align:center}
#maxener-motion .mx-help{position:absolute;z-index:15;right:4%;top:5%;font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.8}
#maxener-motion .mx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#maxener-motion .mx-pause{font-size:15px}
@media(prefers-reduced-motion:reduce){#maxener-motion *,#maxener-motion *::before,#maxener-motion *::after{transition:none!important;animation:none!important}}

/* Compact label text: 27.92px on the 2200px reference canvas. */
#maxener-motion .mx-nutrition{position:absolute;left:var(--nx);top:var(--ny);z-index:4;color:#fff;font-family:'Manrope',Arial,sans-serif;font-weight:800;font-size:1.26909cqw;line-height:1.22;text-align:center;white-space:nowrap;pointer-events:none;opacity:0;filter:blur(14px);transform:perspective(800px) translateZ(-1800px);transform-origin:center;transition:transform .85s var(--ease),filter .85s ease,opacity .65s ease}
#maxener-motion .near-ready .mx-nutrition{opacity:1;filter:blur(0);transform:perspective(800px) translateZ(0)}
@media(max-width:600px){
 #maxener-motion .mx-nutrition{font-size:11px;white-space:normal;width:22%;left:3%;top:22%}
 #maxener-motion .mx-stat-2{left:auto;right:3%;top:22%}
 #maxener-motion .mx-stat-3{top:40%}
 #maxener-motion .mx-stat-4{left:auto;right:3%;top:40%}
}

@media(min-width:601px){
#maxener-motion .mx-slide[data-slide="2"] .mx-jar{top:15%;width:28.45%;height:auto}
#maxener-motion .mx-slide[data-slide="3"] .mx-jar{top:15%;width:30.32%;height:auto}
#maxener-motion .mx-slide[data-slide="4"] .mx-jar{top:15%;width:30.1%;height:auto}
}


#maxener-motion .mx-nutrition.mx-stat-1,#maxener-motion .mx-nutrition.mx-stat-3{text-align:left}
#maxener-motion .mx-nutrition.mx-stat-2,#maxener-motion .mx-nutrition.mx-stat-4{text-align:right}


/* Desktop: approved full-width scene, natural image proportions. */
@media(min-width:601px){
#maxener-motion .mx-stage{width:100%;height:auto;aspect-ratio:1901/900;overflow:hidden}
#maxener-motion .mx-bg{object-fit:cover}
#maxener-motion .mx-flavour{font-size:7.1cqw;top:44.5%}
#maxener-motion .mx-jar{width:26.6%;height:auto}
#maxener-motion .mx-slide[data-slide="2"] .mx-jar{width:27.42%;height:auto}
#maxener-motion .mx-slide[data-slide="3"] .mx-jar{width:29.22%;height:auto}
#maxener-motion .mx-slide[data-slide="4"] .mx-jar{width:29.01%;height:auto}
#maxener-motion .mx-description{display:none}
#maxener-motion .mx-buyrow{left:50%;right:auto;top:auto;bottom:6%;transform:translateX(-50%);gap:.8cqw}
#maxener-motion .mx-buy{width:clamp(64px,5.3cqw,110px);height:clamp(26px,2cqw,40px);font-size:clamp(10px,.75cqw,16px)}
#maxener-motion .mx-price{font-size:clamp(10px,.8cqw,17px)}
#maxener-motion .mx-flavour-front{--x:28%!important;--y:48%!important;--w:4.5%!important;z-index:3}
}

@media(max-width:600px){
#maxener-motion{width:100%;height:auto}
#maxener-motion .mx-stage{width:100%;height:545px;aspect-ratio:auto;margin:0;overflow:hidden}
#maxener-motion .mx-slide{overflow:hidden}
#maxener-motion .mx-bg{left:0;width:100%;height:100%;object-fit:cover}
#maxener-motion .mx-jar,#maxener-motion .mx-slide[data-slide] .mx-jar{top:14%;width:56%;height:46%;object-fit:contain}
#maxener-motion .mx-flavour{top:30%;left:3%;width:94%;font-size:9.4cqw;white-space:nowrap;line-height:1.12}
#maxener-motion .mx-slide[data-theme="chocolate"] .mx-flavour{font-size:8cqw}
#maxener-motion .mx-piece{top:var(--my);width:var(--mw)}
#maxener-motion .mx-nutrition{font-size:11px;width:24%;white-space:normal;left:3%;top:25%;line-height:1.1}
#maxener-motion .mx-stat-2{left:auto;right:3%;top:25%}
#maxener-motion .mx-stat-3{left:3%;top:45%}
#maxener-motion .mx-stat-4{left:auto;right:3%;top:45%}
#maxener-motion .mx-details{inset:400px 7% auto;width:86%;height:auto}
#maxener-motion .mx-buyrow{position:relative;left:auto;right:auto;top:auto;gap:14px;margin:0 48px 18px 0}
#maxener-motion .mx-buy{width:auto;height:38px;min-height:38px;padding:0 15px;font-size:11px;border-radius:24px;color:var(--ink)}
#maxener-motion .mx-price{font-size:13px}
#maxener-motion .mx-description{position:relative;left:auto;top:auto;width:100%;max-width:none;font-size:12px;line-height:1.36;margin:0}

#maxener-motion .mx-flavour-front{--x:16%!important;--my:32%!important;--mw:9%!important;z-index:3}

#maxener-motion .mx-description{display:block}
#maxener-motion .mx-buyrow{transform:none}
#maxener-motion [data-piece="1"]{--x:-0.9469%}
#maxener-motion [data-piece="2"]{--x:1.7886%}
#maxener-motion [data-piece="3"]{--x:1.7886%}
#maxener-motion [data-piece="4"]{--x:23.0000%}
#maxener-motion [data-piece="5"]{--x:31.0000%}
#maxener-motion [data-piece="6"]{--x:58.3450%}
#maxener-motion [data-piece="7"]{--x:60.0000%}
#maxener-motion [data-piece="8"]{--x:70.0000%}
#maxener-motion [data-piece="9"]{--x:73.1135%}
#maxener-motion [data-piece="10"]{--x:89.6610%}
#maxener-motion [data-piece="11"]{--x:91.6192%}
#maxener-motion [data-piece="12"]{--x:1.7886%}
#maxener-motion [data-piece="13"]{--x:29.0000%}
#maxener-motion [data-piece="14"]{--x:60.1134%}
#maxener-motion [data-piece="15"]{--x:91.2156%}
#maxener-motion [data-piece="16"]{--x:1.7886%}
#maxener-motion [data-piece="17"]{--x:68.0000%}
#maxener-motion [data-piece="18"]{--x:-0.9469%}
#maxener-motion [data-piece="19"]{--x:32.0000%}
#maxener-motion [data-piece="20"]{--x:71.3362%}
#maxener-motion [data-piece="21"]{--x:90.4383%}
#maxener-motion [data-piece="22"]{--x:57.0000%}
#maxener-motion [data-piece="23"]{--x:27.0000%}
#maxener-motion [data-piece="24"]{--x:87.4276%}
#maxener-motion [data-piece="25"]{--x:61.1134%}
#maxener-motion [data-piece="26"]{--x:80.6681%}
#maxener-motion [data-piece="27"]{--x:90.1564%}
#maxener-motion [data-piece="28"]{--x:-1.2233%}
#maxener-motion [data-piece="29"]{--x:1.7886%}
#maxener-motion [data-piece="30"]{--x:31.0000%}
#maxener-motion [data-piece="31"]{--x:11.0568%}
#maxener-motion [data-piece="32"]{--x:94.3249%}
#maxener-motion [data-piece="33"]{--x:67.0000%}
#maxener-motion [data-piece="34"]{--x:52.6680%}
#maxener-motion [data-piece="35"]{--x:69.0000%}
#maxener-motion [data-piece="36"]{--x:-1.4346%}
#maxener-motion [data-piece="37"]{--x:74.5021%}
#maxener-motion [data-piece="38"]{--x:37.0000%}
#maxener-motion [data-piece="39"]{--x:1.7886%}
#maxener-motion [data-piece="40"]{--x:1.7886%}
#maxener-motion [data-piece="41"]{--x:1.7886%}
#maxener-motion [data-piece="42"]{--x:-0.9469%}
#maxener-motion [data-piece="43"]{--x:41.2794%}
#maxener-motion [data-piece="44"]{--x:33.0000%}
#maxener-motion [data-piece="45"]{--x:29.0000%}
#maxener-motion [data-piece="46"]{--x:35.7248%}
#maxener-motion [data-piece="47"]{--x:65.2794%}
#maxener-motion [data-piece="48"]{--x:65.0000%}
#maxener-motion [data-piece="49"]{--x:70.7248%}
#maxener-motion [data-piece="50"]{--x:88.1064%}
#maxener-motion [data-piece="51"]{--x:90.4383%}
#maxener-motion [data-piece="52"]{--x:91.6192%}
}

/* Horizontal autoplay: page scrolling is always native, including touch laptops. */
/* Set this on the inner clipping panels too: overflow:hidden establishes a
   scroll container, where the browser's touch-action ancestor check can stop. */
#maxener-motion .mx-stage,#maxener-motion .mx-slide{touch-action:pan-y pinch-zoom}
#maxener-motion .mx-outer,#maxener-motion .mx-near{transform:translateX(-100cqw) rotate(-12deg) scale(.94)}
#maxener-motion .ambient-ready .mx-outer,#maxener-motion .near-ready .mx-near{transform:translateX(0) rotate(0) scale(1)}
#maxener-motion .mx-rotation{position:absolute;z-index:15;right:12px;top:12px;width:32px;height:32px;display:grid;place-items:center;border:0;background:#00000014;border-radius:50%;font-size:16px;line-height:1}
#maxener-motion .mx-rotation:hover{background:#00000028}
#maxener-motion .mx-slide:not([hidden]) .mx-jar{user-select:none}
@media(max-width:600px){
 .hp-header .mx-benefits-desktop{display:none}
 #maxener-motion .mx-rotation{right:0;top:8px;width:44px;height:44px}
}

/* The same four service benefits, two at a time below the mobile slider. */
#maxener-service-carousel{display:none;position:relative;background:#f8fafc;color:#142b48;border-top:1px solid #eef1f4;border-bottom:1px solid #e8edf2;font-family:'Manrope',Arial,sans-serif}
#maxener-service-carousel *{box-sizing:border-box}
#maxener-service-carousel:focus-visible,#maxener-service-carousel a:focus-visible{outline:2px solid #174b8c;outline-offset:2px}
#maxener-service-carousel .mx-benefit-track{position:relative;overflow:hidden;min-height:70px}
#maxener-service-carousel .mx-benefit-item{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:10px 20px;color:#142b48;text-decoration:none}
#maxener-service-carousel .mx-benefit-item[hidden]{display:none!important}
#maxener-service-carousel i{display:grid;place-items:center;width:34px;height:34px;background:#edf3f8;border-radius:10px;color:#174b8c;font-size:18px;font-weight:800;font-style:normal;flex-shrink:0}
#maxener-service-carousel b{display:block;font-size:13px;line-height:1.4;font-weight:600}
#maxener-service-carousel small{display:block;font-size:11px;line-height:1.4;color:#68788e}
@media(max-width:600px){#maxener-service-carousel{display:block}}

/* Full-width header in normal and sticky states; only the inner content is constrained. */
.home-premium .hp-header{position:sticky;top:0;left:0;right:0;width:100%;max-width:none;margin:0;border:0;border-radius:0;box-sizing:border-box}
.home-premium .hp-header .hp-shell{width:min(1180px,calc(100% - 36px));margin-inline:auto}
#maxener-motion .mx-stage{user-select:none;cursor:grab}
#maxener-motion .mx-stage.mx-dragging,#maxener-service-carousel.mx-dragging{cursor:grabbing}
#maxener-motion .mx-slide>.mx-flavour,#maxener-motion .mx-slide>.mx-jar,#maxener-motion .mx-slide>.mx-piece,#maxener-motion .mx-slide>.mx-nutrition,#maxener-motion .mx-slide>.mx-details{translate:var(--drag-x,0px) 0}
@media(max-width:600px){
 .home-premium .hp-header{width:100%;max-width:none;margin:0}
 .home-premium .hp-header .hp-shell{width:calc(100% - 22px);margin-inline:auto}
 #maxener-motion .mx-buyrow{margin-right:0}
 #maxener-service-carousel{width:calc(100% - 24px);margin:12px auto;border:1px solid #e7ebf0;touch-action:pan-y pinch-zoom;user-select:none;cursor:grab}
}
#maxener-service-carousel .mx-benefit-track{min-height:76px;touch-action:pan-y pinch-zoom}
#maxener-service-carousel .mx-benefit-page{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;translate:var(--drag-x,0px) 0}
#maxener-service-carousel .mx-benefit-page[hidden]{display:none!important}
#maxener-service-carousel .mx-benefit-item{position:static;inset:auto;min-width:0;width:auto;justify-content:flex-start;padding:10px 8px;gap:7px}
#maxener-service-carousel .mx-benefit-item:first-child{border-right:1px solid #e7ebf0}
#maxener-service-carousel .mx-benefit-item>span{min-width:0}
#maxener-service-carousel i{width:28px;height:28px;font-size:15px;border-radius:8px}
#maxener-service-carousel b{font-size:11px;line-height:1.3}
#maxener-service-carousel small{font-size:10px;line-height:1.3}

/* Reference chevrons: identical slim icons with 44px touch targets on every screen. */
#maxener-motion .mx-controls{position:absolute;z-index:15;inset:50% 8px auto;display:flex;align-items:center;justify-content:space-between;gap:0;transform:translateY(-50%);pointer-events:none}
#maxener-motion .mx-controls .mx-arrow{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:rgba(255,255,255,.68);line-height:1;pointer-events:auto;transition:color .18s ease}
#maxener-motion .mx-controls .mx-arrow::after{display:none}
#maxener-motion .mx-controls .mx-arrow svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
#maxener-motion .mx-controls .mx-arrow:hover,#maxener-motion .mx-controls .mx-arrow:focus-visible{color:rgba(255,255,255,.9);background:transparent}
@media(max-width:600px){#maxener-motion .mx-controls{inset:350px 8px auto;transform:none}}