*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.6;background:var(--bg);color:var(--ink)}a{color:inherit}a,button,input,select{touch-action:manipulation}button,input,select{font:inherit}button,a.button{cursor:pointer;border:0;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:13px 22px;border-radius:999px;background:var(--accent);color:var(--onaccent);font-weight:700}button:hover,a.button:hover{filter:brightness(.92)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,main,footer{max-width:1160px;margin:auto;padding:0 30px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:100px}.brand{font-weight:800;letter-spacing:-1px;font-size:25px;text-decoration:none}nav{display:flex;gap:25px}nav a{text-decoration:none;font-size:14px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase}h1{font-size:clamp(50px,7.7vw,92px);letter-spacing:-5px;line-height:1.02;margin:20px 0 28px}h2{font-size:clamp(30px,4vw,43px);line-height:1.15;letter-spacing:-1.5px}h3{font-size:21px;line-height:1.3}p{max-width:580px}.lede{font-size:18px;opacity:.8}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;padding:70px 0 90px}.hero-art{width:100%;min-width:0;display:block}.muted{opacity:.65}.section{padding:65px 0;border-top:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.number{font-size:13px;opacity:.6}.interactive{padding:40px;border-radius:25px;background:var(--panel);border:1px solid var(--line)}label{display:block;font-weight:700;font-size:14px}input,select{display:block;max-width:100%;width:100%;padding:13px;margin:9px 0 24px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.controls button{background:transparent;color:var(--ink);border:1px solid var(--line)}.controls button[aria-pressed="true"]{background:var(--accent);color:var(--onaccent)}.result{font-size:clamp(36px,5vw,64px);font-weight:800;letter-spacing:-2px;line-height:1.1}footer{padding-top:35px;padding-bottom:35px;border-top:1px solid var(--line);font-size:12px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{margin-left:14px}svg{overflow:visible}[hidden]{display:none!important}@media(max-width:760px){header,main,footer{padding-left:22px;padding-right:22px}header{min-height:85px}nav{gap:14px}nav a{font-size:12px}.hero{grid-template-columns:1fr;gap:35px;padding:40px 0 60px}.hero-art{max-width:460px;margin:auto}h1{letter-spacing:-3px}.grid,.split{grid-template-columns:1fr}.section{padding:42px 0}.interactive{padding:25px}.grid{gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
:root{--bg:#f1f4e9;--ink:#203b2d;--accent:#285f43;--onaccent:#fff;--panel:#e5ebdb;--line:#cbd6be}h1{font-family:Georgia,serif;font-weight:400}.hero h1 span{font-style:italic;color:#6c824e}.card{border-radius:28px 28px 8px 8px}.leaf-icon{height:80px;width:64px;display:block;margin:10px auto 30px;border-radius:0 80% 0 80%;background:#789e64;transform:rotate(-20deg)}.plant-meta{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.hero-art{background:#e0e8d4;border-radius:230px 230px 20px 20px}.tip{padding-left:20px;border-left:3px solid var(--accent)}