@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');

.pg-storm-drain{--c-primary:#023E8A;--c-accent:#90E0EF}
.pg-storm-drain .d-hero{background:linear-gradient(135deg,var(--c-primary),#012a5e);color:#fff;padding:130px 0 60px}
.pg-storm-drain .d-hero .wrap{max-width:820px}
.pg-storm-drain .d-hero .d-eyebrow{font-family:'Jua',sans-serif;color:var(--c-accent);font-size:.95rem}
.pg-storm-drain .d-hero h1{font-family:'Jua',sans-serif;font-weight:400;font-size:clamp(2rem,4.6vw,2.9rem);margin:14px 0}
.pg-storm-drain .d-hero p{color:#cdeaf2;max-width:600px}
.pg-storm-drain .btn-z{padding:13px 26px;border-radius:30px 4px;font-weight:700;text-decoration:none;display:inline-block}
.pg-storm-drain .btn-z.fill{background:var(--c-accent);color:#012a5e}
.pg-storm-drain .btn-z.line{border:2px solid var(--c-accent);color:#fff}
.pg-storm-drain .d-cta-row{margin-top:24px;display:flex;gap:12px}

.pg-storm-drain .d-summary{padding:40px 0;color:#333;border-bottom:1px solid #dde7ef}
.pg-storm-drain .d-summary .wrap{max-width:820px}

.pg-storm-drain .d-zigzag{padding:20px 0 20px}
.pg-storm-drain .zz-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:36px 0;border-top:1px solid #e3ecf3}
.pg-storm-drain .zz-row:nth-child(even){direction:rtl}
.pg-storm-drain .zz-row:nth-child(even) > *{direction:ltr}
.pg-storm-drain .zz-row img{width:100%;border-radius:10px;display:block}
.pg-storm-drain .zz-row h2{color:var(--c-primary);font-size:1.2rem;margin:0 0 10px}
.pg-storm-drain .zz-row p{margin:0;color:#455060;line-height:1.85}
@media (max-width:760px){.pg-storm-drain .zz-row{grid-template-columns:1fr}.pg-storm-drain .zz-row:nth-child(even){direction:ltr}}

.pg-storm-drain .d-diagram{background:#EAF6F9;padding:56px 0}
.pg-storm-drain .d-diagram h2{color:var(--c-primary);font-size:1.4rem;text-align:center;margin:0 0 26px}
.pg-storm-drain .d-diagram svg{width:100%;max-width:600px;display:block;margin:0 auto}
.pg-storm-drain .d-diagram .cap{text-align:center;color:#455060;font-size:.86rem;margin-top:12px}

.pg-storm-drain .d-note{padding:40px 0}
.pg-storm-drain .d-note .wrap{max-width:820px;background:#E6F5F9;border-left:4px solid var(--c-accent);padding:16px 20px;font-size:.92rem;color:#023e8a}

.pg-storm-drain .d-faq{padding:56px 0}
.pg-storm-drain .d-faq .wrap{max-width:820px}
.pg-storm-drain .d-faq h2{color:var(--c-primary);font-size:1.4rem;text-align:center;margin:0 0 24px}
.pg-storm-drain .d-faq-item{border-bottom:1px solid #e3ecf3;padding:16px 0}
.pg-storm-drain .d-faq-item dt{font-weight:700;color:var(--c-primary);margin-bottom:6px}
.pg-storm-drain .d-faq-item dd{margin:0;color:#455060;line-height:1.75}

.pg-storm-drain .d-cta-band{background:var(--c-primary);padding:50px 0;text-align:center}
.pg-storm-drain .d-cta-band h2{color:#fff;font-size:1.4rem;margin:0 0 10px}
.pg-storm-drain .d-cta-band p{color:#cdeaf2;margin:0 0 20px}