:root{--navy:#07396f;--green:#55a139;--teal:#057c85;--mist:#eaf6f8;--paper:#fbfcff;--muted:#527087;--line:#dce7ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--navy);font-family:'DM Sans',sans-serif}.site-header{height:86px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand-logo{display:flex;text-decoration:none}.brand-logo img{width:184px;height:auto;display:block}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{font-size:14px;font-weight:700;color:var(--navy);text-decoration:none}.nav-links .nav-cta{background:var(--navy);color:#fff;padding:12px 19px;border-radius:8px}.menu-button{display:none;border:0;background:none;color:var(--navy);font-size:24px}.hero{max-width:1180px;min-height:555px;margin:auto;padding:58px 24px 74px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#477262;margin:0 0 16px}.dot{display:inline-block;width:8px;height:8px;background:#e49b47;border-radius:50%;margin-right:7px}h1,h2{font:800 clamp(43px,5vw,68px)/1.05 Manrope,sans-serif;letter-spacing:-3px;margin:0}h1 em,h2 em{font-style:normal;color:var(--green)}.hero-text{max-width:500px;color:var(--muted);font-size:17px;line-height:1.65;margin:23px 0}.hero-actions{display:flex;align-items:center;gap:20px}.button{font:700 14px 'DM Sans';text-decoration:none;display:inline-flex;align-items:center;gap:18px;border-radius:8px;padding:15px 19px}.button-primary{background:var(--green);color:white}.button-primary span{font-size:19px}.button-quiet{color:var(--teal);padding-left:0}.service-note{font-size:13px;line-height:1.5;color:var(--muted);max-width:420px;margin:27px 0 0}.hero-art{height:415px;border-radius:30px;background:var(--mist);position:relative;overflow:hidden}.sun{position:absolute;width:105px;height:105px;right:58px;top:42px;border-radius:50%;background:#f4d36e}.cloud{position:absolute;background:#fff;height:17px;width:61px;border-radius:30px;top:95px;left:62px}.cloud:before,.cloud:after{content:'';position:absolute;border-radius:50%;background:#fff}.cloud:before{width:25px;height:25px;left:12px;bottom:7px}.cloud:after{width:32px;height:32px;left:28px;bottom:4px}.cloud-two{left:auto;right:27px;top:170px;transform:scale(.7)}.house{position:absolute;bottom:50px;left:122px;width:230px}.roof{position:absolute;bottom:159px;left:-23px;border-left:139px solid transparent;border-right:139px solid transparent;border-bottom:118px solid var(--navy)}.home-body{height:164px;background:#fffdf5;border:7px solid var(--navy);border-radius:3px 3px 15px 15px;position:relative;z-index:1}.window{position:absolute;width:45px;height:47px;background:#9bd9dc;border:6px solid var(--navy);top:34px}.window.one{left:28px}.window.two{right:28px}.door{position:absolute;width:44px;height:76px;bottom:0;left:86px;background:#dd9b64;border:6px solid var(--navy);border-bottom:0}.plant{position:absolute;bottom:47px;width:45px;height:90px}.plant-left{left:66px}.plant-right{right:52px;transform:scale(.8)}.plant:after{content:'';position:absolute;width:28px;height:26px;background:#cf8657;border-radius:4px;bottom:0;left:8px}.plant i{display:block;position:absolute;width:18px;height:43px;background:#579d68;border-radius:100% 0 100% 0;bottom:22px;left:12px;transform:rotate(-30deg)}.plant i:nth-child(2){left:29px;bottom:31px;transform:rotate(42deg)}.plant i:nth-child(3){left:1px;bottom:37px;transform:rotate(-60deg)}.floating-card{position:absolute;right:24px;bottom:25px;padding:13px 16px;background:white;border-radius:11px;box-shadow:0 12px 25px #2361742b;display:flex;gap:10px;align-items:center}.check{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#9ad160;font-weight:bold}.floating-card b,.floating-card small{display:block;font-size:12px}.floating-card small{font-size:10px;color:var(--muted);margin-top:3px}.section{max-width:1180px;margin:auto;padding:92px 24px}.section-heading{text-align:center}.section-heading h2,.steps h2,.contact h2{font-size:44px}.section-heading>p:last-child{max-width:470px;margin:17px auto 0;color:var(--muted);line-height:1.6}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:45px}.service-card{padding:26px;border-radius:13px;border:1px solid var(--line);background:white;min-height:185px}.icon{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;font-size:25px;font-weight:bold}.blue{background:#d9edf0;color:#317689}.yellow{background:#fff0b9;color:#a77a06}.coral{background:#f8d9d0;color:#b95243}.green{background:#d7ead2;color:#4c8947}.lilac{background:#e6ddf5;color:#765ca4}.aqua{background:#d7efeb;color:#388c7c}.service-card h3{font:700 19px Manrope;margin:20px 0 8px}.service-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.steps{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center;padding-top:72px;padding-bottom:72px}.steps-intro>p:last-child,.contact>div>p:last-child{max-width:330px;color:var(--muted);line-height:1.6}.step-list{list-style:none;margin:0;padding:0}.step-list li{display:flex;gap:28px;padding:24px 0;border-bottom:1px solid var(--line)}.step-list li:first-child{padding-top:0}.step-list span{font:700 15px Manrope;color:var(--green)}.step-list h3{font:700 18px Manrope;margin:0 0 7px}.step-list p{margin:0;color:var(--muted);font-size:14px}.why{padding-top:45px;padding-bottom:45px}.why-card{min-height:308px;border-radius:18px;padding:55px 64px;background:var(--navy);color:white;display:flex;justify-content:space-between;position:relative;overflow:hidden}.why-card:after{content:'';position:absolute;width:410px;height:410px;border-radius:50%;border:1px solid #5f90be;right:-100px;top:-145px}.light,.promise-list span{color:#a7d765}.why-card h2{font-size:44px}.promise-list{position:relative;z-index:1;align-self:end;min-width:310px}.promise-list p{font-size:14px;border-bottom:1px solid #ffffff2d;margin:0;padding:13px 0}.promise-list span{font-size:19px;margin-right:9px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:110px}.contact-panel{background:white;border:1px solid var(--line);border-radius:14px;padding:10px}.contact-option{display:flex;align-items:center;gap:15px;padding:17px 15px;text-decoration:none;color:var(--navy);border-bottom:1px solid var(--line)}.contact-option:last-child{border-bottom:0}.contact-option.whatsapp{background:#eff8e9;border-radius:9px}.contact-option small,.contact-option b{display:block}.contact-option small{font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:700;margin-bottom:3px}.contact-option b{font:700 20px Manrope}.contact-option strong{margin-left:auto;font-size:22px;color:var(--green)}.contact-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#dcebf6;font-size:19px}.whatsapp .contact-icon{background:var(--green);color:white}footer{max-width:1132px;margin:auto;padding:27px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}footer .brand-logo img{width:126px}@media(max-width:760px){.site-header{height:68px}.brand-logo img{width:150px}.menu-button{display:block}.nav-links{display:none;position:absolute;z-index:10;left:0;right:0;top:68px;padding:20px 24px;background:var(--paper);box-shadow:0 7px 12px #0001;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.hero{grid-template-columns:1fr;padding-top:38px;gap:40px}.hero h1{font-size:49px}.hero-art{height:330px}.house{left:88px;transform:scale(.78);transform-origin:bottom left}.service-grid{grid-template-columns:1fr 1fr}.steps,.contact{grid-template-columns:1fr;gap:38px}.why-card{padding:38px 27px;display:block}.promise-list{min-width:0;margin-top:29px}.section{padding-top:64px;padding-bottom:64px}.section-heading h2,.steps h2,.contact h2,.why-card h2{font-size:37px}footer{margin:0 24px;display:block}footer p{margin:13px 0}.floating-card{right:12px;bottom:13px}}@media(max-width:470px){.service-grid{grid-template-columns:1fr}.hero-actions{gap:10px}.hero-art{height:280px}.house{left:44px;transform:scale(.65)}.sun{right:20px}}
/* Enhanced white-canvas visual system */
body{background:#fff}.hero{position:relative}.hero:before{content:'';position:absolute;width:330px;height:330px;right:-80px;top:5px;background:#fff4dd;border-radius:50%;z-index:-1}.hero-art{background:linear-gradient(145deg,#e4f7f8,#f9f5e9);box-shadow:18px 22px 0 #e3f0f1}.service-card{transition:transform .25s ease,box-shadow .25s ease;border-color:#e3edf0}.service-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px #07396f14}.services{background:linear-gradient(180deg,#fff 0,#f7fcfa 50%,#fff 100%);max-width:none;padding-left:max(24px,calc((100% - 1132px)/2));padding-right:max(24px,calc((100% - 1132px)/2))}.reviews{max-width:none;background:#f1f8f8;padding-left:max(24px,calc((100% - 1132px)/2));padding-right:max(24px,calc((100% - 1132px)/2))}.review-grid{max-width:1132px;margin:43px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-card{min-height:250px;background:#fff;border:1px solid #dce9e8;border-radius:16px;padding:27px;position:relative;display:flex;flex-direction:column}.review-card.featured{background:#07396f;color:#fff;border-color:#07396f;box-shadow:0 18px 35px #07396f2c}.stars{color:#eba816;letter-spacing:2px;font-size:14px}.review-card blockquote{font:500 16px/1.65 'DM Sans';margin:18px 0 auto}.reviewer{display:flex;align-items:center;gap:10px;margin-top:22px}.reviewer b,.reviewer small{display:block}.reviewer b{font-size:13px}.reviewer small{font-size:11px;color:var(--muted);margin-top:2px}.featured .reviewer small{color:#c4d7e9}.initial{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;font:700 13px Manrope;color:#fff}.coral-avatar{background:#d97762}.blue-avatar{background:#4c9fd1}.green-avatar{background:#61a36a}.quote-mark{position:absolute;right:21px;top:12px;font:80px/1 Georgia;color:#97c963}.contact{padding-top:105px;padding-bottom:105px}.contact-panel{box-shadow:0 20px 45px #07396f0c}.button-primary{box-shadow:0 8px 16px #55a1393d}.nav-links .nav-cta{box-shadow:0 7px 15px #07396f24}@media(max-width:760px){.review-grid{grid-template-columns:1fr}.reviews{padding-top:64px;padding-bottom:64px}.hero:before{display:none}}
/* Blue-and-green page background */
body{background:linear-gradient(135deg,#e9f7f2 0%,#edf7fc 48%,#e4f4ea 100%)}
.site-header{background:transparent}.hero{background:linear-gradient(112deg,#07396f 0%,#075c80 54%,#278c58 100%);border-radius:0 0 38px 38px;color:#fff;max-width:none;padding-left:max(24px,calc((100% - 1132px)/2));padding-right:max(24px,calc((100% - 1132px)/2));box-shadow:0 18px 36px #07396f29}.hero:before{display:none}.hero h1 em{color:#a6df75}.hero-text,.service-note{color:#d7eef0}.hero .eyebrow{color:#bfe5cf}.hero .dot{background:#a6df75}.hero-art{background:linear-gradient(145deg,#d9f2f0,#eef9df);box-shadow:12px 16px 0 #ffffff20}.button-primary{background:#7fbe4c;color:#07396f}.button-quiet{color:#fff}.services{background:linear-gradient(135deg,#effaf7,#e8f4fc);border-radius:34px;margin-top:38px}.reviews{background:linear-gradient(135deg,#dff3ee,#e6f4fb);border-radius:34px;margin-top:38px}.why-card{background:linear-gradient(120deg,#063b78,#087f86 58%,#3e994f)}.contact{background:linear-gradient(120deg,#e3f4ed,#eaf5fb);border-radius:34px;margin-top:38px;margin-bottom:38px}.contact-panel{border-color:#c9e3dc}.review-card.featured{background:linear-gradient(145deg,#07396f,#087f86)}
/* Unified blue-and-green page canvas */
html,body{min-height:100%;background:linear-gradient(135deg,#063b78 0%,#087f86 52%,#3e994f 100%) fixed}
.site-header{background:transparent}.services,.reviews,.contact{background:transparent;border-radius:0;margin-top:0;margin-bottom:0}.section-heading h2,.section-heading p,.steps h2,.steps .eyebrow,.steps-intro>p:last-child,.contact h2,.contact .eyebrow,.contact>div>p:last-child{color:#fff}.section-heading>p:last-child{color:#d8eeee}.service-card,.review-card,.contact-panel{box-shadow:0 14px 30px #042f5830}.review-card{border-color:#e8f2ee}.steps{color:#fff}.step-list li{border-color:#ffffff45}.step-list p{color:#d8eeee}.step-list span{color:#b8e778}.why{padding-top:34px;padding-bottom:34px}.why-card{box-shadow:0 18px 38px #042f5838;border:1px solid #ffffff38}footer{border-color:#ffffff45;color:#d8eeee}footer .brand-logo{filter:drop-shadow(0 2px 2px #00345d22)}
/* Service detail lists */
.service-card{min-height:275px}.service-details{list-style:none;padding:0;margin:17px 0 0;display:grid;gap:7px}.service-details li{font-size:12px;color:#466c7d;line-height:1.35;padding-left:16px;position:relative}.service-details li:before{content:'✓';position:absolute;left:0;color:#3c9b45;font-weight:800}.service-card:hover .service-details li{color:#214f68}@media(max-width:760px){.service-card{min-height:295px}}@media(max-width:470px){.service-card{min-height:auto}}
/* Mobile browser and touch optimisation */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overflow-x:hidden;-webkit-font-smoothing:antialiased}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.site-header{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}.nav-links .nav-cta,.button,.contact-option{min-height:48px}.menu-button{min-width:48px;min-height:48px;cursor:pointer}.brand-logo img{max-width:100%;object-fit:contain}.hero,.section{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}footer{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(27px,env(safe-area-inset-bottom))}@media(max-width:760px){.site-header{position:relative;z-index:20}.nav-links{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}.hero{min-height:auto;padding-top:44px;padding-bottom:56px}.hero-copy{min-width:0}.hero h1{font-size:clamp(42px,12vw,56px);letter-spacing:-2.5px}.hero-text{font-size:16px}.hero-actions{flex-wrap:wrap;gap:8px 20px}.button{min-height:48px}.hero-art{width:100%;height:clamp(270px,72vw,360px);border-radius:22px}.contact-option{padding:15px 12px}.contact-option b{font-size:clamp(17px,5vw,20px)}.service-grid{gap:12px}.service-card{padding:22px}.service-details li{font-size:12px}.review-card{min-height:0}.steps{padding-top:62px;padding-bottom:62px}}@media(max-width:420px){.site-header{padding-left:16px;padding-right:16px}.brand-logo img{width:132px}.hero,.section{padding-left:16px;padding-right:16px}.hero{gap:30px}.hero h1{font-size:42px}.hero-actions{align-items:flex-start;flex-direction:column;gap:3px}.hero-art{height:270px}.house{left:28px;transform:scale(.59);transform-origin:bottom left}.floating-card{transform:scale(.86);transform-origin:bottom right;right:4px;bottom:8px}.sun{transform:scale(.75);transform-origin:top right;right:14px}.section-heading h2,.steps h2,.contact h2,.why-card h2{font-size:34px;letter-spacing:-2.2px}.why-card{border-radius:15px}.contact-panel{padding:7px}.contact-option{gap:10px}.contact-icon{width:36px;height:36px}.review-card{padding:22px}footer{margin-left:16px;margin-right:16px}}