:root{--ink: #3b342a;--soft: rgba(59, 52, 42, .66);--faint: rgba(59, 52, 42, .12);--paper: #fbf6ea;--card: #fffdf7;--green: #5aa55a;--green2: #48904a;--water: #3a92c4;--feed: #bd7a4a;--ease-out: cubic-bezier(.23, 1, .32, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Nunito,system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-weight:600;line-height:1.5}a{color:var(--water);text-decoration:none}a:hover{color:#2a6f98;text-decoration:underline}img{display:block}h1,h2,h3{margin:0;font-weight:900;letter-spacing:-.02em;text-wrap:balance}p{margin:0;text-wrap:pretty}.wrap{max-width:1160px;margin:0 auto;padding:0 28px}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .23 0 0 0 0 .2 0 0 0 0 .16 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{position:sticky;top:0;z-index:40;background:#fbf6ead1;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom:1px solid transparent;transition:border-color .2s}.nav.scrolled{border-color:var(--faint)}.nav .wrap{display:flex;align-items:center;gap:28px;height:72px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:900;font-size:19px;letter-spacing:-.01em}.brand:hover{text-decoration:none;color:var(--ink)}.brand img{width:36px;height:36px;border-radius:9px;box-shadow:0 0 0 1px #3b342a1a,0 2px 6px #4a40302e}.links{display:flex;gap:4px;margin-left:auto}.links a{color:var(--soft);font-weight:800;font-size:15px;padding:8px 12px;border-radius:999px}.links a:hover{color:var(--ink);background:#3b342a0f;text-decoration:none}.links a.on{color:var(--ink);background:#3b342a12}.badge{display:inline-block;flex:none;border-radius:9px;transition:transform .16s var(--ease-out),box-shadow .16s ease;box-shadow:0 8px 20px #14100a2e}@media(hover:hover)and (pointer:fine){.badge:hover{transform:translateY(-1px);box-shadow:0 12px 26px #14100a3d}}.badge:active{transform:scale(.97);box-shadow:0 4px 12px #14100a2e}.badge img{display:block;height:54px;width:auto}.badge.sm{border-radius:7px;box-shadow:none}.badge.sm img{height:40px}.hero{padding:56px 0 96px}.hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}.hero h1{font-size:clamp(44px,6.2vw,80px);line-height:.98;margin:0 0 22px}.hero h1 em{font-style:italic;color:var(--green2)}.hero .lede{font-size:clamp(18px,1.6vw,21px);color:var(--soft);max-width:30em;margin-bottom:34px}.hero-cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero-note{font-size:14px;color:var(--soft);font-weight:700}.scene{position:relative;justify-self:center;width:min(100%,420px);aspect-ratio:400 / 560;border-radius:44px;overflow:hidden;background:#e9dfcd;box-shadow:0 40px 80px -20px #4a403059,0 0 0 1px #fff9 inset}.scene .room{position:absolute;left:0;bottom:0;width:100%;height:auto}.scene .plant{position:absolute;aspect-ratio:200 / 250;left:15%;width:70%;height:auto;bottom:31.5%}.scene .shadow{position:absolute;left:50%;bottom:32.5%;width:40%;height:5%;margin-left:-20%;border-radius:50%;background:#3c322638;filter:blur(8px)}section.band{padding:110px 0}.kicker{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--feed);margin-bottom:14px}.sec-h{font-size:clamp(34px,4.4vw,56px);line-height:1.02;max-width:14em}.sub-h{font-size:32px;line-height:1.08}.sec-p{font-size:19px;color:var(--soft);max-width:36em;margin-top:18px}.sec-p.sm{font-size:17px}.art{background:var(--card);border-top:1px solid var(--faint);border-bottom:1px solid var(--faint)}.species{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:56px}.tile{position:relative;border-radius:28px;padding:18px 18px 20px;display:flex;flex-direction:column;align-items:center}.tile img{width:92%;height:auto;aspect-ratio:200 / 250;margin-top:-6px}.tile .nm{font-size:18px;font-weight:900;margin-top:4px}.tile .pt{font-size:13px;font-weight:700;color:var(--soft)}.stages{margin-top:96px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:48px;align-items:end}.shelf{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:0 10px}.shelf:after{content:"";position:absolute;left:0;right:0;bottom:30px;height:14px;border-radius:7px;background:#d9c7a8;box-shadow:0 10px 20px -8px #4a403059,inset 0 3px #fff6}.shelf div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.shelf img{width:118%;max-width:none;height:auto;aspect-ratio:200 / 250;margin-bottom:-4px}.shelf span{position:relative;z-index:2;margin-top:24px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}.pots{margin-top:96px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}.pots .lbl{flex:1 1 260px}.pots .row{display:flex;gap:10px;flex-wrap:wrap}.pot{width:92px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:800;color:var(--soft);text-align:center}.pot i{width:92px;height:92px;border-radius:24px;background:var(--paper);border:1px solid var(--faint);position:relative;overflow:hidden;display:block}.pot img{position:absolute;width:200%;max-width:none;left:-50%;top:-142%}.feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px}.feat{background:var(--card);border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 20px #4a403012;border-radius:28px;padding:30px 28px 32px}.feat img{width:64px;height:64px;margin-bottom:22px}.feat h3{font-size:23px;line-height:1.15;margin-bottom:10px}.feat p{color:var(--soft);font-size:16.5px}.cta{padding:0 0 110px}.cta-card{position:relative;overflow:hidden;border-radius:44px;background:#2f3a2b;color:#fbf6ea;padding:72px 64px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center}.cta-card h2{font-size:clamp(34px,4.2vw,54px);line-height:1.02}.cta-card p{color:#fbf6eac7;font-size:18px;margin:16px 0 32px;max-width:28em}.cta-plants{position:relative;height:400px}.cta-plants img{position:absolute;width:80%;height:auto;aspect-ratio:200 / 250}.cta-plants .left{left:-22%;width:68%;bottom:-60px}.cta-plants .right{right:-22%;width:68%;bottom:-60px}.cta-plants .mid{left:10%;bottom:-40px}footer{border-top:1px solid var(--faint);padding:44px 0 56px;font-size:14.5px;color:var(--soft)}footer .wrap{display:flex;gap:32px;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}footer nav{display:flex;gap:22px;flex-wrap:wrap}footer nav a{color:var(--ink);font-weight:800}footer .fine{flex-basis:100%;font-size:12.5px;color:#3b342a80}.doc{max-width:760px;margin:0 auto;padding:72px 28px 110px}.doc h1{font-size:clamp(40px,5vw,60px);line-height:1;margin-bottom:14px}.doc .meta{color:var(--soft);font-weight:700;font-size:15px;margin-bottom:44px}.doc h2{font-size:24px;margin:44px 0 12px;letter-spacing:-.01em}.doc p,.doc li{font-size:17px;color:#3b342ad1;font-weight:600}.doc p+p,.doc ul+p{margin-top:14px}.doc ul{padding-left:22px;margin:12px 0}.doc li+li{margin-top:8px}.doc strong{color:var(--ink);font-weight:800}.doc .text-sm{margin-top:44px;font-size:14px;color:var(--soft)}@media(max-width:900px){.links a:not(.keep){display:none}.hero .wrap,.stages,.cta-card{grid-template-columns:minmax(0,1fr)}.hero{padding-top:32px}.species{grid-template-columns:repeat(2,minmax(0,1fr))}.feats{grid-template-columns:minmax(0,1fr)}.cta-card{padding:48px 32px}.cta-plants{height:320px;width:min(100%,420px);justify-self:center}}@media(max-width:520px){.wrap{padding:0 16px}.doc{padding-left:16px;padding-right:16px}.nav .wrap{gap:12px}}.js .rv{opacity:0;translate:0 18px;transition:opacity .7s var(--ease-out) calc(var(--i, 0) * 70ms),translate .8s var(--ease-out) calc(var(--i, 0) * 70ms),transform .2s var(--ease-out)}.js .rv.far{translate:0 64px;transition-duration:.9s,1.1s,.2s}.js .grow{opacity:0;scale:.84;transform-origin:50% 92%;transition:opacity .5s var(--ease-out) calc(var(--i, 0) * .12s + .15s),scale .9s var(--ease-out) calc(var(--i, 0) * .12s + .15s)}.js .in .rv,.js .rv.in{opacity:1;translate:0 0}.js .in .grow{opacity:1;scale:1}@media(hover:hover)and (pointer:fine){.tile,.feat{transition:transform .2s var(--ease-out)}.tile:hover,.feat:hover{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.js .rv,.js .rv.far{translate:none}.js .grow{scale:none}.tile:hover,.feat:hover,.badge:hover,.badge:active{transform:none}html{scroll-behavior:auto}}
