/* Video Demo Section */
    .video-section {
      padding: 6rem 0;
      background: var(--color-background);
    }

    .video-wrapper {
      max-width: 56rem;
      margin: 0 auto;
    }

    .video-card {
      background: var(--glass-background);
      backdrop-filter: blur(12px);
      border: 1px solid var(--glass-border);
      border-radius: 1rem;
      overflow: hidden;
      box-shadow: var(--shadow-card);
    }

    .video-placeholder {
      aspect-ratio: 16 / 9;
      background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(99, 102, 241, 0.05));
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }

    .video-placeholder::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTSAwIDEwIEwgNDAgMTAgTSAxMCAwIEwgMTAgNDAgTSAwIDIwIEwgNDAgMjAgTSAyMCAwIEwgMjAgNDAgTSAwIDMwIEwgNDAgMzAgTSAzMCAwIEwgMzAgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMDEwIiBzdHJva2Utd2lkdGg9IjEiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JpZCkiLz48L3N2Zz4=");
      opacity: 0.3;
    }

    .play-button {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      background: var(--color-primary);
      border: none;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 10px 30px rgba(99, 102, 241, 0.4);
      transition: all 0.3s ease;
    }

    .play-button:hover {
      background: var(--color-primary-dark);
      transform: scale(1.05);
      box-shadow: 0 15px 40px rgba(99, 102, 241, 0.5);
    }

    .play-button svg {
      width: 32px;
      height: 32px;
      color: white;
      margin-left: 4px;
    }
.video-section {
  padding: 6rem 0;
}

.video-section .section-header {
  max-width: 720px;
  margin: 0 auto 3rem;
  text-align: center;
}

.video-section .section-label {
  display: inline-block;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.video-section .section-title {
  margin-bottom: 1rem;
}

.video-section .section-description {
  margin: 0 auto;
}
.video-embed {
  position: relative;
  width: 100%;
  padding-top: 56.25%; 
}

.video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  display: block;
}

@supports (content-visibility: auto) {
  @media (max-width: 991px) {
    .video-section {
      content-visibility: auto;
      contain-intrinsic-size: 1px 760px;
    }
  }
}