:root{
  --text:#111827;
  --muted:#6b7280;
  --white:#ffffff;
  --btn:#e11d48;
  --navy:#0b2e4e;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:"Source Sans 3",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}
a{color:var(--navy);text-decoration:none}
a:hover{text-decoration:underline}
/* Nav */
.nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;
  padding:.8rem 1rem;z-index:10;transition:box-shadow .2s ease, background .2s ease}
.nav.scrolled{background:rgba(255,255,255,.9);backdrop-filter:saturate(160%) blur(6px);box-shadow:0 6px 20px rgba(0,0,0,.08)}
.nav .brand{font-weight:800;font-family:"Montserrat",sans-serif}
.nav nav a{margin-left:1rem}
/* Hero */
.hero{
  position:relative;min-height:86vh;display:grid;place-items:center;
  background:#000 url('../img/search-dogs-hero.png') center/cover no-repeat fixed;
}
.overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.45))}
.hero-inner{position:relative;text-align:center;color:#fff;padding:2rem}
.hero h1{font-family:"Montserrat",sans-serif;font-weight:800;font-size:clamp(1.8rem, 5vw, 3rem);margin:.3rem 0}
.tag{opacity:.95;font-size:clamp(1.05rem,2.4vw,1.25rem)}
.cta{margin-top:1rem;display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;border:2px solid transparent;border-radius:.55rem;padding:.7rem 1rem;font-weight:700}
.btn-primary{background:var(--btn);color:#fff}
.btn-primary:hover{filter:brightness(.95)}
.btn-outline{border-color:#fff;color:#fff}
.btn-outline:hover{background:rgba(255,255,255,.1)}
/* Sections */
.section{padding:3rem 0}
.section-alt{background:#fafafc}
.container{width:min(1000px, 92%);margin-inline:auto}
h2{font-family:"Montserrat",sans-serif;font-weight:700}
.bullets{margin:.6rem 0 1rem 1.2rem}
.muted{color:var(--muted)}
.small{font-size:.92rem}
/* Footer */
.footer{padding:1.2rem 0;border-top:1px solid #e5e7eb;background:#fff}
@media (max-width: 720px){
  .nav nav a{margin-left:.7rem}
}