/*
 * Global glass treatment
 * Scope: final CTA banners and site footers only.
 */
:root {
  --ac-glass-surface: rgba(255, 255, 255, 0.09);
  --ac-glass-footer: rgba(9, 10, 13, 0.78);
  --ac-glass-border: rgba(255, 255, 255, 0.15);
  --ac-glass-shadow: 0 28px 80px rgba(0, 0, 0, 0.42),
    0 0 44px rgba(240, 93, 45, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.17);
}

html body .closing-cta,
html body .ac-service-cta,
html body .ap-cta,
html body .ac-blog-cta,
html body .ac-solution-final-cta,
html body .ap-robo-cta-panel,
html body .service-cta,
html body .cta-banner,
html body .contact-cta {
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
  background-color: var(--ac-glass-surface) !important;
  border: 1px solid var(--ac-glass-border) !important;
  border-radius: 18px !important;
  box-shadow: var(--ac-glass-shadow) !important;
  -webkit-backdrop-filter: blur(28px) saturate(125%);
  backdrop-filter: blur(28px) saturate(125%);
}

html body .closing-cta:hover,
html body .ac-service-cta:hover,
html body .ap-cta:hover,
html body .ac-blog-cta:hover,
html body .ac-solution-final-cta:hover,
html body .ap-robo-cta-panel:hover,
html body .service-cta:hover,
html body .cta-banner:hover,
html body .contact-cta:hover {
  border-color: rgba(240, 93, 45, 0.3) !important;
  box-shadow: 0 32px 86px rgba(0, 0, 0, 0.46),
    0 0 48px rgba(240, 93, 45, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

html body .ac-footer,
html body .ap-footer {
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
  background-color: var(--ac-glass-footer) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.13) !important;
  box-shadow: 0 -24px 80px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.13) !important;
  -webkit-backdrop-filter: blur(30px) saturate(125%);
  backdrop-filter: blur(30px) saturate(125%);
}

@media (max-width: 767px) {
  html body .closing-cta,
  html body .ac-service-cta,
  html body .ap-cta,
  html body .ac-blog-cta,
  html body .ac-solution-final-cta,
  html body .ap-robo-cta-panel,
  html body .service-cta,
  html body .cta-banner,
  html body .contact-cta {
    border-radius: 14px !important;
    -webkit-backdrop-filter: blur(20px) saturate(120%);
    backdrop-filter: blur(20px) saturate(120%);
  }

  html body .ac-footer,
  html body .ap-footer {
    -webkit-backdrop-filter: blur(22px) saturate(120%);
    backdrop-filter: blur(22px) saturate(120%);
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .closing-cta,
  html body .ac-service-cta,
  html body .ap-cta,
  html body .ac-blog-cta,
  html body .ac-solution-final-cta,
  html body .ap-robo-cta-panel,
  html body .service-cta,
  html body .cta-banner,
  html body .contact-cta {
    transition: none !important;
  }
}
