/* Liquid-glass production layer for the RU/UZ SEO subpage cluster. */
html[data-opsevia-glass="original"] body.subpage main {
  padding-bottom: 0 !important;
}

html[data-opsevia-glass="original"] body.subpage .page-hero {
  position: relative;
  width: 100% !important;
  margin: 0 !important;
  padding: 132px 44px 64px !important;
  overflow: hidden;
  border: 1px solid var(--g-border) !important;
  border-top: 0 !important;
  border-radius: 0 0 34px 34px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.54), transparent 45%),
    radial-gradient(720px 440px at 88% 18%, rgba(140,178,216,.23), transparent 72%),
    rgba(255,255,255,.58) !important;
  box-shadow: var(--g-shadow) !important;
  backdrop-filter: blur(28px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(145%) !important;
}

html[data-opsevia-glass="original"] body.subpage .page-hero__halo {
  top: -250px !important;
  right: -190px !important;
  width: 680px !important;
  height: 680px !important;
  border: 1px solid rgba(77,131,188,.12) !important;
  background: radial-gradient(circle, rgba(140,178,216,.20), transparent 67%) !important;
  box-shadow: inset 0 0 0 68px rgba(255,255,255,.08) !important;
}

html[data-opsevia-glass="original"] body.subpage .page-hero__inner {
  width: min(1240px, 100%);
  max-width: 1240px;
  margin-inline: auto;
  column-gap: clamp(38px, 5vw, 78px) !important;
}

html[data-opsevia-glass="original"] body.subpage .crumbs {
  margin-bottom: 22px !important;
  color: #536c86 !important;
  font-size: 13px !important;
}

html[data-opsevia-glass="original"] body.subpage .crumbs [aria-current="page"],
html[data-opsevia-glass="original"] body.subpage .crumbs a:hover {
  color: var(--g-navy) !important;
}

html[data-opsevia-glass="original"] body.subpage .page-hero .eyebrow,
html[data-opsevia-glass="original"] body.subpage .section--sub .eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 28px;
  margin-bottom: 17px !important;
  padding: 5px 9px 5px 10px;
  color: #245a8d !important;
  border: 1px solid rgba(54,108,160,.16);
  border-radius: 9px;
  background: rgba(224,237,249,.66);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  font-size: 11px !important;
  font-weight: 880 !important;
  line-height: 1 !important;
  letter-spacing: .115em !important;
  text-shadow: none !important;
}

html[data-opsevia-glass="original"] body.subpage .page-hero h1 {
  color: var(--g-navy) !important;
  font-size: clamp(38px, 4.3vw, 62px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.032em !important;
}

html[data-opsevia-glass="original"] body.subpage .page-hero__lead {
  max-width: 760px !important;
  color: #53687f !important;
  font-size: clamp(16px, 1.45vw, 19px) !important;
  line-height: 1.62 !important;
}

html[data-opsevia-glass="original"] body.subpage .camera-frame--page {
  height: clamp(300px, 29vw, 400px) !important;
  overflow: hidden !important;
  border: 8px solid rgba(255,255,255,.78) !important;
  border-radius: 28px !important;
  transform: none !important;
  box-shadow: 0 34px 82px rgba(7,27,52,.22), inset 0 1px 0 rgba(255,255,255,.28) !important;
}

html[data-opsevia-glass="original"] body.subpage .page-hero__notification {
  right: 2px !important;
  bottom: 3px !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  border-radius: 17px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.42), transparent 48%), rgba(255,255,255,.68) !important;
  box-shadow: 0 18px 48px rgba(7,27,52,.15), inset 0 1px 0 rgba(255,255,255,.94) !important;
  backdrop-filter: blur(22px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
}

html[data-opsevia-glass="original"] body.subpage .page-hero__notification small {
  color: #4e6a86 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
}

html[data-opsevia-glass="original"] body.subpage .page-hero__notification strong {
  color: var(--g-navy) !important;
}

