@layer reset,base,components,responsive;
@layer reset{*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}}
@layer base{:root{--ink:#163632;--text:#4b605b;--muted:#697a74;--accent:#c0f17d;--line:#dfe5df;--paper:#fff;--soft:#f4f6f1;--radius:18px;--space:clamp(60px,8vw,112px)}body{background:var(--paper);color:var(--ink);font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.65}html{scroll-behavior:smooth;scroll-padding-top:90px}h1,h2,h3{line-height:1.12;letter-spacing:-.045em;font-weight:650}h1{font-size:clamp(38px,4.8vw,66px);max-width:850px}h2{font-size:clamp(30px,3.2vw,44px)}h3{font-size:22px;letter-spacing:-.025em}p{color:var(--text)}a{text-underline-offset:4px}button{cursor:pointer}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:3px solid #457c27;outline-offset:5px}.container{width:min(1200px,calc(100% - 64px));margin-inline:auto}.section{padding-block:var(--space)}.compact{padding-top:28px}.soft{background:var(--soft)}.lead{font-size:19px;line-height:1.7;max-width:600px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.13em;color:#49665c;margin-bottom:23px}.fine-print{font-size:13px;line-height:1.7;margin-top:24px}.grid{display:grid;gap:24px}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.wide{grid-column:1/-1}.mint{color:var(--accent)}}
@layer components{.skip{position:fixed;top:-70px;left:10px;background:var(--ink);color:white;padding:12px;z-index:100}.skip:focus{top:10px}.header{border-bottom:1px solid #edf0e9;background:#ffffffed;position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;text-decoration:none;font-size:30px;font-weight:800;letter-spacing:-1.7px;white-space:nowrap}.brand>span:not(.brand-icon):not(.brand-dot){font-weight:400}.brand-dot{color:#6d9a3d}.brand-icon{display:inline-grid;place-items:center;background:var(--ink);color:var(--accent);width:32px;height:32px;border-radius:10px;font-size:25px;margin-right:9px;letter-spacing:0}.nav nav{display:flex;gap:30px;align-items:center}.nav nav>a{text-decoration:none;font-size:14px;font-weight:600}.nav nav>a:hover{color:#517f33}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;padding:16px 25px;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:#fff;text-decoration:none;font-weight:650;font-size:14px;line-height:1.4;transition:transform .18s,background .18s;white-space:normal}.button:hover{background:#285148;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.button.small{padding:13px 19px}.button.secondary{background:transparent;color:var(--ink)}.button.light{background:var(--accent);color:var(--ink);border-color:var(--accent)}.button:disabled{opacity:.65;cursor:wait}.text-link{font-weight:650;font-size:14px;text-decoration:none}.text-link:hover{text-decoration:underline}.menu-toggle{display:none}.hero{overflow:hidden;background:radial-gradient(ellipse at 85% 55%,#f0f6e9,transparent 55%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;min-height:680px;padding-block:65px}.hero h1{font-size:clamp(40px,4.5vw,62px);max-width:560px}.hero .lead{margin-top:27px;font-size:17px;max-width:480px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:32px}.hero-notes{display:flex;gap:24px;margin-top:26px;color:var(--text);font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;background:#70a444;border-radius:50%;margin-right:6px}.hero-visual{position:relative;height:510px;min-width:0;isolation:isolate}.browser-mock{position:absolute;top:95px;left:0;width:97%;background:#f9f8f1;border:6px solid white;border-radius:13px;box-shadow:0 28px 70px #1e413425;transform:perspective(1000px) rotateY(-7deg) rotateX(3deg);overflow:hidden}.browser-bar{display:flex;justify-content:space-between;background:#edf0e8;padding:6px 13px;font-size:8px;color:#89958b}.browser-bar>span:first-child{color:#afbaac;letter-spacing:2px}.mock-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;font-size:9px}.mock-nav b{font-size:16px;letter-spacing:-1px}.mock-nav b span{font-weight:400}.mock-body{display:grid;grid-template-columns:1.2fr 1fr;padding:18px 25px 32px;gap:8px}.mock-label{font-size:7px;letter-spacing:1px}.mock-body h2{font-family:Georgia,serif;font-weight:400;font-size:35px;line-height:1.1;margin:16px 0;letter-spacing:-1.2px}.mock-body p{font-size:8px;margin-bottom:17px}.mock-button{display:inline-block;font-size:8px;background:#24463a;color:white;border-radius:3px;padding:8px 11px}.mock-bottom{display:flex;justify-content:space-between;border-top:1px solid #dfe1d2;font-size:8px;padding:16px 25px}.plant-art{position:relative;background:#e6e9dc;border-radius:80px 80px 6px 6px;overflow:hidden;min-height:220px}.sun{width:100px;height:100px;background:#c8d49f;border-radius:50%;position:absolute;top:20px;left:30px}.pot{position:absolute;bottom:0;left:42%;width:60px;height:65px;background:#b58f70;clip-path:polygon(0 0,100% 0,80% 100%,20% 100%)}.stem{height:130px;width:3px;background:#607751;position:absolute;bottom:50px;left:58%;transform:rotate(-8deg)}.leaf{position:absolute;width:55px;height:90px;background:#50714e;border-radius:90% 0 90% 0;bottom:90px;left:35%;transform:rotate(-30deg)}.leaf-b{left:54%;bottom:105px;transform:rotate(25deg);background:#73905c}.leaf-c{left:34%;bottom:50px;transform:rotate(-68deg);background:#84986a;height:70px}.ground{position:absolute;bottom:0;width:100%;height:6px;background:#cfd2bf}.phone-mock{position:absolute;right:-8px;bottom:15px;width:142px;height:276px;background:#faf9ef;border:6px solid #173b33;border-radius:25px;box-shadow:0 15px 40px #183c3430;transform:rotate(8deg);padding:26px 10px 10px}.phone-notch{position:absolute;top:6px;left:39px;width:50px;height:8px;border-radius:9px;background:#173b33}.phone-mock>b{font-size:10px;letter-spacing:-.6px}.phone-art{height:95px;background:#dce5ca;border-radius:40px 40px 4px 4px;display:grid;place-items:center;margin-top:14px}.phone-art span{font-size:55px;color:#57764b}.phone-mock h3{font-size:18px;font-family:Georgia,serif;font-weight:400;margin:12px 0}.phone-mock .mock-button{padding:5px 8px;font-size:7px}.floating-label{position:absolute;top:42px;left:30px;background:white;border:1px solid var(--line);border-radius:30px;padding:9px 17px;font-size:10px;transform:rotate(-5deg);box-shadow:0 8px 20px #15382d08}.delivery-chip{position:absolute;bottom:26px;left:16px;display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);padding:12px 17px;border-radius:12px;box-shadow:0 12px 25px #183c3410;font-size:11px}.delivery-chip small{display:block;font-size:9px;color:var(--muted)}.chip-icon{background:var(--accent);width:35px;height:35px;display:grid;place-items:center;border-radius:50%;font-size:24px}.orbit{position:absolute;width:430px;height:430px;border-radius:50%;border:1px solid #dae5d3;top:38px;left:60px;z-index:-1}.orbit-two{width:510px;height:510px;left:20px;top:0}.demo-caption{position:absolute;bottom:-14px;left:20px;font-size:9px;color:#657960}.promise-strip{background:var(--ink);color:#eff6e9;padding-block:19px}.promise-strip .container{display:flex;justify-content:space-between;gap:20px;align-items:center}.promise-strip span{font-size:17px;letter-spacing:-.3px}.promise-strip a{color:#d2ecb5;font-size:12px;text-decoration:none}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:40px}.section-heading>p{max-width:360px;font-size:15px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:32px;background:white}.feature-icon{display:grid;place-items:center;width:43px;height:43px;background:#eff5e8;border-radius:12px;font-size:23px;color:#335644;margin-bottom:26px;flex-shrink:0}.card h3{margin-bottom:16px}.card p{font-size:14px}.benefits .card{border:0;background:var(--soft)}.steps article{border-top:1px solid #cdd7c9;padding-top:22px}.steps article>span{color:#658052;font-size:13px;display:block;margin-bottom:35px}.steps h3{font-size:20px;margin-bottom:14px}.steps p{font-size:14px;max-width:220px}.package{position:relative;display:flex;flex-direction:column;padding:34px}.package.featured{border:2px solid #294e3f;background:#f8fbf3}.badge{position:absolute;top:-14px;right:22px;background:var(--accent);padding:4px 12px;font-size:10px;letter-spacing:1px;font-weight:700;border-radius:20px}.price{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:25px 0;font-weight:650}.price small{font-size:14px;letter-spacing:0;font-weight:400}.request-price{font-size:27px}.feature-list{padding:0;list-style:none;margin-block:24px;flex-grow:1;font-size:14px}.feature-list li{padding:9px 0;border-bottom:1px solid #e6ece1}.feature-list span{color:#557c3e;margin-right:7px}.package .button{margin-top:24px}.empty-state{display:flex;align-items:center;gap:30px;border:1px dashed #becbbb;background:#fbfcf8;border-radius:18px;padding:45px}.empty-state .feature-icon{margin:0}.empty-state h3{font-size:24px;margin-bottom:10px}.empty-state p{font-size:14px;max-width:620px}.empty-state .button,.empty-state .text-link{flex-shrink:0;margin-left:auto}.project-card img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:14px}.project-card h3{font-size:22px}.project-card a{text-decoration:none}.project-card .eyebrow{margin:22px 0 10px}.project-placeholder{display:grid;place-items:center;aspect-ratio:1.5;border-radius:14px;background:linear-gradient(130deg,#dae9d5,#b9d1bf);font-size:80px}.faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.faq-grid>div>p:last-child{margin-top:25px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq details:first-child{padding-top:0}.faq summary{font-weight:600;cursor:pointer;font-size:17px}.faq details p{padding-top:15px;font-size:14px}.cta-wrap{padding-block:45px 85px}.cta{background:var(--ink);border-radius:24px;padding:60px;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;overflow:hidden}.cta h2{color:#fff;font-size:38px}.cta p{color:#c4d1c7;margin-top:15px}.cta .eyebrow{color:#c3e79e;font-size:10px;margin:0 0 20px}.cta .button{flex-shrink:0}footer{background:#102a27;color:#dde7df;padding:65px 0 22px;font-size:13px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:45px}.inverse{color:#fff;font-size:32px}.footer-top strong{display:block;margin-bottom:20px;font-size:12px}.footer-top p{color:#b2c0b8;margin:20px 0}.footer-top a:not(.brand){display:block;text-decoration:none;color:#bacbc0;margin-bottom:10px}.footer-top a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #31463e;padding-top:25px;margin-top:45px;display:flex;justify-content:space-between;gap:15px;color:#a7bbb0;font-size:11px}.breadcrumbs{display:flex;gap:14px;font-size:12px;padding-top:25px;color:#6f7f75}.breadcrumbs a{text-decoration:none}.page-intro{padding-bottom:45px}.page-intro .lead{margin-top:28px;max-width:710px}.callout{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:32px;margin-top:50px}.callout h2{font-size:26px;margin-bottom:20px}.callout p+p{margin-top:15px}.prose{max-width:850px}.prose>h1{margin-bottom:35px}.prose p{margin-bottom:22px}.project-hero{border-radius:18px;width:100%;height:auto;margin:30px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-grid .lead{margin:30px 0}.form-card{border:1px solid var(--line);padding:35px;border-radius:20px;background:white;min-width:0}.form-card p{margin:0 0 20px}.form-card label{display:block;color:var(--ink);font-size:14px;font-weight:600;margin-bottom:6px}.form-card input:not([type=checkbox]):not([type=hidden]),.form-card textarea,.form-card select{width:100%;border:1px solid #bdcbbf;background:#fbfcfa;border-radius:7px;padding:12px 14px;color:var(--ink);min-width:0}.form-card textarea{height:125px;resize:vertical}.form-card input[type=checkbox]{width:18px;height:18px;accent-color:var(--ink);margin-right:8px}.form-card .helptext{display:block;color:var(--muted);font-size:12px;margin-top:6px}.form-card h2{font-size:25px;margin-bottom:30px}.form-card h3{margin-bottom:20px}.errorlist{color:#a02323;background:#fff1ef;border-radius:8px;padding:12px 25px;font-size:14px}.form-card p:has(.honeypot){position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.notice{background:#eef8e4;border:1px solid #b9d5a5;padding:18px 24px;border-radius:10px;margin:20px 0;color:#25422a}.warning{background:#fff8e6;border-color:#e5c986;color:#76591b}.wizard-steps{list-style:none;padding:0;display:flex;margin:35px 0;gap:10px;flex-wrap:wrap;font-size:13px}.wizard-steps li{border:1px solid var(--line);padding:10px 16px;border-radius:25px}.wizard-steps li[aria-current]{background:var(--ink);color:#fff}.wizard-steps a{text-decoration:none}.wizard-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:45px;align-items:start}.wizard-aside{padding:30px;background:var(--soft);border-radius:18px;font-size:14px}.wizard-aside p{margin:20px 0}.summary dt{font-weight:700;font-size:13px}.summary dd{margin:4px 0 20px;font-size:14px;overflow-wrap:anywhere}.confirmation{text-align:center;max-width:800px;min-height:500px}.confirmation h1{margin-bottom:30px}.confirmation .lead{margin-inline:auto}.confirmation p{margin-bottom:25px}.success-icon{display:inline-grid;place-items:center;width:75px;height:75px;background:var(--accent);border-radius:50%;font-size:32px;margin-bottom:30px}}
@layer responsive{@media(min-width:1600px){.hero-grid{min-height:740px}}@media(max-width:1050px){.nav nav{gap:18px}.nav nav>a{font-size:12px}.hero-grid{gap:20px}.hero-visual{transform:scale(.9);transform-origin:center right}.section-heading{gap:30px}.empty-state{padding:30px;flex-wrap:wrap}.empty-state .button{margin-left:0}.footer-top{gap:25px}.cta{padding:40px}.contact-grid{gap:40px}.three{gap:16px}.card{padding:24px}}@media(max-width:800px){.container{width:calc(100% - 40px)}.nav{height:72px}.menu-toggle{display:flex;border:1px solid var(--line);background:white;padding:8px 12px;border-radius:7px;gap:12px;font-size:13px}.nav nav{display:none;position:absolute;top:71px;left:0;right:0;background:white;padding:24px;box-shadow:0 15px 20px #16363210;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.nav nav>a{font-size:16px;padding:8px}.hero-grid{grid-template-columns:1fr;padding-top:50px;padding-bottom:45px;gap:15px}.hero-copy{max-width:600px}.hero h1{font-size:52px}.hero-visual{width:min(520px,100%);height:475px;margin:auto;transform:none}.browser-mock{top:80px}.floating-label{top:20px}.orbit{top:20px}.orbit-two{top:-20px}.hero .lead{max-width:550px}.three{grid-template-columns:repeat(2,1fr)}.benefits .card:last-child{grid-column:1/-1}.four{grid-template-columns:repeat(2,1fr);gap:35px}.section-heading{align-items:flex-start;flex-direction:column;gap:25px}.section-heading>p{max-width:550px}.faq-grid{grid-template-columns:1fr;gap:40px}.cta{flex-direction:column;align-items:flex-start}.footer-top{grid-template-columns:1fr 1fr;gap:40px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-grid h1{font-size:44px}.wizard-layout{grid-template-columns:1fr}.wizard-aside{order:2}.promise-strip span{font-size:14px}.promise-strip a{font-size:11px}.empty-state{gap:20px}.hero-notes{flex-wrap:wrap;gap:10px 22px}}@media(max-width:480px){.hero h1{font-size:43px}.hero .eyebrow{font-size:9px}.hero .lead{font-size:16px}.actions{gap:20px}.hero-visual{height:350px;margin-top:20px}.browser-mock{top:55px;left:0;width:96%}.mock-nav{padding:13px 16px}.mock-nav b{font-size:12px}.mock-nav>span{font-size:7px}.mock-body{padding:12px 16px 20px}.mock-body h2{font-size:24px;margin:10px 0}.mock-body p{font-size:6px}.mock-label{font-size:5px}.plant-art{min-height:145px}.mock-bottom{padding:11px 16px;font-size:6px}.phone-mock{width:104px;height:204px;border-width:4px;border-radius:20px;right:0;bottom:17px;padding:19px 7px 7px}.phone-notch{left:29px;width:37px;height:6px}.phone-mock>b{font-size:8px}.phone-art{height:64px;margin-top:8px}.phone-art span{font-size:38px}.phone-mock h3{font-size:14px;margin:8px 0}.phone-mock .mock-button{font-size:6px;padding:5px}.delivery-chip{bottom:20px;left:3px;padding:8px 10px;font-size:9px;gap:7px}.delivery-chip small{font-size:7px}.chip-icon{width:27px;height:27px;font-size:19px}.floating-label{top:8px;left:12px;font-size:8px;padding:7px 10px}.orbit{width:300px;height:300px;left:30px;top:0}.orbit-two{width:350px;height:350px;left:0;top:-25px}.demo-caption{font-size:7px;bottom:-6px;left:0}.promise-strip .container{align-items:flex-start;flex-direction:column;gap:4px}.three{grid-template-columns:1fr}.benefits .card:last-child{grid-column:auto}.four{gap:30px 18px}.steps h3{font-size:18px}.steps p{font-size:13px}.steps article>span{margin-bottom:23px}.empty-state{padding:25px}.empty-state h3{font-size:22px}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.cta-wrap{padding-block:25px 50px}.cta{padding:30px;border-radius:18px}.cta h2{font-size:30px}.form-card{padding:23px}.wizard-steps{gap:7px}.wizard-steps li{padding:7px 10px;font-size:11px}.wizard-layout{gap:25px}.wizard-layout~*{min-width:0}.page-intro{padding-top:45px}.prose h1{font-size:35px}.mock-body .pot{width:42px;height:45px}.mock-body .stem{height:85px;bottom:35px}.mock-body .leaf{width:38px;height:60px;bottom:65px}.mock-body .leaf-b{bottom:75px}.mock-body .leaf-c{bottom:35px}.mock-body .sun{width:70px;height:70px;top:14px;left:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}}
