
:root{--blue:#16A34A;--blue2:#047857;--dark:#0B1F17;--muted:#4B6355;--line:#E2E8F0;--bg:#F7FCF8;--ink:#10261B;--green:#22C55E;--gold:#F59E0B}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:1220px;margin:0 auto;padding:0 22px}.topbar{background:#061A12;color:#DCFCE7;font-size:14px}.topbar .wrap{display:flex;justify-content:space-between;gap:14px;align-items:center;padding-top:8px;padding-bottom:8px}.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:14px;padding-bottom:14px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--dark);letter-spacing:-.03em}.brand img{height:42px;width:auto}.navlinks{display:flex;gap:20px;align-items:center;font-weight:700;font-size:14px;color:#173527}.navlinks a:hover{color:var(--blue2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;padding:13px 19px;font-weight:900;border:0;cursor:pointer;transition:.2s}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 12px 28px rgba(22,163,74,.25)}.btn.secondary{background:#fff;color:var(--blue2);border:2px solid rgba(22,163,74,.24)}.btn.dark{background:#0B1F17;color:#fff}.hero{position:relative;background:radial-gradient(circle at 15% 20%,rgba(22,163,74,.28),transparent 28%),linear-gradient(135deg,#061A12 0%,#0B1F17 55%,#052E2B 100%);color:#fff;overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center;padding-top:78px;padding-bottom:72px}.badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;background:rgba(22,163,74,.12);border:1px solid rgba(22,163,74,.35);color:#BBF7D0;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.hero h1,.pagehero h1{font-size:clamp(38px,6vw,70px);line-height:1.02;margin:18px 0 16px;letter-spacing:-.055em}.gradient{background:linear-gradient(135deg,#86EFAC,#22C55E);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(17px,2vw,22px);color:#DCFCE7;max-width:760px}.hero-card{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.3);border-radius:26px;padding:24px;box-shadow:0 25px 80px rgba(0,0,0,.35);color:var(--ink)}.hero-card img{height:240px;width:100%;object-fit:cover;border-radius:18px;margin-bottom:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.trust div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:14px}.trust b{font-size:24px;display:block;color:#fff}.trust span{font-size:12px;color:#b9c9dc;font-weight:800}.section{padding:72px 0}.section.alt{background:var(--bg)}.section h2{font-size:clamp(30px,4vw,48px);line-height:1.12;margin:0 0 14px;color:var(--dark);letter-spacing:-.04em}.section p.big{font-size:18px;color:var(--muted);max-width:760px}.center{text-align:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 6px 26px rgba(15,23,42,.06);overflow:hidden}.card.pad{padding:24px}.card img{height:190px;width:100%;object-fit:cover}.card h3{margin:0 0 10px;color:var(--dark);font-size:21px;letter-spacing:-.025em}.card p{color:var(--muted);margin:0 0 16px}.pillrow{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;border-radius:999px;background:#F0FDF4;border:1px solid rgba(22,163,74,.18);color:#047857;font-size:12px;font-weight:800;padding:6px 10px}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.photo{border-radius:28px;overflow:hidden;box-shadow:0 18px 60px rgba(15,23,42,.16);border:1px solid var(--line)}.checklist{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:11px}.checklist li{padding-left:31px;position:relative;color:#334155}.checklist li:before{content:'✓';position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#dcfce7;color:#15803d;font-weight:900;font-size:13px}.pagehero{background:linear-gradient(135deg,#061A12,#064E3B);color:#fff;padding:72px 0}.pagehero p{color:#DCFCE7;font-size:19px;max-width:800px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mini{border:1px solid var(--line);border-radius:20px;padding:20px;background:#fff;box-shadow:0 4px 18px rgba(15,23,42,.04)}.mini b{display:block;color:var(--dark);font-size:17px;margin-bottom:6px}.cta{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border-radius:30px;padding:38px;display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:36px}.cta h2{color:#fff;margin:0}.cta p{color:#ECFDF5;margin:8px 0 0}.article{max-width:850px;margin:0 auto}.article h2{font-size:30px;margin-top:32px}.article h3{font-size:24px;color:var(--dark);margin-top:28px}.article p{font-size:17px;color:#334155}.article ul,.article ol{padding-left:24px;color:#334155}.breadcrumbs{font-size:13px;color:#DDF7E8;margin-bottom:10px}.breadcrumbs a{text-decoration:underline}.footer{background:#061A12;color:#DCFCE7;padding:54px 0 28px}.footer .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px}.footer a{color:#DCFCE7;display:block;margin:8px 0}.footer small{display:block;margin-top:28px;color:#8AA99A}.review{border-left:4px solid var(--blue);padding:18px 20px;border-radius:18px;background:#fff;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.review p{font-style:italic}.form{display:grid;gap:12px}.form input,.form textarea,.form select{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--line);font:inherit}.notice{background:#fffbeb;border:1px solid #fde68a;border-radius:18px;padding:16px;color:#7c2d12}.mobile-call{display:none}@media (max-width:920px){.hero .wrap,.split,.grid2{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.grid4{grid-template-columns:1fr 1fr}.navlinks{display:none}.trust{grid-template-columns:1fr 1fr}.cta{display:block}.cta .btn{margin-top:18px}.footer .cols{grid-template-columns:1fr 1fr}.mobile-call{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:80;background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;border-radius:18px;padding:14px;justify-content:center;font-weight:900;box-shadow:0 12px 40px rgba(0,0,0,.25)}}@media (max-width:560px){.topbar .wrap{display:block}.hero .wrap{padding-top:46px}.cards,.grid4,.footer .cols{grid-template-columns:1fr}.brand img{height:34px}.hero h1,.pagehero h1{font-size:38px}.section{padding:52px 0}}

/* Green color scheme refresh: emerald/forest accents applied sitewide. */


/* UI/UX refresh - cleaner navigation, mobile menu, cards, forms and accessibility */
:root{
  --radius-lg:28px;
  --radius-md:18px;
  --shadow-soft:0 18px 48px rgba(8,30,20,.10);
  --shadow-card:0 12px 34px rgba(8,30,20,.08);
  --focus:0 0 0 4px rgba(34,197,94,.22);
}
.skip-link{position:absolute;left:-999px;top:10px;background:#fff;color:var(--dark);z-index:9999;padding:10px 14px;border-radius:12px;box-shadow:var(--shadow-card);font-weight:900}
.skip-link:focus{left:12px;outline:none;box-shadow:var(--focus),var(--shadow-card)}
body{font-size:16px;text-rendering:optimizeLegibility}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus)}
.topbar{font-size:13px}
.topbar a{text-decoration:underline;text-underline-offset:3px}
.nav{box-shadow:0 8px 30px rgba(8,30,20,.05)}
.nav .wrap{min-height:74px}
.brand span{font-size:18px;white-space:nowrap}
.navlinks a:not(.btn){position:relative;padding:8px 0}
.navlinks a:not(.btn)::after{content:"";position:absolute;left:0;right:100%;bottom:1px;height:3px;background:var(--blue);border-radius:99px;transition:.18s ease}
.navlinks a:not(.btn):hover::after,.navlinks a.active::after{right:0}
.nav-estimate{padding:10px 14px!important;border-width:1px!important}
.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:14px;width:46px;height:42px;align-items:center;justify-content:center;gap:4px;flex-direction:column;box-shadow:0 8px 20px rgba(8,30,20,.06);cursor:pointer}
.menu-toggle span{display:block;width:20px;height:2px;background:var(--dark);border-radius:99px;transition:.18s ease}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.btn{min-height:48px;box-shadow:none}
.btn:hover{transform:translateY(-2px)}
.btn.primary:hover{box-shadow:0 16px 36px rgba(22,163,74,.24)}
.btn.secondary:hover{border-color:rgba(22,163,74,.45);background:#F0FDF4}
.hero{background:
  radial-gradient(circle at 12% 18%,rgba(34,197,94,.28),transparent 26%),
  radial-gradient(circle at 78% 14%,rgba(187,247,208,.18),transparent 22%),
  linear-gradient(135deg,#061A12 0%,#0B1F17 54%,#064E3B 100%);
}
.hero .wrap{align-items:center;gap:54px}
.hero h1,.pagehero h1{letter-spacing:-.055em;line-height:.98}
.hero h1{font-size:clamp(42px,6vw,76px);max-width:880px}
.pagehero h1{font-size:clamp(38px,5vw,62px)}
.lead{font-size:clamp(18px,2vw,22px);max-width:760px}
.hero-note{margin-top:14px;color:#DCFCE7;font-weight:800}
.hero-card{border:1px solid rgba(255,255,255,.16);box-shadow:0 26px 70px rgba(0,0,0,.28)}
.hero-card img{aspect-ratio:16/10;object-fit:cover}
.trust{margin-top:26px}
.trust div{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px)}
.ux-proofbar{background:#fff;border-bottom:1px solid var(--line)}
.proofbar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-top:18px;padding-bottom:18px}
.proofbar-grid div{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#F7FCF8)}
.proofbar-grid b{width:34px;height:34px;border-radius:12px;background:#DCFCE7;color:#047857;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.proofbar-grid span{font-weight:800;color:#173527;line-height:1.35}
.section{padding:74px 0}
.section h2{letter-spacing:-.04em}
.big{font-size:19px}
.cards{gap:24px}
.card,.mini,.review{transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.card:hover,.mini:hover,.review:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:rgba(22,163,74,.22)}
.card img{height:220px;object-fit:cover}
.card .pad{padding:24px}
.pillrow{gap:10px}
.pill{border:1px solid rgba(22,163,74,.22);background:#F0FDF4;color:#0B1F17}
.pill:hover{background:#DCFCE7}
.ux-process{background:linear-gradient(180deg,#fff,#F7FCF8)}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.process-steps article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 8px 24px rgba(8,30,20,.05)}
.process-steps span{display:inline-flex;width:44px;height:44px;border-radius:16px;align-items:center;justify-content:center;background:#DCFCE7;color:#047857;font-weight:950;margin-bottom:16px}
.process-steps h3{margin:0 0 8px;color:var(--dark);letter-spacing:-.02em}
.process-steps p{margin:0;color:var(--muted)}
.local-quick-actions{background:#F0FDF4;border-bottom:1px solid rgba(22,163,74,.15)}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:16px;padding-bottom:16px}
.quick-grid a{display:block;background:#fff;border:1px solid rgba(22,163,74,.18);border-radius:18px;padding:16px;box-shadow:0 8px 20px rgba(8,30,20,.05)}
.quick-grid a:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}
.quick-grid b{display:block;color:var(--dark)}
.quick-grid span{display:block;color:var(--muted)}
.form-enhanced label{display:grid;gap:7px;font-weight:900;color:var(--dark)}
.form-enhanced input,.form-enhanced textarea,.form-enhanced select{background:#fff;border:1px solid #CFE5D6;transition:.16s ease}
.form-enhanced input:focus,.form-enhanced textarea:focus,.form-enhanced select:focus{border-color:#22C55E;box-shadow:var(--focus)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.form-actions span{color:var(--muted);font-size:14px;font-weight:800}
.notice{background:#F0FDF4;border-color:#BBF7D0;color:#14532D}
.footer{background:linear-gradient(180deg,#061A12,#04110C)}
.footer .brand span{color:#fff}
.footer a:hover{color:#BBF7D0}
.mobile-call{min-height:54px}
@media (max-width:1040px){
  .navlinks{gap:14px}
  .navlinks a:not(.btn){font-size:13px}
  .nav-estimate{display:none!important}
}
@media (max-width:920px){
  .menu-toggle{display:flex}
  .nav .wrap{position:relative}
  .navlinks{display:none;position:absolute;top:100%;left:16px;right:16px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:var(--shadow-soft);z-index:90}
  .navlinks.open{display:grid;gap:6px}
  .navlinks a{padding:12px!important;border-radius:14px}
  .navlinks a:hover{background:#F0FDF4}
  .navlinks .btn{display:flex!important;margin-top:6px}
  .proofbar-grid,.process-steps{grid-template-columns:1fr 1fr}
  .quick-grid{grid-template-columns:1fr}
}
@media (max-width:680px){
  .wrap{padding-left:18px;padding-right:18px}
  .topbar .wrap span:first-child{display:none}
  .hero-actions{display:grid;gap:10px}
  .hero-actions .btn{width:100%}
  .trust{grid-template-columns:1fr 1fr}
  .proofbar-grid,.process-steps,.form-grid{grid-template-columns:1fr}
  .card img{height:190px}
  .cta{border-radius:22px;padding:26px}
  .footer{padding-bottom:92px}
}

