/* Video page specific mobile-first styles */
    .video-hero {
      background: linear-gradient(135deg, var(--primary-dark), var(--primary-color));
      padding: 4rem 0.75rem 2.5rem;
      text-align: center;
      color: white;
      position: relative;
    }

    @media (min-width: 768px) {
      .video-hero {
        padding: 7rem 2rem 4rem;
      }
    }

    .video-container {
      background: white;
      border-radius: var(--radius-xl);
      box-shadow: var(--shadow-xl);
      padding: var(--spacing-lg);
      margin: -40px auto 2rem;
      max-width: 1100px;
      position: relative;
      z-index: 10;
    }

    @media (min-width: 768px) {
      .video-container {
        padding: var(--spacing-desktop-xxl);
        margin-top: -80px;
      }
    }

    .video-wrapper {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      background: #000;
      border-radius: var(--radius-lg);
      margin-bottom: var(--spacing-lg);
      box-shadow: var(--shadow-lg);
    }

    .video-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: none;
    }

    .steps-section {
      background: linear-gradient(135deg, var(--primary-dark), var(--primary-color));
      padding: var(--spacing-lg);
      border-radius: var(--radius-lg);
      margin-bottom: var(--spacing-lg);
    }

    @media (min-width: 768px) {
      .steps-section {
        padding: var(--spacing-desktop-xl);
      }
    }

    .step-card {
      background: rgba(255,255,255,0.15);
      backdrop-filter: blur(10px);
      padding: var(--spacing-md);
      border-radius: var(--radius-md);
      text-align: center;
      margin-bottom: 1rem;
      border: 2px solid rgba(255,255,255,0.2);
      transition: all var(--transition-base);
    }

    @media (min-width: 768px) {
      .step-card {
        padding: var(--spacing-lg);
        margin-bottom: 0;
      }
    }

    .step-card:hover {
      background: rgba(255,255,255,0.25);
      transform: translateY(-5px);
    }

    .step-number {
      width: 60px;
      height: 60px;
      background: var(--accent-color);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 1rem;
      font-size: 1.75rem;
      font-weight: 700;
      color: white;
      box-shadow: var(--shadow-md);
    }

    .testimonial-card-video {
      background: #f8f9fa;
      padding: var(--spacing-md);
      border-radius: var(--radius-lg);
      margin-bottom: 1.5rem;
      border-left: 5px solid var(--accent-color);
    }

    @media (min-width: 768px) {
      .testimonial-card-video {
        padding: var(--spacing-lg);
      }
    }

    .testimonial-icon {
      font-size: 2rem;
      color: var(--accent-color);
      margin-bottom: 0.75rem;
    }

    .testimonial-name {
      font-weight: 700;
      color: var(--primary-dark);
      margin-top: 0.75rem;
      margin-bottom: 0;
    }