@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg:#f2f0ea;--bg-soft:#ebe7de;--surface:#fff;--surface-muted:#ffffffb8;--ink:#141611;--ink-soft:#4f554c;--line:#14161124;--green:#2f6044;--green-soft:#73977f;--copper:#b56f41;--sand:#d9caaf;--max:1160px;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--shadow-soft:0 20px 60px #1416111f;--shadow-card:0 14px 32px #14161117}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 78% 2%, #b56f4133, transparent 46%), radial-gradient(circle at 15% 26%, #2f604429, transparent 48%), var(--bg);margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{margin:0;font-family:Fraunces,Georgia,serif;line-height:1.08}h1{letter-spacing:-.02em;font-size:clamp(2.1rem,4.8vw,4.5rem)}h2{font-size:clamp(1.55rem,2.7vw,2.65rem)}h3{font-size:clamp(1.05rem,1.6vw,1.35rem)}p{color:var(--ink-soft);margin:0}.container{width:min(var(--max), calc(100% - 2.2rem));margin-inline:auto}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#f2f0eacc;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:1rem;min-height:74px;display:flex}.brand img{width:158px;height:auto}.menu-toggle{background:0 0;border:0;padding:.2rem;display:none}.menu-toggle span{background:var(--ink);width:24px;height:2px;margin:5px 0;display:block}.site-nav{align-items:center;gap:1rem;display:flex}.site-nav__link{color:var(--ink-soft);font-size:.95rem;transition:color .28s}.site-nav__link:hover,.site-nav__link--active{color:var(--ink)}.site-nav__cta{background:var(--ink);color:var(--surface);border-radius:999px;padding:.56rem 1rem;font-size:.88rem;transition:transform .3s,opacity .3s}.site-nav__cta:hover{opacity:.92;transform:translateY(-1px)}main{flex:1}.section{padding:clamp(3.5rem,8vw,6.6rem) 0}.section--soft{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(160deg,#fff6,#2f60440d)}.section__header{gap:.6rem;margin-bottom:2rem;display:grid}.section__lead{max-width:70ch}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--green);font-size:.72rem;font-weight:700}.hero{padding:clamp(4.5rem,10vh,8rem) 0 clamp(4rem,9vh,7rem)}.hero__inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(1.4rem,4vw,3rem);display:grid}.hero__copy{gap:1rem;display:grid}.hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.hero__visual{grid-template-columns:1fr;justify-items:end;gap:1rem;display:grid}.packshot{border-radius:var(--radius-lg);min-height:162px;box-shadow:var(--shadow-soft);color:#f7f5ee;border:1px solid #ffffff47;flex-direction:column;justify-content:flex-end;gap:.35rem;padding:1.1rem;display:flex}.packshot span{letter-spacing:.13em;text-transform:uppercase;font-size:.7rem}.packshot strong{font-family:Fraunces,Georgia,serif;font-size:1.08rem}.packshot--large{min-height:330px}.packshot--creatina{background:radial-gradient(circle at 20% 20%,#ffffff3b,#0000 45%),linear-gradient(140deg,#1e3f2d,#3f6f50 40%,#264a35)}.packshot--magnesio{background:radial-gradient(circle at 30% 15%,#ffffff3b,#0000 46%),linear-gradient(140deg,#5a311b,#855135 42%,#3f2112)}.packshot--floating{animation:2.1s ease-in-out infinite floatPack}.packshot--floating-delay{animation-delay:.3s}@keyframes floatPack{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.grid{gap:1rem;display:grid}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.info-card,.panel,.product-card{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-muted);box-shadow:var(--shadow-card)}.info-card,.panel{gap:.8rem;padding:1.2rem;display:grid}.info-card__subtitle{color:var(--green);text-transform:uppercase;letter-spacing:.1em;font-size:.82rem}.product-card{gap:.8rem;padding:1.2rem;display:grid}.product-card .packshot{min-height:190px}.product-card__line{text-transform:uppercase;letter-spacing:.14em;color:var(--green);font-size:.72rem}.product-card__actions{flex-wrap:wrap;gap:.7rem;margin-top:.4rem;display:flex}.cta-button,.ghost-link{border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 1rem;font-size:.88rem;font-weight:600;transition:transform .3s,opacity .3s,border-color .3s;display:inline-flex}.cta-button{background:var(--ink);color:var(--surface);border:1px solid #0000}.cta-button:hover,.ghost-link:hover{transform:translateY(-1px)}.cta-button--disabled{color:#14161180;cursor:not-allowed;pointer-events:none;background:#1416112e;border-color:#0000;transform:none}.cta-button--disabled:hover,.cta-button--disabled:focus,.cta-button--disabled:active{color:#14161180;background:#1416112e;transform:none}.ghost-link{border:1px solid var(--line);color:var(--ink-soft)}.ghost-link--filled{background:var(--surface)}.timeline{padding-left:1.2rem;position:relative}.timeline__line{background:linear-gradient(180deg, var(--green), var(--copper));width:2px;height:calc(100% - .6rem);position:absolute;top:.3rem;left:.1rem}.timeline__points{gap:.9rem;display:grid}.timeline__point{background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-md);padding:1rem}.timeline__label{text-transform:uppercase;letter-spacing:.13em;color:var(--copper);margin-bottom:.42rem;font-size:.72rem;display:inline-block}.bullet-list{gap:.62rem;margin:0;padding:0;list-style:none;display:grid}.bullet-list li{padding-left:1rem;position:relative}.bullet-list li:before{content:"";background:linear-gradient(120deg, var(--green), var(--copper));border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:0}.faq-accordion{gap:.72rem;display:grid}.faq-item{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.faq-item__question{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:.8rem;padding:.88rem 1rem;display:flex}.faq-item__answer{max-height:0;transition:max-height .4s;overflow:hidden}.faq-item__answer p{padding:0 1rem 1rem}.faq-item--open .faq-item__answer{max-height:240px}.product-hero__grid,.combo-hero__inner{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:1.2rem;display:grid}.product-price{color:var(--ink);margin:.3rem 0 .2rem;font-family:Fraunces,Georgia,serif;font-size:1.32rem}.steps-list{gap:.8rem;margin:0;padding-left:1.2rem;display:grid}.panel--highlight{background:linear-gradient(145deg,#b56f4124,#fffffff0)}.panel--cta{text-align:center;justify-items:center}.combo-hero__packs{gap:1rem;display:grid}.policy-grid,.contact-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.contact-panel .panel a{color:var(--green);font-weight:600}.final-cta{background:radial-gradient(circle at 75% 0,#b56f4129,#0000 40%),linear-gradient(145deg,#2f60441a,#ffffff85)}.final-cta__inner{text-align:center;justify-items:center;gap:1rem;display:grid}.site-footer{border-top:1px solid var(--line);color:#ffffffd9;background:#141611f5;padding:2rem 0}.site-footer__inner{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.site-footer__brand{gap:.35rem;display:grid}.site-footer__brand-row{align-items:center;gap:.5rem;display:flex}.site-footer__mark{width:42px;height:auto}.site-footer__wordmark{letter-spacing:-.02em;color:#fffffff5;font-size:2rem;font-style:italic;font-weight:700;line-height:1}.site-footer p{color:#ffffffbf}.site-footer__links{flex-wrap:wrap;gap:1rem;display:flex}.site-footer__links a{color:#ffffffe6;font-size:.9rem}@media (width<=980px){.hero__inner,.grid--4,.grid--2,.product-hero__grid,.combo-hero__inner,.policy-grid,.contact-panel{grid-template-columns:1fr}.hero__visual{justify-items:stretch}.menu-toggle{display:block}.site-nav{border-bottom:1px solid var(--line);background:#f2f0eafa;flex-direction:column;align-items:flex-start;padding:1rem;display:none;position:absolute;inset:74px 0 auto}.site-nav--open{display:flex}.site-footer__inner{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
