/* pools-page.css — /pools vertical landing page */
/* Owns: pool-service-specific overrides (.pl-*) that layer on top of roofing-page.css base classes */
/* Does NOT own: .rf-* base styles (roofing-page.css), theme.css globals, footer, .nav base styles */

/* Pool service hero: aqua/cyan gradient evoking clear water */
.pl-hero {
  background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(0, 180, 210, 0.07) 0%, transparent 70%);
}

/* Pool service founding banner: deep ocean teal to differentiate from other verticals */
.pl-banner {
  background: linear-gradient(90deg, #021a1f 0%, #032028 100%);
  border-bottom: 1px solid rgba(0, 180, 210, 0.2);
}

/* ROI row for pools — 5 metrics, same wrap treatment as landscaping */
.pl-roi-row {
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 12px;
}