:root{--green:#075c3b;--deep:#063a2b;--navy:#0b213d;--orange:#ff650f;--paper:#f6f8f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:white;font-family:var(--font-sans),Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.topbar{height:32px;background:var(--deep);color:white;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;font-size:11px}.topbar b{font-weight:600}.topbar span,.topbar a{opacity:.92}header{height:74px;padding:0 6vw;display:flex;align-items:center;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:30;box-shadow:0 3px 12px #001a2915}.logo,.footLogo{display:flex;align-items:center;gap:9px}.logo img{width:250px;height:62px;object-fit:contain}.footLogo img{width:250px;filter:brightness(0) invert(1)}.tree{font-size:42px;color:var(--green);line-height:1}.logo>span:last-child,.footLogo>span:last-child{display:grid}.logo strong{font-size:21px;color:var(--green)}.logo strong em{font-style:normal;color:var(--orange)}.logo small,.footLogo small{letter-spacing:.32em;font-size:8px;text-align:center}nav{display:flex;gap:23px;margin:auto;font-size:12px}nav a:hover{color:var(--orange)}.callpill,.orangeBtn{background:var(--orange);color:white;border-radius:999px;padding:13px 20px;font-weight:700}.menubtn{display:none}.hero{min-height:450px;background:url('/hero-arborist.webp') center 38%/cover no-repeat;position:relative;color:white;display:flex;align-items:center;padding:55px 8.5vw}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,45,82,.95) 0%,rgba(7,66,111,.72) 43%,rgba(3,20,28,.08) 74%)}.heroText{position:relative;z-index:2;max-width:610px}.hero h1{font-size:46px;line-height:1.03;margin:0 0 9px;letter-spacing:-.035em}.hero h3{font-size:18px;margin:0 0 12px}.hero h3 i{display:inline-block;width:5px;height:5px;border-radius:50%;background:white;margin:0 12px 4px}.heroText p{max-width:540px;line-height:1.55;font-size:15px;margin:0 0 22px}.heroText>div{display:flex;gap:14px}.outlineBtn{border:1.5px solid currentColor;border-radius:999px;padding:12px 23px;font-weight:650}.emergencyCard{position:absolute;right:8vw;top:50%;transform:translateY(-50%);z-index:2;background:#fff;color:var(--navy);border-radius:8px;padding:25px 30px;text-align:center;box-shadow:0 14px 40px #001a2940}.emergencyCard>strong{display:block;color:var(--orange);font-size:34px}.emergencyCard>strong span{font-size:30px}.emergencyCard h3{margin:7px 0;font-size:19px}.emergencyCard p{font-size:12px;margin:0;line-height:1.5}.serviceSection,.gallery{padding:30px 6vw 38px;text-align:center;background:linear-gradient(#f5f7f8,#fff)}.eyebrow{font-weight:800;font-size:11px;color:var(--orange);letter-spacing:.04em}.eyebrow.pale{color:#ffad79}.serviceSection h2,.gallery h2,.about h2,.trust h2,.testimonials h2,.areas h2,.contact h2{font-size:30px;line-height:1.05;margin:3px 0}.serviceSection>p,.gallery>p{font-size:13px;margin:2px 0 12px}.serviceTiles{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;max-width:1200px;margin:auto}.serviceTiles article{background:white;border-radius:7px;box-shadow:0 5px 18px #09233c10;min-height:108px;padding:17px 7px 12px;display:grid;place-items:center;align-content:center;gap:8px;transition:.2s}.serviceTiles article:hover{transform:translateY(-4px);box-shadow:0 10px 26px #09233c1b}.serviceTiles b{font-size:36px;color:var(--green);line-height:1}.serviceTiles span{font-size:11px;font-weight:750}.serviceTiles .urgent b{color:var(--orange)}.about{padding:28px 4vw;display:grid;grid-template-columns:1.05fr .82fr .9fr;gap:34px;align-items:center;background:#fff}.about img{width:100%;height:250px;object-fit:cover;border-radius:7px}.about>div p{font-size:12px;line-height:1.55;color:#33485a}.about ul{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:11px}.about li{font-size:11px;font-weight:650}.about li:before{content:"✓";display:inline-grid;place-items:center;background:var(--green);color:white;width:19px;height:19px;border-radius:50%;margin-right:7px}.gallery{padding-top:10px}.galleryGrid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr 1fr;gap:8px;margin-top:14px}.galleryGrid>*{height:165px;width:100%;object-fit:cover;border-radius:5px}.galleryTile{display:flex;flex-direction:column;align-items:center;justify-content:end;padding:18px;color:white;background:linear-gradient(#074b2720,#073c29d9),url('/crew-gallery.webp') center/cover}.galleryTile.stump{background:linear-gradient(#75451410,#513115c9),url('/truck-chipper.webp') center/cover}.galleryTile b{font-size:18px}.galleryTile span{font-size:11px}.trustReview{display:grid;grid-template-columns:1.08fr .92fr;min-height:300px}.trust{padding:35px 5vw;background:linear-gradient(115deg,var(--green),#04472f);color:white}.trust>p{font-size:13px;max-width:560px}.trustGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px 35px;margin-top:20px}.trustGrid>span{display:flex;align-items:center;gap:12px}.trustGrid>span>b{width:44px;height:44px;border-radius:50%;background:var(--orange);display:grid;place-items:center;font-size:22px}.trustGrid i{font-style:normal;display:grid}.trustGrid strong{font-size:12px}.trustGrid small{font-size:10px;opacity:.8;margin-top:3px}.testimonials{padding:35px 5vw;position:relative;background:#fff}.reviewTitle{display:flex;align-items:center;justify-content:space-between}.reviewTitle span{color:#ffb100;font-size:19px}.testimonials blockquote{border:1px solid #d8dee2;border-radius:7px;margin:16px 18px 5px;padding:20px 25px;box-shadow:0 5px 15px #001a2910;min-height:145px}.testimonials blockquote>p{font:italic 12px/1.55 Georgia;color:#30465d}.testimonials footer{display:flex;gap:10px;align-items:center}.testimonials footer>b{width:35px;height:35px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center}.testimonials footer span{display:grid}.testimonials footer strong,.testimonials footer small{font-size:10px}.testimonials footer em{color:#ffb100;font-style:normal;font-size:10px}.prev,.next{position:absolute;top:52%;border:0;background:transparent;font-size:29px}.prev{left:3vw}.next{right:3vw}.dots{display:flex;justify-content:center;gap:5px}.dots button{width:5px;height:5px;padding:0;border:0;border-radius:50%;background:#9aa7a2}.dots button.active{background:var(--green)}.areas{display:grid;grid-template-columns:1.25fr .85fr 1.15fr;min-height:250px}.areaText{padding:34px 5vw;background:#e9eeeb}.areaText>p{font-size:12px}.areaText>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.areaText>div span{font-size:11px}.areaText>div span::first-letter{color:var(--orange)}.map{background:radial-gradient(circle at 52% 48%,#ffd9b3 0 24%,#e8e4d9 25% 50%,#cadcd3 51%);display:grid;place-items:center;align-content:center;position:relative}.map>span{color:var(--orange);font-size:44px}.map>strong{font-size:13px}.map small{position:absolute;right:12px;top:15px;background:var(--green);color:white;padding:8px;font-weight:700}.help{background:linear-gradient(90deg,#ff7b19,#f45a0b);color:white;text-align:center;padding:27px;display:flex;flex-direction:column;align-items:center}.help .tree{color:white}.help p{font-size:11px;margin:7px}.help a{background:white;color:var(--orange);border-radius:999px;padding:10px 29px;font-weight:800;margin-top:7px}.contact{padding:42px 6vw;background:var(--deep);color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}.contact>div p{font-size:13px;line-height:1.6;color:#b8cec5}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact input,.contact select,.contact textarea{border:0;border-radius:4px;padding:12px}.contact textarea{grid-column:1/-1;min-height:80px}.contact button{grid-column:1/-1;background:var(--orange);border:0;color:white;padding:13px;font-weight:800;border-radius:4px}footer{background:#0b233e;color:white;padding:30px 6vw 16px;display:grid;grid-template-columns:1.2fr .65fr 1fr .85fr;gap:45px}.footLogo .tree{color:white;font-size:55px}.footLogo strong{font-size:20px}.footLogo small{display:block}footer>div:not(.footLogo){display:grid;align-content:start;gap:7px;font-size:11px}footer>div>b{font-size:13px;margin-bottom:5px}footer>div p{margin:0;line-height:1.4;color:#b4c0cf}.copyright{grid-column:1/-1;text-align:center;border-top:1px solid #ffffff25;padding-top:13px;color:#9cadbc}
@media(max-width:1050px){.serviceTiles{grid-template-columns:repeat(4,1fr)}nav{gap:12px}.about{grid-template-columns:1fr 1fr}.about>div{grid-row:1/3}.about img{height:210px}.galleryGrid{grid-template-columns:repeat(3,1fr)}.galleryGrid>*{height:150px}.emergencyCard{right:4vw}}
@media(max-width:760px){.topbar{display:none}header{height:66px;padding:0 4vw}.menubtn{display:block;margin-left:auto;border:1px solid var(--green);background:white;border-radius:4px;padding:8px 11px}.callpill{display:none}nav{display:none;position:absolute;top:66px;left:0;right:0;background:white;padding:22px;flex-direction:column;box-shadow:0 10px 20px #001a2920}nav.open{display:flex}.hero{padding:55px 6vw;min-height:530px;align-items:flex-start}.heroShade{background:linear-gradient(90deg,rgba(5,45,82,.94),rgba(5,45,82,.65))}.hero h1{font-size:39px}.heroText{max-width:100%}.emergencyCard{right:6vw;left:6vw;top:auto;bottom:18px;transform:none;padding:12px;display:flex;align-items:center;justify-content:center;gap:12px}.emergencyCard>strong{font-size:24px}.emergencyCard h3{font-size:16px}.emergencyCard p{display:none}.serviceTiles{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr}.about>div{grid-row:auto}.galleryGrid{grid-template-columns:1fr 1fr}.trustReview,.areas,.contact{grid-template-columns:1fr}.contact form{grid-template-columns:1fr}.contact textarea,.contact button{grid-column:auto}footer{grid-template-columns:1fr 1fr}.footLogo{grid-column:1/-1}.copyright{grid-column:1/-1}}
@media(max-width:460px){.heroText>div{flex-direction:column;align-items:flex-start}.hero h1{font-size:34px}.serviceTiles{grid-template-columns:1fr 1fr}.galleryGrid{grid-template-columns:1fr}.galleryGrid>*{height:190px}.about ul{grid-template-columns:1fr}.trustGrid{grid-template-columns:1fr}.areaText>div:last-child{grid-template-columns:1fr}footer{grid-template-columns:1fr}.footLogo{grid-column:auto}.copyright{grid-column:auto}}

/* Tree Crown Arborist — reference design refinement */
:root{--green:#074d2e;--deep:#003c27;--navy:#14231c;--orange:#c99829;--paper:#f7f7f5}
body{color:#172019;background:#fff;font-family:Arial,Helvetica,sans-serif}
.topbar{height:38px;background:linear-gradient(90deg,#063e29,#005235);padding:0 7vw;color:#fff;font-size:12px}
header{height:86px;padding:0 7vw;background:#fff;position:relative;box-shadow:0 2px 10px #082b1c18}
.logo img{width:325px;height:82px;object-fit:contain;object-position:left center}
nav{gap:34px;font-size:13px;margin-left:auto;margin-right:0}
nav a:first-child{color:var(--orange);border-bottom:2px solid var(--orange);padding-bottom:13px}
.hero{min-height:415px;padding:42px 8vw;background-position:center 42%}
.heroShade{background:linear-gradient(90deg,rgba(6,32,18,.92),rgba(9,44,25,.7) 48%,rgba(3,20,11,.06) 76%)}
.hero h1{font-family:Georgia,serif;font-size:50px;letter-spacing:-.025em;text-shadow:0 2px 4px #0008}
.hero h3{font-size:18px}.heroText p{max-width:530px}.orangeBtn{background:var(--green);border:1px solid #fff;border-radius:5px}.hero .outlineBtn{background:linear-gradient(#d9ad4b,#bd8a20);border-color:#f6d27a;border-radius:5px;color:white}
.serviceSection{padding-top:20px;padding-bottom:18px}.serviceSection h2,.gallery h2,.about h2,.trust h2,.testimonials h2,.areas h2,.contact h2{font-family:Georgia,serif;color:var(--green)}
.serviceTiles{grid-template-columns:repeat(7,1fr);gap:8px;max-width:1260px}.serviceTiles article{min-height:88px;border:1px solid #e4e6e2;border-radius:5px;box-shadow:0 4px 12px #001a2915}.serviceTiles b{font-size:30px}.serviceTiles span{font-size:11px}
.about{max-width:1260px;margin:auto;padding:14px 4vw 24px;grid-template-columns:1fr 1.1fr;gap:46px}.about img{height:260px;border-radius:5px}.about h2{font-size:26px}.about>div p{font-size:13px}.about li{font-size:12px}
.gallery{padding:8px 6vw 20px;background:white}.galleryGrid{max-width:1260px;margin:12px auto 0;grid-template-columns:repeat(5,1fr)}.galleryGrid>*{height:135px}
.trustReview{max-width:1260px;margin:auto;grid-template-columns:1fr 1fr;min-height:270px}.trust{background:linear-gradient(120deg,#064d2f,#003e27)}.trust h2{color:white}.testimonials{border:1px solid #e5e6e2}.testimonials h2{font-size:25px}
.areas{max-width:1320px;margin:15px auto 0;grid-template-columns:1.2fr .8fr 1.2fr;min-height:210px}.areaText{background:#eef1ed}.help{background:linear-gradient(115deg,#064b2e,#003d27)}.help a{color:#fff;background:linear-gradient(#d7aa45,#bb8720);border-radius:5px}
.contact{background:#f6f6f3;color:#172019;padding:38px 8vw}.contact h2{color:var(--green)}.contact>div p{color:#526058}.contact input,.contact select,.contact textarea{border:1px solid #dfe3dd}.contact button{background:linear-gradient(#d6a844,#b9831e)}
footer{background:linear-gradient(110deg,#064c30,#003a26);padding-top:26px}.footLogo img{width:300px;height:105px;object-fit:contain;filter:none;opacity:.98}.copyright{background:#17231e;margin:10px -6vw -16px;padding:14px 6vw;border:0}
@media(max-width:1050px){nav{gap:16px}.logo img{width:260px}.serviceTiles{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){header{height:72px}.logo img{width:235px;height:69px}nav{top:72px}.hero{min-height:480px}.hero h1{font-size:40px}.serviceTiles{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr}.areas{grid-template-columns:1fr}.topbar{display:none}}
.whatsappBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#25d366!important;color:#fff!important;border:1px solid #7aed9f!important;border-radius:5px;padding:12px 20px;font-weight:750;box-shadow:0 4px 12px #071b0f33}.whatsappBtn:hover{background:#1fb857!important;transform:translateY(-1px)}
.heroActions{flex-wrap:wrap}.heroActions .whatsappBtn span,.floatingWhatsApp span{width:18px;height:18px;border:2px solid #fff;border-radius:50%;display:inline-grid;place-items:center;font-size:0}.heroActions .whatsappBtn span:after,.floatingWhatsApp span:after{content:"";width:6px;height:8px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(-18deg)}
.helpActions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.helpActions>a{margin-top:7px}.helpActions .whatsappBtn{padding:10px 22px}
.floatingWhatsApp{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;align-items:center;gap:9px;background:#25d366;color:#fff;padding:13px 18px;border-radius:999px;box-shadow:0 8px 28px #001a2955;font-size:14px}.floatingWhatsApp:hover{background:#1fb857;transform:translateY(-2px)}
@media(max-width:760px){.floatingWhatsApp{right:14px;bottom:14px;padding:13px}.floatingWhatsApp b{display:none}.heroActions{gap:9px}.heroActions>a{width:100%;text-align:center;justify-content:center}}