:root{--ink:#14211a;--forest:#0f2a1d;--green:#2f6b45;--sage:#a9c3a0;--cream:#f7f3ea;--sand:#efe8d8;--gold:#c9a24a;--gold2:#e6c674;--muted:#5d6b62;--gradgold:linear-gradient(135deg,#e6c674,#b8892f)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:Fraunces,Georgia,serif;font-weight:500;letter-spacing:-.02em;line-height:1.1}
a{color:inherit;text-decoration:none}
.btn{display:inline-block;background:var(--gradgold);color:var(--forest);padding:.95rem 1.6rem;border-radius:12px;font-weight:600;border:0;cursor:pointer;transition:.25s;font-size:.95rem}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(201,162,74,.38)}
.btn:disabled{opacity:.6;cursor:wait;transform:none}
.btn-ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(10px)}
.btn-sm{padding:.6rem 1.1rem;font-size:.85rem}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:600;color:var(--gold);margin-bottom:1rem}
.pill{display:inline-flex;align-items:center;gap:.6rem;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);padding:.45rem 1rem;border-radius:999px;font-size:.8rem;color:rgba(255,255,255,.8);margin-bottom:2rem;backdrop-filter:blur(10px)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--gold2);box-shadow:0 0 10px var(--gold)}
.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 5vw;color:#fff;transition:.3s}
.nav.scrolled{background:rgba(15,42,29,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(201,162,74,.2);padding:.8rem 5vw}
.brand{display:flex;align-items:center;gap:.6rem;font-family:Fraunces,serif;font-size:1.3rem;font-weight:700}
.brand em{font-style:italic;font-weight:300;color:var(--gold)}
.mark{width:36px;height:36px;border-radius:10px}
.links{display:flex;gap:2rem;font-size:.9rem;opacity:.9}
.links a:hover{color:var(--gold)}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;color:#fff;overflow:hidden;background:var(--forest)}
.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(47,107,69,.9),transparent 55%),radial-gradient(circle at 15% 85%,rgba(201,162,74,.22),transparent 45%),linear-gradient(160deg,#0b2016,#123826 60%,#0b2016)}
.hero-logo{position:absolute;right:6vw;top:50%;transform:translateY(-50%) rotate(-12deg);width:min(32vw,420px);opacity:.12;filter:drop-shadow(0 0 50px rgba(201,162,74,.5));pointer-events:none}
.hero-inner{position:relative;padding:8rem 5vw 4rem;max-width:1100px}
.hero h1{font-size:clamp(2.6rem,6vw,5.2rem);margin-bottom:1.5rem}
.hero h1 span{font-style:italic;font-weight:300;color:var(--gold2)}
.lead{font-size:1.12rem;max-width:620px;opacity:.82;margin-bottom:2.2rem}
.cta{display:flex;gap:1rem;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:repeat(3,auto);gap:1rem;margin-top:4.5rem;justify-content:start}
.stats>div{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border-radius:16px;padding:1.2rem 1.6rem}
.stats strong{display:block;font-family:Fraunces,serif;font-size:1.9rem;font-weight:500;color:var(--gold2)}
.stats span{font-size:.82rem;opacity:.7}
.strip{background:var(--gradgold);color:var(--forest);display:flex;justify-content:center;align-items:center;gap:2rem;padding:1.1rem;flex-wrap:wrap;font-family:Fraunces,serif;font-style:italic;font-size:1.12rem}
.strip i{width:6px;height:6px;border-radius:50%;background:var(--forest)}
.section{padding:7rem 5vw}
.head{max-width:680px;margin-bottom:3.5rem}
.head h2,.split h2,.quote-box h2{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:1rem}
.head p{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.card{background:#fff;border:1px solid rgba(15,42,29,.06);border-radius:22px;overflow:hidden;transition:.35s}
.card:hover{transform:translateY(-6px);border-color:rgba(201,162,74,.5);box-shadow:0 25px 50px rgba(15,42,29,.12)}
.hero-card{grid-column:span 2}
.art{height:220px;position:relative}
.hero-card .art{height:260px}
.art-cardamom{background:radial-gradient(ellipse 22% 34% at 30% 55%,#6f9a55 60%,transparent 62%),radial-gradient(ellipse 20% 32% at 55% 45%,#86ad66 60%,transparent 62%),radial-gradient(ellipse 18% 30% at 75% 60%,#5f8a48 60%,transparent 62%),linear-gradient(135deg,#1d4a31,#2f6b45)}
.art-pepper{background:radial-gradient(circle at 30% 40%,#2a2420 9%,transparent 10%),radial-gradient(circle at 55% 60%,#3a312a 10%,transparent 11%),radial-gradient(circle at 72% 35%,#231e1a 8%,transparent 9%),radial-gradient(circle at 45% 30%,#4a3f35 7%,transparent 8%),linear-gradient(135deg,#8b6b4a,#5a4430)}
.art-turmeric{background:radial-gradient(ellipse 30% 10% at 40% 45%,#e8a427 60%,transparent 62%),radial-gradient(ellipse 25% 9% at 60% 62%,#d48d1a 60%,transparent 62%),linear-gradient(135deg,#f3c25a,#c47a12)}
.art-moringa{background:radial-gradient(circle at 30% 50%,#9cc46f 14%,transparent 15%),radial-gradient(circle at 60% 40%,#b7d48a 12%,transparent 13%),radial-gradient(circle at 70% 70%,#e9d8a6 16%,transparent 17%),linear-gradient(135deg,#d9e4c2,#a6bf7f)}
.card .body{padding:1.6rem}
.card h3{font-size:1.4rem;margin-bottom:.5rem}
.card p{color:var(--muted);font-size:.93rem}
.tag{display:inline-block;font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:var(--forest);color:var(--gold2);padding:.3rem .7rem;border-radius:999px;margin-bottom:.8rem}
.tag-soft{background:var(--sand);color:var(--green)}
.dark{background:var(--forest);color:#fff}
.dark .head p{color:rgba(255,255,255,.7)}
.grades{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.grade{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);border-radius:20px;padding:2rem 1.6rem;transition:.3s}
.grade:hover{border-color:var(--gold);background:rgba(201,162,74,.07)}
.grade b{font-family:Fraunces,serif;font-size:2.2rem;font-weight:500;color:var(--gold2);display:block}
.grade span{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;opacity:.75}
.grade p{margin-top:1rem;font-size:.92rem;opacity:.8}
.note{margin-top:2rem;opacity:.65;font-size:.9rem}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.steps>div{border-top:1px solid rgba(15,42,29,.15);padding-top:1.5rem;position:relative}
.steps>div::before{content:"";position:absolute;top:-1px;left:0;width:48px;height:2px;background:var(--gold)}
.steps em{font-family:Fraunces,serif;font-style:italic;color:var(--gold);font-size:1.5rem}
.steps h4{font-size:1.3rem;margin:.6rem 0}
.steps p{color:var(--muted);font-size:.92rem}
.split{display:grid;grid-template-columns:1.1fr 1fr;gap:5rem;align-items:center;background:var(--sand)}
.split p{color:var(--muted);font-size:1.05rem}
.ticks{list-style:none;display:grid;gap:.9rem}
.ticks li{background:#fff;padding:1.05rem 1.4rem 1.05rem 3.2rem;border-radius:14px;position:relative;font-weight:500}
.ticks li::before{content:"✓";position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:7px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:.75rem}
.quote-box{background:linear-gradient(135deg,var(--forest),#1d4a31);color:#fff;border:1px solid rgba(201,162,74,.3);border-radius:28px;padding:4rem;display:grid;grid-template-columns:1fr 1.3fr;gap:4rem}
.q-left p{opacity:.8}
.small{margin-top:1.5rem;font-size:.85rem}
.small a{color:var(--gold2);text-decoration:underline}
.q-form{display:grid;gap:1rem}
.row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.q-form input,.q-form select,.q-form textarea{width:100%;padding:.95rem 1.1rem;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font:inherit}
.q-form select:invalid{color:rgba(255,255,255,.55)}
.q-form select option{color:#000}
.q-form ::placeholder{color:rgba(255,255,255,.55)}
.q-form input:focus,.q-form textarea:focus,.q-form select:focus{outline:none;border-color:var(--gold)}
.q-form .btn{justify-self:start}
.q-status{font-size:.92rem;min-height:1.2em}
.q-status.ok{color:var(--gold2)}
.q-status.err{color:#ffb4a8}
.q-status a{text-decoration:underline}
.foot{background:#0b2016;color:#fff;padding:3.5rem 5vw;text-align:center;display:grid;gap:.8rem;justify-items:center}
.foot p{opacity:.65;font-size:.9rem}
.copy{font-size:.8rem!important;opacity:.4!important}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}
@media(max-width:960px){.links{display:none}.hero-logo{opacity:.07}.grid,.grades,.steps{grid-template-columns:1fr 1fr}.hero-card{grid-column:span 2}.split,.quote-box{grid-template-columns:1fr;gap:2.5rem}.quote-box{padding:2.5rem}}
@media(max-width:600px){.grid,.grades,.steps,.row{grid-template-columns:1fr}.hero-card{grid-column:auto}.stats{grid-template-columns:1fr}.btn-sm{display:none}.hero-logo{display:none}}