:root{--green:#173d26;--olive:#94a94d;--cream:#f7f3e9;--ink:#1c261f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:#fffdf8}h1,h2,h3,.logo{font-family:Georgia,serif}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
header{height:92px;display:flex;align-items:center;padding:0 6vw;gap:35px;position:sticky;top:0;z-index:20;background:rgba(255,253,248,.96);border-bottom:1px solid #ddd7c8}.logo{font-size:31px;letter-spacing:.13em;color:var(--green);line-height:.7}.logo span{display:block;text-align:center;font-size:18px}.logo small{font:12px Arial;display:block;letter-spacing:0;margin-top:10px}nav{display:flex;gap:28px;margin:auto;font-size:13px;text-transform:uppercase;font-weight:bold}.header-cta,.btn{padding:14px 22px;border-radius:5px;font-size:13px;text-transform:uppercase;font-weight:bold}.header-cta,.btn.dark{background:var(--green);color:white}.btn.light{background:#f1f4df;color:var(--green)}#menuBtn{display:none}
.hero{height:610px;position:relative;overflow:hidden;background:#0c2a18}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,28,16,.95) 0%,rgba(7,28,16,.76) 52%,rgba(7,28,16,.25)),url('assets/foret.jpg') center/cover}.hero-content{position:absolute;z-index:2;left:6vw;top:76px;color:white;max-width:590px}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:bold;color:#739057}.hero h1{font-size:60px;line-height:1.02;margin:10px 0 24px}.hero h1 em{color:#b1ca67;font-style:normal}.hero-content>p:not(.kicker){font-size:18px;max-width:530px}.badges{display:flex;gap:30px;margin:32px 0}.badges span{font-size:12px;text-transform:uppercase;font-weight:bold;border-left:2px solid var(--olive);padding-left:12px}.hero-product{position:absolute;z-index:2;right:7vw;bottom:-25px;height:570px;filter:drop-shadow(0 25px 30px rgba(0,0,0,.4))}
.about{padding:65px 7vw;display:grid;grid-template-columns:.55fr 1fr 1fr;gap:45px;align-items:center;background:var(--cream)}.botanical{font-size:140px;opacity:.15}.about h2,.benefits h2,.uses h2,.b2b h2,.contact h2{font-size:37px;color:var(--green);margin:8px 0 20px}.about p{line-height:1.7}.principles{border-left:1px solid #cbc5b5;padding-left:35px}.principles article{margin:20px 0;padding-left:14px;border-left:3px solid #a8b87b}.principles b,.principles span{display:block}.principles span{font-size:14px;color:#5b625c;margin-top:4px}
.benefits{padding:55px 7vw;text-align:center;background:#eef0e7}.center{text-align:center}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px}.benefit-grid article{padding:25px;border-right:1px solid #d3d6ca}.benefit-grid article:last-child{border:0}.benefit-grid span{display:block;font:28px Georgia;color:#9aac66}.benefit-grid b{display:block;text-transform:uppercase;color:var(--green);margin:8px}
.uses{padding:65px 6vw}.uses>h2{text-align:center}.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.use-grid img{height:165px;width:100%;object-fit:cover;border-radius:6px}.use-grid h3{text-align:center;color:var(--green);margin:15px 0 5px}.use-grid p{text-align:center;font-size:14px}
.b2b{padding:55px 6vw;background:linear-gradient(90deg,#173d26,#0d2b18);color:white;display:grid;grid-template-columns:1fr 1.4fr;gap:50px}.b2b h2{color:white}.b2b-items{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:center}.b2b-items article{text-align:center;border-left:1px solid rgba(255,255,255,.25);padding:15px}.b2b-items b,.b2b-items span{display:block}.b2b-items b{text-transform:uppercase;font-size:13px}.b2b-items span{font-size:12px;color:#d7dfd7;margin-top:8px}
.contact{padding:45px 6vw;display:grid;grid-template-columns:1fr 1fr .7fr;align-items:center;background:var(--cream)}.contact h2{font-size:46px;letter-spacing:.15em;margin-bottom:0}.contact-list{display:flex;flex-direction:column;gap:10px;border-left:1px solid #ccc5b7;padding-left:45px}.qr{text-align:center}.qr img{width:120px;margin:auto}.qr small{display:block;margin-top:8px}footer{background:#12341f;color:white;text-align:center;padding:15px;font-size:12px}
@media(max-width:900px){header{height:auto;padding:18px 5vw;flex-wrap:wrap}.header-cta{display:none}#menuBtn{display:block;margin-left:auto;background:none;border:1px solid var(--green);padding:8px}nav{display:none;width:100%;flex-direction:column;gap:12px}nav.open{display:flex}.hero{height:720px}.hero-content{top:50px;right:5vw}.hero h1{font-size:45px}.hero-product{height:360px;right:50%;transform:translateX(50%);bottom:-20px}.badges{gap:10px;flex-wrap:wrap}.about{grid-template-columns:1fr}.botanical{display:none}.benefit-grid,.use-grid{grid-template-columns:1fr 1fr}.b2b{grid-template-columns:1fr}.b2b-items{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr;gap:25px}.contact-list{border:0;padding:0}}
@media(max-width:560px){.hero h1{font-size:38px}.benefit-grid,.use-grid,.b2b-items{grid-template-columns:1fr}.hero-product{height:310px}}