:root{--forest:#173f31;--forest-2:#0f3025;--moss:#496b42;--lime:#d8e87b;--oat:#efe1bf;--cream:#f7f1e5;--paper:#fbfaf6;--ink:#18211c;--muted:#647066;--white:#fff;--line:#d9ded5;--coral:#c66d48;--radius:22px;--shadow:0 22px 55px rgba(12,42,31,.14)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.55}
body.menu-open{overflow:hidden}
button,input,select,textarea{font:inherit}
a{color:inherit}
img{max-width:100%}
.shell{width:min(1240px,calc(100% - 36px));margin-inline:auto}
.section{padding:82px 0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip-link{position:fixed;z-index:100;top:-70px;left:18px;padding:10px 15px;border-radius:7px;background:#fff;color:var(--forest);font-weight:700}
.skip-link:focus{top:12px}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:"Fraunces",Georgia,serif}
h1{margin-bottom:24px;font-size:clamp(3.45rem,9vw,7.5rem);font-weight:600;letter-spacing:-.065em;line-height:.88}
h2{margin-bottom:22px;font-size:clamp(2.45rem,5.7vw,5.15rem);font-weight:600;letter-spacing:-.055em;line-height:.96}
h3{font-size:1.6rem;line-height:1.05}
em{color:var(--lime);font-style:normal}
.kicker{display:flex;gap:10px;align-items:center;margin-bottom:22px;color:var(--forest);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.kicker span{display:grid;width:27px;height:27px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:.59rem}
.kicker.light{color:#e4efdf}
.button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:10px;padding:13px 22px;border:1px solid transparent;border-radius:999px;font-weight:700;text-align:center;text-decoration:none;transition:transform .22s,box-shadow .22s,background .22s}
.button:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.16)}
.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #f1bc69;outline-offset:4px}
.button-lime{background:var(--lime);color:var(--forest-2)}
.button-dark{background:var(--forest);color:#fff}
.button-ghost{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.07);color:#fff;backdrop-filter:blur(8px)}
.button-outline{border-color:var(--forest);background:transparent;color:var(--forest)}
.text-link{display:inline-flex;gap:10px;align-items:center;color:var(--forest);font-weight:700;text-decoration:none}
.text-link span{transition:transform .2s}
.text-link:hover span{transform:translateX(5px)}
.topbar{background:var(--forest-2);color:#e9f0e5;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.topbar-inner{display:flex;min-height:36px;align-items:center;justify-content:space-between;gap:14px}
.topbar-proof{display:none;align-items:center;gap:7px}
.topbar-proof i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(216,232,123,.12)}
.topbar a{text-decoration:none}
.site-header{position:absolute;z-index:20;top:36px;right:0;left:0;border-bottom:1px solid rgba(255,255,255,.22);color:#fff}
.header-inner{display:flex;min-height:84px;align-items:center;justify-content:space-between;gap:20px}
.brand{display:grid;width:132px;height:58px;place-items:center;overflow:hidden;border-radius:9px;background:#fff}
.brand img{width:112px;height:52px;object-fit:contain}
.main-nav{display:none;gap:28px;align-items:center}
.main-nav a{font-size:.86rem;font-weight:600;text-decoration:none}
.main-nav a:hover{color:var(--lime)}
.header-cta{display:none;align-items:center;gap:10px;font-size:.83rem;font-weight:700;text-decoration:none}
.header-cta span{display:grid;width:29px;height:29px;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%}
.menu-button{display:grid;width:45px;height:45px;place-content:center;gap:5px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(8,32,24,.2);color:#fff}
.menu-button span{display:block;width:19px;height:2px;background:currentColor;transition:transform .2s,opacity .2s}
.hero{position:relative;min-height:850px;overflow:hidden;background:var(--forest);color:#fff}
.hero-photo,.hero-shade{position:absolute;inset:0}
.hero-photo{background:url("assets/avena-sin-gluten-700g-cocina.webp") center 62%/cover no-repeat;transform:scale(1.01)}
.hero-shade{background:linear-gradient(90deg,rgba(5,29,21,.94) 0%,rgba(10,39,29,.76) 47%,rgba(10,33,26,.18) 78%),linear-gradient(0deg,rgba(7,27,20,.45),transparent 42%)}
.hero-inner{position:relative;z-index:2;display:flex;min-height:850px;align-items:center;padding-top:110px;padding-bottom:80px}
.hero-copy{max-width:820px}
.hero-lead{max-width:620px;margin-bottom:31px;color:#ecf1eb;font-size:clamp(1.05rem,2vw,1.3rem)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-microproof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:700px;padding:0;margin:44px 0 0;border-top:1px solid rgba(255,255,255,.32);list-style:none}
.hero-microproof li{padding:18px 14px 0 0}
.hero-microproof b,.hero-microproof span{display:block}
.hero-microproof b{color:#fff;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.hero-microproof span{margin-top:3px;color:#d8e2d5;font-size:.76rem}
.hero-note{position:absolute;z-index:3;right:24px;bottom:24px;display:none;width:145px;height:145px;place-content:center;border:1px solid rgba(255,255,255,.56);border-radius:50%;background:rgba(14,48,36,.53);color:#fff;text-align:center;backdrop-filter:blur(9px);transform:rotate(5deg)}
.hero-note span,.hero-note strong,.hero-note small{display:block}
.hero-note span{color:var(--lime);font-family:"Fraunces",serif;font-size:2rem;line-height:1}
.hero-note strong{margin-top:6px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.hero-note small{color:#d8e3d6;font-size:.65rem}
.trust-line{border-bottom:1px solid var(--line);background:#fff}
.trust-grid{display:grid;grid-template-columns:1fr 1fr}
.trust-grid>div{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:21px 10px;border-bottom:1px solid var(--line)}
.trust-grid>div:nth-child(odd){border-right:1px solid var(--line)}
.trust-grid>div:nth-last-child(-n+2){border-bottom:0}
.trust-grid>div>span{color:var(--coral);font-family:"Fraunces",serif;font-size:1rem}
.trust-grid p,.trust-grid strong{display:block;margin:0}
.trust-grid strong{font-size:.78rem}
.trust-grid p{color:var(--muted);font-size:.69rem;line-height:1.35}
.manifesto{background:var(--paper)}
.manifesto-grid{display:grid;gap:22px}
.manifesto-grid h2{max-width:950px;color:var(--forest);font-size:clamp(2.4rem,5.6vw,4.9rem)}
.manifesto-grid>div>p{max-width:750px;margin:0;color:var(--muted);font-size:1.05rem}
.evidence{background:var(--forest);color:#fff}
.section-head{display:grid;gap:20px;margin-bottom:38px}
.section-head h2{margin-bottom:0}
.section-intro{max-width:550px;margin:0;color:var(--muted)}
.evidence .section-intro{color:#cfdbd2}
.evidence-grid{display:grid;gap:14px}
.evidence-card{display:flex;min-height:455px;flex-direction:column;padding:26px;border:1px solid rgba(255,255,255,.17);border-radius:var(--radius);background:rgba(255,255,255,.06)}
.evidence-primary{background:var(--cream);color:var(--forest)}
.evidence-icon{display:grid;width:48px;height:48px;place-items:center;margin-bottom:auto;border:1px solid currentColor;border-radius:50%}
.evidence-icon span{font-size:1.25rem}
.evidence-label{margin:40px 0 12px;font-size:.69rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.72}
.evidence-card h3{margin:0 0 19px;font-size:clamp(2rem,4.2vw,3.5rem);letter-spacing:-.04em}
.evidence-card h3 em{color:var(--lime)}
.evidence-primary h3 em{color:var(--coral)}
.evidence-card>p:not(.evidence-label){color:#d4ded6;font-size:.86rem}
.evidence-primary>p:not(.evidence-label){color:#526258}
.evidence-card footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:17px;margin-top:auto;border-top:1px solid currentColor;font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.68}
.evidence-caption{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:start;padding:20px 0 0;margin-top:22px;border-top:1px solid rgba(255,255,255,.18)}
.evidence-caption>span{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;font-family:"Fraunces",serif}
.evidence-caption p{max-width:900px;margin:1px 0 0;color:#cbd8ce;font-size:.79rem}
.evidence-caption strong{color:#fff}
.product-story{overflow:hidden;background:var(--cream)}
.product-story-grid{display:grid;gap:40px;align-items:center}
.product-stage{position:relative;display:grid;min-height:570px;place-items:center;overflow:hidden;border-radius:var(--radius);background:linear-gradient(140deg,#e3d2a7,#f8f2e5)}
.product-stage img{position:relative;z-index:2;width:67%;max-height:540px;object-fit:contain;filter:drop-shadow(0 28px 25px rgba(73,55,31,.18))}
.stage-ring{position:absolute;width:420px;height:420px;border:1px solid rgba(23,63,49,.3);border-radius:50%}
.stage-ring:after,.stage-ring:before{position:absolute;border:1px solid rgba(23,63,49,.17);border-radius:50%;content:""}
.stage-ring:before{inset:30px}.stage-ring:after{inset:65px}
.stage-seal{position:absolute;z-index:3;right:22px;bottom:22px;display:grid;width:120px;height:120px;place-content:center;border-radius:50%;background:var(--forest);color:#fff;text-align:center;transform:rotate(-6deg)}
.stage-seal b,.stage-seal span{display:block}
.stage-seal b{color:var(--lime);font-family:"Fraunces",serif;font-size:1.7rem;line-height:1}
.stage-seal span{margin-top:5px;font-size:.6rem;font-weight:700;line-height:1.25;text-transform:uppercase}
.product-copy h2{color:var(--forest)}
.large-copy{color:#526158;font-size:1.05rem}
.feature-list{display:grid;grid-template-columns:1fr 1fr;margin:30px 0 16px;border-top:1px solid #cbd2c8}
.feature-list>div{padding:17px 10px 17px 0;border-bottom:1px solid #cbd2c8}
.feature-list>div:nth-child(odd){border-right:1px solid #cbd2c8}
.feature-list>div:nth-child(even){padding-left:17px}
.feature-list b,.feature-list span{display:block}
.feature-list b{color:var(--forest);font-family:"Fraunces",serif;font-size:1.45rem}
.feature-list span{color:var(--muted);font-size:.73rem}
.tiny-note{color:#7a817b;font-size:.69rem}
.offers{background:var(--paper)}
.offers-head h2{color:var(--forest)}
.offer-grid{display:grid;gap:14px}
.offer-card{position:relative;display:flex;min-height:490px;flex-direction:column;padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 8px 25px rgba(18,45,34,.04)}
.offer-card:hover{box-shadow:var(--shadow);transform:translateY(-4px);transition:.22s}
.offer-popular{background:var(--forest);color:#fff}
.offer-best{border-color:#c7a980;background:var(--oat)}
.offer-bulk{background:#f0f1e9}
.offer-badge{align-self:flex-start;padding:6px 10px;border-radius:999px;background:#e9eee7;color:var(--forest);font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.offer-popular .offer-badge{background:var(--lime)}
.offer-best .offer-badge{background:#fff5df}
.offer-quantity{display:flex;align-items:end;gap:10px;margin:20px 0}
.offer-quantity strong{font-family:"Fraunces",serif;font-size:4.5rem;line-height:.78}
.offer-quantity span{font-size:.75rem;font-weight:700;line-height:1.2;text-transform:uppercase}
.offer-price{display:flex;align-items:start;gap:3px;padding-top:18px;border-top:1px solid currentColor}
.offer-price sup{margin-top:8px;font-size:.8rem;font-weight:700}
.offer-price b{font-family:"Fraunces",serif;font-size:2.55rem;line-height:1}
.offer-unit{color:var(--muted);font-size:.74rem}
.offer-popular .offer-unit{color:#cddbd0}
.offer-card ul{padding:17px 0 0;margin:8px 0 25px;border-top:1px solid currentColor;list-style:none;opacity:.84}
.offer-card li{position:relative;padding-left:17px;margin-bottom:7px;font-size:.78rem}
.offer-card li:before{position:absolute;top:.55em;left:0;width:5px;height:5px;border-radius:50%;background:var(--coral);content:""}
.offer-popular li:before{background:var(--lime)}
.offer-card .button{width:100%;margin-top:auto}
.price-note{margin:18px 0 0;color:var(--muted);font-size:.72rem;text-align:center}
.ritual{background:var(--forest-2);color:#fff}
.ritual-grid{display:grid;gap:36px;align-items:center}
.ritual-image{min-height:520px;overflow:hidden;border-radius:var(--radius)}
.ritual-image img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover}
.ritual-copy h2{max-width:620px}
.ritual-copy ol{padding:0;margin:32px 0;list-style:none}
.ritual-copy li{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:15px 0;border-top:1px solid rgba(255,255,255,.2)}
.ritual-copy li>b{color:var(--lime);font-family:"Fraunces",serif}
.ritual-copy li strong,.ritual-copy li span{display:block}
.ritual-copy li strong{font-family:"Fraunces",serif;font-size:1.2rem}
.ritual-copy li span{color:#d3ded5;font-size:.82rem}
.ritual-warning{padding:16px;border-left:3px solid var(--lime);background:rgba(255,255,255,.06);color:#d3ded5;font-size:.76rem}
.business{background:#2d4d3b;color:#fff}
.business-grid{display:grid;gap:38px;align-items:center}
.business-copy>p:not(.kicker){max-width:610px;color:#d3dfd5}
.business-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.business-points span{padding:7px 11px;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#e6eee7;font-size:.7rem}
.business-form{padding:26px;border-radius:var(--radius);background:var(--cream);color:var(--ink);box-shadow:0 25px 60px rgba(3,25,16,.22)}
.form-kicker{margin-bottom:8px;color:var(--coral);font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.business-form h3{margin-bottom:23px;color:var(--forest);font-size:2rem}
.business-form label{display:block;margin-bottom:14px;color:var(--forest);font-size:.72rem;font-weight:700}
.business-form input,.business-form select,.business-form textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #cdd3c9;border-radius:10px;background:#fff;color:var(--ink);font-size:.86rem}
.business-form textarea{resize:vertical}
.business-form .button{width:100%;margin-top:3px;border:0;cursor:pointer}
.form-row{display:grid;gap:0}
.form-note{margin:11px 0 0;color:#707971;font-size:.67rem;text-align:center}
.faq{background:var(--cream)}
.faq-grid{display:grid;gap:35px}
.faq-grid>div:first-child>p:not(.kicker){max-width:470px;color:var(--muted)}
.faq-list{border-top:1px solid #cdd3c9}
details{border-bottom:1px solid #cdd3c9}
summary{position:relative;padding:20px 38px 20px 0;color:var(--forest);font-family:"Fraunces",serif;font-size:1.12rem;font-weight:600;cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
summary:after{position:absolute;top:18px;right:2px;font-family:"DM Sans",sans-serif;font-size:1.3rem;content:"+"}
details[open] summary:after{content:"−"}
details p{margin:0;padding:0 34px 20px 0;color:var(--muted);font-size:.84rem}
.closing{padding:95px 0;background:var(--forest);color:#fff;text-align:center}
.closing-inner{display:grid;place-items:center}
.closing .kicker{justify-content:center}
.closing h2{max-width:1000px}
.closing-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.site-footer{background:#0b251b;color:#d9e3da}
.footer-grid{display:grid;gap:28px;padding:48px 0 35px}
.footer-grid>div:first-child img{width:145px;height:74px;padding:6px;border-radius:9px;background:#fff;object-fit:contain}
.footer-grid>div:first-child p{color:#aebeb2}
.footer-grid strong,.footer-grid a,.footer-grid span{display:block}
.footer-grid strong{margin-bottom:10px;color:#fff;font-size:.71rem;letter-spacing:.08em;text-transform:uppercase}
.footer-grid a,.footer-grid span,.footer-grid p{margin-bottom:7px;color:#adbbb0;font-size:.77rem;text-decoration:none}
.footer-grid a:hover{color:var(--lime)}
.footer-bottom{display:flex;justify-content:space-between;gap:12px;padding:18px 0;border-top:1px solid rgba(255,255,255,.14);color:#8fa195;font-size:.72rem}
.footer-bottom a{text-decoration:none}
.mobile-buy{position:fixed;z-index:15;right:12px;bottom:12px;display:flex;align-items:center;gap:9px;padding:11px 15px;border-radius:999px;background:var(--lime);color:var(--forest-2);box-shadow:0 12px 32px rgba(9,38,27,.25);text-decoration:none}
.mobile-buy span{font-size:.65rem;font-weight:700;text-transform:uppercase}
.mobile-buy strong{font-family:"Fraunces",serif;font-size:1.15rem}
@media(max-width:759px){.main-nav{position:fixed;z-index:40;top:120px;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;padding:35px 24px;background:var(--forest-2);opacity:0;pointer-events:none;transform:translateY(-12px);transition:.2s}.main-nav.is-open{opacity:1;pointer-events:auto;transform:none}.main-nav a{width:100%;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.15);font-family:"Fraunces",serif;font-size:1.55rem}.menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero-shade{background:linear-gradient(90deg,rgba(5,29,21,.94),rgba(10,39,29,.7)),linear-gradient(0deg,rgba(7,27,20,.4),transparent)}.hero-photo{background-position:62% 60%}}
@media(min-width:620px){.topbar-proof{display:flex}.hero-note{display:grid}.trust-grid{grid-template-columns:repeat(4,1fr)}.trust-grid>div,.trust-grid>div:nth-child(odd),.trust-grid>div:nth-last-child(-n+2){border-right:1px solid var(--line);border-bottom:0}.trust-grid>div:last-child{border-right:0}.evidence-grid{grid-template-columns:repeat(3,1fr)}.offer-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr 1fr;gap:12px}.footer-grid{grid-template-columns:1.3fr 1fr 1.2fr 1.25fr}}
@media(min-width:840px){.section{padding:115px 0}.menu-button{display:none}.main-nav{display:flex}.header-cta{display:flex}.manifesto-grid{grid-template-columns:.55fr 1.45fr;align-items:start}.section-head{grid-template-columns:1.15fr .85fr;align-items:end;margin-bottom:50px}.product-story-grid{grid-template-columns:1fr 1fr;gap:75px}.ritual-grid{grid-template-columns:.92fr 1.08fr;gap:75px}.business-grid{grid-template-columns:1fr .92fr;gap:70px}.faq-grid{grid-template-columns:.85fr 1.15fr;gap:75px}}
@media(min-width:1100px){.shell{width:min(1280px,calc(100% - 80px))}.offer-grid{grid-template-columns:repeat(4,1fr)}.offer-card{padding:24px 22px}.hero-note{right:55px;bottom:45px}.evidence-card{padding:30px}.evidence-primary{transform:translateY(-14px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
