:root{--cream:#f8f2e8;--cream-deep:#f1e8d8;--sand:#f5ede0;--earth:#8b6914;--forest:#2b4833;--forest-deep:#1f3527;--peach:#f9c4ac;--text:#3d2b1f;--text-light:#7a6b5a;--white:#fff;--shadow:0 10px 40px #3d2b1f14;--radius-lg:28px;--radius-md:18px;--radius-sm:12px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--text);-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,.display{letter-spacing:-.02em;font-family:Outfit,system-ui,sans-serif;font-weight:800;line-height:1.15}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 clamp(20px,4vw,32px)}section{padding:64px 0}.section-eyebrow{background:var(--peach);color:var(--forest-deep);letter-spacing:.04em;border-radius:100px;margin-bottom:16px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.section-title{margin-bottom:16px;font-size:clamp(28px,5vw,44px)}.section-sub{color:var(--text-light);max-width:640px;font-size:clamp(16px,2.4vw,18px)}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:16px 28px;font-family:Outfit,sans-serif;font-size:16px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--forest);color:var(--white)}.btn-primary:hover{background:var(--forest-deep)}.btn-wa{color:var(--white);background:#25d366}.btn-wa:hover{background:#1fb857}.btn-outline{color:var(--text);border:1.5px solid var(--cream-deep);background:0 0}.btn-outline:hover{border-color:var(--forest);color:var(--forest)}.btn-group{flex-direction:column;gap:12px;margin-top:28px;display:flex}.header{z-index:50;backdrop-filter:blur(12px);background:#f8f2e8e6;border-bottom:1px solid #3d2b1f0f;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.logo img{width:auto;height:28px;display:block}.nav{display:none}.nav a{color:var(--text);margin:0 16px;font-size:15px;font-weight:500;text-decoration:none;transition:color .15s}.nav a:hover{color:var(--forest)}.header .btn{padding:12px 24px;font-size:14px}.hero{padding:48px 0 40px;position:relative}.hero-grid{grid-template-columns:1fr;align-items:center;gap:40px;display:grid;position:relative}.hero-badge{color:var(--text-light);align-items:center;gap:8px;margin-bottom:20px;font-size:14px;font-weight:500;display:inline-flex}.hero h1{margin-bottom:20px;font-size:clamp(38px,7vw,64px)}.hero h1 .accent{color:var(--forest)}.hero p.lead{color:var(--text-light);max-width:520px;font-size:clamp(16px,2.6vw,19px)}.hero-visual{justify-content:center;display:flex;position:relative}.hero-visual img{z-index:1;width:min(420px,85%);height:auto;position:relative}.hero-trust{color:var(--text-light);flex-wrap:wrap;gap:18px;margin-top:32px;font-size:14px;display:flex}.hero-trust span{align-items:center;gap:6px;display:inline-flex}.hero-micro{color:var(--earth);align-items:center;gap:8px;margin-top:16px;font-size:14px;font-weight:600;display:inline-flex}.badges{background:var(--white);border-radius:var(--radius-lg);margin-top:-8px;padding:28px 24px}.badges-grid{grid-template-columns:1fr;gap:22px;display:grid}.badge-item{align-items:flex-start;gap:14px;display:flex}.badge-item .icon{background:var(--cream);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:26px;line-height:1;display:flex}.badge-item h4{margin-bottom:2px;font-size:16px;font-weight:700}.badge-item p{color:var(--text-light);font-size:14px}.comparison-section{background:var(--sand)}.compare-grid{grid-template-columns:1fr;gap:20px;margin-top:36px;display:grid}.compare-card{border-radius:var(--radius-lg);padding:32px 28px}.compare-card.bad{background:var(--white);border:1.5px solid #3d2b1f14}.compare-card.good{background:var(--forest);color:var(--white)}.compare-card h3{align-items:center;gap:10px;margin-bottom:20px;font-size:22px;display:flex}.compare-card ul{list-style:none}.compare-card li{align-items:flex-start;gap:10px;padding:9px 0;font-size:15px;line-height:1.5;display:flex}.compare-card.bad li{color:var(--text-light)}.compare-card.good li{color:#ffffffeb}.compare-card li .x{color:#c2705e;flex-shrink:0;font-weight:700}.compare-card li .check{color:var(--peach);flex-shrink:0;font-weight:700}.compare-notes{color:var(--text-light);max-width:720px;margin-top:20px;font-size:13px;line-height:1.55}.compare-notes p{margin-bottom:6px}.compare-notes p:last-child{margin-bottom:0}.sugar{position:relative}.sugar-grid{grid-template-columns:1fr;align-items:center;gap:40px;display:grid}.sugar-copy{text-align:left}.sugar-copy .section-sub{max-width:520px}.sugar-visual img{border-radius:var(--radius-lg);width:100%;display:block}.manifesto{background:var(--forest-deep);color:var(--white);border-radius:var(--radius-lg)}.manifesto .container{text-align:center;z-index:1;max-width:800px;padding:72px 20px;position:relative}.manifesto .section-eyebrow{color:var(--peach);background:#f9c4ac33}.manifesto h2{margin-bottom:20px;font-size:clamp(28px,5vw,42px)}.manifesto p{color:#ffffffd9;font-size:clamp(16px,2.5vw,18px)}.ingredients{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px;display:flex}.ingredients span{background:#ffffff1a;border:1px solid #ffffff29;border-radius:100px;padding:8px 16px;font-size:14px;font-weight:500}.story-grid{grid-template-columns:1fr;align-items:center;gap:24px;margin-top:12px;display:grid}.story-grid img{border-radius:var(--radius-lg);object-fit:cover;width:100%;max-height:560px}.story-cards{gap:16px;display:grid}.story-card{background:var(--white);border-radius:var(--radius-md);padding:24px}.story-card h4{margin-bottom:6px;font-size:17px}.story-card p{color:var(--text-light);font-size:15px}.testi-gallery{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--cream-deep) transparent;gap:16px;margin-top:36px;padding-bottom:16px;display:flex;overflow-x:auto}.testi-card-916{aspect-ratio:9/16;background:var(--white);border-radius:var(--radius-lg);scroll-snap-align:start;flex-direction:column;flex:none;width:300px;padding:24px;display:flex}.testi-inner{flex-direction:column;height:100%;display:flex}.testi-avatar{background:var(--cream);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;font-size:22px;display:flex}.testi-card-916 .quote{color:var(--text);flex:1;font-size:15px;font-style:italic}.testi-card-916 .author{color:var(--text-light);margin-top:16px;font-size:13px;font-weight:600}.faq-head{text-align:center}.faq-list{max-width:720px;margin-top:32px;margin-left:auto;margin-right:auto}.faq-item{background:var(--white);border-radius:var(--radius-sm);margin-bottom:12px;overflow:hidden}.faq-item details{padding:20px 24px}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--forest);flex-shrink:0;font-size:22px;font-weight:400;transition:transform .2s}.faq-item details[open] summary:after{transform:rotate(45deg)}.faq-item .answer{color:var(--text-light);padding-top:12px;font-size:15px}.final-cta{text-align:center;border-radius:var(--radius-lg);color:var(--white);position:relative;overflow:hidden}.final-cta-bg{background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.02)}.final-cta:after{content:"";background:linear-gradient(#1f3527b8 0%,#1f3527e0 100%);position:absolute;inset:0}.final-cta-inner{z-index:2;max-width:700px;padding:72px 20px;position:relative}.final-cta h2{margin-bottom:16px;font-size:clamp(30px,5.5vw,46px)}.final-cta p{color:#ffffffe6;margin-bottom:8px;font-size:17px}.final-cta .btn-wa{background:var(--peach);color:var(--forest-deep)}.final-cta .btn-wa:hover{background:#f7b294}.final-cta .price-note{opacity:.85;margin-top:16px;font-size:14px}.ingredient-list{gap:18px;margin-top:28px;display:grid}.ingredient-item{color:var(--text-light);font-size:15px;line-height:1.55}.ingredient-item strong{color:var(--text);font-weight:700}.footer{text-align:center;border-top:1px solid #3d2b1f14;padding:48px 0 40px}.footer .logo img{height:32px;margin:0 auto 12px}.footer p{color:var(--text-light);font-size:14px}.footer-links{flex-wrap:wrap;justify-content:center;gap:22px;margin:20px 0;display:flex}.footer-links a{color:var(--forest);font-size:14px;font-weight:500;text-decoration:none}.footer-links a:hover{text-decoration:underline}@media (width>=640px){.badges-grid{grid-template-columns:repeat(2,1fr)}.btn-group{flex-direction:row}}@media (width>=900px){.nav{align-items:center;display:flex}.hero-grid{grid-template-columns:1.05fr .95fr}.compare-grid{grid-template-columns:1fr 1fr}.story-grid{grid-template-columns:.9fr 1.1fr}.badges-grid{grid-template-columns:repeat(4,1fr)}.sugar-grid{grid-template-columns:1.05fr .95fr}}@media (width<=899px){.hero-copy{text-align:center}.hero-copy .lead{margin-left:auto;margin-right:auto}.hero-copy .hero-badge{justify-content:center}.hero-copy .btn-group{justify-content:center;align-items:center}.hero-copy .hero-micro{justify-content:center}}@media (width<=639px){html{overflow-x:hidden}.header-inner{padding:12px 0}section{padding:48px 0}.hero{padding:40px 0 32px}.badges{padding:24px 20px}.badge-item{gap:12px}.badge-item .icon{width:42px;height:42px;font-size:22px}.compare-card{padding:28px 20px}.compare-card li{gap:8px}.final-cta .btn-group{align-items:center}.final-cta .btn-wa{white-space:normal;padding:14px 20px;font-size:15px}.faq-item details{padding:16px 18px}body{flex-direction:column;min-height:100vh;display:flex}#page-content{flex-direction:column;flex:1;display:flex}.footer{margin-top:auto}}