/* A quiet mobile cue that the homepage continues below the hero. */
.hero-continue { display: none; }
@media (max-width: 820px) {
  .home-hero { position: relative; }
  .home-hero .hero-continue { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; min-height: 38px; margin: 0 0 14px max(24px, calc((100% - 700px) / 2)); padding: 0 14px; border: 1px solid rgba(10, 47, 62, .3); border-radius: 999px; background: rgba(255, 253, 248, .86); color: #0b3448; font-size: .83rem; font-weight: 600; line-height: 1; text-decoration: none; box-shadow: 0 4px 14px rgba(8, 31, 41, .08); }
  .hero-continue-mark { width: 10px; height: 10px; border: 1.5px solid #ad6138; border-radius: 50%; position: relative; }
  .hero-continue-mark::after { content: ""; position: absolute; inset: 2px; border-radius: 50%; background: #ad6138; animation: hero-cue-pulse 2.8s ease-in-out infinite; }
  .home-hero .hero-continue:hover, .home-hero .hero-continue:focus-visible { border-color: #ad6138; background: #fffdf8; }
  .home-hero .hero-continue:focus-visible { outline: 3px solid #ad6138; outline-offset: 3px; }
}
@keyframes hero-cue-pulse { 0%, 100% { transform: scale(.72); opacity: .65; } 50% { transform: scale(1); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .hero-continue-mark::after { animation: none; } }