/* CP1 V3.3.17 — Hero presentation glass card microfix
   Scope: visual polish only. Preserve V3.3.16 structure and V3.3.14 phone behavior. */
:root {
  --cp1-v3317-glass-bg: rgba(5, 15, 30, 0.28);
  --cp1-v3317-glass-bg-soft: rgba(5, 15, 30, 0.18);
  --cp1-v3317-glass-border: rgba(190, 235, 255, 0.22);
  --cp1-v3317-glass-border-soft: rgba(190, 235, 255, 0.14);
  --cp1-v3317-glass-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
}

@media (min-width: 821px) {
  /* Make the text card feel like a transparent overlay, not a heavy block. */
  body.cp1-v3317-glass-card .hero,
  body.cp1-v3317-glass-card .cp1-hero,
  body.cp1-v3317-glass-card section:first-of-type {
    isolation: isolate;
  }

  body.cp1-v3317-glass-card .hero-content,
  body.cp1-v3317-glass-card .hero-copy,
  body.cp1-v3317-glass-card .hero-text,
  body.cp1-v3317-glass-card .hero-card,
  body.cp1-v3317-glass-card .cp1-hero-content,
  body.cp1-v3317-glass-card .cp1-hero-copy,
  body.cp1-v3317-glass-card .cp1-hero-text,
  body.cp1-v3317-glass-card .cp1-hero-card,
  body.cp1-v3317-glass-card [data-hero-copy],
  body.cp1-v3317-glass-card [data-hero-card],
  body.cp1-v3317-glass-card .v3314-phone-hero-card,
  body.cp1-v3317-glass-card .v3316-hero-card {
    background: linear-gradient(135deg, var(--cp1-v3317-glass-bg), var(--cp1-v3317-glass-bg-soft)) !important;
    border: 1px solid var(--cp1-v3317-glass-border) !important;
    box-shadow: var(--cp1-v3317-glass-shadow) !important;
    backdrop-filter: blur(10px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.08) !important;
  }

  /* Generic fallback for the first visible hero text panel without flattening the page. */
  body.cp1-v3317-glass-card .cp1-v3317-hero-glass-card {
    background: linear-gradient(135deg, var(--cp1-v3317-glass-bg), var(--cp1-v3317-glass-bg-soft)) !important;
    border: 1px solid var(--cp1-v3317-glass-border) !important;
    border-radius: 28px !important;
    box-shadow: var(--cp1-v3317-glass-shadow) !important;
    backdrop-filter: blur(10px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.08) !important;
    overflow: hidden !important;
  }

  body.cp1-v3317-glass-card .cp1-v3317-hero-glass-card::before,
  body.cp1-v3317-glass-card .hero-content::before,
  body.cp1-v3317-glass-card .hero-copy::before,
  body.cp1-v3317-glass-card .hero-card::before,
  body.cp1-v3317-glass-card .cp1-hero-content::before,
  body.cp1-v3317-glass-card .cp1-hero-card::before {
    background: radial-gradient(circle at 20% 0%, rgba(117, 225, 255, 0.10), transparent 38%) !important;
    opacity: 0.68 !important;
  }

  body.cp1-v3317-glass-card .hero-content p,
  body.cp1-v3317-glass-card .hero-copy p,
  body.cp1-v3317-glass-card .hero-text p,
  body.cp1-v3317-glass-card .cp1-hero-content p,
  body.cp1-v3317-glass-card .cp1-hero-copy p,
  body.cp1-v3317-glass-card .cp1-v3317-hero-glass-card p {
    color: rgba(232, 247, 255, 0.86) !important;
  }

  body.cp1-v3317-glass-card .hero-content h1,
  body.cp1-v3317-glass-card .hero-copy h1,
  body.cp1-v3317-glass-card .cp1-hero-content h1,
  body.cp1-v3317-glass-card .cp1-v3317-hero-glass-card h1 {
    text-shadow: 0 8px 34px rgba(0, 0, 0, 0.24) !important;
  }
}

@media (min-width: 1180px) {
  body.cp1-v3317-glass-card .cp1-v3317-hero-glass-card,
  body.cp1-v3317-glass-card .hero-content,
  body.cp1-v3317-glass-card .hero-copy,
  body.cp1-v3317-glass-card .cp1-hero-content,
  body.cp1-v3317-glass-card .v3316-hero-card {
    max-width: 560px !important;
  }
}

@media (max-width: 820px) {
  /* Preserve known-good mobile. Only make card a little more transparent if present. */
  body.cp1-v3317-glass-card .v3314-phone-hero-card,
  body.cp1-v3317-glass-card .v3316-hero-card,
  body.cp1-v3317-glass-card .cp1-v3317-hero-glass-card {
    background: rgba(5, 15, 30, 0.24) !important;
    border-color: var(--cp1-v3317-glass-border-soft) !important;
    backdrop-filter: blur(7px) saturate(1.05) !important;
    -webkit-backdrop-filter: blur(7px) saturate(1.05) !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.14) !important;
  }
}