@import "https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap";:root{--primary:#005d8a;--primary-dark:#004767;--cta:#f68000;--cta-dark:#d96f00;--trust:#1c882d;--ink:#17313e;--muted:#647681;--paper:#fff;--wash:#f4f9fc;--shadow:0 5px 15px #05293d1f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:Ubuntu,Arial,sans-serif;line-height:1.6}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.site-header{z-index:1000;background:#fff;padding:4px 0;position:fixed;inset:0 0 auto;box-shadow:0 2px 10px #0000001a}.header-inner{justify-content:space-between;align-items:center;min-height:80px;display:flex}.logo{color:var(--ink);align-items:center;gap:11px;text-decoration:none;display:flex}.logo-mark{color:#fff;background:var(--primary);border-radius:24px 24px 24px 5px;place-items:center;width:68px;height:68px;display:grid;transform:rotate(45deg)}.logo-mark span{letter-spacing:-1px;font-size:17px;font-weight:700;transform:rotate(-45deg)}.logo-copy{text-transform:uppercase;letter-spacing:-.3px;font-size:18px;font-weight:700;line-height:1.05}.nav-container nav>ul{align-items:center;gap:20px;list-style:none;display:flex}.nav-container a,.dropdown-toggle{color:#333;cursor:pointer;background:0 0;border:0;padding:8px 12px;font-weight:500;text-decoration:none}.nav-container a:hover,.dropdown-toggle:hover{color:var(--primary)}.nav-container .nav-cta{background:var(--cta);border-radius:5px;padding:10px 18px;display:inline-block;color:#fff!important}.nav-container .nav-cta:hover{background:var(--cta-dark)}.dropdown{list-style:none;position:relative}.dropdown-toggle{align-items:center;gap:6px;display:flex}.dropdown-toggle span{transition:transform .2s}.dropdown.open .dropdown-toggle span{transform:rotate(180deg)}.dropdown-menu{z-index:2;width:245px;box-shadow:var(--shadow);opacity:0;visibility:hidden;background:#fff;border-radius:5px;padding:10px 0;list-style:none;transition:all .25s;position:absolute;top:100%;left:0;transform:translateY(10px)}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{padding:9px 18px;font-weight:400;display:block}.dropdown-menu a:hover{background:var(--wash)}.menu-toggle{cursor:pointer;background:0 0;border:0;padding:8px;display:none}.menu-toggle span{background:var(--primary);border-radius:2px;width:27px;height:3px;margin:5px;transition:all .25s;display:block}.menu-toggle.open span:first-child{transform:translateY(8px)rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.hero{color:#fff;background:linear-gradient(90deg,#002639eb,#002639b8),url(/hero-drainage.jpg) 50%/cover;margin-top:88px;padding:90px 0 60px}.hero-grid{justify-content:space-between;align-items:center;gap:30px;display:flex}.hero-content{flex:1;max-width:620px}.trust-badges{gap:20px;margin-bottom:15px;display:flex}.trust-badge{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.trust-badge span{color:#ff9d33;font-size:18px}.hero h1{letter-spacing:-1.6px;margin-bottom:15px;font-size:clamp(38px,4.1vw,52px);line-height:1.08}.hero-description{color:#fffffff0;max-width:580px;margin-bottom:22px;font-size:17px;line-height:1.55}.service-pills{flex-wrap:wrap;gap:14px;display:flex}.service-pills a{color:#fff;background:#ffffff1a;border:1px solid #ffffff3d;border-radius:5px;align-items:center;gap:9px;padding:11px 17px;text-decoration:none;transition:all .25s;display:flex}.service-pills a:hover{background:#fff3}.service-pills span{color:#8be099}.estimate-card{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#051a25d4;border:1px solid #ffffff26;border-radius:10px;flex:1;max-width:450px;padding:22px;scroll-margin-top:100px;box-shadow:0 16px 45px #0000003d}.form-header{text-align:center;margin-bottom:15px}.form-header h2{font-size:24px;line-height:1.25}.form-header h2 span{color:#ff9d33}.form-header h3{color:#fffc;margin-top:4px;font-size:17px;font-weight:500}.estimate-card form{flex-direction:column;gap:13px;display:flex}.estimate-card input,.estimate-card select{color:#223943;background:#fff;border:0;border-radius:5px;width:100%;min-height:49px;padding:12px 14px}.estimate-card input:focus,.estimate-card select:focus{outline:3px solid #f680008c}.submit-button{color:#fff;background:var(--cta);cursor:pointer;border:0;border-radius:5px;min-height:51px;font-size:18px;font-weight:700;transition:all .2s}.submit-button:hover{background:var(--cta-dark)}.form-disclaimer{color:#fff9;text-align:center;font-size:11px;line-height:1.4}.rating-badges{justify-content:space-between;gap:8px;padding-top:3px;display:flex}.rating-badges div{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.rating-badges strong{color:#ffc13b;font-size:16px;line-height:1.4}.rating-badges span{font-size:10px;font-weight:700}.form-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:355px;display:flex}.form-success>span{color:#fff;background:var(--trust);border-radius:50%;place-items:center;width:70px;height:70px;margin-bottom:16px;font-size:35px;display:grid}.form-success h3{font-size:25px}.form-success a{color:#ffb45f}.form-success button{color:#fff;cursor:pointer;background:0 0;border:0;margin-top:20px;text-decoration:underline}.proof-strip{color:#fff;background:var(--primary);padding:20px 0;box-shadow:0 2px 10px #0000001a}.proof-inner{justify-content:space-between;align-items:center;gap:30px;display:flex}.proof-seal{border:5px solid #ffffffe0;border-radius:50%;flex:0 0 90px;justify-content:center;align-items:center;width:90px;height:90px;font-size:27px;font-weight:700;display:flex;box-shadow:inset 0 0 0 3px #fff3}.proof-seal span{margin-left:2px;font-size:15px}.proof-copy{text-align:center}.proof-copy h2{font-size:clamp(28px,3.3vw,40px);line-height:1.1}.proof-copy p{color:#ffffffd9;margin-top:4px;font-size:17px}.services-section{background:var(--wash);padding:50px 0}.section-header{text-align:center;margin-bottom:50px}.section-header h2{color:#243b46;margin-bottom:12px;font-size:clamp(31px,3.2vw,38px);line-height:1.2}.section-header p{max-width:730px;color:var(--muted);margin:0 auto;font-size:18px}.services-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.service-card{background:#fff;border-radius:8px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 3px 10px #0030471a}.service-card:hover{transform:translateY(-10px);box-shadow:0 13px 25px #0030472b}.service-image{background-position:50%;background-size:cover;height:200px;position:relative}.service-number{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:-29px;right:18px}.service-number>span{color:#fff;background:var(--primary);border:4px solid #fff;border-radius:50%;place-items:center;width:76px;height:76px;font-size:23px;font-weight:700;display:grid;box-shadow:0 2px 10px #0003}.service-number small{color:#fff;background:var(--cta);white-space:nowrap;border-radius:15px;max-width:160px;margin-top:4px;padding:4px 10px;font-size:12px;font-weight:500}.service-card h3{color:#263d48;padding:29px 20px 8px;font-size:23px;line-height:1.25}.service-card p{min-height:94px;color:var(--muted);padding:0 20px 18px;font-size:15px}.service-button{color:#fff;background:var(--cta);cursor:pointer;border:0;border-radius:5px;width:calc(100% - 40px);margin:0 20px 20px;padding:12px;font-weight:600;transition:all .2s}.service-button:hover{background:var(--cta-dark)}.process-section{background:linear-gradient(#fff,#f7fafc);padding:55px 0 65px}.process-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:45px;display:grid}.process-card{box-shadow:var(--shadow);background:#fff;border-radius:8px;flex-direction:column;padding:30px;transition:all .3s;display:flex}.process-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00304729}.process-icon{color:#fff;background:var(--primary);border-radius:50%;place-items:center;width:90px;height:90px;margin:0 auto 20px;display:grid;position:relative}.icon-symbol{font-size:38px;line-height:1}.process-icon b{color:#fff;background:var(--cta);border-radius:50%;place-items:center;width:40px;height:40px;font-size:22px;display:grid;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 5px #0003}.process-card h3{color:#263d48;text-align:center;margin-bottom:14px;font-size:25px}.process-card>p{color:var(--muted);margin-bottom:20px;font-size:15px}.process-card ul{flex-grow:1;margin-bottom:24px;list-style:none}.process-card li{align-items:center;gap:9px;margin-bottom:10px;display:flex}.process-card li span{color:var(--trust);font-weight:700}.process-badge{width:fit-content;color:var(--primary);background:#e9f5fa;border-radius:24px;margin:0 auto;padding:9px 18px;font-size:14px;font-weight:700}.process-badge.highlight{color:#fff;background:var(--primary)}.process-cta{text-align:center;max-width:730px;margin:0 auto}.process-cta p{margin-bottom:20px;font-size:18px}.process-cta button{color:#fff;background:var(--cta);cursor:pointer;border:0;border-radius:5px;padding:15px 30px;font-size:18px;font-weight:700}.process-cta button:hover{background:var(--cta-dark)}.site-footer{color:#fff;background:#17313e;padding:50px 0 20px}.footer-grid{grid-template-columns:1.2fr .8fr 1fr .8fr;gap:40px;margin-bottom:30px;display:grid}.footer-logo{color:#fff;background:var(--primary);border-radius:19px 19px 19px 4px;place-items:center;width:58px;height:58px;margin-bottom:12px;display:grid;transform:rotate(45deg)}.footer-logo span{font-weight:700;transform:rotate(-45deg)}.footer-brand>strong{font-size:18px}.footer-brand p{color:#ffffffb3;max-width:250px;margin-top:7px}.site-footer h4{color:#ff9d33;margin-bottom:14px;font-size:18px}.site-footer ul{list-style:none}.site-footer li,.site-footer p{margin-bottom:8px}.site-footer a{color:#fff;text-decoration:none}.site-footer a:hover{color:#ff9d33}.footer-bottom{color:#ffffffa6;text-align:center;border-top:1px solid #ffffff1f;padding-top:20px;font-size:14px}@media (max-width:1024px){.hero-grid{flex-direction:column;align-items:stretch}.hero-content,.estimate-card{max-width:100%}.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.menu-toggle{display:block}.nav-container{box-shadow:var(--shadow);opacity:0;visibility:hidden;background:#fff;padding:20px;transition:all .3s;position:fixed;top:88px;left:0;right:0;transform:translateY(-100%)}.nav-container.open{opacity:1;visibility:visible;transform:translateY(0)}.nav-container nav>ul{flex-direction:column;align-items:stretch;gap:12px}.nav-container a,.dropdown-toggle{justify-content:space-between;width:100%;display:flex}.dropdown-menu{width:100%;box-shadow:none;opacity:1;visibility:visible;padding-left:15px;display:none;position:static;transform:none}.dropdown.open .dropdown-menu{display:block}.hero{padding:70px 0 55px}.trust-badges{flex-direction:column;gap:8px}.proof-inner{flex-direction:column;gap:18px}.proof-copy{order:-1}.proof-seal:last-child{display:none}.process-grid{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.container{padding:0 16px}.logo-mark{border-radius:19px 19px 19px 4px;width:57px;height:57px}.logo-copy{font-size:15px}.header-inner{min-height:72px}.nav-container{top:80px}.hero{margin-top:80px;padding-top:55px}.hero h1{letter-spacing:-.8px;font-size:35px}.hero-description{font-size:16px}.service-pills{flex-direction:column}.service-pills a{justify-content:center}.estimate-card{padding:18px}.rating-badges strong{font-size:13px}.rating-badges span{font-size:8px}.services-grid{grid-template-columns:1fr}.section-header{margin-bottom:38px}.footer-grid{grid-template-columns:1fr;gap:26px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}
