/* Aguacenter — professional landing system. Shared by every page except index. */
:root{--ac-blue:#087fe5;--ac-navy:#082f66;--ac-ink:#122a4b;--ac-soft:#f4f8fc;--ac-line:#dce7f2;--ac-shadow:0 18px 50px rgba(9,48,91,.10)}
html{scroll-behavior:smooth}
body{background:#fff;color:var(--ac-ink);font-family:Arial,Helvetica,sans-serif}
main{overflow:hidden}
.container{max-width:1240px}
.landing-wrap,.pool-pro-hero,.pool-pro-intro,.pool-pro-feature,.pool-pro-split,.pool-pro-dark,.pool-pro-guide{font-family:Arial,Helvetica,sans-serif}
.landing-wrap{background:#fff}
.landing-breadcrumb,.pool-pro-breadcrumb{max-width:1240px;margin:0 auto;padding:22px 24px 10px;color:#5c708b;font-size:14px}
.landing-breadcrumb a,.pool-pro-breadcrumb a{color:var(--ac-blue);font-weight:700;text-decoration:none}
.landing-hero{position:relative;margin:0 auto;padding:16px 24px 34px;max-width:1288px}
.landing-hero>div,.landing-hero .landing-wrap-inner{max-width:1240px;margin:auto}
.landing-hero{background:linear-gradient(135deg,#f5faff,#fff 65%);border-radius:0 0 30px 30px}
.landing-hero:after{content:"";position:absolute;inset:auto 5% 0;height:1px;background:var(--ac-line)}
.landing-hero .landing-eyebrow,.pool-pro-kicker{display:inline-block;color:var(--ac-blue);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.landing-hero h1,.pool-pro-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.03;letter-spacing:-.045em;color:var(--ac-navy);margin:0 0 18px;max-width:780px}
.landing-hero p,.pool-pro-lead{font-size:19px;line-height:1.65;color:#526983;max-width:720px;margin:0 0 24px}
.landing-hero .landing-actions,.pool-pro-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 22px}
.landing-btn,.pool-pro-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:13px;text-decoration:none;font-weight:800;border:1px solid transparent;transition:.2s ease}
.landing-btn.primary,.pool-pro-btn.primary{background:var(--ac-blue);color:#fff;box-shadow:0 10px 24px rgba(8,127,229,.22)}
.landing-btn.secondary,.pool-pro-btn.secondary{background:#fff;color:var(--ac-navy);border-color:#b9d1e8}
.landing-btn:hover,.pool-pro-btn:hover{transform:translateY(-2px)}
.landing-hero img,.pool-pro-hero-image img{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;border-radius:24px;box-shadow:var(--ac-shadow);background:#eaf3fb}
.landing-hero .landing-image-grid,.landing-hero .landing-image-grid img{box-shadow:none}
.landing-quicklinks{max-width:1180px;margin:-6px auto 30px;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border:1px solid var(--ac-line);border-radius:18px;box-shadow:0 12px 36px rgba(11,55,95,.08);position:relative;z-index:2}
.landing-quicklinks>*{padding:20px 22px;border-right:1px solid var(--ac-line)}.landing-quicklinks>*:last-child{border-right:0}
.landing-stat-grid{max-width:1180px;margin:26px auto 42px;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.landing-stat{background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid var(--ac-line);border-radius:18px;padding:22px;box-shadow:0 8px 28px rgba(11,55,95,.06)}
.landing-stat strong{display:block;color:var(--ac-navy);font-size:20px;margin-bottom:7px}.landing-stat p{margin:0;color:#61748d;line-height:1.55}
.landing-image-grid{max-width:1180px;margin:0 auto 48px;padding:0 24px;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch}
.landing-image-grid img{width:100%;height:100%;min-height:300px;object-fit:cover;border-radius:24px;box-shadow:var(--ac-shadow)}
.landing-section{max-width:1180px;margin:0 auto;padding:68px 24px}
.landing-section:nth-of-type(even){background:#f7fbff}
.landing-section h2,.pool-pro-intro h2,.pool-pro-feature h2,.pool-pro-split h2,.pool-pro-dark h2,.pool-pro-guide h2{font-size:clamp(28px,3.2vw,42px);line-height:1.12;letter-spacing:-.03em;color:var(--ac-navy);margin:8px 0 18px}
.landing-section h3,.pool-pro-feature h3,.pool-pro-dark h3{font-size:21px;color:var(--ac-navy);margin:0 0 9px}
.landing-section p,.pool-pro-section-head p,.pool-pro-split-copy p,.pool-pro-guide p{font-size:17px;line-height:1.75;color:#526983}
.landing-section ul{padding-left:22px}.landing-section li{margin:9px 0;line-height:1.65;color:#526983}
.landing-section>div{max-width:1080px;margin-left:auto;margin-right:auto}
.landing-link-grid,.landing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.landing-card{background:#fff;border:1px solid var(--ac-line);border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(11,55,95,.06)}
.landing-card img{width:100%;height:210px;object-fit:cover;border-radius:14px;margin-bottom:15px}
.landing-faq{max-width:1080px;margin:0 auto}.landing-faq details{border:1px solid var(--ac-line);border-radius:14px;background:#fff;margin:10px 0;padding:0 18px}.landing-faq summary{cursor:pointer;padding:18px 4px;font-weight:800;color:var(--ac-navy)}.landing-faq p{padding:0 4px 18px;margin:0}
.landing-related{max-width:1180px;margin:0 auto;padding:0 24px 62px}.landing-related>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.landing-related a{display:block;padding:17px;border:1px solid var(--ac-line);border-radius:14px;text-decoration:none;color:var(--ac-navy);font-weight:800;background:#fff}
.landing-cta{max-width:1180px;margin:0 auto 65px;padding:45px 42px;border-radius:25px;background:linear-gradient(135deg,#062f67,#087fe5);color:#fff;box-shadow:var(--ac-shadow)}
.landing-cta h2{color:#fff;margin:0 0 10px;font-size:36px}.landing-cta p{color:#e9f4ff;font-size:17px;line-height:1.65;max-width:780px}.landing-cta .landing-btn.primary{background:#fff;color:var(--ac-navy);box-shadow:none}.landing-cta .landing-btn.secondary{background:transparent;border-color:rgba(255,255,255,.6);color:#fff}
/* Pool page — same design language as index, with less visual noise. */
.pool-pro-hero{position:relative;max-width:1288px;margin:0 auto;padding:0 24px 38px;background:#fff}
.pool-pro-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:28px;align-items:center;background:linear-gradient(120deg,#062e64,#0b67b6);border-radius:28px;overflow:hidden;padding:34px;box-shadow:var(--ac-shadow)}
.pool-pro-hero-copy h1,.pool-pro-hero-copy p,.pool-pro-hero-copy .pool-pro-kicker{color:#fff}.pool-pro-hero-copy h1{font-size:clamp(42px,5vw,66px)}.pool-pro-hero-copy .pool-pro-kicker{color:#8ed2ff}.pool-pro-hero-image img{aspect-ratio:16/9;box-shadow:none;border-radius:20px}
.pool-pro-points{display:flex;gap:18px;flex-wrap:wrap;color:#fff;font-weight:700;font-size:14px}.pool-pro-points span{padding-right:18px;border-right:1px solid rgba(255,255,255,.25)}.pool-pro-points span:last-child{border:0}
.pool-pro-intro,.pool-pro-feature,.pool-pro-split,.pool-pro-dark,.pool-pro-guide{padding:72px 24px}.pool-pro-intro .container,.pool-pro-feature .container,.pool-pro-split .container,.pool-pro-dark .container,.pool-pro-guide .container{max-width:1180px;margin:auto}
.pool-pro-intro-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px}.pool-pro-intro-grid p{font-size:17px;line-height:1.8;color:#526983}.pool-pro-four{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pool-pro-four article,.pool-pro-types article{border:1px solid var(--ac-line);border-radius:18px;padding:25px;background:#fff;box-shadow:0 8px 25px rgba(11,55,95,.05)}.pool-pro-four b{color:var(--ac-blue);font-size:13px}.pool-pro-four h3,.pool-pro-types h3{margin:10px 0}.pool-pro-four p,.pool-pro-types p{color:#5b6f88;line-height:1.65}
.pool-pro-split{background:#f7fbff}.pool-pro-split .container{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.pool-pro-image-card img{width:100%;height:430px;object-fit:cover;border-radius:24px;box-shadow:var(--ac-shadow)}
.pool-pro-dark{background:#062f67;color:#fff}.pool-pro-section-head{max-width:850px;margin:0 auto 30px}.pool-pro-section-head span{color:var(--ac-blue);font-size:13px;font-weight:800;letter-spacing:.12em}.pool-pro-section-head.light h2{color:#fff}.pool-pro-section-head.light p{color:#cfe3f6}.pool-pro-types{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pool-pro-types article{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);box-shadow:none}.pool-pro-types h3{color:#fff}.pool-pro-types p{color:#cfe3f6}.type-tag{color:#8ed2ff;font-weight:800}
.pool-pro-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pool-pro-guide-list>div{padding:18px 20px;border:1px solid var(--ac-line);border-radius:14px;margin:10px 0}.pool-pro-guide-list strong{color:var(--ac-navy)}
/* Logos and secondary images: crisp, bounded and never stretched. */
.brand-strip img,.landing-grid img,.landing-image-grid img,.pool-pro-image-card img{image-rendering:auto}
.brand-strip{gap:14px!important}.brand-strip img{max-width:150px!important;max-height:72px!important;object-fit:contain!important}
@media(max-width:980px){.landing-quicklinks,.landing-stat-grid{grid-template-columns:repeat(2,1fr)}.landing-quicklinks>*:nth-child(2){border-right:0}.landing-quicklinks>*{border-bottom:1px solid var(--ac-line)}.landing-link-grid,.landing-grid{grid-template-columns:1fr 1fr}.pool-pro-hero-grid,.pool-pro-intro-grid,.pool-pro-split .container,.pool-pro-guide-grid{grid-template-columns:1fr}.pool-pro-four{grid-template-columns:1fr 1fr}.pool-pro-types{grid-template-columns:1fr}.pool-pro-hero-image{order:-1}.pool-pro-hero-image img{aspect-ratio:16/8}}
@media(max-width:680px){.landing-breadcrumb,.pool-pro-breadcrumb{padding:16px 18px 8px}.landing-hero{padding:8px 18px 28px}.landing-hero h1,.pool-pro-hero h1{font-size:39px}.landing-hero p,.pool-pro-lead{font-size:16px}.landing-quicklinks,.landing-stat-grid,.landing-link-grid,.landing-grid{grid-template-columns:1fr}.landing-quicklinks{margin:0 18px 25px;padding:0}.landing-quicklinks>*{border-right:0}.landing-stat-grid,.landing-image-grid{padding:0 18px}.landing-image-grid{grid-template-columns:1fr}.landing-section{padding:48px 18px}.landing-section p,.pool-pro-intro-grid p,.pool-pro-four p,.pool-pro-types p{font-size:16px}.landing-related{padding:0 18px 45px}.landing-related>div{grid-template-columns:1fr 1fr}.landing-cta{margin:0 18px 45px;padding:30px 24px}.landing-cta h2{font-size:28px}.pool-pro-hero{padding:0 14px 28px}.pool-pro-hero-grid{padding:22px;border-radius:22px}.pool-pro-four{grid-template-columns:1fr}.pool-pro-intro,.pool-pro-feature,.pool-pro-split,.pool-pro-dark,.pool-pro-guide{padding:52px 18px}.pool-pro-points{display:grid;grid-template-columns:1fr;gap:9px}.pool-pro-points span{border:0!important;padding:0}.pool-pro-image-card img{height:300px}}