/* SportNutrition · portada premium. Scoped to the home hero. */
.sn-hero{--sn-lime:#c1ff72;position:relative;isolation:isolate;overflow:hidden;background:#080a08;color:#f7f8f4;text-transform:none;border-bottom:1px solid #ffffff1c}
.sn-hero *{box-sizing:border-box}
.sn-hero-art{position:absolute;inset:0 0 0 38%;z-index:-2}
.sn-hero-art picture,.sn-hero-art img{display:block;width:100%;height:100%}
.sn-hero-art img{object-fit:cover;object-position:52% 50%;opacity:.92}
.sn-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080a08 0%,#080a08fa 23%,#080a08cc 40%,#080a0833 65%,#080a0800 85%),linear-gradient(0deg,#080a08 0%,transparent 22%)}
.sn-hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 70% 0%,#c1ff7211,transparent 55%)}
.sn-hero-inner{max-width:1440px;min-height:660px;margin:auto;padding:76px 52px 52px;display:flex;flex-direction:column;justify-content:center;position:relative}
.sn-hero-copy{max-width:680px}
.sn-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 26px;color:#c1ff72;font:650 11px/1.5 "Hanken",Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.sn-eyebrow:before{content:"";width:30px;height:1px;background:#c1ff72}
.sn-hero h1{font-family:"Hanken",Arial,sans-serif;font-size:clamp(58px,6.6vw,94px)!important;font-weight:850;line-height:.98;letter-spacing:-.055em;max-width:10ch;margin:0 0 26px!important;text-transform:none;background:none!important;-webkit-text-fill-color:currentColor!important;filter:none;text-shadow:none}
.sn-hero h1 span{display:block;color:var(--sn-lime)}
.sn-description{font:400 18px/1.6 "Hanken",Arial,sans-serif!important;letter-spacing:0;text-transform:none;color:#c5c9c1;max-width:39ch;margin:0 0 28px}
.sn-description strong{font-weight:650;color:#f7f8f4}
.sn-actions{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 23px}
.sn-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:56px;padding:0 23px;border-radius:6px;text-decoration:none!important;font:750 14px/1.2 "Hanken",Arial,sans-serif;letter-spacing:0;transition:transform .2s,background .2s,border-color .2s}
.sn-button-primary{color:#101609!important;background:linear-gradient(125deg,#dcffb0,#c1ff72 48%,#a9e65e);border:1px solid #d4ff9b;box-shadow:inset 0 1px 0 #ffffff88,0 8px 30px #baff6812}
.sn-button-secondary{color:#f6f7f3!important;border:1px solid #ffffff55;background:#0a0c0b80}
.sn-button:hover{transform:translateY(-2px)}
.sn-button-primary:hover{background:#d5ff9f}
.sn-button-secondary:hover{border-color:#c1ff72;background:#151b10}
.sn-button svg{width:18px;height:18px;flex-shrink:0}
.sn-advice{font:400 13px/1.6 "Hanken",Arial,sans-serif;color:#a9afa3;margin:0}
.sn-advice a{color:#e5e9df;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#6b7461;white-space:nowrap}
.sn-hero a:focus-visible{outline:3px solid #c1ff72;outline-offset:5px}
.sn-offer{position:absolute;right:52px;bottom:80px;max-width:255px;padding:20px 22px;border:1px solid #ffffff36;border-left:2px solid #c1ff72;border-radius:2px;background:#090c09c9;backdrop-filter:blur(14px);text-decoration:none!important;color:#f7f8f4!important}
.sn-offer-label{display:block;font:600 10px/1.4 "Hanken",Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#c4ccbc;margin-bottom:8px}
.sn-offer strong{display:block;font:700 36px/1.1 "Hanken",Arial,sans-serif;letter-spacing:-.035em}
.sn-offer strong span{color:#c1ff72}
.sn-offer small{display:flex;align-items:center;justify-content:space-between;gap:26px;font:400 13px/1.5 "Hanken",Arial,sans-serif;color:#cdd4c4;margin-top:8px}
.sn-trust{max-width:1440px;margin:auto;padding:23px 52px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #ffffff1c;font-family:"Hanken",Arial,sans-serif}
.sn-trust-item{display:flex;gap:13px;align-items:center}
.sn-trust-item svg{width:23px;height:23px;flex-shrink:0;color:#c1ff72;opacity:.85}
.sn-trust-item b{display:block;font-size:13px;font-weight:650;line-height:1.5;letter-spacing:0;text-transform:none}
.sn-trust-item small{display:block;font-size:12px;color:#929b8c;line-height:1.5}
.sn-ebook-wrap{padding:18px 20px 0;background:#080a08}
.sn-ebook-wrap .ebk-band{max-width:1320px;margin:0 auto;border-radius:8px;box-shadow:none}
@media(min-width:1600px){.sn-hero-art{left:40%}.sn-hero-inner{min-height:740px}}
@media(max-width:1000px){.sn-hero-inner{padding:52px 28px 42px;min-height:620px}.sn-hero h1{font-size:74px!important}.sn-offer{right:28px;bottom:52px;max-width:220px}.sn-hero-copy{max-width:510px}.sn-hero-art{left:30%}.sn-trust{padding:22px 28px}.sn-description{font-size:17px!important;max-width:34ch}}
@media(max-width:700px){.sn-hero-art{inset:310px 0 0}.sn-hero-art img{object-position:center 52%;opacity:.84}.sn-hero:before{background:linear-gradient(180deg,#080a08 0%,#080a08 31%,#080a08b8 50%,#080a0811 73%,#080a08 100%)}.sn-hero-inner{min-height:830px;justify-content:flex-start;padding:36px 22px 28px}.sn-eyebrow{font-size:9px;letter-spacing:.17em;gap:8px;margin-bottom:19px}.sn-eyebrow:before{width:18px}.sn-hero h1{font-size:clamp(51px,13vw,76px)!important;max-width:11ch;line-height:1.01;margin-bottom:18px!important}.sn-description{font-size:16px!important;max-width:34ch;margin-bottom:21px;line-height:1.5!important}.sn-actions{gap:9px;margin-bottom:17px}.sn-button{padding:0 18px;min-height:52px;font-size:13px;gap:13px}.sn-advice{font-size:12px;max-width:32ch}.sn-offer{right:22px;left:22px;bottom:28px;max-width:none;padding:15px 19px;display:grid;grid-template-columns:1fr auto;gap:2px 15px;align-items:center}.sn-offer-label{grid-column:1;margin:0}.sn-offer strong{grid-column:2;grid-row:1/3;font-size:31px}.sn-offer small{margin:0;grid-column:1;font-size:12px;justify-content:flex-start;gap:12px}.sn-trust{grid-template-columns:1fr;padding:22px;gap:18px}.sn-trust-item b{font-size:13px}.sn-trust-item small{font-size:12px}.sn-ebook-wrap{padding:14px 14px 0}}
@media(min-width:361px) and (max-width:700px){.sn-actions{gap:8px}.sn-button{padding:0 14px;font-size:12px;gap:10px}.sn-button-primary{flex:1}}
@media(max-width:360px){.sn-hero-inner{min-height:890px}.sn-actions{flex-direction:column}.sn-button{width:100%}.sn-hero-art{top:380px}.sn-offer strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){.sn-button{transition:none}.sn-button:hover{transform:none}}

/* v2: uppercase editorial hierarchy, satin metals, restrained motion. */
.sn-hero h1{font-size:clamp(56px,5.5vw,80px)!important;max-width:12ch;line-height:1.02;letter-spacing:-.04em;text-transform:uppercase}
.sn-hero h1 span{color:#c1ff72;background:var(--sn-metal-lime);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent!important}
.sn-button{font-size:14px;font-weight:650;border-radius:10px;position:relative;overflow:hidden;isolation:isolate}
.sn-button-primary{background:var(--sn-metal-lime);box-shadow:var(--sn-metal-shadow);border-color:#e5ffc1}
.sn-button-secondary{background:var(--sn-brush),var(--sn-metal-dark) padding-box,var(--sn-metal-edge) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 #ffffff14}
.sn-button-primary:after{content:"";position:absolute;inset:-50% -70%;background:linear-gradient(110deg,transparent 40%,#ffffff66 50%,transparent 60%);transform:translateX(-70%);pointer-events:none;animation:sn-metal-sweep 1.1s ease-out 1.3s 1 both;z-index:-1}
.sn-hero-copy>*{animation:sn-arrive .65s cubic-bezier(.2,.7,.25,1) both}
.sn-hero-copy .sn-eyebrow{animation-delay:.05s}.sn-hero-copy h1{animation-delay:.12s}.sn-hero-copy .sn-description{animation-delay:.18s}.sn-hero-copy .sn-actions{animation-delay:.24s}.sn-hero-copy .sn-advice{animation-delay:.3s}
.sn-hero-art img{animation:sn-breathe 16s ease-in-out infinite;transform-origin:55% 50%}
.sn-offer{border-radius:10px;background:var(--sn-brush),linear-gradient(135deg,#1c2319ee,#0d120bee);border:1px solid #94aa7866;border-left:2px solid #c1ff72;box-shadow:inset 0 1px 0 #ffffff17}
.sn-trust{border-top-color:#8c987633}
.sn-ebook-wrap .ebk-band{border-radius:12px}
@keyframes sn-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes sn-breathe{0%,100%{transform:scale(1.015)}50%{transform:scale(1.045)}}
@keyframes sn-metal-sweep{from{transform:translateX(-70%)}to{transform:translateX(70%)}}
@media(hover:hover){.sn-button-primary:hover:after{animation:sn-metal-sweep .8s ease-out 1 both}}
@media(max-width:1000px) and (min-width:701px){.sn-hero h1{font-size:66px!important}.sn-hero-inner{min-height:620px}}
@media(max-width:700px){
 .sn-hero-inner{min-height:640px;padding:26px 20px 20px;justify-content:flex-start}
 .sn-hero-copy{max-width:none;width:100%}
 .sn-eyebrow{font-size:9px;letter-spacing:.1em;gap:8px;margin-bottom:16px}
 .sn-hero h1{font-size:clamp(34px,10.8vw,48px)!important;max-width:none;letter-spacing:-.035em;line-height:1.04;margin-bottom:17px!important}
 .sn-hero h1 span{white-space:nowrap}
 .sn-description{font-size:15px!important;line-height:1.5!important;max-width:35ch;margin-bottom:20px}
 .sn-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-bottom:15px}
 .sn-button{width:100%;font-size:13px;min-height:50px;padding:0 18px;gap:18px}
 .sn-button-primary{justify-content:space-between;min-height:54px;font-size:14px}
 .sn-button-secondary{min-height:44px;font-size:12px;justify-content:center}
 .sn-advice{font-size:12px;max-width:none}
 .sn-hero-art{inset:225px 0 0}
 .sn-hero-art img{object-position:center 55%;opacity:.7;transform-origin:50% 65%}
 .sn-hero:before{background:linear-gradient(180deg,#080a08 0%,#080a08 25%,#080a08e0 48%,#080a0855 70%,#080a08 100%)}
 .sn-offer{left:20px;right:20px;bottom:20px;padding:14px 16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 10px;align-items:center;backdrop-filter:none}
 .sn-offer-label{flex-basis:100%;font-size:9px;letter-spacing:.12em;margin:0}
 .sn-offer strong{font-size:27px;line-height:1.1;white-space:nowrap}
 .sn-offer small{margin:0;max-width:15ch;font-size:11px;line-height:1.4;gap:7px}
 .sn-trust{padding:18px 20px;gap:13px}
 .sn-trust-item{gap:11px}.sn-trust-item b{font-size:12px}.sn-trust-item small{font-size:11px}.sn-trust-item svg{width:20px;height:20px}
 .sn-ebook-wrap{padding:12px 14px 0}
}
@media(max-width:360px){.sn-hero-inner{min-height:610px;padding-inline:16px}.sn-eyebrow{font-size:8px;letter-spacing:.06em}.sn-hero h1{font-size:34px!important}.sn-description{font-size:14px!important}.sn-offer{left:16px;right:16px;bottom:72px;padding:13px}.sn-offer strong{font-size:23px}.sn-offer small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sn-hero-copy>*,.sn-hero-art img,.sn-button-primary:after{animation:none!important;transform:none!important}.sn-button{transition:none!important}.sn-button:hover{transform:none!important}.sn-button-primary:after{display:none}}

/* v3: both purchase paths deserve large, equally sized controls. */
.sn-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(640px,100%);gap:14px}
.sn-actions .sn-button{min-height:68px;padding:0 24px;font-size:17px;font-weight:700;justify-content:center;gap:18px}
.sn-actions .sn-button-secondary{border-color:#afbe946b;color:#f1f6e9!important;box-shadow:inset 0 1px 0 #ffffff25,0 4px 14px #0004}
@media(min-width:701px) and (max-width:1000px){.sn-actions .sn-button{font-size:16px;padding:0 17px;gap:13px}.sn-offer{position:static;align-self:flex-start;margin-top:25px;max-width:510px;width:100%;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 18px}.sn-offer-label{flex-basis:100%;margin:0}.sn-offer strong{font-size:28px}.sn-offer small{margin:0;font-size:12px}}
@media(max-width:700px){.sn-actions{grid-template-columns:1fr;gap:10px}.sn-actions .sn-button{width:100%;min-height:58px;font-size:16px;padding:0 20px;justify-content:space-between}.sn-actions .sn-button-secondary{justify-content:center;font-size:16px}.sn-hero-inner{min-height:675px}.sn-advice{line-height:1.5}.sn-offer{bottom:44px}}
@media(max-width:360px){.sn-hero-inner{min-height:660px}.sn-actions .sn-button{font-size:15px;min-height:56px}.sn-offer{bottom:120px}}

/* v4: a single editorial photograph and two clear category paths. */
.sn-performance-active .wafab,.sn-performance-active .mbar{visibility:hidden!important;pointer-events:none!important}
.sn-performance{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;max-width:1320px;margin:48px auto;padding:0!important;border:1px solid #b9c7ae40;border-radius:18px;overflow:hidden;background:var(--sn-brush),linear-gradient(125deg,#20251f,#0b100c);box-shadow:inset 0 1px 0 #ffffff1c;color:#f4f7ef;order:4}
.sn-performance *{box-sizing:border-box}
.sn-performance-visual{grid-column:2;grid-row:1;position:relative;min-height:600px;overflow:hidden}
.sn-performance-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:48% 50%;filter:brightness(.8) saturate(.75)}
.sn-performance-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c110ce0,transparent 38%),linear-gradient(0deg,#0b100cc9,transparent 40%)}
.sn-performance-caption{position:absolute;bottom:32px;right:32px;z-index:1;font:600 10px/1.5 "Hanken",Arial,sans-serif;letter-spacing:.16em;color:#f2f4e9}
.sn-performance-copy{grid-column:1;grid-row:1;padding:54px 44px;align-self:center;position:relative;z-index:2}
.sn-performance .sn-eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:26px}
.sn-performance h2{font:800 clamp(46px,4.5vw,65px)/1.02 "Hanken",Arial,sans-serif!important;letter-spacing:-.04em!important;text-transform:uppercase;margin:0 0 22px!important;color:#f4f7ef;background:none!important;-webkit-text-fill-color:currentColor!important}
.sn-performance h2:after{display:none!important}.sn-performance h2 span{color:#c1ff72}
.sn-performance-intro{font:550 21px/1.35 "Hanken",Arial,sans-serif;margin:0 0 12px;max-width:24ch;color:#edf2e8}
.sn-performance-detail{font:400 15px/1.6 "Hanken",Arial,sans-serif;color:#b9c3b4;max-width:43ch;margin:0 0 30px}
.sn-performance-links{display:grid;gap:10px}
.sn-performance-links a{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 21px;border:1px solid #a2b18c6b;border-radius:10px;background:var(--sn-brush),var(--sn-metal-dark);text-decoration:none;color:#f2f6eb;transition:transform .25s,border-color .25s,box-shadow .25s}
.sn-performance-links a:first-child{color:#17200e;background:var(--sn-metal-lime);border-color:#dfffaf}
.sn-performance-links small{display:block;font:600 9px/1.5 "Hanken",Arial,sans-serif;letter-spacing:.12em;opacity:.75;margin-bottom:4px}
.sn-performance-links b{display:block;font:700 18px/1.3 "Hanken",Arial,sans-serif}.sn-performance-links a>span:last-child{font:400 26px/1 "Hanken",Arial,sans-serif}
.sn-performance-advice{display:inline-block;margin-top:22px;color:#cad4c0;font:500 13px/1.5 "Hanken",Arial,sans-serif;text-underline-offset:5px}.sn-performance-advice span{margin-left:12px}
.sn-performance a:focus-visible{outline:3px solid #c1ff72;outline-offset:4px}
@media(min-width:701px) and (max-width:1380px){.sn-performance{margin-inline:28px;width:calc(100% - 56px)}}
@media(min-width:701px) and (max-width:1000px){.sn-performance-copy{padding:36px 26px}.sn-performance h2{font-size:44px!important}.sn-performance-visual{min-height:580px}.sn-performance .sn-eyebrow{font-size:8px;letter-spacing:.08em}}
@media(max-width:700px){.sn-performance{display:flex;flex-direction:column;margin:28px 16px;width:calc(100% - 32px);border-radius:14px}.sn-performance-visual{min-height:0;height:240px;order:0}.sn-performance-visual img{object-position:50% 40%}.sn-performance-visual:after{background:linear-gradient(0deg,#11170f,transparent 55%)}.sn-performance-caption{bottom:22px;right:22px;font-size:8px}.sn-performance-copy{order:1;padding:6px 22px 28px;align-self:stretch}.sn-performance .sn-eyebrow{font-size:8px;letter-spacing:.09em;margin-bottom:19px;gap:7px}.sn-performance .sn-eyebrow:before{width:15px}.sn-performance h2{font-size:42px!important;margin-bottom:19px!important}.sn-performance-intro{font-size:19px}.sn-performance-detail{font-size:14px;margin-bottom:23px}.sn-performance-links a{min-height:78px;padding:14px 17px}.sn-performance-links b{font-size:17px}.sn-performance-advice{font-size:12px;margin-top:20px}}
@media(max-width:360px){.sn-performance-copy{padding-inline:18px}.sn-performance h2{font-size:36px!important}.sn-performance .sn-eyebrow{font-size:7px}.sn-performance-visual{height:205px}.sn-performance-links b{font-size:16px}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.sn-performance-links a:hover{transform:translateX(4px);border-color:#d9ffae;box-shadow:0 6px 22px #0003}.sn-performance-visual img{animation:sn-breathe 18s ease-in-out infinite}}
@media(prefers-reduced-motion:reduce){.sn-performance-links a{transition:none}.sn-performance-visual img{animation:none}}