html[data-opsevia-glass="original"] body.subpage .section--sub {
  position: relative;
  width: min(1240px, calc(100% - 64px)) !important;
  display: grid;
  grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr);
  column-gap: clamp(38px, 4.5vw, 68px);
  align-items: start;
  margin: 24px auto 0 !important;
  padding: 50px 52px !important;
  overflow: hidden;
  border: 1px solid var(--g-border) !important;
  border-radius: 30px !important;
  background:
    linear-gradient(140deg, rgba(255,255,255,.44), transparent 46%),
    radial-gradient(620px 260px at 94% 12%, rgba(140,178,216,.11), transparent 72%),
    rgba(255,255,255,.58) !important;
  box-shadow: var(--g-card-shadow) !important;
  backdrop-filter: blur(22px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(140%) !important;
}

html[data-opsevia-glass="original"] body.subpage .section--sub .section-heading {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-right: 4px;
}

html[data-opsevia-glass="original"] body.subpage .section--sub h2 {
  max-width: 470px;
  color: var(--g-navy) !important;
  font-size: clamp(30px, 2.6vw, 42px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.026em !important;
}

html[data-opsevia-glass="original"] body.subpage .section--brand-ring::after {
  opacity: .34 !important;
  background: conic-gradient(from 40deg, transparent 0 14%, rgba(77,131,188,.14) 14% 100%) !important;
}

html[data-opsevia-glass="original"] body.subpage .prose,
html[data-opsevia-glass="original"] body.subpage .faq {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
}

html[data-opsevia-glass="original"] body.subpage .prose {
  color: #455d76 !important;
  font-size: 16px !important;
  line-height: 1.66 !important;
}

html[data-opsevia-glass="original"] body.subpage .prose > p:first-child {
  margin-top: 0;
}

html[data-opsevia-glass="original"] body.subpage .prose > p:last-child {
  margin-bottom: 0;
}

html[data-opsevia-glass="original"] body.subpage .prose a,
html[data-opsevia-glass="original"] body.subpage .faq a {
  color: var(--g-navy) !important;
  text-decoration-color: rgba(77,131,188,.42) !important;
}

html[data-opsevia-glass="original"] body.subpage .section--sub .features {
  width: 100%;
  max-width: none !important;
  gap: 11px;
}

html[data-opsevia-glass="original"] body.subpage .features > div,
html[data-opsevia-glass="original"] body.subpage .case-note--plain {
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 17px !important;
  background: rgba(255,255,255,.44) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 12px 34px rgba(7,27,52,.055) !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;
}

html[data-opsevia-glass="original"] body.subpage .section--sub .features > div {
  min-height: 72px;
  height: auto !important;
  padding: 10px 17px 10px 10px !important;
}

html[data-opsevia-glass="original"] body.subpage .section--sub .features strong {
  font-size: 15.5px;
  line-height: 1.35;
}

html[data-opsevia-glass="original"] body.subpage .case-note--plain {
  min-height: 0 !important;
  margin: 0 0 20px !important;
  padding: 19px 21px !important;
  color: #274d73 !important;
}

html[data-opsevia-glass="original"] body.subpage .visual-story {
  width: min(1240px, calc(100% - 64px)) !important;
  margin: 24px auto 0 !important;
  padding: 24px !important;
  gap: 18px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 30px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.10), transparent 36%),
    radial-gradient(760px 340px at 90% 0%, rgba(140,178,216,.20), transparent 72%),
    rgba(10,43,85,.92) !important;
  box-shadow: 0 30px 82px rgba(7,27,52,.20), inset 0 1px 0 rgba(255,255,255,.17) !important;
  backdrop-filter: blur(28px) saturate(142%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(142%) !important;
}

html[data-opsevia-glass="original"] body.subpage .visual-story__card {
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.075) !important;
  box-shadow: 0 18px 44px rgba(1,16,34,.22), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html[data-opsevia-glass="original"] body.subpage .visual-story__media {
  overflow: hidden !important;
}

