/* Final surface layer: no geometry changes, image filters or nested blur.
   Opaque defaults remain readable when backdrop filtering is unavailable. */
:root{
  --glass-header-fill:linear-gradient(135deg,#fcfdff,#f5f9fe);
  --glass-card-fill:linear-gradient(135deg,#fff,#f7faff);
  --glass-tinted-fill:linear-gradient(135deg,#f5f9ff,#eaf2fd);
  --glass-visual-fill:linear-gradient(145deg,#f8fbff,#eaf2fc);
  --glass-edge:#c9d9ec;
  --glass-highlight:inset 0 1px 0 rgba(255,255,255,.9);
  --glass-shadow:0 5px 18px rgba(28,62,108,.045);
}

/* The persistent navigation is the one surface that samples the page below. */
.site-header,.page-home .site-header{
  background:var(--glass-header-fill);
  border-bottom-color:var(--glass-edge);
  box-shadow:var(--glass-highlight),0 2px 12px rgba(28,62,108,.035);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}

/* A short list of existing light cards; their spacing and foregrounds remain
   owned by the page styles. No blur is added to these scrolling surfaces. */
.pricing-section .price-card,
.pricing-page .license-option,
.pricing-page .team-estimator,
.intelligence-showcase .intelligence-feature,
.intelligence-showcase .intelligence-card,
.capability-connection-grid article{
  background:var(--glass-card-fill);
  border-color:var(--glass-edge);
  box-shadow:var(--glass-highlight),var(--glass-shadow);
}

.pricing-section .price-card.upgrade,
.pricing-page .license-option-upgrade{
  background:var(--glass-tinted-fill);
  border-color:#afc7e8;
}

/* Keep the new capability diagrams crisp: only their outer frame gets a
   translucent finish. Paper, charts, navy panels and labels are untouched. */
.capability-hero-visual .cv-visual{
  background:var(--glass-visual-fill);
  border-color:var(--glass-edge);
  box-shadow:var(--glass-highlight),0 10px 28px rgba(28,62,108,.065);
}

/* The accordion's blue open state remains distinct without a shadow on
   every row or a filter underneath expanding text. */
.faq-list details{
  background:var(--glass-card-fill);
  border-color:var(--glass-edge);
  box-shadow:var(--glass-highlight);
}
.faq-list details[open]{background:var(--glass-tinted-fill)}

@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  :root{
    --glass-header-fill:linear-gradient(135deg,rgba(252,253,255,.95),rgba(245,249,254,.9));
    --glass-card-fill:linear-gradient(135deg,rgba(255,255,255,.96),rgba(247,250,255,.92));
    --glass-tinted-fill:linear-gradient(135deg,rgba(245,249,255,.96),rgba(234,242,253,.94));
    --glass-visual-fill:linear-gradient(145deg,rgba(248,251,255,.96),rgba(234,242,252,.92));
  }
  @media(min-width:1181px){
    .site-header,.page-home .site-header{
      -webkit-backdrop-filter:blur(12px) saturate(110%);
      backdrop-filter:blur(12px) saturate(110%);
    }
  }
}

/* The existing menu becomes a dropdown at 1180px. An opaque sheen keeps
   scrolling links legible over photos and avoids stacked mobile filters. */
@media(max-width:1180px){
  .site-header,.page-home .site-header,
  .site-header nav,.site-header nav.open{
    background:linear-gradient(135deg,#fcfdff,#f5f9fe);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  .site-header nav,.site-header nav.open{
    border-bottom-color:var(--glass-edge);
    box-shadow:var(--glass-highlight),0 6px 16px rgba(28,62,108,.055);
  }
}

@media(max-width:760px){
  :root{--glass-shadow:0 3px 12px rgba(28,62,108,.035)}
  .capability-hero-visual .cv-visual{
    box-shadow:var(--glass-highlight),0 5px 18px rgba(28,62,108,.045);
  }
}

/* Honor system readability preferences with fully opaque surfaces. */
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
  :root{
    --glass-header-fill:#f8fbff;
    --glass-card-fill:#fff;
    --glass-tinted-fill:#edf4ff;
    --glass-visual-fill:#f2f7ff;
    --glass-edge:#a8bfdc;
    --glass-highlight:inset 0 0 0 transparent;
    --glass-shadow:0 0 0 transparent;
  }
  .site-header,.page-home .site-header,
  .site-header nav,.site-header nav.open{
    background:#f8fbff;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    box-shadow:none;
  }
  .capability-hero-visual .cv-visual{box-shadow:none}
}

@media(forced-colors:active){
  .site-header,.page-home .site-header,
  .site-header nav,.site-header nav.open,
  .pricing-section .price-card,
  .pricing-section .price-card.upgrade,
  .pricing-page .license-option,
  .pricing-page .license-option-upgrade,
  .pricing-page .team-estimator,
  .intelligence-showcase .intelligence-feature,
  .intelligence-showcase .intelligence-card,
  .capability-connection-grid article,
  .capability-hero-visual .cv-visual,
  .faq-list details,.faq-list details[open]{
    background:Canvas;
    border-color:CanvasText;
    box-shadow:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}
