:root{--legacy-008080:#008080;--legacy-475569:#475569}
html { scroll-behavior: smooth; }
  .hero-title { font-size: clamp(34px, 6vw, 56px); }
  .service-tag { 
    background: var(--color-surface, #f1f5f9); 
    color: var(--legacy-475569, #475569); 
    padding: 8px 16px; 
    border-radius:var(--radius-sm, 8px); 
    font-size: 14px; 
    font-weight: 600;
    border: 1px solid var(--color-primary-subtle, #e2e8f0);
  }
  .grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
  }
  .stat-card {
    background: var(--color-background, #ffffff);
    border-left: 4px solid var(--legacy-008080, #008080);
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  }
  @media (max-width: 600px) {
    .hero-section { padding: 40px 15px !important; }
    .badge-container { width: 100%; border-radius: 20px !important; }
    .top-bar { font-size: 13px !important; }
  }