@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{--forest:#092c20;--deep:#081d16;--lime:#b7dd39;--gold:#ffd047;--ink:#172c23;--muted:#56675e;--paper:#f3f6ef;--line:#dbe3d7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;line-height:.99;letter-spacing:-.025em}h1{font-size:clamp(4rem,7.5vw,7.5rem)}h2{font-size:clamp(2.8rem,4.6vw,4.4rem)}h3{font-size:1.22rem;line-height:1.25}p{color:var(--muted)}em{font-style:normal;color:var(--lime)}.wrap{width:min(1320px,90%);margin:auto}.topbar{background:var(--lime);font-size:.75rem;font-weight:700;letter-spacing:.08em;padding:8px 0}.topbar .wrap{display:flex;justify-content:space-between;gap:20px}.topbar a{letter-spacing:0}header{position:sticky;top:0;z-index:20;background:var(--forest);color:white;border-bottom:1px solid #ffffff22}.nav{height:105px;display:flex;align-items:center;gap:35px}.brand{margin-right:auto}.brand-art{display:block;width:174px;height:96px;background:url('/assets/hardscape.jpg') -9px -8px/450px auto no-repeat;border-radius:8px;clip-path:polygon(0 0,100% 0,100% 86%,81% 100%,0 100%)}nav{display:flex;gap:28px;font-size:.9rem}nav a:hover{color:var(--lime)}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:53px;padding:14px 23px;background:var(--lime);color:var(--deep);font-weight:700;font-size:.9rem;border:1px solid transparent;border-radius:3px;transition:background .2s,transform .2s}.button:hover{background:#cbea68;transform:translateY(-2px)}.button span{font-size:1.25rem}.button.outline{background:transparent;color:inherit;border-color:#ffffff70}.button.dark{background:var(--forest);color:white}.menu{display:none}.hero{min-height:640px;background:var(--deep);color:#fff;position:relative;display:flex;align-items:center;isolation:isolate}.hero-image{position:absolute;inset:0;z-index:-2;background:url('/assets/brand-banner.jpg') right center/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071f19 0%,#071f19e8 37%,#071f1950 70%,#071f191a)}.hero-content{padding-top:65px;padding-bottom:80px}.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.17em;color:#52721e;margin-bottom:22px}.hero .eyebrow{color:var(--gold)}.hero .intro{color:#e0e9df;max-width:470px;font-size:1.12rem;margin:27px 0 30px}.actions{display:flex;flex-wrap:wrap;gap:13px}.hero-details{display:flex;gap:22px;margin-top:35px;color:#d0dbcf;font-size:.8rem;flex-wrap:wrap}.hero-details span:before{content:'✓';color:var(--lime);margin-right:8px}.image-caption{position:absolute;bottom:16px;right:5%;color:#fff;font-size:.75rem;text-shadow:0 1px 4px #000}.promise{background:var(--paper);border-bottom:1px solid var(--line);padding:24px 0}.promise .wrap{display:flex;justify-content:space-between;gap:24px}.promise span{font-size:.83rem;color:#637d31}.promise b{margin-left:13px;color:var(--ink);font-weight:500}.section{padding:95px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:45px}.section-heading>p{max-width:400px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px;display:flex;flex-direction:column;min-height:230px;transition:background .2s}.service:hover{background:var(--paper)}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;color:#6c872b;font-size:.85rem}.service h3{margin-bottom:13px}.service p{font-size:.92rem;line-height:1.6}.service .service-link{font-weight:700;margin-top:auto;padding-top:20px;font-size:.83rem}.soft{background:var(--paper)}.dark-section{background:var(--forest);color:#fff}.dark-section p{color:#cbd8ce}.dark-section .eyebrow{color:var(--lime)}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.split p.copy{margin:24px 0}.project-photo{width:100%;height:440px;object-fit:cover}.photo-note{font-size:.75rem;margin-top:10px}.project-label{display:flex;justify-content:space-between;gap:20px;margin-top:20px}.tag{font-size:.75rem;font-weight:700;letter-spacing:.08em;color:#526f27}.checks{padding:0;margin:25px 0 32px;list-style:none}.checks li{padding:12px 0;border-bottom:1px solid var(--line)}.checks li:before{content:'✓';color:#648c23;margin-right:12px}.project-cards{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:40px}.project-card{background:white;padding:28px}.project-card h3{margin:8px 0 12px}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;font-size:.91rem}.before-after span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#668530;margin-bottom:8px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.trust{padding-top:26px;border-top:1px solid #ffffff40}.trust .number{color:var(--lime);margin-bottom:22px;font-family:'Barlow Condensed',Arial,sans-serif;font-size:2rem}.trust h3{margin-bottom:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.step{border-top:2px solid var(--forest);padding-top:20px}.step b{font-family:'Barlow Condensed',Arial,sans-serif;color:#769631;font-size:2.8rem}.step h3{margin:20px 0 12px}.review{border-left:4px solid var(--lime);padding-left:30px}.review blockquote{font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.45;margin:0 0 20px;font-weight:500}.review cite{font-size:.9rem;font-style:normal}.textlink{display:inline-block;font-weight:700;text-decoration:underline;text-underline-offset:5px;font-size:.9rem;margin-top:20px}.area-box{background:var(--forest);color:#fff;padding:42px;position:relative}.area-box .city{font-family:'Barlow Condensed',Arial,sans-serif;font-size:5rem;line-height:1}.quadrants{display:grid;grid-template-columns:1fr 1fr;margin:25px 0;border-top:1px solid #ffffff33;border-left:1px solid #ffffff33}.quadrants span{padding:18px;border-bottom:1px solid #ffffff33;border-right:1px solid #ffffff33;color:#e5ecdf}.area-box p{color:#d6dfd4}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{font-size:1.04rem;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:#698e21;font-size:1.4rem}details[open] summary:after{content:'−'}details p{margin-top:15px;max-width:850px}.quote{background:var(--forest);color:#fff}.quote .eyebrow{color:var(--gold)}.quote p{color:#d6e0d6}.quote h2{font-size:clamp(3.5rem,5.5vw,5.2rem)}.quote .split{align-items:start;grid-template-columns:.85fr 1.15fr}.quote-phone{display:block;font-family:'Barlow Condensed',Arial,sans-serif;font-size:2.3rem;color:var(--lime);margin:25px 0 3px}.form{background:white;color:var(--ink);padding:35px;border-radius:4px}.form p{color:var(--muted);font-size:.85rem}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}label{display:flex;flex-direction:column;gap:7px;font-size:.85rem;font-weight:600}.wide{grid-column:1/-1}input,select,textarea{width:100%;min-width:0;padding:12px;border:1px solid #bac8bd;border-radius:2px;min-height:48px;background:#fff;color:var(--ink)}textarea{min-height:115px;resize:vertical}.consent{display:flex;flex-direction:row;align-items:start;gap:10px;font-weight:400;margin:20px 0}.consent input{width:18px;min-height:18px;height:18px;flex-shrink:0;margin-top:4px}.form .button{width:100%}.form-status{margin-top:15px;font-weight:600}.form-status.error{color:#a32929}.honeypot{position:absolute;left:-9999px}footer{background:var(--deep);color:#cbd8ce;padding:50px 0 25px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:55px}.footer-grid p{color:#b5c6b9;font-size:.9rem;max-width:360px;margin-top:18px}.footer-grid h3{color:#fff;font-size:1rem;margin-bottom:18px}.footer-grid a:not(.brand){display:block;font-size:.9rem;margin:9px 0}.footer-bottom{border-top:1px solid #ffffff25;padding-top:23px;margin-top:35px;display:flex;justify-content:space-between;gap:20px;font-size:.75rem}.mobile-cta{display:none}.skip{position:absolute;top:-100px;left:10px;background:white;color:#000;padding:12px;z-index:100}.skip:focus{top:5px}:focus-visible{outline:3px solid #83a720;outline-offset:5px}button:disabled{opacity:.6;cursor:wait}
@media(max-width:1000px){nav{gap:18px}.nav{gap:25px}.navquote{display:none}.split{gap:40px}.services{grid-template-columns:repeat(2,1fr)}.hero:after{background:linear-gradient(90deg,#071f19ed,#071f1990 70%,#071f1950)}.trust-grid{gap:25px}.promise .wrap{gap:12px}.promise b{margin-left:5px}}
@media(max-width:700px){html{scroll-padding-top:95px}.wrap{width:90%}.topbar{font-size:.67rem;letter-spacing:.08em}.topbar a{display:none}.nav{height:84px}.brand-art{width:145px;height:79px;background-size:375px auto;background-position:-7px -7px}.menu{display:flex;gap:13px;align-items:center;background:transparent;border:1px solid #ffffff55;color:white;padding:9px 14px;border-radius:3px;font-size:.9rem}nav{display:none;position:absolute;left:0;right:0;top:84px;background:var(--forest);padding:20px 5%;border-top:1px solid #ffffff33}nav.open{display:flex;flex-direction:column}nav a{padding:9px 0}.hero{min-height:630px}.hero-content{padding:58px 0 75px}.hero-image{background-position:65% center}.hero:after{background:linear-gradient(90deg,#071f19ee,#071f198f),linear-gradient(0deg,#071f19aa,transparent)}h1{font-size:4.3rem}.hero .intro{font-size:1rem;max-width:340px}.hero .actions{flex-direction:column;align-items:start}.hero-details{font-size:.75rem;gap:10px 18px;margin-top:28px}.promise .wrap{flex-wrap:wrap;gap:10px 24px}.promise span{font-size:.75rem}.section{padding:60px 0}.section-heading{flex-direction:column;align-items:start;gap:24px;margin-bottom:30px}.services{grid-template-columns:1fr}.service{min-height:0;padding:24px}.service-top{margin-bottom:18px}.service p{font-size:1rem}.split,.quote .split{grid-template-columns:1fr;gap:35px}.project-photo{height:320px}.project-cards,.trust-grid,.steps{grid-template-columns:1fr;gap:25px}.project-cards{margin-top:25px}.before-after{font-size:.9rem}.step h3{margin-top:12px}.review{padding-left:22px}.area-box{padding:30px}.form{padding:25px}.fields{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}footer{padding-bottom:100px}.mobile-cta{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;background:var(--forest);color:white;z-index:30;box-shadow:0 -3px 15px #0002;padding-bottom:env(safe-area-inset-bottom)}.mobile-cta a{padding:17px 9px;text-align:center;font-size:.82rem;font-weight:700}.mobile-cta a:last-child{background:var(--lime);color:var(--deep)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}} 
.hero-image{background-image:url('/assets/landscape-hero.png')}
.brand-art{width:154px;height:105px;background-image:url('/assets/brand-banner.jpg');background-size:470px auto;background-position:-69px -13px;clip-path:none;border-radius:9px}.nav{height:115px}@media(max-width:700px){.brand-art{width:120px;height:80px;background-size:365px auto;background-position:-54px -10px}.nav{height:90px}nav{top:90px}}
.brand-art{width:163px;height:119px;background-image:url('/assets/hardscape.jpg');background-size:430px auto;background-position:-13px -12px}.nav{height:128px}@media(max-width:700px){.brand-art{width:122px;height:90px;background-size:325px auto;background-position:-10px -9px}.nav{height:98px}nav{top:98px}}
.brand-art{display:block;width:168px;height:112px;background:url('/assets/calgary-lawn-reset-logo-v2.png') center/contain no-repeat;border-radius:0;clip-path:none;mix-blend-mode:screen}.nav{height:118px}@media(max-width:700px){.brand-art{width:128px;height:86px}.nav{height:94px}nav{top:94px}}