:root{
  --brand:#1d3557;
  --accent:#e63946;
  --ink:#111;
  --muted:#6b7280;
  --bg:#fff;
  --card:#f8fafc;
  --radius:16px;
  --shadow:0 8px 24px rgba(0,0,0,.08);
}

/* Mobile-first tweaks layered over base */
img{max-width:100%;display:block}
a{color:inherit}

/* Hero refinements for small screens */
.hero .cta{margin:8px auto 6px}
.hero .hero-points{
  display:flex;flex-wrap:wrap;gap:6px;justify-content:center;
  padding:0;margin:8px 0 0;list-style:none;font-size:.9rem;opacity:.95
}
.hero .hero-points li{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.25);
  padding:6px 10px;border-radius:999px;color:#fff
}

/* Microproof bar (auto-fits for 1–3 items) */
.microproof{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap:4px;
  padding:10px 12px;
  background:#fff;
  border-bottom:1px solid #eee;
  text-align:center;
  font-size:.9rem;
  color:#374151;
}
.microproof > div{ padding:6px 4px }

/* Contact quick actions */
.contact-row{display:flex;gap:8px;margin-top:12px}
.chip{
  flex:1;text-align:center;background:#fff;border:1px solid #e9edf3;
  border-radius:999px;padding:10px 12px;font-weight:700
}

/* Sticky bottom CTA */
.sticky-cta{
  position:fixed; left:12px; right:12px; bottom:12px;
  background:var(--accent); color:#fff; text-align:center;
  padding:14px 16px; border-radius:999px; font-weight:900;
  box-shadow:0 10px 24px rgba(230,57,70,.38);
  transform: translateY(140%); transition: transform .25s ease;
  z-index: 1000;
}
.sticky-cta.show{ transform: translateY(0); }

/* Spacing tighten for small screens */
@media (max-width: 700px){
  .wrap{ padding: 2.25rem 1rem }
  .grid{ gap: 1rem }
  .section-title{ font-size:1.25rem }
}