/* =========================================================
   Cloud Berry PDF brochure theme
   Ice sky · Steel blue · Navy wave + glass
   ========================================================= */

:root {
  --ink: #2f3d54 !important;
  --ink-soft: #3d4f68 !important;
  --slate: #5f7b93 !important;
  --mist: #b7dce8 !important;
  --paper: #cbe8f0 !important;
  --white: #ffffff !important;
  --teal: #527ba3 !important;
  --teal-deep: #2f3d54 !important;
  --teal-soft: #c5e0ea !important;
  --teal-bright: #1890cc !important;
  --accent: #1890cc !important;
  --accent-deep: #527ba3 !important;
  --accent-soft: rgba(82, 123, 163, 0.18) !important;
  --accent-yellow: #f0c14b !important;
  --copper: #1890cc !important;
  --line: rgba(47, 61, 84, 0.14) !important;
  --shadow: 0 12px 32px rgba(47, 61, 84, 0.12) !important;
  --shadow-lg: 0 24px 48px rgba(47, 61, 84, 0.16) !important;
  --surface-dark: #2f3d54 !important;
  --surface-dark-2: #243048 !important;
  --sky: #cbe8f0 !important;
  --cloud-mid: #aecddb !important;
  --steel: #648aae !important;
  --navy: #31415c !important;
  --ice: #cbe8f0 !important;
  --ice-soft: #d8eef6 !important;
}

html {
  background: #cbe8f0 !important;
  scroll-behavior: smooth;
  overflow-y: auto;
  overscroll-behavior-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

.data-scroll-pin {
  position: relative !important;
  min-height: 0 !important;
}

.data-scroll-spacers [data-ds-spacer] {
  height: auto !important;
}

html,
body,
button,
input,
select,
textarea,
h1, h2, h3, h4, h5, h6,
.btn, .nav-link, .rk-btn, .accordion-button {
  font-family: "Montserrat", sans-serif !important;
}

body.home-amzi.home-runok {
  color: #4a5d73 !important;
}

body.home-amzi.home-runok .rk-heading h2,
body.home-amzi.home-runok .rk-heading h3,
body.home-amzi.home-runok h2,
body.home-amzi.home-runok h3 {
  color: #2f3d54 !important;
}

body.home-amzi.home-runok .rk-cta-panel h2,
body.home-amzi.home-runok .rk-cta-panel h2 * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.home-amzi.home-runok .rk-heading p,
body.home-amzi.home-runok .rk-heading h4 {
  color: #527ba3 !important;
}

body.home-amzi.home-runok .rk-heading p {
  color: #4a5d73 !important;
}

body,
body.home-amzi.home-runok,
body.page-services,
body.page-why,
body.page-process,
body.page-service {
  background:
    radial-gradient(900px 480px at 100% -6%, rgba(24, 144, 204, 0.16), transparent 55%),
    radial-gradient(720px 420px at 0% 16%, rgba(174, 205, 219, 0.7), transparent 52%),
    linear-gradient(180deg, #cbe8f0 0%, #b7d8e6 48%, #c5e3ed 100%) !important;
}

/* Theme bands: ice, steel, navy, and white */
.rk-services {
  background:
    radial-gradient(680px 340px at 86% 0%, rgba(255, 255, 255, 0.45), transparent 55%),
    #b7d4e4 !important;
}

.rk-about,
.rk-faq,
.rk-brands {
  background: #ffffff !important;
}

.rk-why {
  background:
    radial-gradient(circle at 12% 18%, rgba(10, 156, 249, 0.08), transparent 32%),
    #cbe8f0 !important;
}

.rk-process,
.rk-industries {
  background: #cbe8f0 !important;
}

.section,
.sd-page,
.pr-wrap,
.faq-section {
  background: #ffffff !important;
}

.band-mist {
  background: #cbe8f0 !important;
}

/* White surfaces + light glass edge */
.brand-logo {
  background: #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 8px 20px rgba(47, 61, 84, 0.1);
}

.rk-about-img-2,
.rk-faq-img,
.pr-card img,
.sd-media img {
  border-color: #ffffff !important;
}

.rk-why-card,
.why-card,
.sv-card,
.pr-card,
.partner-card,
.contact-card,
.form-card,
.sd-card,
.sd-panel,
.rk-service-index a,
.rk-industry-grid span,
.vm-card,
.feature-card,
.process-step {
  background: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1),
    0 14px 36px rgba(47, 61, 84, 0.08) !important;
}

.rk-faq .accordion-item,
.accordion-item {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(47, 61, 84, 0.1) !important;
}

.rk-faq .accordion-button,
.accordion-button,
.rk-faq .accordion-body {
  background-color: #ffffff !important;
}

.accordion-button:not(.collapsed) {
  background-color: #f7fbfd !important;
  color: #2f3d54 !important;
}

input,
textarea,
select,
.form-control,
.form-select {
  background: #ffffff !important;
  border-color: rgba(47, 61, 84, 0.16) !important;
}

.navbar-toggler {
  background: #ffffff !important;
}

.site-nav,
.site-nav.is-ready,
.site-nav.is-scrolled {
  background: rgba(47, 61, 84, 0.42) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
  backdrop-filter: blur(22px) saturate(1.55) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.55) !important;
  box-shadow: 0 12px 40px rgba(47, 61, 84, 0.12) !important;
  transform: none !important;
  opacity: 1 !important;
  animation: none !important;
}

