/* Hayward page */
.hayward-hero { background:var(--navy);padding:7rem 0 6rem }
.hayward-hero .section-label { color:var(--celeste) }
.hayward-hero h1 { color:#fff;max-width:820px;font-size:clamp(2.7rem,5.5vw,4.5rem) }
.hayward-hero .hero-sub { color:rgba(255,255,255,.82);font-size:1.1rem;max-width:700px;line-height:1.75 }
.hero-actions { display:flex;gap:1rem;flex-wrap:wrap;margin-top:2.5rem }
.btn-hero-primary,.btn-hero-secondary {
  display:inline-flex;align-items:center;padding:.75rem 1.5rem;border-radius:4px;
  font-size:.9rem;font-weight:600;text-decoration:none;
}
.btn-hero-primary { background:#fff;color:var(--navy) }
.btn-hero-primary:hover { color:var(--navy);background:var(--lionsmane) }
.btn-hero-secondary { color:#fff;border:1px solid rgba(255,255,255,.65) }
.btn-hero-secondary:hover { color:#fff;border-color:#fff }
.hw-section { padding:5.5rem 0;border-bottom:1px solid var(--border) }
.hw-section--surface { background:var(--surface) }
.hw-lead { max-width:720px;font-size:1.05rem;line-height:1.8;margin-bottom:2.5rem }
.hw-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 3rem;max-width:970px }
.hw-grid article { border-top:1px solid var(--border);padding-top:1.25rem }
.hw-grid h3 { font-size:1.1rem;margin-bottom:.65rem }
.hw-grid p { font-size:.92rem;max-width:430px }
.hw-step { color:var(--sage-text);font-size:.72rem;font-weight:700;letter-spacing:.12em;display:block;margin-bottom:1rem }
.hw-formats { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 3rem;max-width:970px;margin-top:1rem }
.hw-formats article { border-top:1px solid var(--border);padding-top:1.1rem }
.hw-formats h3 { font-size:.95rem;margin-bottom:.5rem;color:var(--navy) }
.hw-formats p { font-size:.88rem;color:var(--muted);max-width:430px }
.hw-facts { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:2rem 0 2.5rem }
.hw-facts div { border-top:1px solid var(--border);padding-top:1rem }
.hw-facts strong { display:block;color:var(--navy);font-size:.9rem;margin-bottom:.4rem }
.hw-facts span { color:var(--muted);font-size:.85rem }
.hw-section code { background:var(--surface);padding:.08em .3em;border-radius:3px }
.hw-section--surface code { background:var(--card) }
.hw-doclinks { display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem;font-size:.85rem;font-weight:600 }
.hw-doclinks a { text-decoration:none }
.hw-doclinks a:hover { text-decoration:underline }
@media(max-width:768px) {
  .hayward-hero { padding:5rem 0 4rem }
  .hw-section { padding:4rem 0 }
  .hw-grid,.hw-formats,.hw-facts { grid-template-columns:1fr;gap:2rem }
}