html { scroll-behavior: smooth; }
  .hero-title { font-size: clamp(32px, 5vw, 48px); }
  .feature-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
  }
  @media (max-width: 600px) {
    .hero-section { padding: 50px 15px !important; }
    .badge-container { width: 100%; border-radius: 20px !important; box-sizing: border-box; }
  }