/* ERGON — Utilities */

.gradient-text {
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  .features-grid,
  .ai-grid { grid-template-columns: repeat(2, 1fr); }
  .tiers { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .hero-grid { grid-template-columns: 1fr; gap: 40px; }
  .hero-text h1 { font-size: 36px; }
  .hero-stats { gap: 24px; }
  .dual-grid { grid-template-columns: 1fr; gap: 40px; }
  .features-grid,
  .ai-grid { grid-template-columns: 1fr; }
  .tiers { grid-template-columns: 1fr; }
  .process-steps { flex-direction: column; align-items: center; }
  .step-arrow { transform: rotate(90deg); padding: 0; }
  .register-grid { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; gap: 32px; }
  .nav-links { display: none; }
  .nav-actions { display: none; }
  .mobile-toggle { display: block; }
  .nav-links.open {
    display: flex; flex-direction: column; position: absolute;
    top: var(--header-height); left: 0; right: 0;
    background: #fff; padding: 24px;
    border-bottom: 1px solid var(--color-gray-200);
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    gap: 16px;
  }
  .nav-links.open ~ .nav-actions { display: flex; }
  .section-title { font-size: 28px; }
  .section { padding: 60px 0; }
  .hero { padding: 120px 0 60px; }
  .trust-logos { gap: 24px; flex-wrap: wrap; }
}