/* Production-only performance and narrowly scoped responsive refinements. */
.aura-background-component,
.aura-background-component + * {
  contain: paint;
}

.osaura-intelligence-zone {
  contain: paint;
  isolation: isolate;
}

.osaura-status-pulse {
  position: relative;
  isolation: isolate;
}

.osaura-status-pulse::before {
  content: "";
  position: absolute;
  inset: -5px;
  z-index: -1;
  border-radius: 999px;
  background: rgba(52, 211, 153, 0.3);
  animation: osauraStatusPulse 2.4s ease-out infinite;
}

@keyframes osauraStatusPulse {
  0%, 34% { opacity: 0.62; transform: scale(0.7); }
  72%, 100% { opacity: 0; transform: scale(1.65); }
}

.osaura-mobile-menu {
  visibility: hidden;
  opacity: 0;
  transform: translateY(-6px) scale(0.985);
  pointer-events: none;
  transition: opacity 160ms ease, transform 160ms ease, visibility 160ms;
}

.osaura-mobile-menu.is-open {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.osaura-menu-icon span {
  display: block;
  width: 16px;
  height: 1.5px;
  border-radius: 999px;
  background: currentColor;
  transition: transform 160ms ease, opacity 160ms ease;
}

.osaura-menu-icon[aria-expanded="true"] span:first-child { transform: translateY(3.25px) rotate(45deg); }
.osaura-menu-icon[aria-expanded="true"] span:last-child { transform: translateY(-3.25px) rotate(-45deg); }

/* The shimmer is identical while visible, but off-screen buttons do no paint work. */
a[href^="osaura-checkout.html"]::after { animation-play-state: paused !important; }
a[href^="osaura-checkout.html"].osaura-shimmer-active::after { animation-play-state: running !important; }

body.osaura-page-hidden *,
body.osaura-page-hidden *::before,
body.osaura-page-hidden *::after {
  animation-play-state: paused !important;
}

@media (max-width: 639px) {
  .osaura-site-header nav { padding-inline: 1rem; }
  .osaura-site-header .osaura-nav-shell { padding: 0.7rem 0.8rem; }

  .osaura-editorial-hero h1 {
    font-size: 2.18rem !important;
    line-height: 1.045 !important;
    letter-spacing: -0.043em !important;
    text-wrap: balance;
  }

  .osaura-editorial-lede {
    font-size: 0.9375rem !important;
    line-height: 1.52 !important;
    text-wrap: pretty;
  }

  .osaura-editorial-support {
    font-size: 0.8125rem !important;
    line-height: 1.48 !important;
    text-wrap: pretty;
  }

  /* Keep the same glow composition without three continuously filtered viewport layers. */
  .aura-bg-blob-one,
  .aura-bg-blob-two,
  .aura-bg-blob-three {
    filter: none !important;
    animation: none !important;
  }

  .aura-bg-blob-one {
    background: radial-gradient(circle, rgba(191, 219, 254, 0.58), rgba(191, 219, 254, 0) 68%) !important;
  }

  .aura-bg-blob-two {
    background: radial-gradient(circle, rgba(186, 230, 253, 0.42), rgba(186, 230, 253, 0) 70%) !important;
  }

  .aura-bg-blob-three {
    background: radial-gradient(circle, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0) 70%) !important;
  }

  .aura-bg-dots { animation: none !important; }

  /* Opaque mobile glass avoids iOS Safari repeatedly re-compositing the page below the fixed nav. */
  .osaura-nav-shell {
    background: rgba(255, 255, 255, 0.96) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .osaura-site-header.is-over-intelligence .osaura-nav-shell {
    background: rgba(15, 23, 42, 0.97) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .osaura-mobile-wide-actions > a { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .osaura-status-pulse::before { animation: none; opacity: 0.3; }
}