:root{--green:#14452f;--green-2:#1d5c3f;--green-3:#2c7a56;--char:#22262a;--char-2:#33383d;--sand:#f4ecdd;--cream:#fbf7ef;--white:#fff;--orange:#d97528;--orange-2:#c2651d;--line:#e2d9c6;--txt:#23282c;--muted:#5b6views;--radius:10px} :root{--muted:#5c6469} *{box-sizing:border-box} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%} body{margin:0;font-family:"Segoe UI",Roboto,-apple-system,Helvetica,Arial,sans-serif;color:var(--txt);background:var(--white);font-size:17px;line-height:1.7;overflow-x:hidden} img{max-width:100%;height:auto;display:block} a{color:var(--green-2)} .wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 18px} h1,h2,h3,h4{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;line-height:1.22;color:var(--green);margin:0 0 .6em} h1{font-size:clamp(1.7rem,4.4vw,2.9rem);letter-spacing:-.5px;text-transform:uppercase} h2{font-size:clamp(1.35rem,3vw,2rem);margin-top:1.6em} h3{font-size:1.13rem;color:var(--char);margin-top:1.4em} p{margin:0 0 1.05em} ul,ol{margin:0 0 1.2em;padding-left:1.2em} li{margin-bottom:.45em} .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px;padding:14px 22px;border-radius:var(--radius);font-weight:700;text-decoration:none;font-size:1rem;border:2px solid transparent;text-align:center} .btn-call{background:var(--orange);color:#fff} .btn-call:hover{background:var(--orange-2)} .btn-quote{background:var(--green);color:#fff} .btn-quote:hover{background:var(--green-2)} .btn-ghost{background:transparent;color:var(--green);border-color:var(--green)} .btn-ghost:hover{background:var(--sand)} .btn-white{background:#fff;color:var(--green)} /* HEADER */ .topbar{background:var(--char);color:#f2efe8;font-size:.87rem} .topbar .wrap{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between;padding:7px 18px} .topbar a{color:#ffd9b8;text-decoration:none;font-weight:600} .site-header{position:sticky;top:0;z-index:900;background:#fff;border-bottom:3px solid var(--green);box-shadow:0 2px 12px rgba(0,0,0,.08)} .hdr{display:flex;align-items:center;gap:14px;padding:10px 18px;max-width:1180px;margin:0 auto;width:100%} .brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 1 auto;min-width:0} .brand img{width:44px;height:44px;flex:0 0 44px} .brand-txt{min-width:0} .brand-name{display:block;font-family:"Trebuchet MS",Arial,sans-serif;font-weight:700;color:var(--green);font-size:1.02rem;line-height:1.15;letter-spacing:-.2px} .brand-sub{display:block;font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em} .hdr-spacer{flex:1 1 auto} /* desktop nav */ .dnav{display:none} @media(min-width:1080px){.dnav{display:block}} .dnav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px} .dnav a{display:block;padding:10px 9px;text-decoration:none;color:var(--char);font-weight:600;font-size:.9rem;border-radius:6px} .dnav a:hover,.dnav a:focus-visible{background:var(--sand);color:var(--green)} .dnav li.has-sub{position:relative} .dnav li.has-sub>a::after{content:"▾";margin-left:4px;font-size:.7rem} .dnav .sub{position:absolute;left:0;top:100%;min-width:280px;max-width:min(320px,calc(100vw - 24px));background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 30px rgba(0,0,0,.14);padding:8px;display:none;flex-direction:column;gap:0} .dnav li.has-sub:last-child .sub,.dnav li.has-sub:nth-last-child(-n+2) .sub{left:auto;right:0} .dnav li.has-sub:hover>.sub,.dnav li.has-sub:focus-within>.sub{display:flex} .dnav .sub a{font-weight:500;font-size:.88rem;padding:9px 10px} .hdr-call{display:none} @media(min-width:700px){.hdr-call{display:inline-flex;padding:12px 16px;font-size:.95rem;min-height:48px;white-space:nowrap}} .burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:50px;height:46px;border:2px solid var(--green);background:#fff;border-radius:8px;cursor:pointer;padding:0 11px} .burger span{display:block;height:3px;background:var(--green);border-radius:2px} @media(min-width:1080px){.burger{display:none}} /* mobile nav */ .mnav{display:none;border-top:1px solid var(--line);background:var(--cream);max-height:78vh;overflow-y:auto} .mnav.open{display:block} @media(min-width:1080px){.mnav,.mnav.open{display:none}} .mnav ul{list-style:none;margin:0;padding:0} .mnav a{display:block;padding:14px 18px;text-decoration:none;color:var(--char);font-weight:600;border-bottom:1px solid var(--line)} .mnav .acc-btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 18px;background:none;border:0;border-bottom:1px solid var(--line);font:inherit;font-weight:700;color:var(--char);cursor:pointer;text-align:left} .mnav .acc-btn[aria-expanded=true]{color:var(--green)} .mnav .acc-panel{display:none;background:#fff} .mnav .acc-panel.open{display:block} .mnav .acc-panel a{padding-left:32px;font-weight:500;font-size:.95rem} .mnav .mcall{margin:14px 18px 20px;width:calc(100% - 36px)} /* hero */ .hero{position:relative;background:var(--green);color:#fff} .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34} .hero .wrap{position:relative;padding:34px 18px 40px} .hero h1{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.35)} .hero p.lede{font-size:1.06rem;max-width:760px;color:#f3f0e8} .phone-block{display:inline-flex;flex-direction:column;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:10px 16px;margin-bottom:16px} .phone-block span{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:#ffd9b8} .phone-block a{font-size:clamp(1.5rem,5vw,2.05rem);font-weight:800;color:#fff;text-decoration:none;letter-spacing:-.5px} .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px} .hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;list-style:none;padding:0} .hero-badges li{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:6px 12px;border-radius:20px;font-size:.82rem} /* page head */ .pagehead{background:var(--green);color:#fff;padding:30px 0 26px} .pagehead h1{color:#fff;margin-bottom:.35em} .pagehead p{color:#eee9dd;max-width:820px;margin:0} .pagehead .cta-row{margin-top:18px} section{padding:34px 0} section.alt{background:var(--cream)} section.sand{background:var(--sand)} .grid{display:grid;gap:18px} .g2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))} .g3{grid-template-columns:repeat(auto-fit,minmax(255px,1fr))} .g4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))} .card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px} .card h3{margin-top:0} .card.dark{background:var(--char);border-color:var(--char);color:#f1eee7} .card.dark h3{color:#fff} .step{background:#fff;border:1px solid var(--line);border-left:5px solid var(--orange);border-radius:10px;padding:18px} .step .num{font-weight:800;color:var(--orange);font-size:.85rem;letter-spacing:.1em} .split{display:grid;gap:24px;grid-template-columns:1fr} @media(min-width:900px){.split{grid-template-columns:1.05fr .95fr;align-items:center}} .rounded{border-radius:14px;overflow:hidden;border:1px solid var(--line)} .ctaband{background:var(--char);color:#fff;padding:32px 0} .ctaband h2{color:#fff;margin-top:0} .ctaband p{color:#e6e2d9;max-width:760px} .faq details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:10px} .faq summary{font-weight:700;cursor:pointer;color:var(--green)} .faq p{margin:.7em 0 0} .tbl{width:100%;border-collapse:collapse;font-size:.95rem;display:block;overflow-x:auto} .tbl th,.tbl td{border:1px solid var(--line);padding:10px;text-align:left} .tbl th{background:var(--sand);color:var(--green)} .quote{background:#fff;border:1px solid var(--line);border-top:4px solid var(--green-3);border-radius:12px;padding:20px} .quote .label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--orange-2);font-weight:700} form .frow{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))} label{display:block;font-weight:600;font-size:.9rem;margin-bottom:5px;color:var(--char)} input,select,textarea{width:100%;padding:12px;border:1px solid #c9c1b0;border-radius:8px;font:inherit;background:#fff;min-height:48px} textarea{min-height:120px} .note{font-size:.85rem;color:var(--muted);background:var(--sand);border-radius:8px;padding:12px;border:1px solid var(--line)} .linklist{list-style:none;padding:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))} .linklist a{text-decoration:none;font-weight:600;display:block;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px} .linklist a:hover{background:var(--sand)} /* footer */ .site-footer{background:var(--green);color:#f2efe6;padding:36px 0 0;font-size:.95rem} .site-footer h3{color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.8em} .site-footer a{color:#f2efe6;text-decoration:none} .site-footer a:hover{text-decoration:underline;color:#fff} .site-footer ul{list-style:none;padding:0;margin:0} .site-footer li{margin-bottom:.5em} .fgrid{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))} .fbot{border-top:1px solid rgba(255,255,255,.22);margin-top:28px;padding:16px 0;color:#e8e4d9;font-size:.85rem} .fcall{display:inline-block;background:var(--orange);color:#fff;font-weight:800;padding:12px 18px;border-radius:8px;text-decoration:none;margin-top:6px} .stickycta{position:fixed;left:0;right:0;bottom:0;z-index:950;display:flex;gap:8px;padding:8px;background:rgba(34,38,42,.96);border-top:2px solid var(--orange)} .stickycta a{flex:1;min-height:50px;font-size:.95rem} @media(min-width:700px){.stickycta{display:none}} @media(max-width:699px){body{padding-bottom:70px}} .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)} :focus-visible{outline:3px solid var(--orange);outline-offset:2px}