html[data-opsevia-glass="original"] body.subpage .visual-story__media span {
  border-color: rgba(255,255,255,.28) !important;
  background: rgba(5,25,47,.58) !important;
  backdrop-filter: blur(13px) !important;
  -webkit-backdrop-filter: blur(13px) !important;
}

html[data-opsevia-glass="original"] body.subpage .faq {
  display: grid;
  gap: 10px;
}

html[data-opsevia-glass="original"] body.subpage .faq details {
  margin: 0 !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 17px !important;
  background: rgba(255,255,255,.44) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 10px 30px rgba(7,27,52,.045) !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;
}

html[data-opsevia-glass="original"] body.subpage .faq summary {
  color: var(--g-navy) !important;
  line-height: 1.4;
}

html[data-opsevia-glass="original"] body.subpage .faq details > p {
  color: #526a82 !important;
}

html[data-opsevia-glass="original"] body.subpage .footer--pages {
  display: block !important;
  min-height: 0 !important;
  padding: 30px 48px 34px !important;
}

html[data-opsevia-glass="original"] body.subpage .footer--pages .footer__top {
  gap: 20px !important;
}

html[data-opsevia-glass="original"] body.subpage .footer-links {
  border-top-color: var(--g-line) !important;
}

html[data-opsevia-glass="original"] body.subpage .footer-links strong {
  color: var(--g-navy) !important;
}

html[data-opsevia-glass="original"] body.subpage .footer-links a {
  color: var(--g-muted) !important;
}

html[data-opsevia-glass="original"] body.subpage .footer-links a:hover {
  color: var(--g-navy) !important;
}

@media (max-width: 920px) {
  html[data-opsevia-glass="original"] body.subpage .page-hero {
    padding: 120px 30px 48px !important;
  }
  html[data-opsevia-glass="original"] body.subpage .page-hero__visual {
    width: min(700px,100%) !important;
  }
  html[data-opsevia-glass="original"] body.subpage .section--sub {
    grid-template-columns: 1fr;
    row-gap: 26px;
    width: min(100% - 40px, 760px) !important;
    padding: 42px 34px !important;
  }
  html[data-opsevia-glass="original"] body.subpage .section--sub h2 {
    max-width: 680px;
  }
  html[data-opsevia-glass="original"] body.subpage .visual-story {
    width: min(100% - 40px, 760px) !important;
  }
}

@media (max-width: 640px) {
  html[data-opsevia-glass="original"] body.subpage .page-hero {
    padding: 112px 18px 34px !important;
    border-radius: 0 0 24px 24px !important;
  }
  html[data-opsevia-glass="original"] body.subpage .page-hero .eyebrow,
  html[data-opsevia-glass="original"] body.subpage .section--sub .eyebrow {
    min-height: 26px;
    margin-bottom: 14px !important;
    padding: 5px 8px;
    font-size: 10px !important;
    letter-spacing: .10em !important;
  }
  html[data-opsevia-glass="original"] body.subpage .page-hero__lead {
    line-height: 1.52 !important;
  }
  html[data-opsevia-glass="original"] body.subpage .camera-frame--page {
    height: 260px !important;
    border-width: 5px !important;
    border-radius: 21px !important;
  }
  html[data-opsevia-glass="original"] body.subpage .section--sub {
    width: calc(100% - 24px) !important;
    margin-top: 14px !important;
    padding: 34px 18px !important;
    row-gap: 22px;
    border-radius: 23px !important;
  }
  html[data-opsevia-glass="original"] body.subpage .section--sub h2 {
    font-size: clamp(28px, 9vw, 36px) !important;
  }
  html[data-opsevia-glass="original"] body.subpage .visual-story {
    width: calc(100% - 24px) !important;
    margin-top: 14px !important;
    padding: 13px !important;
    border-radius: 23px !important;
  }
  html[data-opsevia-glass="original"] body.subpage .footer--pages {
    padding: 24px 18px 28px !important;
  }
}