:root{
  --ink:#102f26;
  --ink-2:#1b4437;
  --leaf:#c8ef70;
  --leaf-2:#9ed84d;
  --cream:#f5f0e6;
  --paper:#fffdf8;
  --sand:#e8ddca;
  --muted:#6b756f;
  --line:rgba(16,47,38,.14);
  --orange:#ef8a54;
  --yellow:#e9c85d;
  --red:#d85a4f;
  --shadow:0 18px 50px rgba(21,50,40,.10);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
img,svg{max-width:100%}
.wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:11px;font-size:14px;line-height:1}
.brand span{display:grid;gap:2px}.brand b{text-transform:uppercase;letter-spacing:.09em;font-size:11px}.brand em{font-style:normal;font-size:17px;font-weight:800}
.brand-mark{width:39px;height:39px;fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.site-header nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:750}
.site-header nav a{padding:8px 0;position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--ink);transition:.2s}.site-header nav a:hover:after,.site-header nav a.active:after{right:0}
.site-header .nav-quiet{color:var(--muted)}
.nav-toggle{display:none;border:1px solid var(--line);background:white;border-radius:999px;padding:9px 14px;font-weight:800;color:var(--ink)}
.hero,.page-hero{background:var(--cream);position:relative;overflow:hidden}
.hero:before,.page-hero:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(200,239,112,.62),rgba(200,239,112,0) 70%);right:-170px;top:-250px;pointer-events:none}
.hero-grid{min-height:680px;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:70px;padding:74px 0 88px}
.hero-copy{position:relative;z-index:2}.hero h1,.page-hero h1{margin:10px 0 22px;font-size:clamp(56px,7vw,96px);line-height:.92;letter-spacing:-.055em;max-width:860px}.hero h1 em,.page-hero h1 em{font-family:Georgia,serif;font-weight:400}.lede{font-size:clamp(20px,2vw,26px);line-height:1.35;max-width:720px;color:#39584d}.lede-small{font-size:20px;color:#d9e5df;max-width:650px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#617369}
.yard-search{margin-top:34px;max-width:760px}.yard-search label{display:block;font-size:13px;font-weight:900;margin-bottom:9px;text-transform:uppercase;letter-spacing:.08em}.search-row{display:grid;grid-template-columns:1fr auto;background:white;border:1px solid rgba(16,47,38,.18);border-radius:18px;box-shadow:var(--shadow);padding:7px}.search-row input{border:0;outline:0;padding:16px 18px;background:transparent;min-width:0;color:var(--ink);font-size:17px}.search-row button,.button{border:0;background:var(--ink);color:white;border-radius:13px;padding:16px 20px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:15px;transition:transform .18s,background .18s}.search-row button:hover,.button:hover{transform:translateY(-1px);background:var(--ink-2)}
.yard-search small{display:block;color:var(--muted);margin-top:9px}.yard-search.compact{max-width:none;margin:0}.yard-search.compact .search-row{box-shadow:none}
.hero-score{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.score-kicker{font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:18px}.hero-score p{max-width:270px;color:#4f655c}.text-link{font-weight:900;text-decoration:underline;text-underline-offset:4px}
.score-ring{--score:50;width:250px;height:250px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ring) calc(var(--score)*1%),rgba(16,47,38,.10) 0);position:relative;box-shadow:inset 0 0 0 1px rgba(16,47,38,.05)}
.score-ring:after{content:"";position:absolute;inset:18px;border-radius:50%;background:var(--cream)}
.score-ring>div{position:relative;z-index:1;display:grid;place-items:center;line-height:1}.score-ring strong{font-size:76px;letter-spacing:-.06em}.score-ring span{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-top:10px}.score-ring.low{--ring:#6fae6a}.score-ring.medium{--ring:var(--yellow)}.score-ring.high{--ring:var(--orange)}.score-ring.critical{--ring:var(--red)}
.signal-strip{background:var(--ink);color:white}.signal-strip .wrap{padding:15px 0}.source-line{font-size:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#d8e3de}.source-line a{text-decoration:underline}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--leaf);box-shadow:0 0 0 5px rgba(200,239,112,.12)}
.section{padding:88px 0}.section-soft{background:var(--cream)}.section-dark{background:var(--ink);color:white}.plant-band{background:var(--leaf)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.section-heading h2,.two-col h2,.methodology-callout h2{font-size:clamp(38px,4.5vw,62px);line-height:1;letter-spacing:-.045em;margin:8px 0}.section-heading>p{max-width:480px;color:var(--muted);font-size:17px}.section-heading.light>p{color:#c8d5cf}.section-heading.light .eyebrow{color:var(--leaf)}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric-card{border:1px solid var(--line);border-radius:22px;padding:22px;background:white;min-height:170px;box-shadow:0 10px 30px rgba(16,47,38,.04)}.metric-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-weight:850}.metric-head b{font-size:24px}.metric-icon{font-size:21px}.metric-card p{margin:14px 0 0;color:var(--muted);font-size:14px}.meter{height:7px;border-radius:999px;background:#e8ece9;overflow:hidden;margin-top:16px}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--leaf-2),var(--orange));border-radius:inherit}
.change-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.change-card{border:1px solid rgba(255,255,255,.14);padding:28px;border-radius:24px;min-height:190px;background:rgba(255,255,255,.05);transition:.2s}.change-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.08)}.change-card span{font-size:11px;font-weight:900;color:var(--leaf);letter-spacing:.13em}.change-card b{font-size:25px;line-height:1.12;display:block;margin:20px 0}.change-card small{color:#b8c8c1}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}.decision-card{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:24px;border-radius:22px;background:var(--cream);margin:28px 0}.decision-no{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--leaf);font-size:13px;font-weight:900;letter-spacing:.08em}.decision-card b{font-size:22px}.decision-card p{margin:5px 0;color:var(--muted)}
.rank-card{border:1px solid var(--line);border-radius:24px;background:white;overflow:hidden;box-shadow:var(--shadow)}.rank-card-head{display:flex;justify-content:space-between;align-items:end;padding:24px;border-bottom:1px solid var(--line)}.rank-card-head span{font-size:10px;font-weight:900;letter-spacing:.13em;color:var(--muted)}.rank-card-head b{font-size:23px}.rank-card table{width:100%;border-collapse:collapse}.rank-card td{padding:15px 22px;border-bottom:1px solid var(--line);vertical-align:middle}.rank-card tr:last-child td{border-bottom:0}.rank-num{width:36px;color:var(--muted);font-weight:900}.rank-card td:nth-child(2) small,.rank-card td:nth-child(3) small{display:block;color:var(--muted);font-size:11px}.rank-card td:last-child{text-align:right}.table-score{display:inline-grid;place-items:center;min-width:45px;padding:6px 9px;border-radius:999px;font-weight:900;background:#edf1ee}.table-score.high,.table-score.critical{background:#f7dfcf}.table-score.medium{background:#f5ecc5}.table-score.low{background:#dcebd8}
.button.ghost{background:transparent;border:1px solid rgba(255,255,255,.22)}.button.ghost-dark{background:transparent;color:var(--ink);border:1px solid rgba(16,47,38,.25)}
.plant-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.podium{background:var(--ink);color:white;border-radius:26px;padding:28px;min-height:245px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;gap:12px;transition:.2s}.podium:hover{transform:translateY(-4px)}.podium>span{font-size:12px;font-weight:900;color:var(--leaf)}.podium strong{grid-column:1/-1;font-size:32px;line-height:1.02;align-self:end}.podium b{font-size:54px;line-height:1}.podium small{align-self:end;text-align:right;color:#bed0c7}.podium.p1{transform:translateY(-12px)}.podium.p1:hover{transform:translateY(-16px)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{border:1px solid var(--line);border-radius:24px;padding:28px;min-height:220px;background:white;transition:.2s}.feature:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.feature>span{font-weight:900;color:#7e8d85;font-size:12px}.feature h3{font-size:28px;line-height:1.05;margin:42px 0 10px}.feature p{color:var(--muted)}
.site-footer{background:#0b241d;color:white;padding:64px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr .6fr .8fr;gap:60px}.footer-grid>div:first-child p{max-width:430px;color:#b9c9c2}.footer-grid h3{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--leaf)}.footer-grid a{display:block;margin:11px 0;color:#e7efeb}.footer-brand .brand-mark{stroke:white}.fine{font-size:12px;color:#829a8f!important}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;margin-top:48px;font-size:11px;color:#8ea398}
.page-hero .wrap{padding:92px 0 72px;position:relative;z-index:1}.page-hero h1{font-size:clamp(54px,7vw,88px);max-width:960px}.page-hero .source-line{color:var(--muted);margin-top:25px}.detail-grid{display:grid;grid-template-columns:1fr auto;gap:80px;align-items:center}.plant-score-hero .score-ring,.location-hero .score-ring{width:220px;height:220px}.plant-score-hero .score-ring:after,.location-hero .score-ring:after{background:var(--cream)}.scientific{font-family:Georgia,serif;font-style:italic;font-size:22px;color:var(--muted)}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.tag-row span{border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:12px;background:rgba(255,255,255,.55)}
.rankings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.rankings-grid .rank-card:last-child{grid-column:1/-1}.water-hero,.data-hero,.press-hero{background:#eef4e1}.watering-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.watering-card{background:white;border:1px solid var(--line);padding:28px;border-radius:24px}.watering-card>span{font-size:10px;letter-spacing:.12em;font-weight:900;color:var(--muted)}.watering-card h3{font-size:34px;margin:10px 0 2px}.watering-card>b{color:#4a6b5d}.watering-card p{color:var(--muted)}.rule-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;display:flex;justify-content:space-between;gap:20px;margin:18px 0;font-size:13px}.watering-card a{font-weight:900;text-decoration:underline}.methodology-callout{border:1px solid var(--line);border-radius:28px;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:white}.methodology-callout p{color:var(--muted);font-size:17px}.methodology-callout .text-link{grid-column:2}
.plant-search{margin-top:34px;max-width:620px}.plant-search input{width:100%;background:white;border:1px solid var(--line);border-radius:18px;padding:18px 20px;font-size:17px;outline:0;box-shadow:var(--shadow)}.plant-list{border-top:1px solid var(--line)}.plant-row{display:grid;grid-template-columns:58px 1.2fr 1fr 80px;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.plant-row>div:nth-child(2) b{font-size:22px}.plant-row small{display:block;color:var(--muted)}.plant-rank{font-weight:900;color:#839088}.plant-traits{display:flex;gap:6px;flex-wrap:wrap}.plant-traits span{background:var(--cream);border-radius:999px;padding:6px 9px;font-size:11px}.plant-score{justify-self:end;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#edf1ee;font-size:19px}.plant-score.high,.plant-score.critical{background:#f6ddcb}.plant-score.medium{background:#f5ecc5}
.factor-list{display:grid;gap:16px;margin-top:28px}.factor-list>div{display:grid;grid-template-columns:150px 1fr 42px;gap:14px;align-items:center}.factor-list span{font-size:13px;font-weight:850}.factor-list b{text-align:right}.fact-card{background:var(--cream);border-radius:28px;padding:30px}.fact-card h3{font-size:28px;margin-top:0}.fact-card dl{margin:0}.fact-card dl>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid var(--line)}.fact-card dt{color:var(--muted)}.fact-card dd{margin:0;font-weight:850;text-align:right}
.rule-box{margin-top:28px;border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:24px;background:rgba(255,255,255,.05)}.rule-box span{font-size:10px;letter-spacing:.12em;color:var(--leaf);font-weight:900}.rule-box b{display:block;font-size:22px;margin:7px 0}.rule-box p{color:#c4d2cc}.rule-box a{text-decoration:underline;font-weight:900}.share-panel{border:1px solid rgba(255,255,255,.15);border-radius:26px;padding:34px;background:rgba(255,255,255,.05)}.share-panel>span{font-size:10px;letter-spacing:.13em;color:var(--leaf);font-weight:900}.share-panel h3{font-size:38px;line-height:1.02;margin:12px 0}.share-panel p{color:#c4d2cc}.share-panel .button{margin:8px 8px 0 0}.mini-ranks{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden}.mini-ranks>div{padding:28px;border-right:1px solid var(--line)}.mini-ranks>div:last-child{border-right:0}.mini-ranks span,.mini-ranks small{display:block;color:var(--muted)}.mini-ranks b{display:block;font-size:48px;line-height:1;margin:14px 0 8px}.big-stat{font-size:72px;font-weight:900;letter-spacing:-.06em;padding:30px}.big-stat small{display:block;font-size:13px;letter-spacing:0;color:var(--muted)}
.data-downloads{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.download-card{border:1px solid var(--line);border-radius:24px;padding:28px;background:white;min-height:250px}.download-card>span{font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--muted)}.download-card h2{font-size:31px;line-height:1.05;margin:48px 0 10px}.download-card p{color:var(--muted)}.download-card b{display:block;margin-top:24px}.dictionary{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.dictionary>div{padding:22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:180px 160px 1fr;gap:20px}.dictionary b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.dictionary span{font-size:12px;color:var(--muted)}.dictionary p{margin:0;color:#445e53}.prose{max-width:860px}.prose h2{font-size:38px;line-height:1.05;margin:56px 0 14px}.prose p,.prose li{font-size:17px;color:#3f594e}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#edf1ee;padding:2px 6px;border-radius:6px}.prose pre{background:var(--ink);color:#ecf6f1;border-radius:20px;padding:24px;overflow:auto}.prose pre code{background:transparent;padding:0;color:inherit}.prose blockquote{border-left:5px solid var(--leaf-2);padding:18px 22px;margin:25px 0;background:var(--cream);font-size:22px;font-weight:800}.prose a{text-decoration:underline;font-weight:850}
.source-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.source-cards article{border:1px solid var(--line);border-radius:24px;padding:30px}.source-cards article>span{font-size:10px;letter-spacing:.12em;font-weight:900;color:var(--muted)}.source-cards h2{font-size:30px;margin:14px 0 8px}.source-cards p{color:var(--muted)}.source-cards a{text-decoration:underline;font-weight:900}.press-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.press-stats>div{border:1px solid var(--line);border-radius:24px;padding:30px}.press-stats span,.press-stats small{display:block;color:var(--muted)}.press-stats strong{display:block;font-size:46px;line-height:1;margin:24px 0 10px}.embed-preview{border:1px solid var(--line);padding:10px;border-radius:20px;background:white}.embed-preview iframe{width:100%;height:230px;border:0;border-radius:14px}.yard-result{margin-top:18px;border:1px solid var(--line);border-radius:24px;background:white;box-shadow:var(--shadow);overflow:hidden}.yard-result-inner{padding:26px}.yard-result-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.yard-result-head h3{font-size:32px;line-height:1;margin:5px 0}.yard-result-head span{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--muted)}.yard-result-score{font-size:50px;font-weight:900;line-height:1}.yard-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.yard-result-grid div{background:var(--cream);border-radius:15px;padding:14px}.yard-result-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.yard-result-grid b{font-size:19px}.yard-result-action{background:var(--ink);color:white;padding:20px 26px;display:flex;justify-content:space-between;gap:20px;align-items:center}.yard-result-action p{margin:4px 0;color:#c7d5cf}.yard-result-action a{font-weight:900;color:var(--leaf);white-space:nowrap}.yard-error{padding:18px;color:#8a322b;background:#fff0ec}
@media (max-width:900px){
  .hero-grid,.two-col,.detail-grid{grid-template-columns:1fr;gap:40px}.hero-grid{padding-top:58px}.hero-score{align-items:flex-start;text-align:left}.score-ring{width:210px;height:210px}.score-ring strong{font-size:64px}.metric-grid,.change-grid,.feature-grid,.plant-podium,.data-downloads,.press-stats{grid-template-columns:1fr 1fr}.rankings-grid{grid-template-columns:1fr}.rankings-grid .rank-card:last-child{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.dictionary>div{grid-template-columns:130px 130px 1fr}.mini-ranks{grid-template-columns:1fr 1fr}.mini-ranks>div{border-bottom:1px solid var(--line)}.watering-grid,.source-cards{grid-template-columns:1fr}.plant-row{grid-template-columns:48px 1fr 68px}.plant-traits{display:none}.methodology-callout{grid-template-columns:1fr}.methodology-callout .text-link{grid-column:auto}
}
@media (max-width:680px){
  .wrap{width:min(100% - 26px,1180px)}.header-inner{height:68px}.nav-toggle{display:block}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:18px 22px;flex-direction:column;align-items:stretch;gap:3px}.site-header nav.open{display:flex}.site-header nav a{padding:12px}.hero-grid{min-height:auto;padding:48px 0 58px}.hero h1,.page-hero h1{font-size:51px}.lede{font-size:19px}.search-row{grid-template-columns:1fr;padding:6px}.search-row button{width:100%}.section{padding:60px 0}.section-heading{display:block}.section-heading>p{margin-top:16px}.metric-grid,.change-grid,.feature-grid,.plant-podium,.data-downloads,.press-stats{grid-template-columns:1fr}.podium.p1{transform:none}.podium.p1:hover{transform:translateY(-4px)}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}.page-hero .wrap{padding:62px 0 48px}.rank-card td{padding:13px 12px}.rank-card-head{padding:18px}.yard-result-grid{grid-template-columns:1fr 1fr}.yard-result-action{display:block}.yard-result-action a{display:inline-block;margin-top:12px}.plant-row{grid-template-columns:42px 1fr 54px}.plant-row>div:nth-child(2) b{font-size:18px}.plant-score{width:50px;height:50px}.factor-list>div{grid-template-columns:110px 1fr 34px}.mini-ranks{grid-template-columns:1fr 1fr}.dictionary{grid-template-columns:1fr}.dictionary>div{grid-template-columns:1fr;gap:5px}.press-stats strong{font-size:38px}.rule-line{display:block}.rule-line span{display:block;margin-top:4px}
}