:root{--c-bg: #f5f8ef;--c-surface: #ffffff;--c-surface-2: #eaf1df;--c-ink: #1b2a21;--c-ink-soft: #46584c;--c-line: #cfdcc3;--c-green: #2f7d4f;--c-green-dark: #1f5c39;--c-herb: #d98a2b;--c-pred: #b8433a;--c-plant: #4f9d5d;--c-sun: #e8b923;--c-soil: #8a6a4a;--c-night: #0f2118;--c-focus: #0b57d0;--r: 14px;--gutter: 16px;--max: 1080px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--shadow: 0 6px 24px rgba(27, 42, 33, .1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;font-family:var(--font);font-size:1.0625rem;line-height:1.6;color:var(--c-ink);background:var(--c-bg)}img,svg,canvas{max-width:100%}h1,h2,h3{line-height:1.2;margin:0 0 .5em;letter-spacing:-.01em}h1{font-size:clamp(2rem,6.5vw,3.4rem)}h2{font-size:clamp(1.5rem,4.2vw,2.1rem)}h3{font-size:1.2rem}p{margin:0 0 1em}a{color:var(--c-green-dark);text-underline-offset:3px}a:hover{color:var(--c-ink)}:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;left:var(--gutter);top:-100px;z-index:100;background:var(--c-ink);color:#fff;padding:.6em 1em;border-radius:8px}.skip-link:focus{top:var(--gutter)}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.site-header{position:relative;z-index:10;background:var(--c-bg);border-bottom:1px solid var(--c-line)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}.brand{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:1.25rem;color:var(--c-ink);text-decoration:none}.brand svg{width:28px;height:28px}.site-nav ul{list-style:none;display:flex;gap:4px;margin:0;padding:0;flex-wrap:wrap;align-items:center}.site-nav a{display:inline-block;padding:.55em .8em;min-height:44px;line-height:1.8;color:var(--c-ink);text-decoration:none;border-radius:10px;font-weight:600}.site-nav a:hover{background:var(--c-surface-2)}.site-nav a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--c-green)}.on-hero .site-header{position:absolute;inset:0 0 auto;background:transparent;border-bottom:0}.on-hero .brand,.on-hero .site-nav a{color:#fff}.on-hero .site-nav a:hover{background:#ffffff29}.on-hero .site-nav a[aria-current=page]{box-shadow:inset 0 -3px #fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.7em 1.5em;border-radius:999px;border:2px solid transparent;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;background:var(--c-green);color:#fff;transition:transform .15s ease,background .15s ease}.btn:hover{background:var(--c-green-dark);color:#fff;transform:translateY(-1px)}.btn--ghost{background:transparent;color:inherit;border-color:currentColor}.btn--ghost:hover{background:#ffffff24;color:inherit}@media (prefers-reduced-motion: reduce){.btn{transition:none}.btn:hover{transform:none}}.hero{position:relative;min-height:min(100svh,760px);display:flex;align-items:flex-end;color:#fff;background:var(--c-night);overflow:hidden;isolation:isolate}.hero__fallback,.hero__canvas{position:absolute;inset:0;width:100%;height:100%}.hero__fallback{z-index:-3}.hero__canvas{z-index:-2;display:block;opacity:0;transition:opacity 1.2s ease}.hero.is-live .hero__canvas{opacity:1}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,#0a1810eb,#0a1810b3 45%,#0a181040)}.hero__inner{padding-top:110px;padding-bottom:56px}.hero h1{max-width:16em;text-wrap:balance}.hero__lead{font-size:clamp(1.1rem,2.6vw,1.35rem);max-width:36em;margin-bottom:.6em}.hero__sub{max-width:38em;color:#dcebd9;margin-bottom:1.6em}.hero__cta{display:flex;flex-wrap:wrap;gap:12px}.hero__status{margin:1.2em 0 0;font-size:.9rem;color:#cfe3cf}.section{padding:56px 0}.section--alt{background:var(--c-surface-2)}.section__lead{max-width:40em;color:var(--c-ink-soft)}.pillars{display:grid;gap:20px;margin-top:28px;padding:0;list-style:none}.pillar{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow)}.pillar svg{width:100%;height:auto;max-height:150px;margin-bottom:12px;border-radius:10px;background:var(--c-surface-2)}.pillar h3{margin-bottom:.3em}.pillar p{color:var(--c-ink-soft);margin-bottom:0}.about{display:grid;gap:16px}.about__card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);padding:24px;max-width:46em}.site-footer{background:var(--c-night);color:#d8e6d6;padding:32px 0;font-size:.95rem}.site-footer a{color:#fff}.site-footer ul{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:4px 20px}.site-footer p{margin:0}.site-footer a{display:inline-block;padding:8px 0}.page-head{padding:40px 0 24px}.page-head p{max-width:40em;color:var(--c-ink-soft);font-size:1.15rem}.toc{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:20px 0 0}.toc a{display:inline-block;padding:.5em 1em;min-height:44px;line-height:1.7;border:1px solid var(--c-line);border-radius:999px;background:var(--c-surface);text-decoration:none;font-weight:600}.toc a:hover{background:var(--c-surface-2)}.demo{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);padding:18px;margin:20px 0;box-shadow:var(--shadow)}.demo__controls{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:16px}.field{display:grid;gap:4px;min-width:0}.field label,.field .label{font-weight:700}.field output{font-variant-numeric:tabular-nums;font-weight:700;color:var(--c-green-dark)}.field input[type=range]{width:100%;min-height:32px;accent-color:var(--c-green)}.field select{width:100%;max-width:100%;font:inherit;padding:.55em .7em;min-height:44px;border-radius:10px;border:1px solid var(--c-ink-soft);background:#fff;color:var(--c-ink)}.check{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:600}.check input{width:22px;height:22px;accent-color:var(--c-green)}.readout{background:var(--c-surface-2);border-radius:10px;padding:12px 14px;margin:0 0 12px;font-variant-numeric:tabular-nums}.chart{width:100%;height:auto;display:block}.chart text{font-family:var(--font);fill:var(--c-ink)}.chart .axis{stroke:var(--c-ink-soft);stroke-width:1}.chart .grid{stroke:var(--c-line);stroke-width:1}.legend{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;padding:0;margin:10px 0 0;font-size:.95rem}.legend i{display:inline-block;width:14px;height:14px;border-radius:3px;margin-right:6px;vertical-align:-2px}.note{font-size:.95rem;color:var(--c-ink-soft)}.callout{border-left:5px solid var(--c-herb);background:#fff7e8;padding:12px 16px;border-radius:0 10px 10px 0;margin:16px 0}.stages{display:grid;gap:12px;padding:0;margin:16px 0;list-style:none;counter-reset:st}.stages li{counter-increment:st;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);padding:14px 16px 14px 56px;position:relative}.stages li:before{content:counter(st);position:absolute;left:14px;top:14px;width:30px;height:30px;border-radius:50%;background:var(--c-green);color:#fff;font-weight:800;display:grid;place-items:center}.stages b{display:block}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.97rem}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--c-line);vertical-align:top}th{background:var(--c-surface-2)}@media (min-width: 720px){:root{--gutter: 28px}.pillars{grid-template-columns:repeat(3,1fr)}.demo{padding:26px}.demo__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding:80px 0}}