.navbar.scrolled .dropdown-link,.navbar.scrolled .dropdown-toggle,.navbar.scrolled .nav-link,body{color:var(--text-dark)}.logo a,.navbar.scrolled .logo a{background:rgba(255,255,255,.95)}.logo a,.logo a:hover{box-shadow:0 2px 6px rgba(0,0,0,.08)}.dropdown-toggle,.nav-link{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.dropdown-link,.nav-link{white-space:nowrap;text-decoration:none}.dropdown-link:hover,.nav-link:hover{color:var(--primary-color)}.btn,.detail-content a,.dropdown-link,.logo a,.nav-link,.service-areas-cta a{text-decoration:none}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#0277bd;--primary-dark:#01579b;--primary-light:#4fc3f7;--secondary-color:#c2410c;--text-dark:#212121;--text-light:#4b5563;--bg-light:#f5f5f5;--bg-white:#ffffff;--shadow:0 2px 10px rgba(0, 0, 0, 0.1);--shadow-hover:0 5px 20px rgba(0, 0, 0, 0.15);--transition:all 0.3s ease}.logo a,.navbar{transition:var(--transition)}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.logo,.nav-wrapper{padding:.25rem 0}.navbar{position:fixed;top:0;left:0;right:0;background:0 0;box-shadow:none;z-index:1000}.navbar.scrolled{background:var(--bg-white);box-shadow:0 4px 20px rgba(0,0,0,.15)}.btn-primary:hover,.dropdown-menu,.faq-item:hover{box-shadow:var(--shadow-hover)}.navbar:not(.scrolled) .mobile-menu-toggle span{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3)}.nav-wrapper{display:flex;justify-content:space-between;align-items:center;min-height:auto}.logo a,.nav-menu{align-items:center}.logo a{display:flex;padding:.25rem;border-radius:6px;position:relative}.navbar:not(.scrolled) .logo a{background:0 0;box-shadow:none}.logo-img{height:auto;max-height:60px;width:auto;max-width:200px;object-fit:contain;display:block;filter:drop-shadow(0 1px 3px rgba(0, 0, 0, .1));transition:opacity .3s,visibility .3s}.btn,.dropdown-arrow,.dropdown-link,.dropdown-menu,.mobile-menu-toggle span,.nav-link,.nav-link::after{transition:var(--transition)}.logo-transparent{position:absolute;opacity:1;visibility:visible}.nav-dropdown,.nav-link,.welcome-image{position:relative}.dropdown-menu,.logo-scrolled,.navbar.scrolled .logo-transparent{opacity:0;visibility:hidden}.navbar.scrolled .logo-scrolled{opacity:1;visibility:visible}.logo a:hover .logo-img{filter:drop-shadow(0 2px 6px rgba(0, 0, 0, .15))}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{font-weight:500}.nav-link::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-color)}.nav-link.active::after,.nav-link:hover::after,.welcome-text{width:100%}.dropdown-toggle{display:flex;align-items:center;gap:5px}.dropdown-arrow{font-size:.7rem}.nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--bg-white);border-radius:5px;min-width:200px;padding:10px 0;margin-top:10px;transform:translateY(-10px);list-style:none;z-index:1000}.comparison-item,.image-placeholder,.map-container,.service-card{box-shadow:var(--shadow)}.scroll-indicator,.scroll-indicator span::before{transform:translateX(-50%);left:50%;position:absolute}.nav-dropdown.active .dropdown-menu,.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{margin:0;padding:0}.dropdown-link{display:block;padding:12px 20px;color:var(--text-dark);font-weight:400}.dropdown-link:hover{background:var(--bg-light);padding-left:25px}.dropdown-link::after{display:none}.mobile-menu-toggle{display:none;flex-direction:column;background:0 0;border:none;cursor:pointer;padding:5px;gap:5px}.mobile-menu-toggle span{width:25px;height:3px;background:var(--text-dark)}.hero{position:relative;height:85vh;min-height:500px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);background-image:url('pool-background.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;text-align:center;overflow:hidden}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}.hero-content{position:relative;z-index:2;max-width:800px;padding:0 20px;animation:1s fadeInUp}.hero-title{font-size:2.8rem;font-weight:700;margin-bottom:.75rem;line-height:1.2}.hero-subtitle{font-size:1.2rem;margin-bottom:1.5rem;opacity:.95}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.scroll-indicator{bottom:30px;z-index:2}.scroll-indicator span{display:block;width:30px;height:50px;border:2px solid #fff;border-radius:25px;position:relative}.scroll-indicator span::before{content:'';top:10px;width:6px;height:6px;background:#fff;border-radius:50%;animation:2s infinite scroll}@keyframes scroll{0%{opacity:1;transform:translateX(-50%) translateY(0)}100%{opacity:0;transform:translateX(-50%) translateY(20px)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-block;padding:12px 30px;border-radius:5px;font-weight:600;border:2px solid transparent;cursor:pointer;font-size:1rem}.btn-primary{background:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.btn-primary:hover{background:#e65100;border-color:#e65100;transform:translateY(-2px)}.btn-secondary{background:0 0;color:#fff;border-color:#fff}.btn-secondary:hover{background:#fff;color:var(--primary-color);transform:translateY(-2px)}.btn-outline{background:0 0;color:var(--primary-color);border-color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff}section{padding:80px 0}.section-header{text-align:center;margin-bottom:40px}.section-header h2{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:.75rem}.section-divider{width:60px;height:3px;background:var(--primary-color);margin:0 auto .75rem;border-radius:2px}.section-subtitle{font-size:1rem;color:var(--text-light);max-width:600px;margin:0 auto;line-height:1.6}.about-content,.commercial-content,.faq-content,.service-content-wrapper{max-width:900px;margin:0 auto}.commercial-section,.quotes-section,.services-section,.welcome-section{background:var(--bg-white)}.welcome-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.service-content-wrapper{display:block;text-align:left;width:100%}.service-content-wrapper .welcome-text{width:100%;text-align:left}.service-content-wrapper .welcome-text h3,.service-content-wrapper .welcome-text li,.service-content-wrapper .welcome-text ol,.service-content-wrapper .welcome-text p,.service-content-wrapper .welcome-text ul{text-align:left;width:100%}.image-placeholder{width:100%;border-radius:10px;overflow:hidden}.image-placeholder svg{width:100%;height:auto;display:block}.welcome-text h3{font-size:2rem;color:var(--primary-color);margin-bottom:1.5rem}.commercial-text p,.fence-text p,.leak-text p,.welcome-text p{font-size:1.1rem;color:var(--text-light);margin-bottom:2rem;line-height:1.8}.about-section,.fence-section,.leak-detection-section{background:var(--bg-light)}.about-text p{font-size:1rem;color:var(--text-light);margin-bottom:1.25rem;line-height:1.7}.about-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}.feature-item,.quotes-benefits li{display:flex;gap:15px;align-items:flex-start}.feature-icon{width:40px;height:40px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:8px}.form-group select,.service-card{background:var(--bg-white);transition:var(--transition)}.benefit-icon svg,.comparison-icon svg,.detail-icon svg,.feature-icon svg{width:100%;height:100%}.feature-text h4{color:var(--text-dark);margin-bottom:.5rem}.commercial-feature p,.feature-text p{color:var(--text-light);font-size:.95rem;margin:0}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.service-card{padding:25px 20px;border-radius:10px;text-align:center}.comparison-item:hover,.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.service-icon{width:80px;height:80px;margin:0 auto 1.5rem;color:var(--primary-color);display:flex;align-items:center;justify-content:center}.service-icon img,.service-icon svg{width:100%;height:100%;object-fit:contain}.service-icon img{filter:brightness(0) saturate(100%) invert(27%) sepia(89%) saturate(2000%) hue-rotate(195deg) brightness(.9) contrast(1.1)}.service-card h3{font-size:1.3rem;color:var(--primary-color);margin-bottom:.75rem}.service-card p{color:var(--text-light);line-height:1.6;font-size:.95rem}.fence-content,.leak-content{max-width:800px;margin:0 auto}.area-group ul,.service-list{list-style:none;padding:0}.service-list li{padding:15px 0 15px 30px;position:relative;color:var(--text-light);font-size:1.05rem}.service-list li::before{content:'✓';position:absolute;left:0;color:var(--primary-color);font-weight:700;font-size:1.2rem}.commercial-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:30px}.commercial-feature{padding:25px;background:var(--bg-light);border-radius:10px;border-left:4px solid var(--primary-color)}.commercial-feature h4{color:var(--primary-color);margin-bottom:.5rem}.quotes-wrapper{display:grid;grid-template-columns:1.2fr 1fr;gap:60px}.quotes-form-container h3,.quotes-info-card h3{font-size:1.8rem;color:var(--primary-color);margin-bottom:1rem}.quotes-info-card>p,.quotes-intro{color:var(--text-light);line-height:1.8}.quotes-intro{margin-bottom:2rem}.contact-form,.quote-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group select{padding:12px;border:2px solid #e0e0e0;border-radius:5px;font-family:inherit;font-size:1rem;cursor:pointer}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--primary-color)}.form-group select:hover{border-color:var(--primary-light)}.quotes-info-container{display:flex;flex-direction:column;gap:30px}.quotes-info-card{background:var(--bg-light);padding:30px;border-radius:10px;border-left:4px solid var(--primary-color)}.quotes-info-card>p{margin-bottom:1.5rem}.quotes-benefits{list-style:none;padding:0;display:flex;flex-direction:column;gap:20px}.benefit-icon{width:30px;height:30px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:6px}.comparison-item,.quotes-cta{border-radius:10px;text-align:center}.quotes-benefits li div:last-child strong{display:block;color:var(--text-dark);margin-bottom:.3rem;font-size:1.05rem}.quotes-benefits li div:last-child p{color:var(--text-light);font-size:.95rem;margin:0;line-height:1.6}.quotes-cta{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);padding:30px;color:#fff}.quotes-cta h3{font-size:1.5rem;margin-bottom:1rem;color:#fff}.quotes-cta p{margin-bottom:1.5rem;opacity:.95;line-height:1.8}.quotes-cta .btn{background:var(--secondary-color);border-color:var(--secondary-color)}.quotes-cta .btn:hover{background:#e65100;border-color:#e65100}.why-choose-us-section{background:var(--bg-light);padding:50px 0}.service-areas-content,.why-choose-content{margin-top:30px}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.comparison-item{background:var(--bg-white);padding:20px;transition:var(--transition)}.comparison-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;padding:15px}.custom-map,.map-container{position:relative;border-radius:10px;overflow:hidden}.comparison-item h3{font-size:1.3rem;color:var(--text-dark);margin-bottom:15px;font-weight:600}.comparison-item p{color:var(--text-light);line-height:1.7;font-size:1rem}.service-areas-section{background:var(--bg-white);padding:50px 0}.map-container{margin-bottom:50px}.custom-map{width:100%;height:350px;z-index:1}.custom-map iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;z-index:1}#serviceAreaMap{width:100%;height:350px;border-radius:10px;min-height:350px}#serviceAreaMap .leaflet-container{height:100%;width:100%;border-radius:10px}.custom-marker{background:0 0!important;border:none!important}.zone-legend{position:absolute;bottom:20px;right:20px;background:rgba(255,255,255,.95);padding:12px 20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.legend-item{display:flex;align-items:center;gap:10px}.legend-color{width:20px;height:20px;background:rgba(2,119,189,.5);border:2px solid rgba(2,119,189,.8);border-radius:3px;display:inline-block}.legend-text{font-size:.9rem;color:var(--text-dark);font-weight:500}.service-areas-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-top:40px}.area-group h3{font-size:1.5rem;color:var(--primary-color);margin-bottom:20px;font-weight:600}.area-group li{padding:10px 0 10px 25px;color:var(--text-light);font-size:1rem;border-bottom:1px solid var(--bg-light);position:relative}.area-group li:last-child{border-bottom:none}.area-group li::before{content:'✓';position:absolute;left:0;color:var(--primary-color);font-weight:700;font-size:1.1rem}.service-areas-cta{text-align:center;margin-top:40px;padding:30px;background:var(--bg-light);border-radius:10px}.service-areas-cta p{color:var(--text-dark);font-size:1.1rem}.service-areas-cta a{color:var(--primary-color);font-weight:600;transition:var(--transition)}.detail-content a:hover,.service-areas-cta a:hover{color:var(--primary-dark);text-decoration:underline}.contact-section{background:var(--bg-white);padding-top:30px}.detail-icon,.faq-question:hover,.faq-section{background:var(--bg-light)}.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-form-container h3,.contact-info-card h3{font-size:1.8rem;color:var(--primary-color);margin-bottom:1.5rem}.contact-info-card p{color:var(--text-light);line-height:1.8;margin-bottom:2rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;color:var(--text-dark);font-weight:500}.required{color:red}.form-group input,.form-group textarea{padding:12px;border:2px solid #e0e0e0;border-radius:5px;font-family:inherit;font-size:1rem;transition:var(--transition)}.form-group small,.form-note{font-size:.85rem;color:var(--text-light)}.form-group small{margin-top:5px}.form-note{margin-top:10px}.contact-details{margin:30px 0}.contact-detail-item{display:flex;gap:15px;align-items:center;margin-bottom:25px}.detail-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary-color);padding:12px}.detail-content h4{color:var(--text-dark);margin-bottom:5px}.business-hours h3,.detail-content a,.faq-icon,.faq-question{color:var(--primary-color)}.detail-content a{font-size:1.1rem;transition:var(--transition)}.business-hours{margin-top:40px}.business-hours h3{font-size:1.5rem;margin-bottom:1.5rem}.hours-table{width:100%;border-collapse:collapse}.hours-table tr{border-bottom:1px solid #e0e0e0}.hours-table td{padding:12px 0;color:var(--text-light)}.hours-table td:first-child{font-weight:600;color:var(--text-dark);width:120px}.faq-section{padding-bottom:30px}.faq-item{background:var(--bg-white);margin-bottom:15px;border-radius:10px;box-shadow:var(--shadow);transition:var(--transition);overflow:hidden}.faq-question{width:100%;background:0 0;border:none;text-align:left;padding:20px;font-size:1.2rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:15px;transition:var(--transition);font-family:inherit}.faq-question:hover{color:var(--primary-dark)}.faq-question span:first-child{flex:1}.faq-icon{font-size:1.5rem;font-weight:300;transition:transform .3s;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer-wrapper{max-height:0;overflow:hidden;transition:max-height .3s,padding .3s;padding:0 20px}.faq-item.active .faq-answer-wrapper{max-height:500px;padding:0 20px 20px}.faq-answer{color:var(--text-light);line-height:1.7;margin:0;font-size:.95rem}.footer{background:var(--text-dark);color:#fff;padding:30px 0;text-align:center}.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:var(--bg-white);box-shadow:0 -2px 10px rgba(0,0,0,.1);padding:20px;z-index:1001;transform:translateY(100%);transition:var(--transition)}.cookie-consent.show{transform:translateY(0)}.cookie-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.cookie-content p{flex:1;min-width:250px;color:var(--text-light)}.cookie-content .btn{flex-shrink:0}@media (max-width:968px){.dropdown-link,.dropdown-toggle,.nav-dropdown.active .dropdown-toggle,.nav-menu .nav-link{text-shadow:0 1px 3px rgba(0,0,0,.5);color:#fff}.about-features,.commercial-features,.comparison-grid,.form-row,.service-areas-list,.services-grid{grid-template-columns:1fr}.nav-menu{position:fixed;top:70px;left:-100%;flex-direction:column;background:rgba(255,255,255,.3);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);width:100%;text-align:center;transition:var(--transition);box-shadow:var(--shadow);padding:2rem 0;gap:0}.nav-menu::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);z-index:-1}.nav-menu.active{left:0}.nav-menu li{width:100%;padding:1rem 0}.nav-dropdown{width:100%;text-align:center}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;margin-top:0;padding:0;background:0 0;max-height:0;overflow:hidden;transition:max-height .3s,padding .3s;width:100%}.nav-dropdown.active .dropdown-menu{max-height:500px;padding:10px 0;text-align:center}.nav-dropdown.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-link{padding:12px 20px;text-align:center;display:block;width:100%;font-size:.95rem;transition:var(--transition)}.dropdown-link:active,.dropdown-link:hover{background:var(--bg-light);color:var(--primary-color)}.dropdown-toggle{cursor:pointer;position:relative;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:100%;text-align:center}.dropdown-toggle::after{display:none}.nav-dropdown.active{background:rgba(255,255,255,.2);border-radius:5px;margin:5px 0}.nav-dropdown.active .dropdown-toggle{font-weight:600}.nav-dropdown.active .dropdown-link:active,.nav-dropdown.active .dropdown-link:hover{background:rgba(255,255,255,.2);color:#fff}.dropdown-arrow{margin-left:5px;display:inline-block;transition:transform .3s;font-size:.7rem}.mobile-menu-toggle{display:flex}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.contact-wrapper,.quotes-wrapper,.welcome-content{grid-template-columns:1fr;gap:40px}.comparison-grid{gap:25px}.service-areas-list{gap:30px}.map-container iframe{height:350px}}@media (max-width:600px){.hero-title,.section-header h2{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column;width:100%}.cookie-content .btn,.hero-buttons .btn{width:100%}.cookie-content{flex-direction:column;text-align:center}.logo a{padding:.3rem}.logo-img{max-height:50px;max-width:150px}.comparison-grid{grid-template-columns:1fr;gap:20px}.service-areas-list{grid-template-columns:1fr;gap:30px}.custom-map,.map-container iframe{height:300px}.zone-legend{bottom:10px;right:10px;padding:8px 15px;font-size:.85rem}.location-label{font-size:10px}}.hidden{display:none!important;visibility:hidden;position:absolute;left:-9999px} :root{ light gray backgrounds ** Ensure small secondary text meets contrast ** Footer links: always clearly visible */ .footer a{ color:#ffffff; text-decoration:underline; } .hero{background-image:none!important}.hero-bg{display:block} :where(h1){font-size:2.8rem;line-height:1.2}:where(h2){font-size:2rem;line-height:1.25}:where(h3){font-size:1.5rem;line-height:1.3}:where(h4){font-size:1.2rem;line-height:1.35} section[id]{scroll-margin-top:90px}