*{box-sizing:border-box}
:root{--green:#287744;--dark:#152018;--muted:#667069;--cream:#fafaf7}
body{margin:0;background:var(--cream);color:var(--dark);font-family:Inter,Arial,sans-serif}
a{text-decoration:none;color:inherit}.container{max-width:1180px;margin:auto;padding:0 22px}
header{position:sticky;top:0;z-index:20;background:#fafaf7ee;backdrop-filter:blur(14px);border-bottom:1px solid #e4e8e1}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo{font-size:22px;font-weight:900;letter-spacing:-.8px}.logo span{color:var(--green)}
nav{display:flex;gap:25px;color:#59625b;font-size:14px;font-weight:700}
nav a:hover{color:var(--green)}.nav-btn,.search button{background:var(--green);color:white;border:0;border-radius:13px;padding:13px 19px;font-weight:800;cursor:pointer}
.hero{padding:85px 0 70px;background:linear-gradient(135deg,#edf7ee,#fffdf4)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}
.eyebrow{color:var(--green);font-size:11px;font-weight:900;letter-spacing:2px}
h1{font-size:clamp(48px,6vw,76px);line-height:.96;letter-spacing:-4px;margin:16px 0 24px}
h1 em{color:var(--green);font-style:normal}.hero p{max-width:650px;color:var(--muted);font-size:18px;line-height:1.7}
.search{display:flex;gap:10px;margin-top:28px}.search input{flex:1;padding:16px 18px;border:1px solid #d7ddd5;border-radius:13px;font-size:15px;background:white}
.hero-food{height:320px;background:linear-gradient(145deg,#f1e3c4,#dcefe2);border-radius:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 20px 60px #193f2112}
.food-emoji{font-size:105px;letter-spacing:-20px}.hero-stat{background:white;border-radius:15px;padding:14px 20px;margin-top:28px;display:flex;flex-direction:column;box-shadow:0 8px 25px #193f2112}.hero-stat span{font-size:12px;color:var(--muted);margin-top:4px}
.section{padding:75px 0}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-title h2{font-size:38px;letter-spacing:-1.7px;margin:6px 0}.section-title p{color:var(--muted)}
.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.filters button{border:1px solid #dce1da;background:white;border-radius:99px;padding:9px 16px;font-weight:700;cursor:pointer}.filters button.active,.filters button:hover{background:var(--green);border-color:var(--green);color:white}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid #e4e8e1;border-radius:21px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #17231812}.pic{height:190px;display:grid;place-items:center;font-size:76px;background:linear-gradient(135deg,#f8ecd1,#e5f2e8)}.body{padding:20px}.tag{color:var(--green);font-size:11px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.card h3{margin:8px 0;font-size:21px}.card p{font-size:14px;line-height:1.55;color:var(--muted)}.meta{display:flex;justify-content:space-between;margin-top:17px;font-size:13px;font-weight:800}
.about{padding:75px 0;background:#172018;color:white}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about h2{font-size:43px;letter-spacing:-2px;margin:10px 0}.about p{color:#c5cec6;line-height:1.7}.benefits{display:grid;gap:13px}.benefits div{padding:17px;background:#223027;border:1px solid #354238;border-radius:14px;font-weight:700}
footer{padding:34px 0;color:#69716b}.footer{display:flex;justify-content:space-between}
@media(max-width:800px){nav{display:none}.hero-grid,.about-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}}
@media(max-width:550px){.nav-btn{display:none}.grid{grid-template-columns:1fr}.hero-food{display:none}.search{flex-direction:column}h1{letter-spacing:-2px}.section-title{display:block}}