:root{--ink:#193c2c;--paper:#f7f5eb;--lime:#d9eb8b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,sans-serif}a{color:inherit}header,main,footer{max-width:1120px;margin:auto;padding:26px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #d2d8c7}nav{display:flex;gap:24px;flex-wrap:wrap}.brand{font-size:23px;font-weight:800;text-decoration:none;letter-spacing:-1px}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:50px;padding:80px 0}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:2px;font-weight:700}h1{font:clamp(44px,6vw,76px)/1.05 Georgia,serif;letter-spacing:-2px;margin:20px 0 28px}h2{font:36px/1.2 Georgia,serif}h3{margin:0;font-size:22px}.intro{font-size:20px;max-width:560px}.button{display:inline-block;background:var(--ink);color:white;border-radius:30px;padding:13px 25px;text-decoration:none;margin:12px 0}.note{font-size:14px;color:#536756}.pantry{background:var(--lime);border-radius:180px 180px 24px 24px;padding:65px 30px 30px;align-self:center;transform:rotate(2deg)}.pantry b{font:38px Georgia,serif}.food{padding:13px 0;border-bottom:1px solid #8ca66c;display:flex;justify-content:space-between}.section{padding:45px 0;border-top:1px solid #ccd3bf}.steps,.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{padding:20px 0}.number{font:42px Georgia,serif;color:#7e9253}.plan{padding:28px;border:1px solid #bdc9ae;border-radius:20px}.plan.featured{background:var(--ink);color:var(--paper)}.price{font:42px Georgia,serif;margin:18px 0}.legal{max-width:800px}.legal h1{font-size:48px}.legal h2{font-size:27px;margin-top:38px}footer{border-top:1px solid #ccd3bf;font-size:14px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}a:focus-visible{outline:3px solid #c77b29;outline-offset:5px}@media(max-width:700px){.hero{grid-template-columns:1fr;padding:40px 0;gap:20px}.steps,.plans{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}.pantry{max-width:420px;width:100%;transform:none}.hero h1{max-width:440px}nav{gap:18px}}