:root{--bg: #efe6d6;--bg-soft: #f6efe2;--fern: #35513a;--fern-deep: #27402c;--ink: #22281f;--leaf: #6f8f5f;--leaf-soft: rgba(111, 143, 95, .16);--clay: #c58a5e;--clay-soft: rgba(197, 138, 94, .16);--dim: #5c6353;--line: rgba(34, 40, 31, .12);--max: 1200px;--ease-grow: cubic-bezier(.26, 1.25, .38, 1);--ease-settle: cubic-bezier(.22, .75, .22, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Work Sans,system-ui,sans-serif;font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:"DM Serif Display",Georgia,serif;font-weight:400;line-height:1.08;margin:0}p{margin:0}a{color:var(--fern);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--fern-deep)}button{font:inherit;cursor:pointer}::selection{background:var(--fern);color:var(--bg)}:focus-visible{outline:2px solid var(--fern);outline-offset:3px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;left:-999px;top:0;z-index:100;background:var(--fern);color:var(--bg);padding:.6rem 1.1rem;border-radius:0 0 12px;font-weight:600;text-decoration:none}.skip-link:focus-visible{left:0;color:var(--bg)}.bg-wash{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(42rem 30rem at 88% -4%,var(--leaf-soft),transparent 65%),radial-gradient(36rem 28rem at -8% 38%,var(--clay-soft),transparent 65%),radial-gradient(44rem 34rem at 104% 86%,rgba(111,143,95,.12),transparent 65%),var(--bg)}.mono{font-family:DM Mono,ui-monospace,monospace;font-weight:400}.eyebrow{font-family:DM Mono,ui-monospace,monospace;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--fern);display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1.1rem}.eyebrow:before{content:"";width:26px;height:1.5px;background:var(--leaf);border-radius:2px}.wrap{max-width:var(--max);margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem)}.serif-i{font-style:italic}.accent-clay{color:var(--clay)}.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.6rem;border-radius:999px;border:1.5px solid var(--fern);background:var(--fern);color:var(--bg);font-weight:600;font-size:.95rem;text-decoration:none;transition:transform .45s var(--ease-grow),background .25s ease,box-shadow .45s var(--ease-grow)}.btn:hover{background:var(--fern-deep);color:var(--bg);transform:translateY(-2px);box-shadow:0 12px 26px #35513a47}.btn--ghost{background:transparent;color:var(--fern);border-color:#35513a66}.btn--ghost:hover{background:var(--leaf-soft);color:var(--fern-deep);box-shadow:none}.btn--onfern{background:var(--bg);color:var(--fern);border-color:var(--bg)}.btn--onfern:hover{background:#fff;color:var(--fern-deep);box-shadow:0 12px 26px #00000040}.btn .arr{transition:transform .45s var(--ease-grow)}.btn:hover .arr{transform:translate(4px)}.site-head{position:absolute;top:0;left:0;right:0;z-index:10;padding:1.5rem 0}.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.6rem;font-family:"DM Serif Display",Georgia,serif;font-size:1.5rem;color:var(--ink);text-decoration:none}.brand svg{width:30px;height:30px}.site-nav{display:flex;gap:1.6rem;align-items:center}.site-nav a{font-family:DM Mono,ui-monospace,monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--fern);text-decoration:none;padding:.3rem 0;background:linear-gradient(var(--fern),var(--fern)) left bottom / 0 1.5px no-repeat;transition:background-size .5s var(--ease-grow)}.site-nav a:hover{background-size:100% 1.5px}@media(max-width:720px){.site-nav{display:none}}.blob{border-radius:58% 42% 55% 45%/48% 56% 44% 52%}@keyframes blob-morph{0%,to{border-radius:58% 42% 55% 45%/48% 56% 44% 52%}33%{border-radius:45% 55% 48% 52%/56% 44% 58% 42%}66%{border-radius:52% 48% 42% 58%/44% 58% 46% 56%}}.blob--morph{animation:blob-morph 18s ease-in-out infinite}.blob--morph-slow{animation:blob-morph 26s ease-in-out infinite reverse}.hero{position:relative;padding:clamp(8rem,16vh,11rem) 0 clamp(4rem,8vh,6rem)}.hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}.hero h1{font-size:clamp(2.7rem,6.2vw,4.7rem);letter-spacing:-.01em;margin:0 0 1.4rem}.hero-line-wrap{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.hero-line{display:block}.js .hero-line{transform:translateY(112%);animation:line-rise 1s var(--ease-settle) forwards;animation-delay:calc(.2s + var(--i, 0) * .14s)}@keyframes line-rise{to{transform:translateY(0)}}.hero-lede{max-width:34rem;font-size:1.125rem;color:var(--dim);margin-bottom:2rem}.hero-cta{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center;margin-bottom:2.4rem}.care-legend{display:flex;flex-wrap:wrap;gap:1.4rem;font-family:DM Mono,ui-monospace,monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.care-legend span{display:inline-flex;align-items:center;gap:.45rem}.care-legend svg{width:15px;height:15px;color:var(--leaf)}.hero-fig{position:relative;margin:0}.hero-blob-back{position:absolute;inset:8% -6% -8% 10%;background:var(--leaf-soft);z-index:0}.hero-blob-dot{position:absolute;width:74px;height:74px;right:-10px;top:-18px;background:var(--clay-soft);z-index:0}.hero-mask{position:relative;z-index:1;overflow:hidden;aspect-ratio:5 / 5.4;box-shadow:0 30px 60px #22281f29}.hero-mask img{width:100%;height:100%;object-fit:cover}.js .hero-fig{opacity:0;transform:translateY(24px) scale(.97);animation:fig-in 1.2s var(--ease-settle) .45s forwards}@keyframes fig-in{to{opacity:1;transform:none}}.float-chip{position:absolute;z-index:2;left:clamp(-1.5rem,-3vw,-2.5rem);bottom:9%;display:flex;align-items:center;gap:.7rem;background:var(--bg-soft);border:1px solid var(--line);border-radius:16px;padding:.7rem .95rem;box-shadow:0 14px 34px #22281f24;animation:chip-bob 6s ease-in-out 1.8s infinite}@keyframes chip-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float-chip .chip-ic{width:34px;height:34px;flex:none;display:grid;place-items:center;background:var(--leaf-soft);border-radius:50%;color:var(--fern)}.float-chip .chip-ic svg{width:17px;height:17px}.float-chip strong{display:block;font-size:.82rem;font-weight:600;letter-spacing:.01em}.float-chip .mono{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}@media(max-width:880px){.hero{padding-top:7rem}.hero .wrap{grid-template-columns:1fr}.hero-fig{max-width:30rem;margin:0 auto;width:100%}.float-chip{left:.5rem;bottom:4%;animation:none}}.hero-vine{position:absolute;left:clamp(.3rem,1.4vw,1.4rem);top:12rem;bottom:0;width:60px;pointer-events:none;color:var(--leaf)}.hero-vine svg{height:100%;width:100%}@media(max-width:1080px){.hero-vine{display:none}}.draw path,.draw circle{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s var(--ease-settle);transition-delay:calc(var(--i, 0) * .22s)}.draw.drawn path,.draw.drawn circle{stroke-dashoffset:0}html:not(.js) .draw path,html:not(.js) .draw circle{stroke-dashoffset:0}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.05rem 0;overflow:hidden}.ticker ul{list-style:none;margin:0;padding:0 clamp(1.25rem,4vw,2.5rem);display:flex;flex-wrap:wrap;justify-content:center;column-gap:2.6rem;row-gap:.5rem}.ticker li{font-family:DM Mono,ui-monospace,monospace;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fern);display:inline-flex;align-items:center;gap:2.6rem}.ticker li+li:before{content:"";width:9px;height:9px;background:var(--leaf);border-radius:60% 40% 55% 45%/45% 60% 40% 55%;flex:none}.section{padding:clamp(5rem,11vh,8.5rem) 0;position:relative}.sec-head{max-width:46rem;margin-bottom:clamp(2.4rem,5vh,3.6rem)}.sec-head h2{font-size:clamp(2.1rem,4.4vw,3.2rem);margin-bottom:1rem;letter-spacing:-.005em}.sec-head .sub{color:var(--dim);font-size:1.08rem;max-width:38rem}.js .reveal{opacity:0;transform:translateY(26px)}.js .reveal.in{opacity:1;transform:none;transition:opacity .9s var(--ease-settle),transform .9s var(--ease-settle);transition-delay:calc(var(--d, 0) * .1s)}.plant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,2.4vw,1.8rem)}@media(max-width:980px){.plant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.plant-grid{grid-template-columns:1fr}}.plant-card{background:var(--bg-soft);border:1px solid var(--line);border-radius:24px;padding:1.3rem 1.3rem 1.5rem;display:flex;flex-direction:column;transition:transform .55s var(--ease-grow),box-shadow .55s var(--ease-grow)}.plant-card:hover{transform:translateY(-7px);box-shadow:0 26px 50px #22281f1f}.plant-fig{position:relative;margin:0 0 1.1rem}.illo-blob{display:grid;place-items:center;aspect-ratio:5 / 4;background:var(--leaf-soft);border-radius:56% 44% 52% 48%/50% 54% 46% 50%;transition:border-radius 1s var(--ease-settle),background .4s ease}.plant-grid>div:nth-child(2n) .illo-blob{background:var(--clay-soft)}.plant-card:hover .illo-blob{border-radius:47% 53% 44% 56%/55% 45% 57% 43%}.illo-blob svg{width:78%;height:auto;overflow:visible;transform-origin:50% 92%;transition:transform .8s var(--ease-grow)}.plant-card:hover .illo-blob svg{transform:rotate(-2.2deg) scale(1.04)}.badge{position:absolute;top:.8rem;left:.8rem;font-family:DM Mono,ui-monospace,monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fern);background:var(--bg);border:1px solid rgba(53,81,58,.35);border-radius:999px;padding:.32em .8em}.badge--clay{color:#9a6134;border-color:#9a613466}.plant-name{font-size:1.45rem;margin-bottom:.15rem}.plant-latin{font-family:DM Mono,ui-monospace,monospace;font-size:.74rem;letter-spacing:.08em;color:var(--dim);font-style:normal;margin-bottom:1rem}.meters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:0 0 1rem;padding:.85rem .9rem;background:#22281f09;border-radius:14px}.meter{display:flex;flex-direction:column;gap:.35rem}.meter dt{font-family:DM Mono,ui-monospace,monospace;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);display:inline-flex;align-items:center;gap:.35rem}.meter dt svg{width:12px;height:12px;color:var(--leaf);flex:none}.meter dd{margin:0;display:flex;gap:4px;align-items:center}.meter .dots{display:flex;gap:4px;align-items:center}.meter .dot{width:7px;height:7px;border-radius:50%;border:1.5px solid rgba(53,81,58,.45)}.meter .dot.on{background:var(--fern);border-color:var(--fern)}.plant-say{color:var(--dim);font-size:.93rem;line-height:1.55;margin-bottom:1.15rem;flex-grow:1}.plant-foot{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.price{font-family:"DM Serif Display",Georgia,serif;font-size:1.35rem}.pet-tag{display:inline-flex;align-items:center;gap:.35rem;font-family:DM Mono,ui-monospace,monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fern)}.pet-tag svg{width:13px;height:13px;color:var(--leaf)}.quiz-sec{position:relative}.quiz-blob{position:absolute;z-index:-1;width:min(58vw,720px);aspect-ratio:1.15;right:-14%;top:6%;background:#6f8f5f1a}.quiz-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(2rem,5vw,4rem);align-items:start}@media(max-width:900px){.quiz-grid{grid-template-columns:1fr}}.quiz-q{margin-bottom:1.8rem}.q-label{font-weight:600;font-size:1.05rem;display:flex;align-items:baseline;gap:.7rem;margin-bottom:.8rem}.q-num{font-family:DM Mono,ui-monospace,monospace;font-size:.7rem;letter-spacing:.1em;color:var(--clay);font-weight:400}.chips{display:flex;flex-wrap:wrap;gap:.55rem}.chip{border:1.5px solid rgba(53,81,58,.35);background:transparent;color:var(--fern);border-radius:999px;padding:.55rem 1.1rem;font-size:.92rem;font-weight:500;transition:background .3s ease,color .3s ease,border-color .3s ease,transform .45s var(--ease-grow)}.chip:hover{background:var(--leaf-soft);border-color:var(--fern)}.chip[aria-pressed=true]{background:var(--fern);color:var(--bg);border-color:var(--fern);transform:scale(1.04)}.quiz-note{color:var(--dim);font-size:.9rem}.quiz-note button{background:none;border:none;padding:0;color:var(--fern);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-size:inherit}.quiz-result{position:relative}.match-empty{border:1.5px dashed rgba(53,81,58,.35);border-radius:24px;padding:2.6rem 1.8rem;text-align:center;color:var(--dim)}.match-empty svg{width:54px;height:54px;color:var(--leaf);margin:0 auto 1rem;display:block}.match-empty .steps{font-family:DM Mono,ui-monospace,monospace;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fern);margin-top:1rem;display:block}.match-card{margin:0}.match-card .plant-card{box-shadow:0 26px 50px #22281f1f}.js .match-card.pop .plant-card{animation:match-pop .7s var(--ease-grow)}@keyframes match-pop{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}.match-kicker{font-family:DM Mono,ui-monospace,monospace;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--clay);display:block;margin-bottom:.8rem}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem)}@media(max-width:980px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.tool-grid{grid-template-columns:1fr}}.tool-card{background:var(--bg-soft);border:1px solid var(--line);border-radius:22px;padding:1.2rem 1.2rem 1.35rem;transition:transform .55s var(--ease-grow),box-shadow .55s var(--ease-grow)}.tool-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px #22281f1a}.tool-card .illo-blob{aspect-ratio:5 / 4.2;background:var(--clay-soft);margin-bottom:1rem}.tool-card:nth-child(2n) .illo-blob{background:var(--leaf-soft)}.tool-card h3{font-size:1.18rem;margin-bottom:.2rem}.tool-card .tool-note{color:var(--dim);font-size:.88rem;margin-bottom:.9rem;min-height:2.7em}.tool-card .price{font-size:1.15rem}.club-band{background:var(--fern);color:var(--bg);border-radius:40px 56px 44px 60px/52px 40px 58px 44px;padding:clamp(3rem,7vh,4.5rem) clamp(1.6rem,4vw,3.5rem);position:relative;overflow:hidden}.club-band:after{content:"";position:absolute;right:-12%;top:-30%;width:46%;aspect-ratio:1;background:#efe6d612;border-radius:58% 42% 55% 45%/48% 56% 44% 52%;pointer-events:none}.club-band .eyebrow{color:var(--bg);opacity:.85}.club-band .eyebrow:before{background:var(--clay)}.club-band h2{font-size:clamp(2rem,4vw,2.9rem);margin-bottom:.9rem;max-width:24ch}.club-band .sub{color:#efe6d6cc;max-width:44rem;margin-bottom:2.6rem;font-size:1.05rem}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.2rem,3vw,2.5rem);margin-bottom:2.6rem}@media(max-width:860px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat{border-top:1px solid rgba(239,230,214,.25);padding-top:1.1rem}.stat .num{font-family:"DM Serif Display",Georgia,serif;font-size:clamp(2.1rem,3.6vw,2.9rem);line-height:1;display:block;margin-bottom:.45rem;font-variant-numeric:tabular-nums}.stat .lbl{font-family:DM Mono,ui-monospace,monospace;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#efe6d6b8}.club-foot{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:center;justify-content:space-between}.guarantee{max-width:42rem;color:#efe6d6e0;font-size:.98rem}.guarantee strong{color:var(--bg)}.cta-sec{text-align:center;position:relative;overflow:hidden}.cta-sec h2{font-size:clamp(2.6rem,6vw,4.2rem);margin-bottom:1.1rem}.cta-sec .sub{color:var(--dim);max-width:34rem;margin:0 auto 2.2rem}.cta-leaves{position:absolute;inset:0;z-index:-1;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;color:var(--leaf);opacity:.55}.cta-leaves svg{width:clamp(120px,20vw,260px);height:auto}.cta-leaves .flip{transform:scaleX(-1)}.site-foot{border-top:1px solid var(--line);padding:3.5rem 0 2.4rem}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:clamp(1.6rem,4vw,3rem);margin-bottom:2.8rem}@media(max-width:760px){.foot-grid{grid-template-columns:1fr}}.site-foot .brand{font-size:1.35rem;margin-bottom:.7rem}.foot-tag{color:var(--dim);font-size:.95rem;max-width:26rem}.foot-col h3{font-family:DM Mono,ui-monospace,monospace;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-weight:400;margin-bottom:1rem}.foot-col ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.foot-col a{color:var(--ink);text-decoration:none;font-size:.95rem}.foot-col a:hover{color:var(--fern);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.foot-meta{border-top:1px solid var(--line);padding-top:1.5rem;display:flex;flex-wrap:wrap;gap:.8rem 2rem;justify-content:space-between;align-items:baseline;font-family:DM Mono,ui-monospace,monospace;font-size:.72rem;letter-spacing:.06em;color:var(--dim)}.foot-meta a{color:var(--fern)}.guide-main{padding:clamp(7rem,14vh,9rem) 0 4rem}.guide-main .g-wrap{max-width:46rem;margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem)}.guide-main h1{font-size:clamp(2.3rem,5vw,3.4rem);margin-bottom:1rem}.guide-main .lede{color:var(--dim);font-size:1.1rem;margin-bottom:3rem}.guide-main h2{font-size:1.7rem;margin:3.2rem 0 1rem;padding-top:2.4rem;border-top:1px solid var(--line)}.guide-main h3{font-size:1.2rem;margin:1.8rem 0 .6rem;font-family:Work Sans,sans-serif;font-weight:600}.guide-main p{margin-bottom:1rem}.guide-main p,.guide-main li{color:#3a4034}.guide-main ul{padding-left:1.2rem;margin:0 0 1rem}.guide-main li{margin-bottom:.45rem}.guide-main code{font-family:DM Mono,ui-monospace,monospace;font-size:.86em;background:#22281f12;padding:.1em .35em;border-radius:5px}.guide-main pre{background:var(--ink);color:#e9e4d6;border-radius:16px;padding:1.2rem 1.4rem;overflow-x:auto;font-size:.82rem;line-height:1.6;margin:0 0 1.2rem}.guide-main pre code{background:none;padding:0;color:inherit;font-size:inherit}.g-back{font-family:DM Mono,ui-monospace,monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;display:inline-flex;gap:.5rem;margin-bottom:2.2rem}.g-back:hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .hero-line,.js .hero-fig{animation:none;transform:none;opacity:1}.js .reveal{opacity:1;transform:none}.blob--morph,.blob--morph-slow,.float-chip{animation:none}.draw path,.draw circle{stroke-dashoffset:0!important;transition:none}.js .match-card.pop .plant-card{animation:none}}