/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 1024px) {
  .solution-content {
    grid-template-columns: 1fr;
  }

  .etf-top-row {
    grid-template-columns: 1fr;
  }

  .performance-dashboard-hedgefund {
    display: block;
  }

  .performance-dashboard-hedgefund .performance-table-wrapper {
    max-height: none;
    overflow: visible;
  }

  .performance-dashboard-hedgefund .performance-chart {
    margin-bottom: 20px;
  }

  .solution-card-header {
    padding: 32px 36px 28px;
  }

  .solution-card-body {
    padding: 32px 36px 36px;
  }

  .services-grid,
  .about-grid,
  .research-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .hero {
    padding: 120px 0 56px;
  }

  .hero-content {
    margin-bottom: 0;
  }

  .hero-metrics {
    gap: 32px;
  }

  .metric-value {
    font-size: 28px;
  }

  .nav-links {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--white);
    flex-direction: column;
    padding: 32px;
    gap: 20px;
    border-bottom: 1px solid var(--gray-200);
    box-shadow: var(--shadow-lg);
  }

  .nav-links.active {
    display: flex;
  }

  .mobile-menu-btn {
    display: flex;
  }

  .hero-metrics {
    flex-direction: column;
    gap: 24px;
  }

  .metric + .metric::before {
    display: none;
  }

  .services-grid,
  .about-grid,
  .research-grid {
    grid-template-columns: 1fr;
  }

  .footer-content {
    flex-direction: column;
    gap: 48px;
  }

  .footer-links {
    gap: 48px;
  }

  .ceo-quote {
    padding: 32px;
  }

  .ceo-quote blockquote {
    font-size: 20px;
  }

  .ceo-quote::before {
    font-size: 60px;
    top: 12px;
    left: 24px;
  }

  .section-title {
    font-size: 38px;
  }

  .contact-content h2 {
    font-size: 28px;
  }

  .solutions-section,
  .analytics-section,
  .about-section,
  .research-section {
    padding: 64px 0;
  }

  .contact-section {
    padding: 64px 0 72px;
  }
}

@media (max-width: 480px) {
  .hero {
    padding: 108px 0 44px;
  }

  .hero-content {
    margin-bottom: 0;
  }

  .hero-metrics {
    gap: 20px;
  }

  .metric-value {
    font-size: 24px;
  }

  .container {
    padding: 0 20px;
  }

  .solution-card-header {
    padding: 24px 20px 20px;
  }

  .solution-card-header h3 {
    font-size: 22px;
  }

  .solution-card-body {
    padding: 24px 20px 28px;
  }

  .hf-highlights {
    flex-direction: column;
  }

  .hf-highlight-item:not(:last-child) {
    border-right: none;
    border-bottom: 1px solid var(--gray-200);
  }

  .hf-highlight-value {
    font-size: 24px;
  }

  .key-point {
    padding: 12px;
  }

  .hero-title {
    font-size: 32px;
  }

  .hero-subtitle {
    font-size: 16px;
  }

  .section-title,
  .contact-content h2 {
    font-size: 24px;
  }

  .btn {
    font-size: 11px;
  }

  .performance-table th,
  .performance-table td {
    padding: 10px 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}