:root{--forest:#234b38;--leaf:#477653;--sage:#dce8d8;--cream:#fbf8f0;--paper:#fffdf8;--ink:#243129;--muted:#5d6b60;--line:#d9e2d5;--gold:#d4a65b;--shadow:0 12px 32px rgba(35,75,56,.08);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#285b40;text-underline-offset:3px}a:hover{color:#173b28}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c58c34;outline-offset:3px}.skip{position:absolute;left:-9999px;top:auto}.skip:focus{left:1rem;top:1rem;background:white;padding:.7rem;z-index:100}.site-header{background:rgba(251,248,240,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.nav-wrap{max-width:1160px;margin:auto;padding:.8rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--forest);font-weight:800;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--forest);color:#fff;border-radius:14px;font-size:1.35rem}.nav-links{display:flex;align-items:center;gap:1.2rem}.nav-links a{text-decoration:none;font-size:.94rem;font-weight:650}.menu-toggle{display:none;background:var(--forest);color:white;border:0;border-radius:10px;padding:.55rem .8rem;font:inherit}.wrap{width:min(1100px,calc(100% - 2rem));margin-inline:auto}.hero{padding:4rem 0 3rem;background:radial-gradient(ellipse at 85% 10%,#e4eddc 0,transparent 40%),linear-gradient(180deg,#f8f5eb, var(--cream))}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.eyebrow{color:var(--leaf);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.hero h1{font-size:clamp(2.5rem,5vw,4.3rem);line-height:1.05;letter-spacing:-.055em;color:var(--forest);margin:.8rem 0 1.1rem}.hero p{font-size:1.15rem;color:var(--muted);max-width:640px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:.85rem 1.25rem;background:var(--forest);color:#fff;text-decoration:none;font-weight:750;cursor:pointer}.button:hover{background:#173b28;color:#fff}.button.secondary{background:var(--sage);color:var(--forest)}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.4rem}.hero-art{min-height:340px;border-radius:32px;overflow:hidden;background:#e6eddd;box-shadow:var(--shadow);position:relative}.hero-art img{width:100%;height:100%;min-height:340px;object-fit:cover;display:block}.art-caption{position:absolute;bottom:1rem;left:1rem;right:1rem;background:rgba(255,253,248,.92);border-radius:14px;padding:.7rem 1rem;font-size:.9rem;color:var(--forest)}.quick-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.2rem}.fact{border-top:2px solid var(--line);padding-top:.7rem;font-size:.92rem;color:var(--muted)}.fact strong{display:block;color:var(--forest);font-size:1rem}.section{padding:4rem 0}.section.alt{background:#f1f4e9}.section-head{max-width:740px;margin-bottom:2rem}.section h2{font-size:clamp(1.8rem,3.2vw,2.7rem);line-height:1.15;letter-spacing:-.035em;color:var(--forest);margin:.4rem 0 1rem}.section h3{color:var(--forest);line-height:1.3}.lead{font-size:1.12rem;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow)}.card h3{margin-top:.1rem}.callout{border-left:4px solid var(--gold);padding:1rem 1.2rem;background:#fff7e8;border-radius:0 14px 14px 0;margin:1.4rem 0}.planner{display:grid;grid-template-columns:.85fr 1.15fr;gap:1.3rem;align-items:start}.planner form{display:grid;gap:1rem}.field label{display:block;font-weight:750;margin-bottom:.35rem}.field select{width:100%;padding:.85rem;border:1px solid #aab9aa;border-radius:12px;background:#fff;color:var(--ink);font:inherit}.hint{font-size:.88rem;color:var(--muted);margin:.3rem 0 0}.result{background:var(--forest);color:#f8f8ef;border-radius:var(--radius);padding:1.6rem;min-height:100%}.result h3{color:white;margin-top:0}.result p,.result li{color:#edf4e8}.result .result-label{color:#d7e8cd;text-transform:uppercase;font-size:.75rem;letter-spacing:.12em;font-weight:800}.result ul{padding-left:1.25rem}.plant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.plant-card{overflow:hidden;padding:0}.plant-card img{display:block;width:100%;height:185px;object-fit:cover;background:var(--sage)}.plant-body{padding:1.25rem}.tag{display:inline-block;border-radius:999px;background:var(--sage);color:var(--forest);font-size:.78rem;font-weight:750;padding:.25rem .65rem}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.step{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem}.step:before{counter-increment:step;content:"0" counter(step);display:grid;place-items:center;background:var(--sage);color:var(--forest);font-weight:850;width:42px;height:42px;border-radius:50%;margin-bottom:.8rem}.table-wrap{overflow-x:auto}.guide-table{width:100%;border-collapse:collapse;background:var(--paper);border-radius:14px;overflow:hidden}.guide-table th,.guide-table td{text-align:left;vertical-align:top;padding:1rem;border-bottom:1px solid var(--line)}.guide-table th{background:#e8efe2;color:var(--forest)}.faq details{padding:1rem 0;border-bottom:1px solid var(--line)}.faq summary{font-weight:800;color:var(--forest);cursor:pointer}.faq details p{margin-bottom:.2rem}.sources li{margin:.7rem 0}.site-footer{background:#203f30;color:#f5f3e9;padding:3rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2rem}.site-footer a{color:#e4efd9}.site-footer p,.site-footer li{color:#d4e0d2}.footer-links{list-style:none;padding:0}.footer-links li{margin:.35rem 0}.copyright{border-top:1px solid #54705e;margin-top:2rem;padding-top:1rem;font-size:.88rem;color:#d4e0d2}.prose{max-width:790px;padding:3rem 0 4rem}.prose h1{font-size:clamp(2.3rem,4vw,3.4rem);line-height:1.1;color:var(--forest);letter-spacing:-.04em}.prose h2{margin-top:2rem;color:var(--forest)}.small{font-size:.9rem;color:var(--muted)}.notice{font-size:.9rem;color:var(--muted);background:#edf2e8;border-radius:12px;padding:1rem}.inline-links{display:flex;gap:1rem;flex-wrap:wrap}.footer-brand{color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.hero-grid,.planner,.two-col{grid-template-columns:1fr}.hero{padding-top:2.5rem}.hero-art{min-height:260px}.hero-art img{min-height:260px}.plant-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.quick-facts{grid-template-columns:1fr 1fr}.nav-links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--cream);border-bottom:1px solid var(--line);padding:1rem 1.25rem;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu-toggle{display:block}}
@media(max-width:520px){body{font-size:16px}.wrap{width:min(100% - 1.25rem,1100px)}.plant-grid,.quick-facts,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:2.55rem}.section{padding:3rem 0}.card{padding:1.1rem}.nav-wrap{padding:.7rem}.brand{font-size:.94rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}