
:root{--navy:#073b68;--blue:#087fbd;--ink:#10344e;--light:#eef7fb;--line:#d9e6ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #edb739;outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding:0 36px}.topbar{background:var(--navy);color:#fff;font-size:11px;letter-spacing:1px}.topbar .wrap{display:flex;justify-content:space-between;padding-top:12px;padding-bottom:12px}.topbar b{padding:0 12px;color:#71c7ee}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px;padding-bottom:24px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;line-height:1.05;color:var(--navy);letter-spacing:-.6px}.brand>span>span{display:block;font-size:16px;letter-spacing:0}.brand .brand-mark{font-size:29px;position:relative;border:3px solid var(--blue);border-radius:50%;height:54px;width:54px;display:grid;place-items:center;color:var(--blue);letter-spacing:-3px}.brand-mark span{position:absolute;bottom:-5px;left:8px;font-size:26px!important;background:#fff;line-height:12px}nav{display:flex;gap:29px;font-size:13px}nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;padding:18px 23px;background:var(--blue);color:white;border:1px solid var(--blue);border-radius:5px;font-weight:700;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#05679b;transform:translateY(-2px)}.button.small{padding:14px 18px;font-size:12px;gap:22px}.button span{font-size:20px}.button.outline{background:transparent;color:var(--navy);border-color:#b1c6d3}.button.outline:hover{background:#eaf5fa}.hero{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding-top:42px;padding-bottom:60px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;color:var(--blue);margin:0 0 23px}.eyebrow>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:6px}h1{font-size:clamp(54px,6.2vw,82px);line-height:1.02;letter-spacing:-4px;margin:0 0 26px;color:var(--navy)}h1 em{font-style:normal;color:var(--blue)}.intro{font-size:16px;line-height:1.75;max-width:430px;color:#526b7d}.actions{display:flex;gap:12px;margin-top:30px}.hero-note{font-size:11px;line-height:1.6;margin-top:20px;color:#61798a;max-width:400px}.hero-art{position:relative;background:linear-gradient(140deg,#eaf8fe,#d7ebf5);border-radius:14px;min-height:520px;overflow:hidden}.hero-art svg{width:100%;display:block;margin-top:18px}.art-label{position:absolute;top:25px;left:25px;color:#397695;font-size:9px;letter-spacing:1.8px}.art-card{position:absolute;bottom:53px;left:27px;right:27px;border:1px solid white;background:#ffffffeb;border-radius:7px;padding:18px;display:flex;align-items:center;gap:15px;font-size:13px;line-height:1.7}.round-icon{border-radius:50%;background:#dff2fa;color:var(--blue);font-size:23px;padding:3px 12px}.art-caption{position:absolute;bottom:20px;left:27px;font-size:8px;letter-spacing:1.5px;color:#54809a}.service-strip{background:var(--navy);color:#fff}.service-strip .wrap{display:flex;justify-content:space-between;padding-top:22px;padding-bottom:22px;font-size:13px}.service-strip span:before{content:'✓';color:#60c6ee;margin-right:12px}.section{padding-top:90px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:38px}h2{font-size:44px;line-height:1.12;letter-spacing:-1.8px;margin:0;color:var(--navy)}.section-heading>p{max-width:380px;font-size:14px;line-height:1.8;color:#61798a;margin-bottom:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{border:1px solid var(--line);border-radius:8px;padding:28px;display:flex;flex-direction:column}.service.featured{background:var(--navy);border-color:var(--navy);color:white}.service-number{font-size:9px;font-weight:700;letter-spacing:1.3px;color:#78909f}.featured .service-number{color:#9dcce3}.service-symbol{font-size:44px;color:var(--blue);height:90px;padding-top:15px}.featured .service-symbol{color:#67d1f7}h3{font-size:27px;letter-spacing:-.7px;line-height:1.15;margin:10px 0 14px}.service p{color:#607789;font-size:13px;line-height:1.8;margin:0 0 30px}.featured p{color:#c6dce9}.service a{font-size:12px;font-weight:700;margin-top:auto;padding-top:20px;border-top:1px solid #dbe6ec;display:flex;justify-content:space-between;gap:8px}.featured a{border-color:#3c6687}.service a span{color:#32a8dd;font-size:18px}.area-section{background:var(--light);padding:75px 0}.area-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.area-layout>div>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:420px;color:#607789}.towns{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.towns span{padding:11px 13px;background:white;border:1px solid #d4e6ef;border-radius:4px;font-size:12px;font-weight:700}.area-layout p.muted{font-size:11px!important}.callout{border-left:3px solid var(--blue);padding:12px 0 12px 35px}.callout h3{font-size:35px;margin:0}.callout>a{display:flex;justify-content:space-between;font-size:25px;font-weight:700;color:var(--blue);margin-top:25px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.contact p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:420px;color:#607789}.contact-options a{position:relative;display:block;padding:25px 35px 25px 0;border-bottom:1px solid var(--line)}.contact-options a:first-child{border-top:1px solid var(--line)}.contact-options span{display:block;font-size:9px;letter-spacing:1.5px;color:#71899a;margin-bottom:12px}.contact-options strong{font-size:23px;letter-spacing:-.5px;color:var(--blue)}.contact-options b{position:absolute;right:0;top:40px;font-size:24px;color:var(--blue)}footer{background:#072e50;color:#c7d9e6;padding-top:40px}footer>.wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:35px}footer p,footer a{font-size:12px}.footer-brand{color:#fff;font-size:19px}.footer-brand span span{font-size:15px}.footer-bottom{border-top:1px solid #2a4c68;padding-top:22px;padding-bottom:22px!important;font-size:10px;color:#8eacbf}@media(min-width:1400px){.hero{padding-top:60px;padding-bottom:70px}}@media(max-width:950px){.wrap{padding-left:24px;padding-right:24px}nav{gap:15px}.hero{gap:24px}h1{font-size:64px}.hero-art{min-height:460px}.hero-art svg{margin-top:45px}.actions{flex-wrap:wrap}.service{padding:22px}.area-layout,.contact{gap:45px}.header .button{display:none}}@media(max-width:680px){.topbar .wrap{justify-content:center;font-size:9px}.topbar .wrap>span:first-child{display:none}.header{padding-top:18px;padding-bottom:18px}.brand{font-size:16px}.brand>span>span{font-size:13px}.brand .brand-mark{width:43px;height:43px;font-size:24px}nav{font-size:11px;gap:14px}nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:32px;gap:30px}h1{font-size:65px;letter-spacing:-3px}.intro{font-size:15px}.hero-art{min-height:0;max-height:470px}.hero-art svg{margin-top:0}.art-card{bottom:45px}.service-strip .wrap{flex-direction:column;gap:15px;font-size:12px;padding-top:22px;padding-bottom:22px}.section{padding-top:58px;padding-bottom:58px}.section-heading{display:block;margin-bottom:28px}h2{font-size:36px}.section-heading>p{margin-top:20px}.services{grid-template-columns:1fr}.service{padding:26px}.service-symbol{height:65px;font-size:38px}.service h3 br{display:none}.service p{margin-bottom:22px}.area-section{padding:55px 0}.area-layout,.contact{grid-template-columns:1fr;gap:35px}.callout{padding-left:23px}.callout h3{font-size:30px}.towns{gap:6px}.towns span{padding:10px;font-size:11px}.contact-options strong{font-size:22px}footer>.wrap{flex-direction:column;align-items:start;gap:15px}.footer-bottom{gap:10px!important}.eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Warm material accents balance the core blue brand. */
:root{--copper:#a94f32;--warm:#f7f4ee;--line:#dedfdc}
body{background:#fffefa}
.hero-art{background:#e7eff1}
h1 em{color:var(--copper)}
.hero .eyebrow>span{background:var(--copper)}
.hero .button:first-child{background:var(--copper);border-color:var(--copper)}
.hero .button:first-child:hover{background:#873e27;border-color:#873e27}
.art-card{background:#fffdf7;border-color:#f0e9df}
.round-icon{background:#f4e5d9;color:var(--copper)}
.area-section{background:var(--warm)}
.towns span{background:#fffefa;border-color:#e2d9cc}
.callout{border-left-color:var(--copper)}
.callout .eyebrow,.callout>a{color:var(--copper)}
.service:not(.featured){background:#fffdf8}
.service:not(.featured) .service-symbol,.service:not(.featured) a span{color:var(--copper)}
.contact-options a:last-child strong,.contact-options a:last-child b{color:var(--copper)}
@media(max-width:680px){.hero-art{background:#e7eff1}}
/* Stronger, saturated color composition for the revised first draft. */
body{background:#fffaf3}
.header{background:#fffaf3}
.hero{position:relative;isolation:isolate;padding-top:50px;padding-bottom:55px;color:#fff}
.hero:before{content:'';position:absolute;z-index:-1;inset:0 calc((1200px - 100vw)/2);background:#062f53}
.hero h1{color:#fff}
.hero h1 em{color:#f5a16f}
.hero .eyebrow{color:#8edbff}
.hero .eyebrow>span{background:#f5a16f}
.hero .intro{color:#e0edf5}
.hero-note{color:#bbd1df}
.hero .button:first-child{background:#c45c34;border-color:#c45c34}
.hero .button:first-child:hover{background:#a94f32;border-color:#a94f32}
.hero .button.outline{color:#fff;background:#154c76;border-color:#80a5bf}
.hero .button.outline:hover{background:#21618f}
.hero-art{background:#087fb4;border:1px solid #399aca}
.art-label,.art-caption{color:#fff}
.art-card{background:#fff5e6;border-color:#fff5e6;color:#10344e}
.round-icon{background:#a94f32;color:white}
.service-strip{background:#a94f32}
.service-strip span:before{color:#fff0b8}
.service.featured{background:#075c8d;border-color:#075c8d}
.service:nth-child(2){background:#a94f32;border-color:#a94f32;color:#fff}
.service:nth-child(2) .service-number{color:#ffe4d3}
.service:nth-child(2) .service-symbol,.service:nth-child(2) a span{color:#ffe3b1}
.service:nth-child(2) p{color:#fff4e9}
.service:nth-child(2) a{border-color:#d49a81}
.service:nth-child(3){background:#f1dfc9;border-color:#d8b995}
.service:nth-child(3) .service-number{color:#675544}
.service:nth-child(3) p{color:#4f5c63}
.service:nth-child(3) a{border-color:#cbb598}
.area-section{background:#075c8d;color:#fff}
.area-section h2{color:#fff}
.area-section .eyebrow{color:#a3e3ff}
.area-layout>div>p:not(.eyebrow){color:#e1eff8}
.towns span{background:#174d70;border-color:#6fa0bf;color:white}
.callout{background:#a94f32;border:0;border-radius:8px;padding:32px;color:#fff}
.callout h3,.callout>a,.callout .eyebrow{color:white}
.area-layout .callout>p{color:#fff4e9}
.contact-options a:last-child{background:#a94f32;border:0;border-radius:6px;padding-left:24px;margin-top:16px}
.contact-options a:last-child span{color:#ffe7d5}
.contact-options a:last-child strong,.contact-options a:last-child b{color:white}
.contact-options a:last-child b{right:20px}
footer{background:#04253e}
@media(max-width:1200px){.hero:before{inset:0}}
@media(max-width:680px){.hero-art{background:#087fb4}.hero{padding-top:35px;padding-bottom:30px}.callout{padding:26px}.contact-options a:last-child strong{font-size:19px}}
.hero .button:first-child{background:#a94f32;border-color:#a94f32}
.hero .button:first-child:hover{background:#873e27;border-color:#873e27}
.hero-art{background:#075c8d;height:540px;min-height:0;border:1px solid #54829e;border-radius:10px;position:relative}
.hero-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:center 48%}
.photo-caption{position:absolute;bottom:0;left:0;right:0;background:#073b68;padding:20px 24px;color:#fff;font-size:10px;font-weight:700;letter-spacing:1.5px}
@media(max-width:950px){.hero-art{height:490px}}
@media(max-width:680px){.hero-art{height:430px;max-height:none}.hero-photo{object-position:center 48%}.photo-caption{font-size:9px;padding:18px}}
.hero h1.services-heading{font-size:30px;line-height:1.18;letter-spacing:-.8px;margin:0 0 27px}
.hero-services{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:19px}
.hero-services li{position:relative;padding-left:25px;font-size:25px;font-weight:700;line-height:1.25;letter-spacing:-.6px;color:#fff}
.hero-services li:before{content:'';position:absolute;left:0;top:.43em;width:9px;height:9px;border-radius:50%;background:#f5a16f}
.hero .intro{font-size:14px;line-height:1.7;margin-top:0}
@media(max-width:950px){.hero h1.services-heading{font-size:27px}.hero-services li{font-size:22px}.hero-services{gap:17px}}
@media(max-width:680px){.hero h1.services-heading{font-size:27px;letter-spacing:-.7px}.hero-services li{font-size:24px;line-height:1.3;padding-left:23px}.hero-services{gap:19px}.hero .intro{font-size:14px}}
@media(max-width:380px){.hero-services li{font-size:21px}}
/* Dominant hero headline with natural wrapping beside the geyser photo. */
.hero h1.services-heading{font-size:clamp(64px,6.3vw,80px);font-weight:800;line-height:1.02;letter-spacing:-2.8px;margin:0 0 30px;overflow-wrap:normal}
@media(max-width:950px){.hero h1.services-heading{font-size:clamp(50px,6.5vw,62px);letter-spacing:-2px}}
@media(max-width:680px){.hero h1.services-heading{font-size:clamp(43px,10.5vw,64px);font-weight:800;line-height:1.04;letter-spacing:-1.8px}}
/* Two intentional heading lines; each phrase stays together. */
.hero h1.services-heading{font-size:clamp(34px,4vw,48px);font-weight:800;line-height:1.12;letter-spacing:-1.6px;margin:0 0 28px}
.hero h1.services-heading>span{display:block;white-space:nowrap}
@media(max-width:950px){.hero h1.services-heading{font-size:clamp(25px,3.8vw,36px);letter-spacing:-1.1px}}
@media(max-width:680px){.hero h1.services-heading{font-size:clamp(25px,7.2vw,46px);line-height:1.12;letter-spacing:-1px}}
/* Uppercase heading, fitted to the existing two-line composition. */
.hero h1.services-heading{font-size:clamp(31px,3.6vw,43px)}
@media(max-width:950px){.hero h1.services-heading{font-size:clamp(23px,3.35vw,32px)}}
@media(max-width:680px){.hero h1.services-heading{font-size:clamp(23px,6.4vw,41px)}}
/* Deep green-leaning teal replaces navy; brand blue remains the secondary color. */
:root{--navy:#125654}
.topbar{background:#125654}
.hero:before{background:#125654}
.hero .eyebrow{color:#b9e9e3}
.hero .intro{color:#e2f2ee}
.hero-note{color:#c5e2dc}
.hero .button.outline{background:#216c65;border-color:#9dc8be;color:#fff}
.hero .button.outline:hover{background:#287c72}
.hero-art{border-color:#669d91}
.photo-caption{background:#125654}
.service.featured{background:#125654;border-color:#125654}
.featured .service-number{color:#b9e9e3}
.featured .service-symbol{color:#a6e4d8}
.featured p{color:#e2f2ee}
.featured a{border-color:#64948a}
.featured a span{color:#b9e9e3}
.area-section{background:#16635c}
.area-section .eyebrow{color:#b9e9e3}
.area-layout>div>p:not(.eyebrow){color:#e2f2ee}
.towns span{background:#12564e;border-color:#85b4a7;color:#fff}
footer{background:#0c423f}
.footer-bottom{border-top-color:#497a70;color:#b7d7cd}
/* Restored blue palette with cyan accents, replacing all warm and teal surfaces. */
:root{--navy:#073b68;--blue:#087fbd;--copper:#0877ad;--warm:#edf7fc;--line:#d3e5ef}
body,.header{background:#f8fcff}
.topbar,.hero:before{background:#073b68}
.hero .eyebrow{color:#91dcff}
.hero .eyebrow>span{background:#5bd6f4}
.hero h1 em{color:#73ddfa}
.hero .intro{color:#e0edf5}
.hero-note{color:#c5dce9}
.hero .button:first-child{background:#0877ad;border-color:#55c9ee}
.hero .button:first-child:hover{background:#05618e;border-color:#8bdef6}
.hero .button.outline{background:#154c76;border-color:#80b5d6;color:#fff}
.hero .button.outline:hover{background:#21618f}
.hero-services li:before{background:#62d8f5}
.hero-art{background:#087fb4;border-color:#54a9ce}
.photo-caption{background:#075082}
.art-card{background:#effaff;border-color:#d7eef8}
.round-icon{background:#0877ad;color:#fff}
.service-strip{background:#0877ad}
.service-strip span:before{color:#c7f4ff}
.service.featured{background:#075c8d;border-color:#075c8d}
.featured .service-number{color:#b9e6fb}
.featured .service-symbol{color:#8be7fb}
.featured p{color:#e0eff8}
.featured a{border-color:#5f99b9}
.featured a span{color:#b9edff}
.service:nth-child(2){background:#0877ad;border-color:#0877ad;color:#fff}
.service:nth-child(2) .service-number{color:#d6f2ff}
.service:nth-child(2) .service-symbol,.service:nth-child(2) a span{color:#b8f1ff}
.service:nth-child(2) p{color:#effaff}
.service:nth-child(2) a{border-color:#7ac1df}
.service:nth-child(3){background:#dceff8;border-color:#b8d9e9}
.service:nth-child(3) .service-number{color:#45677b}
.service:nth-child(3) .service-symbol,.service:nth-child(3) a span{color:#0877ad}
.service:nth-child(3) p{color:#405f72}
.service:nth-child(3) a{border-color:#a9cbdc}
.area-section{background:#075c8d}
.area-section .eyebrow{color:#b9e9ff}
.area-layout>div>p:not(.eyebrow){color:#e0eff8}
.towns span{background:#174d70;border-color:#80b4d4;color:#fff}
.callout{background:#0877ad}
.callout .eyebrow,.callout>a,.callout h3{color:#fff}
.area-layout .callout>p{color:#effaff}
.contact-options a:last-child{background:#0877ad}
.contact-options a:last-child span{color:#d6f2ff}
.contact-options a:last-child strong,.contact-options a:last-child b{color:#fff}
footer{background:#042d4b}
.footer-bottom{border-top-color:#426a86;color:#bad9ed}
.service:nth-child(3) .service-symbol,.service:nth-child(3) a span{color:#05618e}
/* More confident business branding in the white header. */
.header>.brand{font-size:27px;gap:13px;flex-shrink:0}
.header>.brand>span>span{font-size:22px}
.header>.brand .brand-mark{height:65px;width:65px;font-size:35px}
.header>.brand .brand-mark span{font-size:31px!important;left:10px;bottom:-4px}
@media(max-width:950px){.header>.brand{font-size:24px;gap:11px}.header>.brand>span>span{font-size:19px}.header>.brand .brand-mark{height:58px;width:58px;font-size:31px}}
@media(max-width:680px){.header{gap:14px;flex-wrap:wrap}.header>.brand{font-size:23px;gap:10px}.header>.brand>span>span{font-size:18px}.header>.brand .brand-mark{height:54px;width:54px;font-size:29px}.header>.brand .brand-mark span{font-size:27px!important;left:8px}.header nav{margin-left:auto}}
@media(max-width:420px){.header nav{width:100%;justify-content:flex-end;margin-top:2px}.header{row-gap:12px}}
/* Faithful emblem from the supplied artwork, framed without changing pixels. */
.header>.brand .brand-emblem{display:block;position:relative;overflow:hidden;width:72px;height:72px;flex:0 0 72px;isolation:isolate}
.brand-emblem img{position:absolute;width:158.824%;height:auto;max-width:none;left:-38.235%;top:-52.941%;display:block}
@media(max-width:950px){.header>.brand .brand-emblem{width:64px;height:64px;flex-basis:64px}}
@media(max-width:680px){.header>.brand .brand-emblem{width:60px;height:60px;flex-basis:60px}}
/* Show the complete wide solar installation without cropping pipework. */
.hero-art{height:auto;min-height:0;max-height:none;align-self:center}
.hero-photo{width:100%;height:auto;object-fit:contain;object-position:center;display:block}
.photo-caption{position:static}
@media(max-width:950px){.hero-art{height:auto}}
@media(max-width:680px){.hero-art{height:auto;max-height:none}.hero-photo{height:auto;object-fit:contain;object-position:center}}
.service h3.installation-types{font-size:23px;line-height:1.25}
.installation-types>span{display:block}
.installation-types>span+span{margin-top:14px}
/* Direct call and WhatsApp actions stacked in the header. */
.header-actions{display:flex;flex-direction:column;gap:7px;flex-shrink:0}
.header-actions .button.small{display:flex;width:100%;padding:10px 16px;justify-content:space-between;gap:20px}
.header-actions .whatsapp-header{background:#14783e;border-color:#14783e;color:#fff}
.header-actions .whatsapp-header:hover{background:#0e6030;border-color:#0e6030}
@media(max-width:950px){.header{flex-wrap:wrap}.header nav{margin-left:auto}.header-actions{margin-left:auto}.header-actions .button.small{display:flex}}
@media(max-width:680px){.header>.brand{font-size:21px}.header>.brand>span>span{font-size:17px}.header nav{width:auto;order:3;justify-content:flex-start;margin:0}.header-actions{order:2}.header-actions .button.small{font-size:11px;padding:9px 12px;gap:12px}}
@media(max-width:520px){.header>.brand{width:100%}.header nav{order:2;align-self:center;margin-right:auto}.header-actions{order:3;margin-left:0}.header{column-gap:12px;row-gap:16px}}
/* Keep header contact actions together, side by side. */
.header{flex-wrap:wrap}
.header-actions{flex-direction:row;align-items:center;gap:8px}
.header-actions .button.small{width:auto;white-space:nowrap;padding:11px 13px;gap:10px}
.whatsapp-icon{width:18px;height:18px;flex:0 0 18px}
@media(min-width:951px){.header{gap:20px}.header nav{gap:20px;margin-left:auto}.header-actions{margin-left:auto}}
@media(max-width:950px){.header-actions{flex-direction:row;margin-left:auto}.header-actions .button.small{display:flex}}
@media(max-width:680px){.header-actions{flex-direction:row;order:3}.header nav{order:2}.header-actions .button.small{font-size:11px;padding:10px 11px;gap:8px}}
@media(max-width:520px){.header nav{width:100%;margin:0}.header-actions{width:100%;margin:0;justify-content:flex-start;flex-wrap:nowrap}.header-actions .button.small{font-size:11px;padding:10px;gap:7px}.whatsapp-icon{width:16px;height:16px;flex-basis:16px}}
/* Consistent WhatsApp identity across all primary contact actions. */
.header-actions .whatsapp-action,.hero .whatsapp-action{background:#14783e;border-color:#14783e;color:#fff}
.header-actions .whatsapp-action:hover,.hero .whatsapp-action:hover{background:#0e6030;border-color:#0e6030}
.hero .actions{flex-wrap:nowrap;gap:10px}
.hero .actions .button{gap:12px;padding:16px 18px;white-space:nowrap}
.hero .actions .button:first-child{background:#087fbd;border-color:#087fbd}
.hero .actions .button:first-child:hover{background:#05679b;border-color:#05679b}
.contact-options a.whatsapp-contact{background:#14783e}
.contact-options a.whatsapp-contact:hover{background:#0e6030}
.contact-options .whatsapp-contact-label{display:flex;align-items:center;gap:9px;color:#e0f6e9}
.contact-options .whatsapp-contact-label .whatsapp-icon{display:block;margin:0;color:#fff}
@media(max-width:950px){.hero .actions .button{padding:13px 12px;font-size:12px;gap:8px}}
@media(max-width:380px){.hero .actions .button{padding:12px 10px;font-size:11px;gap:7px}}
.header-actions .button[href^="tel:"],.hero .actions .button:first-child{background:#0877ad;border-color:#0877ad;color:#fff}
.header-actions .button[href^="tel:"]:hover,.hero .actions .button:first-child:hover{background:#05618e;border-color:#05618e}
.hero-phone{display:block;width:fit-content;margin:20px 0 0;color:#fff;font-size:clamp(30px,3.4vw,40px);font-weight:800;line-height:1.15;letter-spacing:.3px}
.hero-phone:hover{color:#91dcff}
@media(max-width:680px){.hero-phone{font-size:clamp(30px,8vw,38px);margin-top:19px}}
.service-contact{margin-top:auto;border-top:1px solid #a9cbdc;padding-top:20px}
.featured .service-contact{border-color:#5f99b9}
.service:nth-child(2) .service-contact{border-color:#7ac1df}
.service .service-contact-label{margin:0 0 12px;color:inherit;font-size:12px;font-weight:700;line-height:1.5}
.service .service-whatsapp{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:13px 12px;border:1px solid #14783e;background:#14783e;color:#fff;font-size:13px;border-radius:5px}
.service .service-whatsapp:hover{background:#0e6030;border-color:#0e6030}
.service .service-whatsapp>span,.service:nth-child(2) .service-whatsapp>span,.service:nth-child(3) .service-whatsapp>span{color:#fff;font-size:18px}
.service .service-whatsapp .whatsapp-icon{color:#fff}
.local-faq{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.local-faq h3{font-size:18px;line-height:1.4;letter-spacing:0;color:var(--navy);margin:0 0 10px}
.contact .local-faq p{font-size:13px;margin:0}
.local-faq h3:not(:first-child){margin-top:20px}
