*{box-sizing:border-box}
:root{--ink:#17362a;--muted:#52675d;--paper:#f5f7f1;--green:#dcead6}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,sans-serif;line-height:1.6}nav,footer{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:24px 32px;gap:24px}nav{position:static;background:none;border:0}nav div{display:flex;gap:25px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.brand{font-size:22px;letter-spacing:-1px}main{max-width:1240px;margin:auto;padding:0 32px}header{padding:85px 0 60px}h1{font-size:clamp(40px,5.6vw,72px);line-height:1.09;letter-spacing:-3px;max-width:850px;font-weight:550;margin:22px 0}h1 em{font-style:normal;color:#64885b}header p{font-size:20px;max-width:650px;color:var(--muted)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px}h2{font-size:32px;line-height:1.18;letter-spacing:-1px}h3{font-size:22px;line-height:1.3}.products,.three{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:28px 0 70px}.product,.sample{background:white;border:1px solid #d7dfd1;border-radius:18px;padding:32px}.green{background:var(--green)}.product h2{font-size:44px;margin:25px 0 12px}.product p{min-height:120px;color:var(--muted)}.product strong{font-size:15px}.more{color:var(--ink);display:block;margin-top:30px}.statement{padding:55px;text-align:center;border-radius:20px;margin:45px 0}.statement p{max-width:680px;margin:20px auto}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;align-items:center}.hero h1{font-size:clamp(38px,4.5vw,60px)}.button{display:inline-block;background:var(--ink);color:white;padding:15px 24px;border-radius:9px;font-weight:650;margin:15px 0}small{display:block;color:var(--muted);font-size:12px}.sample{box-shadow:0 16px 50px #17362a0b;transform:rotate(1deg)}.sample div{border-top:1px solid #e3e9dd;padding:17px 0}.sample p{font-size:15px;margin:5px 0}.pill{color:var(--ink);display:inline-block;padding:8px 12px;background:#edf4e8;border-radius:20px;font-size:11px}.three article{padding:16px}.three article>span{font-size:11px;letter-spacing:1px}.three p{color:var(--muted)}footer{font-size:12px;border-top:1px solid #d7dfd1;margin-top:35px}a:focus-visible{outline:3px solid #64885b;outline-offset:4px}@media(max-width:760px){main{padding:0 20px}nav,footer{padding:20px;flex-wrap:wrap}header{padding:45px 0}.hero,.three,.products{grid-template-columns:1fr;gap:20px}.product p{min-height:0}h1{letter-spacing:-1.8px}.statement{padding:30px 20px}.sample{transform:none}nav div{gap:15px}}
