/*
 * Unprocessed frost blur for Liquid Glass.
 * Next/LightningCSS rewrites backdrop-filter to -webkit-only; Cursor/Electron
 * Chromium ignores -webkit-backdrop-filter. This file is linked as-is.
 */
[data-template='liquidglass'] .site-header__pill::before,
[data-template='liquidglass'] .site-header__inner::before,
[data-template='liquidglass'] .service-card::before,
[data-template='liquidglass'] .post-card::before,
[data-template='liquidglass'] .team-card::before,
[data-template='liquidglass'] .review-card::before,
[data-template='liquidglass'] .faq-item::before,
[data-template='liquidglass'] .job-card::before,
[data-template='liquidglass'] .job-mini li::before,
[data-template='liquidglass'] .reviews-score-card::before,
[data-template='liquidglass'] .demo-form::before,
[data-template='liquidglass'] .contact-split > :first-child::before,
[data-template='liquidglass'] .lead-surface::before,
[data-template='liquidglass'] .focus-card::before,
[data-template='liquidglass'] .focus-band::before,
[data-template='liquidglass'] .trust__item::before,
[data-template='liquidglass'] .role-stack a::before,
[data-template='liquidglass'] .talent-pillars__list li::before,
[data-template='liquidglass'] .proof-stage__aside::before,
[data-template='liquidglass'] .metric-ribbon__item::before,
[data-template='liquidglass'] .section__head::before,
[data-template='liquidglass'] .about-split__intro::before,
[data-template='liquidglass'] .journey__head::before,
[data-template='liquidglass'] .talent-pillars__intro::before,
[data-template='liquidglass'] .places li::before,
[data-template='liquidglass'] .chip::before,
[data-template='liquidglass'] .hero__brand::before {
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
}

[data-template='liquidglass'] .site-header__toggle,
[data-template='liquidglass'] .btn,
[data-template='liquidglass'] button.btn,
[data-template='liquidglass'] a.btn {
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
}

[data-template='liquidglass'] .site-header__nav.is-open {
  background: rgba(255, 255, 255, 0.12) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
}

[data-template='liquidglass'] .site-header__nav.is-open .site-header__nav-panel {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

[data-template='liquidglass'][data-surface='dark'] .site-header__nav.is-open {
  background: rgba(255, 255, 255, 0.08) !important;
}

/*
 * Mobile: blur the capsule itself. A ::before inside an isolated/overflow pill
 * samples empty air on small screens. Desktop pill is display:contents, so
 * these rules do not apply there — desktop frost stays on inner::before.
 */
[data-template='liquidglass'] .site-header__pill {
  background: rgba(255, 255, 255, 0.12);
  overflow: hidden;
  border: 0;
  border-radius: 999px;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.45),
    0 10px 30px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
}

[data-template='liquidglass'] .site-header__pill::before,
[data-template='liquidglass'] .site-header__pill::after {
  content: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

[data-template='liquidglass'][data-surface='dark'] .site-header__pill {
  background: rgba(255, 255, 255, 0.1);
  border: 0;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  [data-template='liquidglass'] .site-header__pill,
  [data-template='liquidglass'] .service-card,
  [data-template='liquidglass'] .post-card,
  [data-template='liquidglass'] .team-card,
  [data-template='liquidglass'] .review-card,
  [data-template='liquidglass'] .faq-item,
  [data-template='liquidglass'] .trust__item,
  [data-template='liquidglass'] .btn {
    background: rgba(255, 255, 255, 0.92);
  }

  [data-template='liquidglass'][data-surface='dark'] .site-header__pill,
  [data-template='liquidglass'][data-surface='dark'] .service-card,
  [data-template='liquidglass'][data-surface='dark'] .btn {
    background: #1c222b;
  }
}

@media (min-width: 900px) {
  [data-template='liquidglass'] .site-header__inner {
    overflow: hidden;
    border: 0;
    border-radius: 999px;
  }

  [data-template='liquidglass'] .site-header__inner::after {
    content: none;
  }

  [data-template='liquidglass'][data-surface='dark'] .site-header__inner::before {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    z-index: -1;
  }
}