:root{--cream:#fbf6ec;--green:#143b2d;--sage:#6f8b63;--gold:#c39a55;--brown:#6b4c32;--ink:#162017;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--cream);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topbar{background:#143b2d;color:#fff;text-align:center;padding:10px 14px;font-size:14px}.topbar a{font-weight:800}.nav{position:sticky;top:0;z-index:20;background:rgba(251,246,236,.88);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:16px 6vw;border-bottom:1px solid rgba(20,59,45,.08)}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand img{width:45px;height:45px;object-fit:cover;border-radius:14px}.brand span{font-size:20px}.brand b{color:var(--gold)}.nav nav{display:flex;gap:26px;font-weight:700;font-size:14px}.navbtn,.btn{border-radius:999px;padding:14px 22px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.navbtn,.primary{background:var(--green);color:#fff}.soft{background:#fff;color:var(--green);box-shadow:0 16px 50px rgba(20,59,45,.1)}.hero{min-height:calc(100vh - 110px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;padding:70px 6vw 50px;background:radial-gradient(circle at 80% 20%,rgba(195,154,85,.25),transparent 30%),radial-gradient(circle at 15% 70%,rgba(111,139,99,.22),transparent 28%)}.eyebrow{color:var(--gold);font-weight:900;letter-spacing:.16em;text-transform:uppercase;font-size:12px}.hero h1,.section h2,.story h2,.why h2,.lead h2{font-family:Marcellus,serif;font-weight:400;line-height:.98;margin:12px 0 18px}.hero h1{font-size:clamp(48px,7vw,92px);max-width:860px}.hero p{font-size:20px;line-height:1.75;color:#526052;max-width:720px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.stats{display:flex;gap:16px;flex-wrap:wrap}.stats div{background:rgba(255,255,255,.62);border:1px solid rgba(20,59,45,.08);padding:16px 20px;border-radius:24px;box-shadow:0 18px 60px rgba(20,59,45,.08)}.stats b{display:block;color:var(--green);font-size:22px}.stats span{font-size:13px;color:#6c746b}.heroVisual{position:relative;min-height:610px;display:grid;place-items:center}.blob{position:absolute;width:440px;height:440px;border-radius:50%;background:linear-gradient(135deg,#e9d2a1,#76935d);filter:blur(3px);opacity:.45}.mainBottle{position:relative;width:min(360px,75%);filter:drop-shadow(0 45px 55px rgba(20,59,45,.25));border-radius:26px}.float{position:absolute;width:170px;border-radius:26px;box-shadow:0 30px 70px rgba(0,0,0,.17)}.float.one{left:2%;bottom:8%;transform:rotate(-7deg)}.float.two{right:0;top:8%;transform:rotate(8deg)}.marquee{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;padding:22px 6vw;background:#fff;color:var(--green);font-weight:900}.marquee span{padding:8px 16px;border-radius:999px;background:#f3ead9}.section{padding:95px 6vw}.sectionHead{text-align:center;max-width:780px;margin:0 auto 44px}.section h2{font-size:clamp(34px,5vw,58px)}.sectionHead p{color:#647064;line-height:1.7}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.cat,.product, .blogGrid article{background:#fff;border:1px solid rgba(20,59,45,.08);border-radius:34px;box-shadow:0 25px 80px rgba(20,59,45,.09);overflow:hidden;transition:.3s}.cat:hover,.product:hover,.blogGrid article:hover{transform:translateY(-8px)}.cat{padding:18px}.cat img{height:250px;width:100%;object-fit:cover;border-radius:24px;background:#f9f5eb}.cat h3{font-size:22px;margin:18px 0 8px}.cat p{color:#667062}.products{background:#f5eddf}.productGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{padding:18px}.product img{height:280px;width:100%;object-fit:contain;background:linear-gradient(135deg,#fff,#f7efe2);border-radius:24px}.product div{padding:14px}.product span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:var(--gold)}.product h3{font-size:24px;margin:10px 0}.product p{line-height:1.6;color:#667062}.order{display:inline-flex;background:var(--green);color:#fff;padding:12px 16px;border-radius:999px;font-weight:900;margin-top:8px}.story{display:grid;grid-template-columns:.95fr 1.05fr;gap:50px;align-items:center;padding:105px 6vw;background:#fff}.story img{border-radius:40px;box-shadow:0 30px 80px rgba(0,0,0,.12);width:100%;height:520px;object-fit:cover}.story h2{font-size:clamp(36px,5vw,64px)}.story p{font-size:18px;line-height:1.85;color:#5d665b}.why{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;padding:90px 6vw;background:var(--green);color:#fff}.why h2{font-size:52px}.why p{color:#d8e3d2}.whyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.whyGrid span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);padding:22px;border-radius:24px;font-weight:900}.blogGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blogGrid img{height:260px;width:100%;object-fit:cover}.blogGrid article{padding-bottom:20px}.blogGrid h3,.blogGrid p{padding:0 22px}.blogGrid p{color:#667062}.lead{margin:40px 6vw 100px;border-radius:44px;background:linear-gradient(135deg,#143b2d,#6f8b63);color:#fff;padding:56px;display:flex;justify-content:space-between;gap:30px;align-items:center}.lead h2{font-size:48px}.lead p{color:#e5efe1;max-width:700px}footer{background:#102a21;color:#fff;padding:56px 6vw;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}footer a{display:block;color:#dce8d8;margin:10px 0}.whatsapp{position:fixed;right:22px;bottom:22px;background:#25d366;color:#fff;font-weight:900;padding:16px 20px;border-radius:999px;box-shadow:0 20px 60px rgba(0,0,0,.2);z-index:30}@media(max-width:1000px){.nav nav{display:none}.hero,.story,.why{grid-template-columns:1fr}.categories,.productGrid,.blogGrid{grid-template-columns:repeat(2,1fr)}.heroVisual{min-height:430px}.whyGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topbar{font-size:12px}.nav{padding:12px 18px}.navbtn{display:none}.brand span{font-size:16px}.hero{padding:44px 20px;min-height:auto}.hero h1{font-size:46px}.hero p{font-size:16px}.stats{display:grid;grid-template-columns:1fr}.float{display:none}.mainBottle{width:82%}.categories,.productGrid,.blogGrid{grid-template-columns:1fr}.section{padding:70px 20px}.story,.why{padding:70px 20px}.story img{height:360px}.whyGrid{grid-template-columns:1fr}.lead{margin:20px 20px 80px;padding:34px;display:block}.lead h2{font-size:36px}footer{grid-template-columns:1fr;padding:42px 20px}.whatsapp{right:14px;bottom:14px}}
