:root{--green:#31583e;--green-dark:#183b2d;--gold:#bba776;--ink:#20342a;--muted:#5d6c62;--cream:#f5f6f1;--line:#dfe5dc;--serif:Georgia,"Times New Roman",serif}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}
a{color:var(--green)}
.wrap{max-width:1240px}
.top{background:#fff;border-bottom:1px solid var(--line)}
.top .wrap{min-height:78px;display:flex;gap:22px;align-items:center}
.top .brand,.top nav,.top .phone{order:0;flex:0 1 auto}
.top nav{flex:1 1 auto;min-width:0;justify-content:center}
.brand{color:var(--green-dark);text-decoration:none;display:flex;align-items:center;gap:12px}
.leafmark{height:38px;width:38px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff}
.leafmark svg{height:23px;width:23px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.brand-txt{font:700 1.28rem/1.15 var(--serif);letter-spacing:-.02em}
.brand-sub{display:block;font:500 .7rem/1.4 Inter,system-ui,sans-serif;color:var(--muted);letter-spacing:.01em;margin-top:3px}
.top nav{margin-left:auto;display:flex;align-items:center;gap:clamp(8px,2vw,28px);overflow:visible;mask-image:none;padding:0}
.top nav a{font-size:.91rem;color:#2f3f35;padding:10px 0}
.top nav a:hover{color:var(--green);background:none}
.top nav .cta{padding:11px 18px;background:var(--gold);color:var(--green-dark);border-radius:7px}
.top .phone{white-space:nowrap;color:var(--green);font-size:.88rem;font-weight:700;text-decoration:none;border:0;padding:0}
.hero{position:relative;isolation:isolate;min-height:470px;display:flex;align-items:center;background:#213a2d;color:#fff;overflow:hidden}
.hero-photo{position:absolute;inset:0;z-index:-2;background:url('/images/concept-garden.webp') center 57%/cover no-repeat}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,43,30,.86),rgba(18,43,30,.60) 47%,rgba(18,43,30,.08))}
.hero-inner{position:relative;padding-top:78px;padding-bottom:70px}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:750;color:var(--green);margin:0 0 12px}
.hero .eyebrow{color:#f2e4bd}
.hero h1{font:700 clamp(2.65rem,5.6vw,5rem)/1.04 var(--serif);letter-spacing:-.035em;max-width:780px;text-wrap:balance;margin:0 0 16px}
.hero-lede{max-width:600px;color:#fff;font-size:clamp(1.05rem,1.8vw,1.3rem);margin:0 0 25px}
.btn{background:var(--gold);border:1px solid var(--gold);border-radius:7px;color:var(--green-dark);min-height:54px;padding:14px 21px;font-weight:700;text-decoration:none;box-shadow:0 3px 10px rgba(0,0,0,.12)}
.btn:hover{background:#988152;border-color:#988152;color:#102d21;transform:translateY(-1px)}
.hero .btn{max-width:min(100%,640px);justify-content:space-between;text-align:left}
.disclosure{font-size:.82rem;color:#fff;margin:15px 0 0;max-width:580px}
.concept-label{position:absolute;right:24px;bottom:14px;font-size:.68rem;letter-spacing:.06em;background:rgba(20,36,27,.72);padding:4px 8px;border-radius:3px;color:#fff}
.section{padding:clamp(52px,7vw,92px) 0}
.section-heading{display:flex;align-items:end;gap:20px;margin-bottom:26px}
.section-heading h2,.how h2,.guide-band h2,.areas h2{font:700 clamp(2rem,3.5vw,3rem)/1.08 var(--serif);letter-spacing:-.03em;color:var(--green-dark)}
.section-heading>a{margin-left:auto;text-decoration:none;font-size:.92rem;white-space:nowrap}
.service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.service-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:10px;padding:22px 20px 24px;background:#fff;min-height:208px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.service-card:hover{transform:translateY(-3px);border-color:#c6d0c3;box-shadow:0 12px 28px rgba(27,52,37,.08)}
.card-no{font-size:.67rem;letter-spacing:.12em;color:#79877a;font-weight:750;margin-bottom:26px}
.service-card h3{font:700 1.18rem/1.18 var(--serif);color:var(--green-dark);margin:0 0 8px}
.service-card p{font-size:.88rem;line-height:1.5;color:var(--muted);margin:0}
.how{background:var(--cream)}
.how-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(40px,8vw,110px);align-items:center}
.how-grid>div:first-child>p:not(.eyebrow){color:var(--muted);max-width:470px;margin:18px 0}
.text-link{font-weight:700;text-decoration:none;display:inline-flex;gap:9px;align-items:center;margin-top:12px}
.steps{padding:0;margin:0;list-style:none;border-top:1px solid #d8e0d5}
.steps li{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #d8e0d5;align-items:start}
.steps li>b{font:700 .86rem Inter,sans-serif;color:var(--green);padding-top:3px}
.steps strong{display:block;color:var(--green-dark);font:700 1.18rem var(--serif)}
.steps small{display:block;color:var(--muted);font-size:.9rem;margin-top:5px}
.guide-band{background:#f0f2eb}
.guide-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(35px,8vw,100px);align-items:center}
.guide-grid>div:first-child>p:not(.eyebrow){color:var(--muted);margin-top:15px;max-width:500px}
.guide-links{border-top:1px solid #d9dfd4}
.guide-links>a{display:grid;grid-template-columns:40px 1fr auto;gap:4px 12px;padding:17px 0;border-bottom:1px solid #d9dfd4;text-decoration:none;color:var(--ink);align-items:center}
.guide-links>a>span{grid-row:span 2;color:#899584;font-size:.72rem;font-weight:700}
.guide-links strong{font:700 1.08rem var(--serif);color:var(--green-dark)}
.guide-links small{color:var(--muted);font-size:.83rem;grid-column:2}
.guide-links b{grid-column:3;grid-row:1/3;color:var(--green);font-weight:500}
.areas-inner{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}
.areas-inner>div:last-child p{color:var(--muted)}
.site-foot{background:#183b2d;color:#fff;padding:48px 0 28px}
.foot-wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
.foot-brand{font:700 1.25rem var(--serif);color:#fff;margin-bottom:8px}
.foot-wrap>div>p{color:#d7e0d6;font-size:.9rem;margin-top:9px}
.foot-wrap>div>strong{display:block;margin-bottom:8px;color:#ead9ad}
.foot-wrap>div:not(:first-child) a{display:block;color:#fff;text-decoration:none;font-size:.88rem;margin:5px 0}
.foot-legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.2);padding-top:18px;color:#d7e0d6;font-size:.78rem}
.foot-legal span{display:block;margin-top:6px}
.actionbar{display:none}
/* Keep legacy article, guide, service and quote routes in the same restrained green-and-gold system. */
.page-head,.hero-light{background:var(--cream)!important;color:var(--ink)!important}
.page-head h1,.prose h1,.prose h2,.section h2{color:var(--green-dark)}
.tile,.hero-minitile,.ct,.mark{background:var(--green)!important;color:#fff!important;border-radius:9px!important}
.card,.quote,.quote-aside,.guide-card,.area-card,.faq-item{border-color:var(--line)!important;border-radius:9px!important}
.section-tint,.trust-strip{background:var(--cream)!important}
.btn.ghost{background:transparent!important;color:var(--green-dark)!important;border-color:var(--line-strong)!important}
.site-foot a{color:#fff}
@media(max-width:1050px){.top .wrap{flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.top nav{order:3;flex:1 0 100%;overflow-x:auto;justify-content:flex-start}.top .phone{margin-left:auto}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.top .wrap{gap:8px 12px}.brand-txt{font-size:1.08rem}.brand-sub{font-size:.62rem}.leafmark{height:34px;width:34px}.top .phone{font-size:.78rem}.top nav{gap:18px}.top nav a{font-size:.82rem}.top nav .cta{padding:8px 12px}.hero{min-height:510px}.hero-photo{background-position:58% center}.hero:before{background:linear-gradient(90deg,rgba(18,43,30,.8),rgba(18,43,30,.54))}.hero-inner{padding-top:64px;padding-bottom:58px}.hero h1{font-size:clamp(2.55rem,12vw,3.6rem)}.hero .btn{align-items:flex-start;gap:12px}.section-heading{display:block}.section-heading>a{display:inline-block;margin:12px 0 0}.service-grid{grid-template-columns:1fr 1fr;gap:10px}.service-card{padding:17px 15px;min-height:205px}.card-no{margin-bottom:20px}.service-card h3{font-size:1.06rem}.service-card p{font-size:.82rem}.how-grid,.guide-grid,.areas-inner{grid-template-columns:1fr;gap:32px}.guide-links>a{grid-template-columns:30px 1fr auto}.foot-wrap{grid-template-columns:1fr 1fr;gap:22px}.foot-wrap>div:first-child{grid-column:1/-1}.actionbar{position:fixed;z-index:30;left:0;right:0;bottom:0;display:flex;gap:8px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -5px 18px rgba(24,59,45,.08)}.actionbar .btn{flex:1;min-height:46px;padding:10px;font-size:.82rem;box-shadow:none}.actionbar .btn.ghost{background:#fff!important}}
@media(max-width:380px){.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.card-no{margin-bottom:14px}.top nav{gap:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-card,.btn{transition:none}}

/* Verified homepage accessibility and narrow-screen repairs. */
.card-no{color:#62705f}
.guide-links>a>span{color:#586850}

/* Local usability repair: wrap the complete quote action on narrow screens. */
@media(max-width:700px){
  .top nav{flex-wrap:wrap;overflow:visible}
  .top nav a{min-height:44px;display:inline-flex;align-items:center}
  .top nav .cta{flex-shrink:0;max-width:100%;white-space:normal}
}

/* Owner note 2026-10-13: retain explicit green process numerals without legacy counters. */
#how-it-works .steps li::before,
#how-it-works .steps li::after{content:none}