/* Защита от горизонтального скролла */
  html, body { overflow-x: hidden; max-width: 100vw; }

  .bg-light {
    background-color: var(--color-neutral-800) !important;
    color: var(--color-neutral-0) !important;
  }

  .mobile-hero {
    background: var(--gradient-hero);
    border-radius: var(--radius-xl);
    padding: var(--spacing-3xl) var(--spacing-2xl);
    margin-bottom: var(--spacing-2xl);
    border: 1px solid var(--color-surface-glass);
  }

  .feature-card {
    background: var(--color-surface-card);
    border: 1px solid var(--color-surface-glass);
    border-radius: var(--radius-lg);
    padding: var(--spacing-lg);
    transition: var(--transition-smooth);
  }

  .feature-card:hover {
    box-shadow: var(--shadow-glow-cyan);
    transform: translateY(-4px);
  }

  .step-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: var(--radius-pill);
    background: var(--gradient-accent);
    color: var(--color-neutral-0);
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: var(--spacing-md);
    flex-shrink: 0;
  }

  .highlight-box {
    background: var(--gradient-card);
    border-left: 4px solid var(--color-accent-cyan);
    border-radius: var(--radius-md);
    padding: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
  }

  .platform-card {
    background: var(--color-surface-card);
    border: 1px solid var(--color-surface-glass);
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    text-align: center;
    transition: var(--transition-smooth);
  }

  .platform-card:hover {
    box-shadow: var(--shadow-glow-cyan);
  }

  .platform-icon {
    font-size: 3rem;
    margin-bottom: var(--spacing-md);
    color: var(--color-accent-cyan);
  }

  .table {
    color: var(--color-neutral-0);
    border-color: var(--color-surface-glass);
  }

  .table thead {
    background: var(--color-surface-card);
    border-bottom: 2px solid var(--color-accent-cyan);
  }

  .table-dark {
    --bs-table-bg: var(--color-surface-card);
    --bs-table-striped-bg: var(--color-neutral-800);
    --bs-table-border-color: var(--color-surface-glass);
  }

  .table tbody tr:hover {
    background: var(--color-surface-glass);
  }

  .faq-item {
    background: var(--color-surface-card);
    border: 1px solid var(--color-surface-glass);
    border-radius: var(--radius-md);
    padding: var(--spacing-lg);
    margin-bottom: var(--spacing-md);
  }

  .faq-item h3 {
    color: var(--color-accent-cyan);
    font-size: 1.05rem;
    margin-bottom: var(--spacing-sm);
  }

  .tag-pill {
    display: inline-block;
    background: var(--gradient-cyan);
    color: var(--color-neutral-0);
    border-radius: var(--radius-pill);
    padding: 4px 14px;
    font-size: 0.82rem;
    font-weight: 600;
    margin: 3px;
  }

  .cta-section {
    background: var(--gradient-accent);
    border-radius: var(--radius-xl);
    padding: var(--spacing-3xl);
    text-align: center;
  }