/* Homepage palette and geographic background; shared forms retain their tokens. */
.hero {
  background-color: #073936;
  background-image: url('/app/globe-grid.svg'), radial-gradient(ellipse at 50% 28%, #13615b66, transparent 72%);
  background-repeat: no-repeat;
  background-size: max(1500px, 115vw) auto, cover;
  background-position: center 12px, center;
}
.hero::after { content: none; }
.hero .site-header { background: #062e2cf2; }
.hero .country-ticker { background: #052d2cbd; }
.hero .country-ticker::before { background: linear-gradient(90deg, #073936, transparent); }
.hero .country-ticker::after { background: linear-gradient(-90deg, #073936, transparent); }
.hero .hero-lead { color: #c4ddd8; }
.hero .hero-points { flex-wrap: wrap; }
.hero .hero-trust { color: #b9d0cc; }
body:has(.hero) .site-footer { background: #052c2a; }
@media (max-width: 900px) {
  .hero { background-size: 1500px auto, cover; background-position: center 0, center; }
}
@media (max-width: 600px) {
  .hero .hero-points { display: grid; grid-template-columns: repeat(2, max-content); justify-content: center; gap: 10px 18px; }
  .hero .hero-points span { white-space: nowrap; }
}