@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--dark:#10170f;--lime:#d5ee75;--cream:#f3f2e8;--line:#d6d9c8;--muted:#aeb8a5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:var(--dark);color:var(--cream);font:16px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #519c66;outline-offset:4px}nav{display:flex;align-items:center;gap:24px}.demobar{position:sticky;top:0;z-index:5;padding:12px max(4vw,16px);display:flex;justify-content:space-between;align-items:center;gap:10px;background:#202a1d;border-bottom:1px solid #ffffff20;font-size:13px;color:#e0e8d9}.demobar nav{gap:8px}.demobar nav a{padding:7px 12px;border-radius:999px}.demobar nav a[aria-current]{background:var(--lime);color:var(--dark);font-weight:700}.wrap{width:min(1190px,92%);margin:auto}.hero{background:linear-gradient(90deg,#10170ff0,#10170f85 46%,#10170f22 90%),linear-gradient(0deg,#10170fb0,transparent 28%),url('hero.webp'),url('brand.jpg');background-size:cover;background-position:center;min-height:680px}.brandnav{display:flex;justify-content:space-between;align-items:center;padding:23px 0;border-bottom:1px solid #ffffff48}.brand{font-size:23px;font-weight:700;display:flex;align-items:center;gap:9px;letter-spacing:-.035em}.brand span{font:800 28px 'Barlow Condensed',sans-serif;background:var(--lime);color:var(--dark);width:35px;height:35px;text-align:center;border-radius:7px}.headline{padding:91px 0 75px}.eyebrow,small,.herofoot{font-size:12px;font-weight:700;letter-spacing:.16em}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{width:8px;height:8px;background:var(--lime);border-radius:100%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:.9}h1{font-size:clamp(70px,11vw,150px);margin:14px 0 20px}h1 em{font-style:normal;color:var(--lime)}h2{font-size:clamp(45px,7vw,91px);margin:13px 0 20px}h3{font-size:24px;margin-bottom:10px}p{line-height:1.55}.headline p,.field p,.split>div>p{max-width:420px}.pill,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:100px;font-weight:700;border:1px solid transparent}.pill{background:var(--lime);color:#131c11}.outline{background:transparent;border-color:#ffffff72;color:var(--cream)}.plain{margin-left:16px;font-size:14px}.herofoot{border-top:1px solid #ffffff45;display:flex;justify-content:space-between;gap:14px;padding:17px 0;color:#dce5d4}.cream{background:var(--cream);color:var(--dark)}.cream,.field{padding:78px 0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:34px}.services article{background:var(--cream);padding:27px}.services small{color:#4b6842}.services h3{margin-top:18px}.services a{font-weight:700;text-decoration:underline;text-underline-offset:4px}.split{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:45px}.field img{width:100%;max-height:440px;object-fit:cover;object-position:top;border-radius:12px}.field{background:#1b2718}.fields,.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}form,label{display:grid;gap:7px}form{background:#fff;padding:24px;border:1px solid var(--line);border-radius:14px;gap:15px}label{font-weight:700;font-size:14px}input,select,textarea{width:100%;min-width:0;border:1px solid var(--line);background:#fbfcf7;padding:10px;border-radius:7px;color:var(--dark)}.check{display:flex;align-items:center;gap:9px}.check input{width:auto}.secondary{background:#e8ecdf;color:var(--dark);padding:9px 15px}.dash,.portal{padding:45px 0 64px}.dash h2,.portal h2{font-size:clamp(45px,7vw,75px)}.dashhead{display:flex;justify-content:space-between;align-items:center;gap:20px}.metrics{grid-template-columns:repeat(4,1fr);margin:12px 0 20px}.metrics>div,aside,.panel{background:#f7f8ef;color:var(--dark);padding:20px;border-radius:12px}.metrics strong{display:block;font-size:22px}.workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:15px}.workspace aside nav{display:grid;gap:5px;margin-bottom:19px}.workspace aside button,.actions>button{width:100%;text-align:left}.job,.tab{background:#e9eddf;border:0;border-radius:8px;padding:10px;margin-bottom:4px;color:var(--dark)}.job[aria-pressed=true],.tab[aria-pressed=true]{background:#d5ee75}.panel{overflow-wrap:anywhere}.panel .pill{margin-top:8px}.panel li{margin:10px 0}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.actions a{margin:0}.meta{color:#4b6044;font-size:14px}.bubble{background:#e5efda;border-radius:12px;padding:13px;margin:8px 0;max-width:580px}.portal video{width:100%;display:block;background:#111;border-radius:12px;margin:20px 0}.portal .panel{max-width:840px}.portal form,.panel form{padding:0;border:0;background:none}.stage{display:inline-block;background:#d5ee75;border-radius:20px;padding:5px 12px;font-weight:700;margin-bottom:12px}.log{padding-left:20px}.buttons{display:flex;gap:8px;flex-wrap:wrap} [hidden]{display:none!important}
@media(max-width:740px){.demobar{flex-wrap:wrap;font-size:12px;padding:8px 4%}.demobar nav{gap:2px}.demobar nav a{padding:6px 8px}.brandnav nav>a:not(.pill){display:none}.headline{padding:75px 0 58px}.hero{min-height:auto;background-position:60% center}.herofoot{font-size:9px}.cream,.field{padding:49px 0}.services,.split,.workspace{grid-template-columns:1fr}.services article{padding:20px}.split{gap:24px}.metrics{grid-template-columns:1fr 1fr}.workspace aside nav{display:flex;flex-wrap:wrap}.workspace aside,.panel{padding:14px}.dashhead{align-items:start}.dashhead .secondary{font-size:12px}.fields{grid-template-columns:1fr}.plain{margin-left:9px}.pill{padding:11px 14px}}
.brand img{width:39px;height:39px;object-fit:cover;border-radius:7px;border:1px solid #e8f3cf72}.field{background:linear-gradient(90deg,#172617f9,#172617f2),url('pattern.jpg') center/520px}.services h3{margin-top:0}
.projects,.faq{padding:86px 0}.projects{background:#202c1d}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.section-intro p{color:#d1dac9;max-width:290px}.project-grid,.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-grid article{background:#141d13;border:1px solid #ffffff26;border-radius:14px;overflow:hidden}.project-grid img{width:100%;display:block;height:auto;aspect-ratio:1.18;object-fit:cover}.project-grid article>div{padding:21px}.project-grid a{font-weight:700;color:var(--lime)}.process-grid{margin-top:38px}.process-grid article{border-top:1px solid #9eab91;padding:19px 8px 0 0}.process-grid span{display:block;color:#3d6033;font-weight:700;margin-bottom:19px}.faq-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px}.faq-grid>div>p{max-width:345px;color:#d1dac9}.faq-list{border-top:1px solid #ffffff40}.faq details{border-bottom:1px solid #ffffff40}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;align-items:center;font-weight:700;padding:19px 0;min-height:60px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--lime);font-size:23px;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{color:#d1dac9;margin:0 25px 19px 0}.site-footer{background:#172215;padding-top:40px}.footer-grid{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-bottom:29px}.footer-grid p{margin:10px 0 0;color:var(--muted)}.footer-grid nav{gap:14px;flex-wrap:wrap}.footer-grid nav a:hover,.brandnav nav a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:850px){.brandnav nav{gap:12px}.faq-grid{gap:32px}}
@media(max-width:740px){.projects,.faq{padding:49px 0}.section-intro,.footer-grid{display:block}.project-grid,.process-grid,.faq-grid{grid-template-columns:1fr}.project-grid{gap:14px}.project-grid img{aspect-ratio:1.55}.process-grid{gap:10px}.footer-grid nav{margin:20px 0}.faq-grid{gap:25px}}
.mobile-nav{display:none}
@media(max-width:740px){.mobile-nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:13px 0;border-bottom:1px solid #ffffff38;font-size:13px;font-weight:700}.headline{padding-top:57px}}
@media(max-width:375px){.headline h1{font-size:clamp(56px,18vw,70px)}.brand{font-size:20px}}
.pill,.secondary{min-height:42px}.services a,.project-grid a{display:inline-flex;align-items:center;min-height:42px;border-radius:999px;padding:8px 15px;text-decoration:none}.services a{background:#e3e8d8}.project-grid a{background:#35442c;color:#eff5db}.services a:hover,.project-grid a:hover,.pill:hover,.secondary:hover{filter:brightness(.94)}#dashboard{background:#e8ede4;color:#172418;min-height:100vh}.dash{width:min(1320px,94%)}.dashhead .eyebrow,.dashhead p{color:#506847}.workspace{grid-template-columns:245px minmax(0,1fr)}.metrics>div,.workspace aside,.panel{background:#fff;border:1px solid #d9e3d4;box-shadow:0 5px 16px #162b1509}.metrics>div{border-top:3px solid #6e9453}.panel{padding:28px}.workspace aside{background:#f5f8f2}.job,.tab{border:1px solid transparent}.job[aria-pressed=true],.tab[aria-pressed=true]{background:#dcebcf;border-color:#c2d7b1;color:#203d21}.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.record-grid section,.next-step,.bill-to{padding:16px;border:1px solid #dce6d6;background:#f6f9f3;border-radius:12px}.record-data{margin:0}.record-data dt{font-size:12px;color:#4b6044;font-weight:700}.record-data dd{margin:3px 0 9px;overflow-wrap:anywhere}.next-step{margin:18px 0 0}.panel h4{margin:0 0 10px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,180px));gap:12px}.photo-grid figure{margin:0}.photo-grid img{display:block;width:100%;height:110px;object-fit:cover;border-radius:9px}.photo-grid figcaption{color:#4b6044;font-size:13px;margin-top:4px}.person{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #dce6d6}.person .stage{margin:0 0 0 auto;white-space:nowrap}.avatar{background:#dcebcf;border-radius:11px;padding:10px;font-weight:700}.dispatch{background:#e2eddf;border:1px solid #c5d7c2}.estimate-head{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.estimate-head h3{font-size:clamp(28px,5vw,46px);letter-spacing:-.06em}.bill-to{margin-bottom:17px}.bill-to p{margin:4px 0 0}.estimate-line{display:grid;grid-template-columns:minmax(0,2fr) minmax(55px,.6fr) minmax(90px,.8fr) minmax(78px,.7fr) auto;gap:8px;align-items:end;border-bottom:1px solid #dce6d6;padding:9px 0}.line-total{padding-bottom:7px}.line-total small{display:block;font-size:10px;letter-spacing:0}.remove-line{border:0;background:#eef2e9;color:#304c2a;border-radius:7px;padding:9px 6px}.estimate-bottom{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:8px}.totals{background:#eaf1e6;border-radius:10px;padding:12px;margin:0}.totals div,.estimate-items>div{display:flex;justify-content:space-between;gap:8px;padding:6px 0}.totals div:nth-child(4){border-top:1px solid #a6bd9b;font-weight:700}.totals dd{margin:0;text-align:right}.estimate-items{margin:12px 0}.estimate-items>div{border-bottom:1px solid #dce6d6}.estimate-items b{flex:1}.estimate-items span{color:#4b6044}
@media(max-width:740px){.workspace{grid-template-columns:1fr}.panel{padding:15px}.record-grid,.estimate-bottom{grid-template-columns:1fr}.estimate-line{grid-template-columns:1fr 1fr}.estimate-line label:first-child{grid-column:1/-1}.line-total{padding:0}.person{flex-wrap:wrap}.estimate-items>div{flex-wrap:wrap}}
.messages-heading{padding-top:20px}.photo-grid button{display:block;width:100%;border:0;padding:0;background:none}#photoDialog{border:0;border-radius:14px;padding:12px;max-width:94vw;max-height:90vh}#photoDialog::backdrop{background:#10190dd9}#photoDialog form{display:flex;justify-content:flex-end;padding:0 0 8px;border:0}#photoDialog img{display:block;max-width:100%;max-height:73vh;object-fit:contain;margin:auto}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.services-cta{background:var(--cream);color:var(--dark)}.brandnav .pill{box-shadow:0 2px 10px #10170f50}
.company-card{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:20px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:22px}.company-card img{display:block;width:100%;height:auto}.company-card a{display:block;overflow-wrap:anywhere;color:#355131;margin-top:8px;text-decoration:underline;text-underline-offset:4px}.company h2{font-size:clamp(45px,6.5vw,82px)}@media(max-width:450px){.company-card{grid-template-columns:58px minmax(0,1fr);gap:12px;padding:15px}.company-card h3{font-size:19px}}
.message-grid{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(310px,1.25fr);gap:24px;margin-bottom:25px}.phone-preview,.mail-preview{background:#fff;color:#182419;border:1px solid #dce6d6;border-radius:16px;padding:16px}.phone-preview>header{border-bottom:1px solid #e1e8dc;padding:4px 0 12px}.phone-preview small{display:block;color:#4b6044;letter-spacing:0}.sms-preview{background:#edf2e9;border-radius:13px;margin-top:13px;padding:13px}.sms-preview a{text-decoration:underline;color:#3359a7;font-weight:700}.mail-preview{padding:0;overflow:hidden;margin-bottom:15px}.mail-meta,.mail-body,.mail-preview footer{padding:13px 19px}.mail-meta{font-size:.9rem}.mail-preview header{display:flex;align-items:center;gap:12px;background:#253e21;color:#fff;padding:14px 19px}.mail-preview header img{width:38px;height:38px;border-radius:5px}.mail-body h4{font-size:1.35rem;margin:0 0 12px}.mail-body .pill{margin-bottom:12px}.mail-preview footer{background:#edf2e9;font-size:.8rem}@media(max-width:690px){.message-grid{grid-template-columns:1fr}}
.signature-actions{display:grid;justify-items:start;gap:10px}.signature-actions form{width:min(100%,420px)}.signature-actions form .pill{justify-self:start}
