.line-icon.benefit-icon{display:grid;place-items:center;width:57px;height:57px;margin:0 auto 22px;border-radius:16px;background:var(--yellow);color:#1a240e;box-shadow:0 0 22px #f5df002a}.benefit-icon svg{width:31px;height:31px}.creatine-science .science-intro{border:1px solid #d0bf13;border-radius:24px;padding:35px;max-width:960px;background:#1d2614}.science-panel{border-color:#d0bf13}.science-panel.care{border-color:#60684b}.use-guide{background:#17200f;color:#fff;text-align:center}.use-heading{max-width:780px;margin:auto auto 35px}.use-heading .eyebrow{color:var(--yellow)}.use-heading h2 span{color:var(--yellow);text-shadow:0 0 22px #f5df0035}.use-heading>p:last-child{font-size:13px;color:#afbc9c;line-height:1.9}.use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:33px}.use-grid article{padding:30px 25px;border:1px solid #b1a500;border-radius:22px;background:linear-gradient(140deg,#263319,#18220f)}.use-grid article>span{display:grid;place-items:center;width:45px;height:45px;margin:0 auto 22px;background:var(--yellow);border-radius:50%;color:#152008;font-weight:900;font-size:20px}.use-grid h3{font-size:16px;line-height:1.5}.use-grid p{font-size:12px;color:#b8c4a7;line-height:1.9;margin:0}.use-guide .btn{min-width:280px}
@media(max-width:760px){.creatine-science .science-intro{padding:28px 20px}.science-intro h2{font-size:34px}.use-grid{grid-template-columns:1fr;gap:17px}.use-grid article{padding:27px 23px}.use-heading h2{font-size:37px}.use-heading>p:last-child{font-size:12px}.use-guide .btn{width:100%;min-width:0}.line-icon.benefit-icon{width:49px;height:49px;margin-bottom:18px}.benefit-icon svg{width:27px;height:27px}}

/* Faixa de marca: troféu e assinatura como na referência. */
.marquee{padding:28px 0;background:#090a0d;border-color:#efff00}.marquee .marquee-unit{gap:25px}.marquee .marquee-trophy{width:43px;height:43px;fill:#efff00;filter:drop-shadow(0 0 9px #eaff0040)}.marquee .marquee-brand{display:inline-flex;align-items:center;gap:17px;font-family:Georgia,"Times New Roman",serif;font-weight:900;font-size:clamp(35px,4.1vw,59px);letter-spacing:.015em;color:#eeeef3;text-shadow:0 2px 1px #777983,0 -1px 0 #fff}.marquee .marquee-brand em{font-family:Arial,Helvetica,sans-serif;font-size:.98em;letter-spacing:-.055em;font-weight:1000;transform:skew(-11deg);color:#edff00;text-shadow:0 2px 0 #7d8500,0 0 12px #efff00bb,0 0 28px #eaff0088}.marquee .marquee-unit>b{margin-left:13px}@media(max-width:760px){.marquee{padding:24px 0}.marquee .marquee-unit{gap:18px}.marquee .marquee-trophy{width:34px;height:34px}.marquee .marquee-brand{gap:12px;font-size:37px}}


.marquee{padding:20px 0}.marquee .marquee-brand{font-size:clamp(29px,3.3vw,47px);gap:13px}.marquee .marquee-trophy{width:35px;height:35px}.marquee-purity-note{margin:0;padding:10px 24px;background:#090a0d;color:#abb0a1;text-align:center;font-size:9px;line-height:1.6}.review-person strong{line-height:1.6;display:block}@media(max-width:760px){.marquee{padding:18px 0}.marquee .marquee-brand{font-size:30px;gap:10px}.marquee .marquee-trophy{width:28px;height:28px}}

.comparison-brand{font-family:Georgia,serif;font-size:25px!important;color:#efefeb!important}.comparison-brand em{font-family:Arial,sans-serif;color:#edff00;font-weight:900;text-shadow:0 0 15px #efff0088}.science-panel.care li:before{content:"›";background:#4d593a}.science-note{font-size:11px;line-height:1.8}

.comparison-reference{gap:24px}.comparison-reference .science-panel{border:2px solid #e8ed00;background:#11150e;border-radius:24px;padding:30px}.comparison-reference .science-panel.care{border:1px solid #59604b;background:#151813}.comparison-reference .care h3{color:#bfc4b6;font-family:var(--display);font-size:24px}.comparison-reference .care li:before{content:"×";color:#fff;background:#b84b4b}.comparison-reference .science-panel li{font-size:13px}.comparison-reference .comparison-brand{font-size:28px!important}

/* Simple, static section dividers with breathing room. */
.ribbon-divider{inset:0 0 auto;left:0;right:0;width:100%;height:14px;overflow:hidden;background:#13150f;pointer-events:none}
.ribbon-divider .silk-ribbon{display:none}
.ribbon-divider:after{content:'';position:absolute;inset:0 0 7px;background:#f1d700}
.ribbon-divider.ribbon-hero{position:relative;inset:auto;height:14px;margin:0;z-index:1}
.stats{padding:64px 0 68px}
.benefits,.mindset{padding-top:105px}
@media(max-width:760px){.ribbon-divider,.ribbon-divider.ribbon-hero{height:10px}.ribbon-divider:after{bottom:5px}.stats{padding:43px 0 48px}.benefits,.mindset{padding-top:75px}}

/* Clear kit quantities: full jars, aligned and without overlapping labels. */
.kit-card .kit-product,.kit-card .kit-product.multiple{height:235px;display:flex;align-items:flex-end;justify-content:center;gap:2px;overflow:visible}
.kit-card .kit-product img,.kit-card .kit-product.multiple img{position:relative;inset:auto;width:auto;min-width:0;height:auto;max-height:100%;object-fit:contain;transform:none;translate:none;flex:0 1 auto}
.kit-card .kit-product.single img{width:75%;max-width:220px}
.kit-card .kit-product.two img{width:49%;max-height:210px}
.kit-card .kit-product.three img{width:33%;max-height:185px}
.kit-checkout{width:100%}
@media(max-width:760px){.kit-card .kit-product,.kit-card .kit-product.multiple{height:250px}.kit-card .kit-product.two img{max-height:235px}.kit-card .kit-product.three img{max-height:210px}}

/* Sculpted ribbons, static and separated from the statistics. */
.ribbon-divider{position:absolute;inset:0 0 auto;width:100%;height:74px;background:transparent;overflow:hidden;--ribbon-height:112px;--ribbon-width:1344px}
.ribbon-divider:after{display:none}
.ribbon-divider .silk-ribbon{display:block;left:-6%;width:112%;height:var(--ribbon-height);animation:none!important;transform:rotate(var(--tilt));will-change:auto}
.ribbon-divider .silk-black{--tilt:-1.5deg;top:-19px;filter:drop-shadow(0 4px 3px #0003)}
.ribbon-divider .silk-yellow{--tilt:1.4deg;top:-36px;filter:drop-shadow(0 3px 3px #0002)}
.ribbon-divider .silk-track{animation:none!important;transform:translateX(-210px);will-change:auto}
.ribbon-divider.ribbon-hero{position:relative;inset:auto;height:74px;margin-top:-48px;margin-bottom:0;z-index:2}
.stats{padding:55px 0 65px}
.benefits,.mindset{padding-top:145px}
@media(max-width:760px){.ribbon-divider{height:49px;--ribbon-height:80px;--ribbon-width:960px}.ribbon-divider.ribbon-hero{height:49px;margin-top:-30px}.ribbon-divider .silk-black{top:-12px}.ribbon-divider .silk-yellow{top:-25px}.stats{padding:40px 0 48px}.benefits,.mindset{padding-top:99px}}

/* Keep the original ribbon treatment above the mindset section only. */
.mindset>.ribbon-divider{height:150px;--ribbon-height:200px;--ribbon-width:2400px}
.mindset>.ribbon-divider .silk-black{--tilt:-3.4deg;top:-8px}
.mindset>.ribbon-divider .silk-yellow{--tilt:2.8deg;top:-40px}
.mindset>.ribbon-divider .silk-ribbon{transform:rotate(calc(var(--tilt) + var(--scroll-tilt,0deg)))}
.mindset>.ribbon-divider .silk-track{transform:none}
@media(max-width:760px){.mindset>.ribbon-divider{height:84px;--ribbon-height:116px;--ribbon-width:1392px}.mindset>.ribbon-divider .silk-black{top:-4px}.mindset>.ribbon-divider .silk-yellow{top:-14px}.mindset{padding-top:105px}}

/* Sparse powder at upper transitions only; no scroll tracking. */
.powder-divider{height:86px;background:transparent;overflow:hidden;mask-image:linear-gradient(transparent,#000 25%,#000 65%,transparent)}
.powder-divider .silk-ribbon{display:none}
.powder-divider.ribbon-hero{height:86px;margin-top:-35px;margin-bottom:0}
.creatine-dust{display:block;position:absolute;inset:0;pointer-events:none}
.creatine-dust:before{content:'';position:absolute;inset:10px 15% 30px;background:radial-gradient(ellipse at center,#f7f5e514,transparent 67%);filter:blur(8px)}
.creatine-dust i{position:absolute;left:var(--x);top:-9px;width:var(--s);height:var(--s);border-radius:50%;background:#e7e3c9;box-shadow:0 0 2px #fff5;opacity:0;animation:creatine-powder-fall var(--time) linear var(--delay) infinite;pointer-events:none}
@keyframes creatine-powder-fall{0%{transform:translate3d(0,0,0);opacity:0}20%{opacity:.32}75%{opacity:.24}100%{transform:translate3d(13px,100px,0);opacity:0}}
@media(max-width:760px){.powder-divider,.powder-divider.ribbon-hero{height:64px}.powder-divider.ribbon-hero{margin-top:-23px}.creatine-dust i:nth-child(even){display:none}}
@media(prefers-reduced-motion:reduce){.creatine-dust i{animation:none;top:40%;opacity:.14}.creatine-dust i:nth-child(3n){top:60%}}

/* Reference arrangement: ribbon above the stats, yellow liquid below. */
.upper-ribbons .creatine-dust,.yellow-drip-divider .creatine-dust{display:none}
.upper-ribbons .silk-ribbon{display:block}
.ribbon-divider.upper-ribbons{height:78px;margin-top:-45px;margin-bottom:0;mask-image:none}
.yellow-drip-divider{height:125px;overflow:hidden;background:transparent;mask-image:none}
.yellow-drip-divider .silk-ribbon{display:none}
.yellow-drip-bar{position:absolute;inset:0 0 auto;height:12px;background:linear-gradient(#ffe93c,#edce00);box-shadow:inset 0 3px 0 #fff483}
.yellow-drip{position:absolute;left:var(--left);top:6px;width:var(--width);height:var(--length);border-radius:0 0 20px 20px;background:linear-gradient(90deg,#ebca00,#f5db0a 65%,#ffec55);transform-origin:top;animation:yellow-drip-slow 7s ease-in-out var(--delay) infinite}
.yellow-drip:after{content:'';position:absolute;left:24%;top:5px;width:2px;height:65%;border-radius:3px;background:#fff6}
.yellow-fall{position:absolute;left:var(--left);top:42px;width:6px;height:9px;border-radius:45% 45% 55% 55%;background:#ebcd00;opacity:0;animation:yellow-drop-fall 9s linear var(--delay) infinite}
@keyframes yellow-drip-slow{0%,100%{transform:scaleY(.93)}50%{transform:scaleY(1.05)}}
@keyframes yellow-drop-fall{0%,70%{opacity:0;transform:translateY(0)}74%{opacity:.7}100%{opacity:0;transform:translateY(87px)}}
.benefits{padding-top:160px}
@media(max-width:760px){.ribbon-divider.upper-ribbons{height:52px;margin-top:-29px}.yellow-drip-divider{height:85px}.yellow-drip{height:calc(var(--length) * .66);width:calc(var(--width) * .72)}.yellow-fall{width:4px;height:6px;top:28px}.benefits{padding-top:114px}}
@media(prefers-reduced-motion:reduce){.yellow-drip{animation:none}.yellow-fall{display:none}}

/* More compact Titan Power marquee. */
.marquee{padding:15px 0}.marquee .marquee-brand{font-size:clamp(25px,2.7vw,38px);gap:11px}.marquee .marquee-trophy{width:29px;height:29px}.marquee .marquee-unit{gap:19px;font-size:11px}@media(max-width:760px){.marquee{padding:14px 0}.marquee .marquee-brand{font-size:25px;gap:8px}.marquee .marquee-trophy{width:24px;height:24px}.marquee .marquee-unit{gap:15px;font-size:10px}}