:root{--ink:#183b2a;--muted:#667567;--paper:#faf9f1;--lemon:#e4eb81}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}header,main,footer{max-width:1120px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce2d7}.brand{font-size:23px;font-weight:750;letter-spacing:-1px}.brand span{display:inline-block;width:18px;height:23px;background:var(--lemon);border-radius:65% 35%;margin-right:10px;transform:rotate(35deg)}nav{display:flex;gap:28px;font-size:14px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding:65px 0}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;color:var(--muted)}h1{font-size:clamp(40px,6vw,74px);line-height:1.07;letter-spacing:-3px;font-weight:600;margin:24px 0}h2{font-size:29px;letter-spacing:-1px}h3{font-size:22px;margin-bottom:8px}.intro{color:var(--muted);max-width:520px}.button{display:inline-block;padding:12px 25px;background:var(--ink);color:white;border-radius:6px;margin-top:20px}.fruit-art{min-height:350px;display:grid;place-items:center;background:#edf0d4;border-radius:180px 180px 12px 12px}.fruit-art svg{width:90%;max-width:400px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:25px 0 55px}.card{background:white;border:1px solid #e3e7dc;border-radius:12px;padding:28px}.card p{color:var(--muted);font-size:15px}.swatch{height:8px;width:50px;border-radius:10px;background:var(--lemon)}.orange{background:#edab65}.green{background:#9aaf73}.article{max-width:780px;padding-top:45px;min-height:65vh}.article h1{font-size:48px}.article p{color:var(--muted)}footer{border-top:1px solid #dce2d7;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted);margin-top:35px}.note{border-left:3px solid var(--lemon);padding-left:22px;margin:32px 0}@media(max-width:700px){header,main,footer{padding:22px}nav{gap:15px;font-size:12px}.hero{grid-template-columns:1fr;padding:35px 0;gap:20px}.fruit-art{min-height:280px}.cards{grid-template-columns:1fr}footer{flex-direction:column}.article h1{font-size:38px;letter-spacing:-2px}}