html { scroll-behavior: smooth; }
body { margin: 0; background: #EEF3F4; font-family: Archivo, system-ui, sans-serif; color: #0A1C2B; }
a { color: #12907F; }
a:hover { color: #0d6e61; }
img { max-width: 100%; display: block; }
* { box-sizing: border-box; }
@media (max-width: 640px) {
  .hero-title { font-size: 34px !important; }
  .hero-actions { flex-direction: column; align-items: stretch !important; }
  .hero-actions a { text-align: center; }
}