.site-nav.is-ready .nav-link,
.site-nav.is-ready .btn-quote,
.site-nav.is-ready .brand {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

body.home-amzi.home-runok .hero.hero-amzi.hero-runok h1.rk-title,
body.home-amzi.home-runok .hero.hero-amzi.hero-runok h1.rk-title span,
body.home-amzi.home-runok .hero.hero-amzi.hero-runok h1.rk-title em,
body.home-amzi.home-runok .hero.hero-amzi.hero-runok h1.rk-title .rk-title-sub {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.js-rk body.home-amzi.home-runok .hero-runok .rk-hero-copy > *,
html.js-rk body.home-amzi.home-runok .hero-runok .rk-hero-aside,
.hero-runok .rk-hero-copy > *,
.hero-runok .rk-hero-aside,
.hero-runok .rk-hero-panel,
.page-hero h1,
.page-hero p,
.sv-hero h1 {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  clip-path: none !important;
  pointer-events: auto !important;
  animation: none !important;
  transition: none !important;
}

body.home-amzi.home-runok .site-nav,
body.home-amzi.home-runok .site-nav.is-scrolled {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(37, 54, 82, 0.1) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

@media (max-width: 1199.98px) {
  .site-nav,
  .site-nav.is-ready,
  .site-nav.is-scrolled,
  .site-nav.is-nav-compact,
  .site-nav.is-nav-compact.is-nav-expanded,
  .navbar-collapse {
    background: rgba(47, 61, 84, 0.55) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    backdrop-filter: blur(20px) saturate(1.5) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.5) !important;
  }

  body.home-amzi.home-runok .site-nav,
  body.home-amzi.home-runok .site-nav.is-scrolled,
  body.home-amzi.home-runok .navbar-collapse,
  body.home-amzi.home-runok .navbar-toggler {
    background: #ffffff !important;
    border-color: rgba(47, 61, 84, 0.1) !important;
    backdrop-filter: blur(18px) saturate(1.3) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.3) !important;
  }

  .site-nav .nav-link,
  body.home-amzi.home-runok .nav-link {
    border-bottom-color: rgba(47, 61, 84, 0.1) !important;
  }
}

/* Dark glass on navy surfaces */
.rk-cta-panel,
.page-hero,
.sv-hero,
.cta-band,
.cta-panel {
  background-color: #2f3d54 !important;
}

.rk-cta-panel {
  isolation: isolate;
}

.rk-hero-panel {
  background: linear-gradient(165deg, rgba(47, 61, 84, 0.58), rgba(36, 48, 72, 0.4)) !important;
  border: 1px solid rgba(255, 255, 255, 0.32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 24px 60px rgba(36, 48, 72, 0.28) !important;
  backdrop-filter: blur(22px) saturate(1.45) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.45) !important;
}

.rk-service-thumb span {
  background: rgba(8, 94, 203, 0.42) !important;
  backdrop-filter: blur(14px) saturate(1.4);
  -webkit-backdrop-filter: blur(14px) saturate(1.4);
  border-top: 1px solid rgba(255, 255, 255, 0.28);
}

body.home-amzi.home-runok .hero.hero-amzi.hero-runok .rk-eyebrow {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.38) !important;
  backdrop-filter: blur(12px) saturate(1.4);
  -webkit-backdrop-filter: blur(12px) saturate(1.4);
}

.rk-btn,
.rk-btn-ghost,
.btn-light-soft {
  backdrop-filter: blur(12px) saturate(1.3);
  -webkit-backdrop-filter: blur(12px) saturate(1.3);
}

.rk-btn-ghost {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.42) !important;
}

.site-footer {
  background: linear-gradient(180deg, rgba(47, 61, 84, 0.92), #2f3d54) !important;
}

.rk-step-icon span,
.rk-spot-item.is-active {
  background-color: #2f3d54;
}

.rk-step-icon {
  background: #ffffff;
}