:root{
  --navy:#071a2d;
  --navy2:#0b2742;
  --blue:#1261a0;
  --aqua:#18a9c7;
  --aqua2:#4ed2df;
  --ink:#13243a;
  --muted:#6b7a8c;
  --line:#dfe8ee;
  --paper:#ffffff;
  --mist:#f5f8fa;
  --shadow:0 18px 60px rgba(4,24,43,.14);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.topbar{background:var(--navy);color:#dce8f0;font-size:.88rem}
.topbar .container{display:flex;justify-content:space-between;gap:24px;padding:10px 0}
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(12,42,70,.08)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.04em}.brand img{width:70px;height:auto}.brand-copy strong{display:block;font-size:1.2rem;line-height:1}.brand-copy span{display:block;font-size:.74rem;color:var(--blue);letter-spacing:.18em;margin-top:5px}
.nav-links{display:flex;gap:26px;align-items:center;font-weight:700;font-size:.94rem}.nav-links a:hover{color:var(--aqua)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:12px;font-weight:800;border:1px solid transparent;transition:.2s ease;cursor:pointer}.btn-primary{background:var(--aqua);color:white}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(24,169,199,.28)}.btn-outline{border-color:#8ea9ba;color:white;background:rgba(255,255,255,.03)}.btn-dark{background:var(--navy);color:white}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,var(--navy) 0 54%,#0c3451 54% 100%);color:white;min-height:650px;display:flex;align-items:center}
.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);opacity:.65}.hero:before{width:560px;height:560px;right:-120px;top:30px;background:radial-gradient(circle at 40% 40%,rgba(78,210,223,.5),rgba(18,97,160,.05) 60%,transparent 70%)}.hero:after{width:780px;height:220px;right:-80px;bottom:10px;border:20px solid rgba(78,210,223,.16);transform:rotate(-8deg)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding:80px 0}
.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--aqua2);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.82rem}.kicker:before{content:"";width:38px;height:3px;background:var(--aqua)}
h1{font-size:clamp(3rem,6vw,5.6rem);line-height:.98;margin:20px 0 24px;letter-spacing:-.04em}.hero h1 span{color:var(--aqua)}
.hero p{font-size:1.2rem;color:#d6e3eb;max-width:620px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:30px;padding:28px;box-shadow:0 30px 70px rgba(0,0,0,.28)}
.hero-card .icon{width:84px;margin:0 auto 18px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}.hero-card h3{text-align:center;font-size:1.8rem;margin:0 0 8px}.hero-card p{text-align:center;font-size:1rem;margin:0}.service-pills{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.pill{padding:15px;border-radius:14px;background:rgba(255,255,255,.08);font-weight:700;text-align:center}
.section{padding:88px 0}.section-alt{background:var(--mist)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}.section-head h2{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.05;margin:10px 0}.section-head p{max-width:560px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 12px 40px rgba(10,34,55,.06);transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-icon{width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#e9fbff,#d8f2f8);display:grid;place-items:center;color:var(--blue);font-size:1.6rem;font-weight:900}.card h3{margin:18px 0 10px}.card p{color:var(--muted);margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.visual-panel{min-height:470px;border-radius:30px;background:linear-gradient(145deg,#09223a,#0d4867);position:relative;overflow:hidden;box-shadow:var(--shadow)}.visual-panel:before{content:"";position:absolute;inset:10% 6%;border-radius:50%;border:28px solid rgba(24,169,199,.22);transform:rotate(-9deg)}.visual-panel:after{content:"";position:absolute;width:78%;height:90px;left:10%;bottom:90px;background:linear-gradient(90deg,transparent,var(--aqua),var(--aqua2),transparent);border-radius:50%;filter:blur(10px);opacity:.8}.visual-panel .mark{position:absolute;inset:0;display:grid;place-items:center}.visual-panel .mark img{width:220px;filter:brightness(0) invert(1);opacity:.96}
.checklist{display:grid;gap:15px;margin:28px 0}.check{display:flex;gap:12px;align-items:flex-start}.check b{color:var(--navy)}.check span:first-child{width:26px;height:26px;border-radius:50%;background:#e7f8fb;color:var(--aqua);display:grid;place-items:center;font-weight:900;flex:0 0 auto}
.band{background:linear-gradient(120deg,var(--navy),#0d3d5b);color:white;padding:54px 0}.band-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;align-items:center}.metric strong{display:block;font-size:1.7rem;color:var(--aqua2)}.metric span{color:#c5d6e0;font-size:.94rem}
.cta{background:linear-gradient(120deg,#0a2a45,#0f5770);color:white;border-radius:32px;padding:52px;display:grid;grid-template-columns:1.5fr .5fr;gap:30px;align-items:center}.cta h2{font-size:2.6rem;margin:0 0 12px}.cta p{color:#d7e7ee;margin:0}
.page-hero{background:linear-gradient(120deg,var(--navy),#0b4664);color:white;padding:92px 0 70px}.page-hero h1{font-size:4rem;margin:12px 0 18px}.page-hero p{max-width:760px;color:#d4e4eb;font-size:1.15rem}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature{border-left:4px solid var(--aqua);padding:10px 0 10px 18px}.feature h3{margin:0 0 6px}.feature p{margin:0;color:var(--muted)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:white;border:1px solid var(--line);padding:28px;border-radius:24px;box-shadow:var(--shadow)}.form label{font-weight:700;font-size:.9rem}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.form input,.form select,.form textarea{width:100%;padding:14px 15px;border:1px solid #ccd9e1;border-radius:10px;font:inherit}.form textarea{min-height:140px}.notice{padding:14px 16px;border-radius:12px;background:#eef9fb;color:#24566a;font-size:.9rem}
footer{background:#051523;color:#c6d5df;padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px}.footer-title{color:white;font-weight:800;margin-bottom:14px}.footer-links{display:grid;gap:9px}.footer-links a:hover{color:var(--aqua2)}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:38px;padding-top:20px;font-size:.88rem;color:#8ea7b8}
.mobile-toggle{display:none;background:none;border:0;font-size:1.6rem;color:var(--navy)}
@media(max-width:900px){.nav-links{display:none}.mobile-toggle{display:block}.hero-grid,.split,.cta,.band-grid,.footer-grid{grid-template-columns:1fr}.hero{min-height:auto}.cards{grid-template-columns:1fr 1fr}.hero-grid{padding:60px 0}.hero-card{max-width:560px}.section-head{display:block}.grid-2{grid-template-columns:1fr}.page-hero h1{font-size:3rem}}
@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.topbar .container{display:block;text-align:center}.cards{grid-template-columns:1fr}.service-pills{grid-template-columns:1fr}.form{grid-template-columns:1fr}.field.full{grid-column:auto}.brand-copy{display:none}.hero h1{font-size:3.2rem}.cta{padding:34px}.page-hero{padding:68px 0 52px}.page-hero h1{font-size:2.6rem}}
/* V2 brand-board homepage */
.brand img{width:220px;max-height:62px;object-fit:contain}.photo-hero{height:700px;position:relative;overflow:hidden;color:#fff}.photo-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,32,.94) 0%,rgba(4,18,32,.78) 43%,rgba(4,18,32,.22) 76%,rgba(4,18,32,.12) 100%)}.photo-hero-content{position:relative;z-index:2;padding-top:110px}.photo-hero h1{font-size:clamp(3.7rem,7vw,6.5rem);max-width:800px}.photo-hero h1 span{color:var(--aqua2)}.photo-hero p{font-size:1.25rem;max-width:690px;color:#e3edf2}.hero-trust{display:flex;gap:0;margin-top:50px;max-width:850px;border-top:1px solid rgba(255,255,255,.25);padding-top:20px}.hero-trust div{padding:0 28px;border-right:1px solid rgba(255,255,255,.22)}.hero-trust div:first-child{padding-left:0}.hero-trust b,.hero-trust span{display:block}.hero-trust span{font-size:.82rem;color:#bcd0dc}.trust-strip{background:#08233b;color:white}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid>div{padding:24px 28px;border-right:1px solid rgba(255,255,255,.15)}.trust-grid strong,.trust-grid span{display:block}.trust-grid strong{color:var(--aqua2);font-size:.82rem;letter-spacing:.14em}.trust-grid span{font-size:.9rem;color:#d4e0e8;margin-top:3px}.image-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px}.image-card{border-radius:26px;overflow:hidden;background:#071a2d;color:white;box-shadow:var(--shadow);transition:.25s}.image-card:hover{transform:translateY(-5px)}.image-card img{width:100%;height:330px;object-fit:cover}.image-card-copy{padding:28px}.image-card-copy>span,.pool-photo-card span{color:var(--aqua2);font-weight:900;font-size:.76rem;letter-spacing:.15em}.image-card-copy h3{font-size:1.75rem;line-height:1.1;margin:8px 0}.image-card-copy p{color:#c7d6df}.image-card-copy b{color:var(--aqua2)}.pool-feature{display:grid;grid-template-columns:1fr .92fr;gap:60px;align-items:center}.pool-feature h2{font-size:3.4rem;line-height:1.04;margin:14px 0}.pool-feature>div>p{color:var(--muted);font-size:1.05rem}.mini-features{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}.mini-features div{border-left:3px solid var(--aqua);padding:8px 14px}.mini-features b,.mini-features span{display:block}.mini-features span{font-size:.84rem;color:var(--muted)}.legal-note{display:block;margin-top:14px;color:#788796}.pool-photo-card{border-radius:28px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.pool-photo-card img{height:440px;width:100%;object-fit:cover}.pool-photo-card>div{padding:22px}.pool-photo-card strong{display:block;font-size:1.8rem;color:var(--navy)}.pool-photo-card p{margin:4px 0;color:var(--muted)}.equipment-section{background:#fff}.equipment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.equipment-card{border:1px solid var(--line);border-radius:22px;padding:24px;background:linear-gradient(180deg,#fff,#f7fafb);text-align:center}.equipment-visual{height:170px;margin-bottom:20px;border-radius:18px;background:linear-gradient(145deg,#e9eef0,#fff);display:grid;place-items:center;color:#a79570;font-size:3.6rem;font-weight:900;position:relative;overflow:hidden}.equipment-visual:after{content:"PENTAIR";position:absolute;bottom:14px;font-size:.65rem;letter-spacing:.2em;color:#2b5570}.equipment-card h3{margin:0;color:var(--navy)}.equipment-card>span{display:block;color:var(--blue);font-weight:800;font-size:.85rem;margin:3px 0 10px}.equipment-card p{color:var(--muted);font-size:.9rem}.placeholder-note{margin-top:20px;background:#eff8fa;padding:14px 18px;border-radius:12px;color:#456879;font-size:.84rem}.brand-life{background:linear-gradient(120deg,#061a2d,#0a3650);padding:88px 0;color:#fff}.section-head.light p{color:#c8d8e1}.brand-gallery{display:grid;grid-template-columns:1.4fr .8fr 1.1fr 1.2fr;gap:16px}.brand-gallery figure{margin:0;background:white;border-radius:18px;overflow:hidden}.brand-gallery img{height:230px;width:100%;object-fit:cover}.brand-gallery figcaption{padding:12px 15px;color:var(--navy);font-weight:800;font-size:.88rem}.process{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px}.process h2{font-size:3rem;line-height:1.05}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.steps div{border-top:3px solid var(--aqua);padding:18px 10px}.steps i,.steps b,.steps span{display:block}.steps i{font-style:normal;color:var(--aqua);font-weight:900}.steps b{font-size:1.05rem;margin:8px 0}.steps span{font-size:.82rem;color:var(--muted)}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.value-grid>div{padding:26px;border-radius:20px;background:#fff;border:1px solid var(--line)}.value-grid strong{color:var(--aqua);font-size:2rem}.value-grid h3{margin:6px 0}.value-grid p{color:var(--muted);margin:0}.cta-buttons{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.footer-logo{width:230px;filter:brightness(0) invert(1);margin-bottom:18px}.aqua{color:var(--aqua2)}
@media(max-width:900px){.photo-hero{height:auto;min-height:680px}.photo-hero-content{padding:80px 0}.hero-trust{flex-wrap:wrap;gap:18px}.hero-trust div{border:0;padding:0 18px 0 0}.trust-grid,.image-cards,.pool-feature,.equipment-grid,.brand-gallery,.process,.value-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.pool-feature h2{font-size:2.7rem}}
@media(max-width:600px){.brand img{width:180px}.photo-hero-shade{background:rgba(4,18,32,.76)}.photo-hero h1{font-size:3.4rem}.hero-trust,.trust-grid,.image-cards,.pool-feature,.equipment-grid,.brand-gallery,.process,.value-grid,.steps,.mini-features{grid-template-columns:1fr}.trust-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.image-card img{height:240px}.pool-photo-card img{height:300px}.brand-gallery img{height:250px}.cta-buttons{justify-content:flex-start}}