:root{
  --green:#16733f;
  --green-2:#0f5d33;
  --mint:#eaf7ef;
  --mint-2:#f4fbf6;
  --sage:#dcefe2;
  --navy:#0c2f45;
  --ink:#21313b;
  --muted:#65747d;
  --line:#dce7df;
  --cream:#fbfdf9;
  --white:#ffffff;
  --gold:#f6b800;
  --shadow:0 18px 50px rgba(20,70,44,.10);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.68}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button,a{font:inherit}
.container{width:min(1180px,calc(100% - 36px));margin:auto}
.offer-bar{position:sticky;top:0;z-index:1000;background:linear-gradient(90deg,var(--green-2),var(--green));color:#fff;text-align:center;padding:10px 18px;font-weight:800;letter-spacing:.1px;box-shadow:0 3px 14px rgba(0,0,0,.12)}
.site-header{position:sticky;top:44px;z-index:990;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(20,70,44,.09)}
.nav{min-height:80px;display:flex;align-items:center;gap:26px}
.logo{width:128px;height:58px;object-fit:contain}
.menu{display:flex;align-items:center;gap:24px;margin-left:auto;font-weight:700;font-size:.94rem}
.menu a{position:relative;padding:28px 0;color:#31434d}
.menu a:after{content:"";position:absolute;left:0;bottom:21px;width:0;height:2px;background:var(--green);transition:.25s}
.menu a:hover:after{width:100%}
.menu-cta{margin-left:8px}
.hamburger{display:none;margin-left:auto;border:0;background:var(--mint);color:var(--green-2);width:46px;height:46px;border-radius:14px;font-size:24px;cursor:pointer}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,var(--green),#1b9554);color:white;padding:14px 24px;font-weight:850;box-shadow:0 12px 26px rgba(22,115,63,.24);border:1px solid rgba(255,255,255,.18);transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.cta:before{content:"";position:absolute;top:-80%;left:-35%;width:26%;height:260%;background:rgba(255,255,255,.26);transform:rotate(24deg);transition:left .5s ease}
.cta:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 18px 36px rgba(22,115,63,.32);filter:saturate(1.08)}
.cta:hover:before{left:120%}
.cta.secondary{background:#fff;color:var(--green-2);border:1px solid #9acdad;box-shadow:none}
.cta.secondary:hover{background:var(--mint)}
.cta.small{padding:11px 18px;border-radius:12px;font-size:.92rem}
.hero{background:radial-gradient(circle at 82% 18%,#d8f3df 0,transparent 31%),linear-gradient(135deg,#f9fdf9 0,#edf8f0 55%,#f9fcf7 100%);padding:58px 0 42px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:48px;align-items:stretch}
.hero-copy,.hero-visual{min-height:610px}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:18px 0}
.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--green-2);font-weight:850;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.kicker:before{content:"";width:30px;height:2px;background:var(--green)}
.rating-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:13px 0 10px}
.stars{color:var(--gold);letter-spacing:1px;font-weight:900}
.tag{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 11px;font-size:.86rem;font-weight:800;color:#3f5159}
h1{font-size:clamp(2.35rem,4vw,4.3rem);line-height:1.02;letter-spacing:-.045em;margin:10px 0 20px;color:var(--navy);max-width:720px}
h1 span{color:var(--green)}
.hero-desc{font-size:1.06rem;color:#465861;margin:0 0 21px;max-width:720px}
.hero-points{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 16px}
.hero-points li{display:flex;gap:10px;align-items:flex-start;font-weight:700;color:#31434d}
.check{flex:0 0 24px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#dff3e5;color:var(--green);font-weight:950;margin-top:1px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-micro{margin-top:18px;font-size:.84rem;color:var(--muted)}
.hero-visual{border-radius:32px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#eef8f0,#d9efe1);box-shadow:var(--shadow);overflow:hidden}
.hero-visual:before,.hero-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(22,115,63,.14)}
.hero-visual:before{width:430px;height:430px}
.hero-visual:after{width:520px;height:520px}
.hero-bottle{position:relative;z-index:2;max-height:560px;width:auto;filter:drop-shadow(0 30px 34px rgba(8,45,28,.18))}
.leaf-dot{position:absolute;border-radius:50%;background:rgba(22,115,63,.08)}
.leaf-dot.one{width:140px;height:140px;top:24px;right:-40px}.leaf-dot.two{width:90px;height:90px;left:18px;bottom:22px}
.location-wrap{margin-top:28px}
.location-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #d7e8dc;border-radius:22px;padding:18px 22px;box-shadow:0 12px 32px rgba(20,70,44,.08)}
.location-title{font-size:1.02rem;font-weight:900;color:var(--navy)}
.location-copy{font-size:.9rem;color:var(--muted);margin-top:2px}
.section{padding:82px 0}
.section.soft{background:var(--mint-2)}
.section.greenwash{background:linear-gradient(180deg,#edf8f1,#f8fcf8)}
.section-head{max-width:780px;margin-bottom:34px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:.77rem;letter-spacing:.12em;text-transform:uppercase;font-weight:900;margin-bottom:8px}
.eyebrow:before{content:"";width:24px;height:2px;background:var(--green)}
h2{font-size:clamp(2rem,3.3vw,3.25rem);line-height:1.08;letter-spacing:-.035em;color:var(--navy);margin:0 0 14px}
.section-lead{font-size:1.04rem;color:#566871;margin:0}
.split{display:grid;grid-template-columns:.96fr 1.04fr;gap:34px;align-items:stretch}
.split.reverse{grid-template-columns:1.04fr .96fr}
.copy-card,.image-card{min-height:510px;border-radius:var(--radius)}
.copy-card{background:#fff;border:1px solid var(--line);padding:36px;box-shadow:0 14px 38px rgba(20,70,44,.07);display:flex;flex-direction:column;justify-content:center}
.copy-card p{margin:0 0 16px;color:#485b64}.copy-card p:last-child{margin-bottom:0}
.image-card{overflow:hidden;position:relative;background:#eef3ef}
.image-card img{width:100%;height:100%;object-fit:cover}
.image-card .caption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);padding:14px 16px;border-radius:16px;font-weight:800;color:var(--navy)}
.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.fact{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 10px 28px rgba(20,70,44,.06)}
.fact .icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--mint);font-size:24px;margin-bottom:14px}
.fact h3,.benefit h3,.step h3,.story h3,.review h3,.price-card h3,.legal h3{margin:0 0 8px;color:var(--navy)}
.fact p,.benefit p,.step p,.story p,.review p,.legal p{margin:0;color:#566871}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.benefit{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;position:relative;overflow:hidden;transition:.25s;min-height:215px}
.benefit:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-28px;bottom:-34px;background:rgba(22,115,63,.07)}
.benefit:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.benefit .icon{font-size:29px;margin-bottom:14px}
.story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.story{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(20,70,44,.06)}
.story img{width:100%;height:210px;object-fit:cover}.story .body{padding:20px}
.story.wide{grid-column:span 2}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}
.step .num{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:900;margin-bottom:16px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pros,.cons{border-radius:22px;padding:30px;border:1px solid var(--line);background:#fff}
.pros h3,.cons h3{font-size:1.4rem;margin-top:0;color:var(--navy)}
.pros ul,.cons ul{margin:0;padding-left:20px}.pros li,.cons li{margin:10px 0;color:#4f626b}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;margin-top:34px}
.price-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px 24px;text-align:center;box-shadow:0 16px 44px rgba(20,70,44,.08);overflow:hidden;transition:.25s}
.price-card:hover{transform:translateY(-5px);box-shadow:0 23px 52px rgba(20,70,44,.14)}
.price-card.best{border:2px solid var(--green);transform:translateY(-8px)}
.price-card.best:hover{transform:translateY(-12px)}
.badge{position:absolute;top:16px;left:16px;background:var(--green);color:#fff;padding:6px 11px;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.06em}
.price-card h3{font-size:1.42rem;margin-top:20px}.price-card .sub{color:var(--muted);font-size:.92rem;min-height:50px}
.pack{height:215px;display:flex;align-items:flex-end;justify-content:center;gap:8px;margin:16px 0 8px;overflow:visible}
.group{display:flex;align-items:flex-end;justify-content:center;gap:-10px;position:relative}
.group img{width:67px;max-height:180px;object-fit:contain;margin-left:-14px;filter:drop-shadow(0 13px 10px rgba(20,70,44,.14))}.group img:first-child{margin-left:0}
.plus{font-size:2rem;color:var(--green);font-weight:950;align-self:center;margin:0 2px 44px}
.price-main{font-size:1.72rem;color:var(--green-2);font-weight:950;margin-top:8px}
.price-detail{font-size:.92rem;color:#5a6c74;margin:3px 0}
.price-card .cta{width:100%;margin-top:18px}
.mini-note{font-size:.82rem;color:var(--muted);margin-top:18px}
.buy-band{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;background:linear-gradient(135deg,var(--navy),#16495f);color:#fff;border-radius:28px;padding:34px}
.buy-band h2{color:#fff;margin-bottom:10px;font-size:clamp(1.8rem,3vw,2.6rem)}.buy-band p{margin:0;color:#d9e7ec;max-width:780px}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.review{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 11px 30px rgba(20,70,44,.06)}
.review-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.review .name{font-weight:900;color:var(--navy)}
.review .stars{font-size:.9rem}.review small{display:block;margin-top:14px;color:var(--muted)}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:12px}
details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 18px}
summary{list-style:none;cursor:pointer;padding:19px 30px 19px 0;font-weight:850;color:var(--navy);position:relative}
summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:0;top:15px;font-size:1.4rem;color:var(--green)}details[open] summary:after{content:"–"}details p{margin:0 0 18px;color:#566871}
.footer{background:#fff;border-top:1px solid var(--line);padding:58px 0 108px}
.footer-top{display:grid;grid-template-columns:1.1fr .7fr .7fr;gap:34px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.footer-logo{width:150px;margin-bottom:15px}.footer p,.footer a,.footer small{color:#66777f}.footer a{display:block;margin:7px 0}.footer h3{color:var(--navy);margin-top:0}
.legal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.legal{background:var(--mint-2);border:1px solid #dfede3;border-radius:18px;padding:20px}.legal p{font-size:.83rem;line-height:1.55}
.disclaimer{margin-top:18px;border:1px solid #bad8c4;border-radius:16px;background:#f4fbf6;padding:18px;color:#3e5650;font-size:.86rem}
.mobile-buy{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:1100}.mobile-buy .cta{width:100%;padding:15px 18px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.show{opacity:1;transform:none}
@media (max-width:980px){
  .site-header{top:44px}.menu{display:none;position:absolute;left:18px;right:18px;top:78px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.menu.open{display:flex}.menu a{padding:12px 14px}.menu a:after{display:none}.hamburger{display:block}.menu-cta{display:none}.hero-grid,.split,.split.reverse{grid-template-columns:1fr}.hero-copy,.hero-visual{min-height:auto}.hero-visual{min-height:500px}.fact-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}.story-grid{grid-template-columns:repeat(2,1fr)}.pricing{grid-template-columns:1fr}.price-card.best{transform:none}.price-card.best:hover{transform:translateY(-5px)}.review-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.legal-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:680px){
  .offer-bar{font-size:.78rem;padding:9px 10px}.site-header{top:39px}.container{width:min(100% - 24px,1180px)}.nav{min-height:70px}.logo{width:110px}.hero{padding:38px 0 30px}.hero-grid{gap:24px}.hero-points{grid-template-columns:1fr}.hero-visual{min-height:390px;border-radius:24px}.hero-bottle{max-height:380px}.location-card{align-items:flex-start;flex-direction:column}.section{padding:60px 0}.copy-card,.image-card{min-height:auto}.copy-card{padding:26px}.image-card{height:360px}.fact-grid,.benefit-grid,.story-grid,.steps,.two-col,.faq,.footer-top,.legal-grid{grid-template-columns:1fr}.story.wide{grid-column:auto}.buy-band{grid-template-columns:1fr;padding:26px}.footer{padding-bottom:104px}.mobile-buy{display:block}.pack{height:195px}.group img{width:61px}.price-card{padding:28px 18px}
}