
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Work+Sans:wght@400;500;600;700&display=swap');
:root{
 --glass:#F5F2E9;--glass-deep:#ECE7D6;--sage:#7C8C68;--terracotta:#C4713F;--ink:#2F2C25;--muted:#76705F;--line:#DAD2BC;
 --shadow:0 18px 45px rgba(47,44,37,.10);--radius:2px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--glass);color:var(--ink);font-family:"Work Sans",sans-serif;line-height:1.65}
h1,h2,h3,h4{font-family:"Fraunces",serif;line-height:1.08;margin:0 0 .7rem}h1{font-size:clamp(2.8rem,6vw,5.8rem)}h2{font-size:clamp(2rem,4vw,3.4rem)}h3{font-size:1.45rem}p{margin:.45rem 0 1rem;color:var(--muted)}
a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 36px));margin:auto}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px}.skip:focus{left:8px;z-index:100}
:focus-visible{outline:2px solid var(--sage);outline-offset:3px}
.nav{position:sticky;top:0;z-index:50;background:rgba(245,242,233,.92);backdrop-filter:blur(10px);border-bottom:1.5px solid var(--ink)}
.nav-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;font:600 1.35rem "Fraunces",serif}
.leaf-logo{width:34px;height:34px;border:1.5px solid var(--ink);display:grid;place-items:center;background:var(--glass);position:relative}.leaf-logo:before{content:"";width:13px;height:20px;background:var(--sage);border-radius:100% 0 100% 0;transform:rotate(35deg)}.leaf-logo:after{content:"";position:absolute;width:1.5px;height:19px;background:var(--ink);transform:rotate(-30deg)}
.nav-links{display:flex;align-items:center;gap:19px;font-size:.88rem}.nav-links a:hover{color:var(--sage)}.cart-link{border:1.5px solid var(--ink);padding:7px 10px}.badge{background:var(--terracotta);color:#fff;padding:4px 7px;border-radius:999px;font-size:.72rem;margin-left:4px}.nav-cta{background:var(--sage);color:var(--glass);padding:10px 15px;font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:1.5px solid var(--ink);border-radius:2px;font-weight:700;cursor:pointer;transition:.2s transform,.2s filter}.btn:hover{transform:translateY(-2px);filter:brightness(.94)}.btn-sage{background:var(--sage);color:var(--glass)}.btn-terra{background:var(--terracotta);color:#fff}.btn-ghost{background:transparent}.btn-block{width:100%}
.glass-grid{background-image:linear-gradient(rgba(47,44,37,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(47,44,37,.07) 1px,transparent 1px);background-size:48px 48px}
.hero{min-height:calc(100vh - 74px);position:relative;display:grid;place-items:center;overflow:hidden;padding:60px 0;background:radial-gradient(circle at 78% 20%,rgba(255,255,255,.9),transparent 22%),radial-gradient(circle at 25% 10%,rgba(255,255,255,.55),transparent 18%),var(--glass)}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 22%,rgba(255,255,255,.65),transparent 18%);animation:lightmove 8s ease-in-out infinite alternate}
@keyframes lightmove{to{transform:translate(50px,18px) scale(1.1);opacity:.55}}
.greenhouse{position:absolute;inset:22px;border:1.5px solid var(--ink);opacity:.35;pointer-events:none}.greenhouse:before,.greenhouse:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 32.9%,var(--ink) 33%,transparent 33.2%,transparent 66.3%,var(--ink) 66.5%,transparent 66.7%),linear-gradient(transparent 32.9%,var(--ink) 33%,transparent 33.2%,transparent 66.3%,var(--ink) 66.5%,transparent 66.7%)}.greenhouse:after{inset:8% 0;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}
.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px}.hero-copy p{font-size:1.12rem;max-width:650px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.botanical-stage{height:520px;display:grid;place-items:end center}.plant-svg{width:min(100%,450px);height:500px}.stem{stroke:var(--sage);stroke-width:5;fill:none;stroke-linecap:round;stroke-dasharray:500;stroke-dashoffset:500;animation:grow 2s ease-out forwards}.leaf{fill:var(--sage);opacity:0;animation:leafIn .45s ease-out 1.1s forwards}.leaf2{animation-delay:1.35s}.leaf3{animation-delay:1.6s}.pot{fill:var(--terracotta)}@keyframes grow{to{stroke-dashoffset:0}}@keyframes leafIn{to{opacity:1;transform:scale(1)}}.seed{fill:var(--ink);animation:seedfade .6s ease-out forwards}@keyframes seedfade{to{opacity:0;transform:translateY(30px)}}
.section{padding:92px 0}.section-deep{background:var(--glass-deep)}.section-head{max-width:760px;margin-bottom:35px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:700;color:var(--sage)}
.iron{border:1.5px solid var(--ink);position:relative;border-radius:2px;background:var(--glass)}.iron:before,.iron:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--ink);top:-4px}.iron:before{left:22px}.iron:after{right:22px}
.steps{display:grid;gap:16px;margin-top:35px}.ladder{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:14px}.step{min-height:220px;padding:26px 24px;position:relative;border:1.5px solid var(--ink);background:linear-gradient(180deg,#e8ddc6,var(--glass));box-shadow:8px 8px 0 rgba(47,44,37,.08);transition:.2s}.step:hover{background:#eee7d6;transform:translateY(-4px)}.step:nth-child(2){min-height:280px}.step:nth-child(3){min-height:340px}.step-no{font-size:.75rem;font-weight:700;letter-spacing:.12em;color:var(--terracotta)}
.hooks{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:35px}.tag{position:relative;padding:35px 16px 22px;background:#dfcfab;border:1.5px solid var(--ink);transform:rotate(var(--r));box-shadow:4px 7px 0 rgba(47,44,37,.09);min-height:150px}.tag:before{content:"";position:absolute;top:7px;left:50%;width:10px;height:10px;border:1.5px solid var(--ink);border-radius:50%;transform:translateX(-50%);background:var(--glass)}.tag strong{font-family:"Fraunces",serif;display:block}.tag small{color:var(--muted)}
.quote{padding:48px;max-width:850px;margin:auto;text-align:center;font:600 clamp(1.6rem,3vw,2.6rem) "Fraunces",serif}
.empty-pot-wrap{text-align:center}.empty-pot{margin:35px auto 12px;width:210px;height:120px;position:relative;background:var(--terracotta);clip-path:polygon(13% 0,87% 0,75% 100%,25% 100%);display:grid;place-items:center;color:#fff;font-family:"Fraunces",serif;font-size:1.35rem}.empty-pot:before{content:"";position:absolute;top:-14px;left:-9%;width:118%;height:22px;background:#a95d37;border-radius:50%;border:1.5px solid var(--ink)}
.newsletter{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.form-row{display:flex;gap:10px}.input,textarea,select{width:100%;border:1.5px solid var(--line);background:#fffaf0;padding:12px 13px;color:var(--ink);font:inherit;border-radius:2px}.input:focus,textarea:focus,select:focus{outline:2px solid var(--sage);outline-offset:1px}
.footer{background:#302d26;color:#f7f2e7;padding:52px 0 28px}.footer p,.footer a{color:#d7d0bd}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid #5a5549;margin-top:30px;padding-top:20px;font-size:.78rem}.compliance{font-size:.78rem;line-height:1.55;margin-top:22px;color:#d7d0bd}
.cookie{position:fixed;left:18px;right:18px;bottom:18px;background:var(--ink);color:#fff;padding:15px 18px;display:flex;justify-content:space-between;gap:20px;align-items:center;z-index:80;box-shadow:var(--shadow)}.cookie p{color:#eee;margin:0;font-size:.85rem}.cookie-actions{display:flex;gap:8px;flex-shrink:0}.cookie .btn{padding:8px 12px;border-color:#fff}.cookie .btn-sage{border-color:var(--sage)}
.page-head{padding:80px 0 50px;background:var(--glass-deep)}.page-head p{max-width:760px;font-size:1.05rem}
.feature-grid{display:grid;gap:55px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:35px 0}.feature-row:nth-child(even){direction:rtl}.feature-row:nth-child(even)>*{direction:ltr}.feature-art{padding:15px}.feature-art img,.ui-shot{width:100%;display:block;border:1.5px solid var(--ink);background:#fff}.botanical-plate{padding:18px;background:#e8dfc8;border:1.5px solid var(--ink)}
.icon-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.icon-box{padding:22px;text-align:center}.icon{font-size:2rem}
.pot-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:end}.pot-card{text-align:center;position:relative}.pot{margin:0 auto 14px;position:relative;width:var(--pot);height:var(--potH)}.pot-body{position:absolute;bottom:0;left:5%;width:90%;height:78%;background:var(--terracotta);clip-path:polygon(8% 0,92% 0,80% 100%,20% 100%);border:1.5px solid var(--ink)}.pot-rim{position:absolute;top:0;left:0;width:100%;height:24px;background:#a95d37;border:1.5px solid var(--ink);border-radius:50%}.pot-plant{position:absolute;bottom:72%;left:50%;width:5px;height:var(--stemH);background:var(--sage);transform:translateX(-50%);border-radius:5px}.pot-plant:before,.pot-plant:after{content:"";position:absolute;width:30px;height:16px;background:var(--sage);border-radius:100% 0 100% 0}.pot-plant:before{left:-25px;top:30px;transform:rotate(-30deg)}.pot-plant:after{right:-25px;top:55px;transform:rotate(35deg)}.pot-name{position:absolute;z-index:2;left:50%;bottom:28%;transform:translateX(-50%);color:#fff;font-family:"Fraunces",serif;font-size:1.1rem}.pot-card:hover .pot{animation:water 1.1s ease}.pot-card:hover .pot:after{content:"💧";position:absolute;top:-35px;left:50%;animation:drop 1s ease}@keyframes drop{to{transform:translateY(40px);opacity:0}}@keyframes water{50%{transform:translateY(-5px)}}
.plan-mini{padding:20px;margin-top:-2px;text-align:left;min-height:215px}.popular{position:absolute;right:8px;top:8px;background:var(--terracotta);color:#fff;padding:5px 9px;font-size:.68rem;font-weight:700;transform:rotate(3deg)}
.promo-sign{display:inline-block;background:#a95d37;color:#fff;padding:14px 24px;border:1.5px solid var(--ink);box-shadow:7px 7px 0 rgba(47,44,37,.13);font-weight:700;transform:rotate(-1deg)}
.trust{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-size:.85rem}.trust span{border:1px solid var(--line);padding:8px 12px;background:#fffaf0}
.compare-wrap{overflow:auto}.compare{width:100%;border-collapse:collapse;min-width:800px}.compare th,.compare td{padding:13px;border-bottom:1px solid var(--line);text-align:left}.compare th{font-family:"Fraunces",serif;font-size:1.15rem}.compare .grove{background:rgba(124,140,104,.16)}.compare th.grove{border-top:3px solid var(--sage)}
.auto-renew{font-size:.85rem;color:var(--muted);text-align:center}
.specimen-shell{padding:50px 0}.specimen{width:min(720px,100%);margin:auto;background:#efe7d3;border:8px solid #e3d8bd;box-shadow:0 0 0 1.5px var(--ink),var(--shadow);padding:35px;position:relative}.corner{position:absolute;width:26px;height:26px;border:1.5px solid var(--ink)}.c1{top:9px;left:9px;border-right:0;border-bottom:0}.c2{top:9px;right:9px;border-left:0;border-bottom:0}.c3{bottom:9px;left:9px;border-right:0;border-top:0}.c4{bottom:9px;right:9px;border-left:0;border-top:0}.collection-label{border:1px dashed var(--ink);padding:12px;text-align:center;margin-bottom:20px;font-size:.8rem;letter-spacing:.1em}.specimen-main{background:#f7f2e5;border:1.5px solid var(--ink);padding:18px}.specimen-main img{width:100%;display:block;cursor:zoom-in}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.thumbs img{width:100%;border:1.5px solid var(--ink);cursor:pointer}.habitat{margin-top:30px}.botanical-list{padding-left:22px;color:var(--muted)}.botanical-list li{margin:7px 0}.specs{display:grid;grid-template-columns:1fr 1fr;border:1.5px solid var(--ink);margin-top:18px}.spec{padding:12px;border-bottom:1px solid var(--line)}.spec:nth-child(odd){border-right:1px solid var(--line)}.spec b{display:block;color:var(--ink);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.review-block{margin-top:28px}.rating-big{font:600 3rem "Fraunces",serif}.dist{display:flex;height:14px;margin:12px 0 24px;overflow:hidden;border:1px solid var(--ink)}.dist span{background:var(--sage);border-right:1px solid var(--glass)}.review{padding:15px 0;border-top:1px solid var(--line)}.review q{font-family:"Fraunces",serif;font-size:1.1rem}.purchase-tag{position:sticky;top:94px;margin:35px 0 0 auto;width:min(430px,100%);background:#d56f3a;color:#fff;padding:28px;border:1.5px solid var(--ink);box-shadow:10px 10px 0 rgba(47,44,37,.12);transform:rotate(.5deg)}.purchase-tag p{color:#fff0e8}.price{font:700 2.8rem "Fraunces",serif}.qty-row{display:flex;gap:10px}.qty-row input{width:100px}.secure-list{border-top:1px solid rgba(255,255,255,.4);margin-top:18px;padding-top:15px;font-size:.82rem}.you-might{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mini-spec{padding:16px}.mini-spec img{width:100%;height:130px;object-fit:cover;border:1.5px solid var(--ink)}
.lightbox{position:fixed;inset:0;background:rgba(20,18,14,.88);z-index:100;display:none;place-items:center;padding:30px}.lightbox.open{display:grid}.lightbox img{max-width:min(900px,95vw);max-height:90vh;border:5px solid #efe7d3}.lightbox button{position:absolute;top:20px;right:25px;color:#fff;background:none;border:0;font-size:2rem;cursor:pointer}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:35px}.story-card{padding:28px}.company-card{padding:28px}.faq{max-width:900px;margin:auto}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;text-align:left;background:none;border:0;padding:20px 0;font:600 1.15rem "Fraunces",serif;cursor:pointer;color:var(--ink);display:flex;justify-content:space-between}.faq-a{display:none;padding:0 0 20px}.faq-item.open .faq-a{display:block}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:35px}.form-card{padding:28px}.form-card label{display:block;font-weight:600;margin:13px 0 5px;font-size:.85rem}.success{display:none;border:1.5px solid var(--sage);background:#e4eadc;padding:14px;color:#435036}.success.show{display:block}
.cart-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:30px}.cart-item{display:grid;grid-template-columns:110px 1fr auto;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);align-items:center}.cart-item img{width:110px;height:90px;object-fit:cover;border:1.5px solid var(--ink)}.summary{padding:25px;position:sticky;top:100px}.summary-row{display:flex;justify-content:space-between;padding:8px 0}.summary-total{border-top:1.5px solid var(--ink);margin-top:10px;padding-top:15px;font:700 1.4rem "Fraunces",serif}.empty-state{text-align:center;padding:80px 20px}.demo-bar{background:var(--terracotta);color:#fff;text-align:center;padding:8px;font-size:.82rem}
.checkout{max-width:560px;margin:auto}.checkout-card{padding:30px}.success-page{text-align:center;padding:100px 0}.success-mark{font-size:4rem;color:var(--sage)}
.legal{max-width:850px}.legal h2{font-size:1.8rem;margin-top:35px}.legal p,.legal li{color:var(--muted)}.legal ul{padding-left:22px}
.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:900px){.hero-content,.newsletter,.two-col,.contact-grid,.cart-layout{grid-template-columns:1fr}.hero{min-height:auto}.greenhouse{inset:8px}.botanical-stage{height:390px}.plant-svg{height:380px}.hooks{grid-template-columns:repeat(2,1fr)}.ladder{grid-template-columns:1fr}.step,.step:nth-child(2),.step:nth-child(3){min-height:180px}.pot-row{grid-template-columns:repeat(2,1fr)}.feature-row{grid-template-columns:1fr}.feature-row:nth-child(even){direction:ltr}.footer-grid{grid-template-columns:1fr}.purchase-tag{position:relative;top:auto}.nav-links{display:none}.icon-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){h1{font-size:3rem}.section{padding:65px 0}.hooks,.you-might,.specs{grid-template-columns:1fr}.pot-row{grid-template-columns:1fr 1fr}.pot{transform:scale(.88)}.cookie{flex-direction:column;align-items:flex-start}.form-row{flex-direction:column}.spec:nth-child(odd){border-right:0}.specimen{padding:22px}.nav-inner{height:64px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
