/* Public Brand Runtime
   Applies published theme/logo on the live site without loading Theme Lab CSS publicly.
   COLOR ONLY. No layout, no carousel mechanics, no menu structure, no content changes. */

html[data-theme="arctic-navy"] {
  --blue-950: #0f1c35;
  --blue-900: #182f63;
  --blue-850: #1d376d;
  --blue-800: #1f4f86;
  --blue-700: #176fb2;
  --blue-600: #245fd4;

  --zlix-header: #182f63;
  --zlix-header-dark: #0f1c35;
  --zlix-primary: #176fb2;
  --zlix-accent: #245fd4;
  --zlix-cyan: #2f7fa0;

  --zlix-bg-top: #f5f9fc;
  --zlix-bg-mid: #eef5fa;
  --zlix-bg-low: #e7f0f6;
  --zlix-panel: rgba(255, 255, 255, .66);
  --zlix-panel-strong: rgba(255, 255, 255, .82);
  --zlix-border: #b9ccd7;

  --zlix-ink: #081323;
  --zlix-body: #243847;
  --zlix-muted: #435d6d;
  --zlix-on-dark: #f7fbff;
  --zlix-on-dark-soft: rgba(247, 251, 255, .88);
}

/* Public page foundation: Arctic Navy should be cool blue-gray, not sage green. */
html[data-theme="arctic-navy"],
html[data-theme="arctic-navy"] body {
  background:
    radial-gradient(circle at 16% 0%, rgba(37, 99, 216, .16) 0%, rgba(37, 99, 216, .055) 34%, transparent 58%),
    radial-gradient(circle at 82% 4%, rgba(47, 127, 160, .11) 0%, rgba(47, 127, 160, .04) 32%, transparent 56%),
    linear-gradient(135deg, var(--zlix-bg-top) 0%, var(--zlix-bg-mid) 48%, var(--zlix-bg-low) 100%) !important;
  color: var(--zlix-body) !important;
}

/* Existing sections: color only. No layout/display changes. */
html[data-theme="arctic-navy"] main,
html[data-theme="arctic-navy"] section,
html[data-theme="arctic-navy"] .hero,
html[data-theme="arctic-navy"] .page-hero,
html[data-theme="arctic-navy"] .home-hero,
html[data-theme="arctic-navy"] .hero-section,
html[data-theme="arctic-navy"] .hero-wrap {
  background:
    radial-gradient(circle at 18% 0%, rgba(37, 99, 216, .13) 0%, rgba(37, 99, 216, .045) 34%, transparent 60%),
    linear-gradient(135deg, var(--zlix-bg-top) 0%, var(--zlix-bg-mid) 52%, var(--zlix-bg-low) 100%) !important;
}

/* Cards/panels: cool neutral, not green. */
html[data-theme="arctic-navy"] .card,
html[data-theme="arctic-navy"] .feature-card,
html[data-theme="arctic-navy"] .module-card,
html[data-theme="arctic-navy"] .audience-card,
html[data-theme="arctic-navy"] .platform-card,
html[data-theme="arctic-navy"] .module-carousel,
html[data-theme="arctic-navy"] .cta-band-subtle {
  background: var(--zlix-panel) !important;
  border-color: var(--zlix-border) !important;
}

/* Text palette. */
html[data-theme="arctic-navy"] h1,
html[data-theme="arctic-navy"] h2,
html[data-theme="arctic-navy"] h3 {
  color: var(--zlix-ink) !important;
}

html[data-theme="arctic-navy"] p,
html[data-theme="arctic-navy"] li {
  color: var(--zlix-body) !important;
}

html[data-theme="arctic-navy"] .eyebrow,
html[data-theme="arctic-navy"] .kicker,
html[data-theme="arctic-navy"] .slide-kicker,
html[data-theme="arctic-navy"] .section-kicker {
  color: var(--zlix-primary) !important;
}

/* Header/nav colors only. No structure/display/position changes. */
html[data-theme="arctic-navy"] header,
html[data-theme="arctic-navy"] .site-header,
html[data-theme="arctic-navy"] .navbar,
html[data-theme="arctic-navy"] .nav-wrap {
  background:
    radial-gradient(circle at 18% 0%, rgba(63, 121, 210, .24) 0%, rgba(63, 121, 210, .09) 38%, transparent 68%),
    linear-gradient(135deg, #142b5a 0%, #182f63 48%, #0f1c35 100%) !important;
}

/* Menu hover colors only. This keeps your original dropdown behavior intact. */
html[data-theme="arctic-navy"] .nav > a,
html[data-theme="arctic-navy"] .dropdown > a {
  color: var(--zlix-on-dark) !important;
}

html[data-theme="arctic-navy"] .nav > a:hover,
html[data-theme="arctic-navy"] .dropdown > a:hover,
html[data-theme="arctic-navy"] .nav > a.active,
html[data-theme="arctic-navy"] .dropdown > a.active {
  background: rgba(255, 255, 255, .13) !important;
  color: #ffffff !important;
}

/* Dropdown menu palette only. */
html[data-theme="arctic-navy"] .dropdown-menu {
  background: #f8fbfd !important;
  border-color: var(--zlix-border) !important;
}

html[data-theme="arctic-navy"] .dropdown-menu a {
  color: var(--zlix-ink) !important;
}

html[data-theme="arctic-navy"] .dropdown-menu a strong {
  color: var(--zlix-ink) !important;
}

html[data-theme="arctic-navy"] .dropdown-menu a span {
  color: var(--zlix-muted) !important;
}

html[data-theme="arctic-navy"] .dropdown-menu a:hover {
  background: #e8f1f7 !important;
  color: var(--zlix-ink) !important;
}

html[data-theme="arctic-navy"] .dropdown-menu a:hover strong {
  color: var(--zlix-ink) !important;
}

html[data-theme="arctic-navy"] .dropdown-menu a:hover span {
  color: var(--zlix-body) !important;
}

/* Buttons: palette only. */
html[data-theme="arctic-navy"] .button-primary,
html[data-theme="arctic-navy"] .button.button-primary {
  background: linear-gradient(135deg, var(--zlix-primary) 0%, var(--zlix-accent) 100%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

html[data-theme="arctic-navy"] .button-primary:hover,
html[data-theme="arctic-navy"] .button.button-primary:hover {
  background: linear-gradient(135deg, var(--zlix-accent) 0%, var(--zlix-primary) 100%) !important;
  color: #ffffff !important;
}

html[data-theme="arctic-navy"] .button-secondary,
html[data-theme="arctic-navy"] .button.button-secondary {
  background: rgba(255, 255, 255, .66) !important;
  color: var(--zlix-ink) !important;
  border-color: rgba(37, 99, 216, .30) !important;
}

html[data-theme="arctic-navy"] .button-secondary:hover,
html[data-theme="arctic-navy"] .button.button-secondary:hover {
  background: #e8f1f7 !important;
  color: var(--zlix-ink) !important;
  border-color: rgba(23, 111, 178, .55) !important;
}

html[data-theme="arctic-navy"] .button-light,
html[data-theme="arctic-navy"] .button.button-light {
  background: #f7fbff !important;
  color: var(--zlix-ink) !important;
  border-color: rgba(247, 251, 255, .72) !important;
}

html[data-theme="arctic-navy"] .button-light:hover,
html[data-theme="arctic-navy"] .button.button-light:hover {
  background: #e8f1f7 !important;
  color: var(--zlix-ink) !important;
  border-color: rgba(247, 251, 255, .95) !important;
}

/* CTA band: fix contrast and keep both CTA buttons consistent. */
html[data-theme="arctic-navy"] .cta-band {
  background:
    radial-gradient(circle at 14% 0%, rgba(80, 145, 230, .18), transparent 42%),
    linear-gradient(135deg, #162f63 0%, #132a4d 58%, #0f1c35 100%) !important;
  color: var(--zlix-on-dark) !important;
}

html[data-theme="arctic-navy"] .cta-band h1,
html[data-theme="arctic-navy"] .cta-band h2,
html[data-theme="arctic-navy"] .cta-band h3,
html[data-theme="arctic-navy"] .cta-band .eyebrow {
  color: var(--zlix-on-dark) !important;
}

html[data-theme="arctic-navy"] .cta-band p {
  color: var(--zlix-on-dark-soft) !important;
}

html[data-theme="arctic-navy"] .cta-band .button-light,
html[data-theme="arctic-navy"] .cta-band .button-secondary {
  background: #f7fbff !important;
  color: var(--zlix-ink) !important;
  border-color: rgba(247, 251, 255, .72) !important;
}

html[data-theme="arctic-navy"] .cta-band .button-light:hover,
html[data-theme="arctic-navy"] .cta-band .button-secondary:hover {
  background: #e8f1f7 !important;
  color: var(--zlix-ink) !important;
  border-color: rgba(247, 251, 255, .95) !important;
}

/* Footer palette only. */
html[data-theme="arctic-navy"] footer,
html[data-theme="arctic-navy"] .site-footer {
  background: linear-gradient(135deg, #122747 0%, #0f1c35 100%) !important;
  color: var(--zlix-on-dark) !important;
}

html[data-theme="arctic-navy"] footer p,
html[data-theme="arctic-navy"] footer small,
html[data-theme="arctic-navy"] .footer-brand p {
  color: var(--zlix-on-dark-soft) !important;
}

html[data-theme="arctic-navy"] footer a,
html[data-theme="arctic-navy"] .footer-links a,
html[data-theme="arctic-navy"] .footer-nav a {
  color: var(--zlix-on-dark) !important;
}

html[data-theme="arctic-navy"] footer a:hover,
html[data-theme="arctic-navy"] .footer-links a:hover,
html[data-theme="arctic-navy"] .footer-nav a:hover {
  color: #cfe8ff !important;
}

/* Logo runtime: show only the selected logo group from the v5 SVG. */
.zlix-logo-svg .zlix-logo-option {
  display: none;
}

html[data-logo="legacy"] .zlix-logo-svg .logo-legacy,
html:not([data-logo]) .zlix-logo-svg .logo-legacy,
html[data-logo="refined-tech"] .zlix-logo-svg .logo-refined-tech,
html[data-logo="refined-balanced"] .zlix-logo-svg .logo-refined-balanced,
html[data-logo="refined-strong"] .zlix-logo-svg .logo-refined-strong,
html[data-logo="refined-compact"] .zlix-logo-svg .logo-refined-compact,
html[data-logo="refined-theme"] .zlix-logo-svg .logo-refined-theme,
html[data-logo="refined-theme-accent"] .zlix-logo-svg .logo-refined-theme-accent,
html[data-logo="ring"] .zlix-logo-svg .logo-ring,
html[data-logo="small-mark"] .zlix-logo-svg .logo-small-mark,
html[data-logo="wordmark-underline"] .zlix-logo-svg .logo-wordmark-underline,
html[data-logo="executive-x"] .zlix-logo-svg .logo-executive-x,
html[data-logo="uppercase"] .zlix-logo-svg .logo-uppercase,
html[data-logo="zx"] .zlix-logo-svg .logo-zx,
html[data-logo="control-frame"] .zlix-logo-svg .logo-control-frame,
html[data-logo="minimal"] .zlix-logo-svg .logo-minimal,
html[data-logo="full-name"] .zlix-logo-svg .logo-full-name {
  display: block;
}

.brand-logo {
  width: 290px;
  max-width: 290px;
  display: block;
  overflow: visible;
}

.brand-logo .zlix-logo-svg {
  width: 290px;
  max-width: none;
  height: auto;
  display: block;
  overflow: visible;
}

@media (max-width: 900px) {
  .brand-logo,
  .brand-logo .zlix-logo-svg {
    width: 240px;
    max-width: 240px;
  }
}

@media (max-width: 720px) {
  .brand-logo,
  .brand-logo .zlix-logo-svg {
    width: 200px;
    max-width: 200px;
  }

  html[data-mobile-logo="refined-strong"] .zlix-logo-svg .zlix-logo-option {
    display: none;
  }

  html[data-mobile-logo="refined-strong"] .zlix-logo-svg .logo-refined-strong {
    display: block;
  }
}

/* Arctic Navy carousel and sage cleanup v2.
   Color-only: no layout, nav, carousel behavior, AJAX, or Theme Lab changes. */
html[data-theme="arctic-navy"] body {
  background:
    radial-gradient(circle at 12% 0%, rgba(205, 222, 235, .62), transparent 34rem),
    linear-gradient(180deg, #f5f9fc 0%, #eef5fa 48%, #e7f0f6 100%) !important;
}

html[data-theme="arctic-navy"] .module-carousel,
html[data-theme="arctic-navy"] .hero-carousel {
  background: #f7fbff !important;
  border-color: rgba(39, 82, 119, .18) !important;
}

html[data-theme="arctic-navy"] .carousel-slide {
  background: linear-gradient(180deg, #f7fbff 0%, #eef5fa 100%) !important;
  color: #1f3444 !important;
}

html[data-theme="arctic-navy"] .carousel-actions {
  background: #edf5fa !important;
  border-top-color: rgba(39, 82, 119, .14) !important;
}

html[data-theme="arctic-navy"] .carousel-slide h3,
html[data-theme="arctic-navy"] .carousel-slide .module-name,
html[data-theme="arctic-navy"] .carousel-slide p {
  color: #1f3444 !important;
}

html[data-theme="arctic-navy"] .carousel-slide em,
html[data-theme="arctic-navy"] .slide-kicker {
  color: #0d6f9f !important;
}

html[data-theme="arctic-navy"] .carousel-audience span,
html[data-theme="arctic-navy"] .hero-proof span,
html[data-theme="arctic-navy"] .hero-tags span {
  background: #eef5fa !important;
  border-color: rgba(31, 96, 135, .22) !important;
  color: #17364d !important;
}

html[data-theme="arctic-navy"] .carousel-button {
  background: #f8fbff !important;
  border-color: rgba(31, 96, 135, .24) !important;
  color: #123a5a !important;
}

html[data-theme="arctic-navy"] .carousel-button:hover {
  background: #e7f0f6 !important;
  border-color: rgba(31, 96, 135, .34) !important;
  color: #0f2f49 !important;
}

html[data-theme="arctic-navy"] .carousel-dot {
  background: rgba(31, 96, 135, .28) !important;
}

html[data-theme="arctic-navy"] .carousel-dot.active {
  background: #0d6f9f !important;
}

html[data-theme="arctic-navy"] .soft-band,
html[data-theme="arctic-navy"] .status-card,
html[data-theme="arctic-navy"] .contact-secondary,
html[data-theme="arctic-navy"] .module-aside,
html[data-theme="arctic-navy"] .page-hero {
  background: linear-gradient(180deg, #f7fbff 0%, #eef5fa 100%) !important;
  border-color: rgba(39, 82, 119, .16) !important;
}

html[data-theme="arctic-navy"] .capability-band {
  background: #edf5fa !important;
  border-color: rgba(39, 82, 119, .14) !important;
}

html[data-theme="arctic-navy"] .icon-box {
  background: #e7f0f6 !important;
  color: #123a5a !important;
}

/* Arctic Navy subtle CTA cleanup.
   Visual-only: cta-band-subtle should read as a light blue-gray panel, not a dark CTA. */
html[data-theme="arctic-navy"] .cta-band.cta-band-subtle {
  background: linear-gradient(180deg, #f7fbff 0%, #eef5fa 100%) !important;
  border: 1px solid rgba(39, 82, 119, .16) !important;
  color: #1f3444 !important;
  box-shadow: 0 12px 30px rgba(15, 45, 73, .08) !important;
}

html[data-theme="arctic-navy"] .cta-band.cta-band-subtle h1,
html[data-theme="arctic-navy"] .cta-band.cta-band-subtle h2,
html[data-theme="arctic-navy"] .cta-band.cta-band-subtle h3 {
  color: #102f49 !important;
}

html[data-theme="arctic-navy"] .cta-band.cta-band-subtle .eyebrow {
  color: #0d6f9f !important;
}

html[data-theme="arctic-navy"] .cta-band.cta-band-subtle p {
  color: #28485d !important;
}

html[data-theme="arctic-navy"] .cta-band.cta-band-subtle .button-light,
html[data-theme="arctic-navy"] .cta-band.cta-band-subtle .button.button-light {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 12px 22px !important;
  border-radius: 999px !important;
  background: #123a5a !important;
  border-color: #123a5a !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(15, 45, 73, .14) !important;
  line-height: 1.2 !important;
}

html[data-theme="arctic-navy"] .cta-band.cta-band-subtle .button-light:hover,
html[data-theme="arctic-navy"] .cta-band.cta-band-subtle .button.button-light:hover {
  background: #0f314d !important;
  border-color: #0f314d !important;
  color: #ffffff !important;
}

/* Arctic Navy subtle CTA button hover contrast.
   Visual-only: makes hover/focus clearly visible without changing markup or behavior. */
html[data-theme="arctic-navy"] .cta-band.cta-band-subtle .button-light:hover,
html[data-theme="arctic-navy"] .cta-band.cta-band-subtle .button.button-light:hover,
html[data-theme="arctic-navy"] .cta-band.cta-band-subtle .button-light:focus-visible,
html[data-theme="arctic-navy"] .cta-band.cta-band-subtle .button.button-light:focus-visible {
  background: #0d6f9f !important;
  border-color: #0d6f9f !important;
  color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(13, 111, 159, .30) !important;
  transform: translateY(-1px) !important;
  outline: 3px solid rgba(13, 111, 159, .22) !important;
  outline-offset: 3px !important;
}

/* Arctic Navy home hero carousel placement.
   Desktop-only: keep carousel visible to the right only on wide screens.
   Smaller screens keep the existing stacked responsive layout. */
@media (min-width: 1180px) {
  html[data-theme="arctic-navy"] body.page-home .hero {
    display: grid !important;
    grid-template-columns: minmax(0, .92fr) minmax(430px, .72fr) !important;
    gap: 48px !important;
    align-items: center !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-copy {
    padding-top: 0 !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-module-wrap {
    align-self: center !important;
    padding-top: 0 !important;
    min-width: 0 !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-carousel {
    max-width: 540px !important;
    margin-left: auto !important;
    width: 100% !important;
  }
}

/* Arctic Navy home hero carousel placement for desktop/wide laptop.
   Keeps carousel on the right at normal desktop browser widths.
   Smaller screens under 1000px keep the stacked responsive layout. */
@media (min-width: 1000px) and (max-width: 1179px) {
  html[data-theme="arctic-navy"] body.page-home .hero {
    display: grid !important;
    grid-template-columns: minmax(0, .9fr) minmax(350px, .58fr) !important;
    gap: 28px !important;
    align-items: center !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-copy {
    padding-top: 0 !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero h1 {
    font-size: clamp(2.55rem, 4.55vw, 3.55rem) !important;
    line-height: 1.04 !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-lede {
    font-size: 1.02rem !important;
    line-height: 1.64 !important;
    max-width: 620px !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-module-wrap {
    align-self: center !important;
    padding-top: 0 !important;
    min-width: 0 !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-carousel {
    max-width: 390px !important;
    width: 100% !important;
    margin-left: auto !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-carousel .carousel-slide {
    min-height: 292px !important;
    padding: 24px !important;
  }

  html[data-theme="arctic-navy"] body.page-home .carousel-slide h3 {
    font-size: 1.72rem !important;
  }

  html[data-theme="arctic-navy"] body.page-home .carousel-slide p {
    font-size: .98rem !important;
    line-height: 1.58 !important;
  }
}

/* Arctic Navy home carousel fit and header-link cleanup.
   Visual/layout-only for the home hero carousel; keeps mobile/tablet stacking intact. */
html[data-theme="arctic-navy"] .carousel-header a {
  color: #f7fbff !important;
}

html[data-theme="arctic-navy"] .carousel-header a:hover {
  color: #d9edf8 !important;
  text-decoration: underline !important;
}

@media (min-width: 1000px) and (max-width: 1179px) {
  html[data-theme="arctic-navy"] body.page-home .hero {
    grid-template-columns: minmax(0, .94fr) minmax(320px, .50fr) !important;
    gap: 24px !important;
    align-items: center !important;
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero h1 {
    font-size: clamp(2.35rem, 4.2vw, 3.25rem) !important;
    line-height: 1.03 !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-lede {
    font-size: .98rem !important;
    line-height: 1.58 !important;
    max-width: 590px !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero .button-row {
    margin-top: 20px !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-proof {
    margin-top: 12px !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-carousel {
    max-width: 365px !important;
    width: 100% !important;
    margin-left: auto !important;
  }

  html[data-theme="arctic-navy"] body.page-home .carousel-header {
    padding: 13px 16px !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-carousel .carousel-slide {
    min-height: 0 !important;
    padding: 20px 22px !important;
  }

  html[data-theme="arctic-navy"] body.page-home .slide-kicker {
    font-size: .68rem !important;
    margin-bottom: 6px !important;
  }

  html[data-theme="arctic-navy"] body.page-home .carousel-slide h3 {
    font-size: 1.55rem !important;
    line-height: 1.08 !important;
  }

  html[data-theme="arctic-navy"] body.page-home .carousel-slide p {
    font-size: .92rem !important;
    line-height: 1.48 !important;
    margin-top: 10px !important;
  }

  html[data-theme="arctic-navy"] body.page-home .carousel-audience {
    gap: 6px !important;
    margin-top: 12px !important;
  }

  html[data-theme="arctic-navy"] body.page-home .carousel-audience span {
    padding: 5px 8px !important;
    font-size: .74rem !important;
  }

  html[data-theme="arctic-navy"] body.page-home .carousel-slide .button-row {
    margin-top: 14px !important;
  }

  html[data-theme="arctic-navy"] body.page-home .carousel-slide .button {
    padding: 10px 16px !important;
    font-size: .9rem !important;
  }

  html[data-theme="arctic-navy"] body.page-home .carousel-actions {
    padding: 10px 14px !important;
  }
}

/* Arctic Navy home carousel width correction.
   Fixes prior wide-laptop rule that made the carousel too skinny/tall. */
@media (min-width: 1000px) and (max-width: 1179px) {
  html[data-theme="arctic-navy"] body.page-home .hero {
    grid-template-columns: minmax(0, .78fr) minmax(430px, .62fr) !important;
    gap: 32px !important;
    align-items: center !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero h1 {
    font-size: clamp(2.3rem, 3.85vw, 3.05rem) !important;
    line-height: 1.04 !important;
    max-width: 680px !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-lede {
    max-width: 620px !important;
    font-size: .98rem !important;
    line-height: 1.56 !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-carousel {
    max-width: 460px !important;
    width: 100% !important;
    margin-left: auto !important;
  }

  html[data-theme="arctic-navy"] body.page-home .carousel-header {
    padding: 13px 16px !important;
  }

  html[data-theme="arctic-navy"] body.page-home .carousel-header span,
  html[data-theme="arctic-navy"] body.page-home .carousel-header a {
    font-size: .95rem !important;
    line-height: 1.25 !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-carousel .carousel-slide {
    padding: 22px 24px !important;
  }

  html[data-theme="arctic-navy"] body.page-home .carousel-slide h3 {
    font-size: 1.65rem !important;
    line-height: 1.08 !important;
  }

  html[data-theme="arctic-navy"] body.page-home .carousel-slide p {
    font-size: .95rem !important;
    line-height: 1.5 !important;
  }

  html[data-theme="arctic-navy"] body.page-home .carousel-actions {
    padding: 10px 14px !important;
  }
}

/* Arctic Navy home carousel alignment correction.
   Corrects wide-laptop placement so the carousel sits right and aligns higher. */
@media (min-width: 1000px) and (max-width: 1179px) {
  html[data-theme="arctic-navy"] body.page-home .hero {
    grid-template-columns: minmax(0, .82fr) minmax(420px, .58fr) !important;
    gap: 40px !important;
    align-items: start !important;
    padding-top: 38px !important;
    padding-bottom: 36px !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-copy {
    align-self: start !important;
    padding-top: 0 !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-module-wrap {
    justify-self: end !important;
    align-self: start !important;
    width: 100% !important;
    max-width: 450px !important;
    padding-top: 8px !important;
    margin-left: auto !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-carousel {
    max-width: 450px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: 0 !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero h1 {
    font-size: clamp(2.32rem, 3.75vw, 3rem) !important;
    line-height: 1.04 !important;
    max-width: 650px !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-lede {
    max-width: 610px !important;
    font-size: .98rem !important;
    line-height: 1.56 !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-proof {
    max-width: 620px !important;
  }
}

/* Arctic Navy home carousel right-edge nudge.
   Wide-laptop only: gives the copy more room and pushes carousel closer to the shell edge. */
@media (min-width: 1000px) and (max-width: 1179px) {
  html[data-theme="arctic-navy"] body.page-home .hero {
    grid-template-columns: minmax(0, 1fr) minmax(405px, 405px) !important;
    gap: 34px !important;
    align-items: start !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-module-wrap {
    justify-self: end !important;
    max-width: 405px !important;
    width: 405px !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    padding-top: 6px !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-carousel {
    max-width: 405px !important;
    width: 405px !important;
    margin-left: auto !important;
    margin-right: 0 !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero h1 {
    max-width: 690px !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-lede {
    max-width: 660px !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-proof {
    max-width: 680px !important;
  }
}

/* Arctic Navy home carousel vertical nudge.
   Wide-laptop only: move carousel slightly up while preserving current left/right alignment. */
@media (min-width: 1000px) and (max-width: 1179px) {
  html[data-theme="arctic-navy"] body.page-home .hero {
    padding-top: 30px !important;
    padding-bottom: 46px !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-module-wrap {
    padding-top: 0 !important;
    transform: translateY(-12px) !important;
  }

  html[data-theme="arctic-navy"] body.page-home .hero-copy {
    padding-top: 0 !important;
  }
}

/* Arctic Navy footer nav wrap cleanup.
   Footer-only: keeps Privacy and Terms aligned when desktop width allows. */
html[data-theme="arctic-navy"] .footer-shell-simple {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) minmax(430px, auto) !important;
  gap: 32px !important;
  align-items: start !important;
}

html[data-theme="arctic-navy"] .footer-nav {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px 22px !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

html[data-theme="arctic-navy"] .footer-nav a {
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  html[data-theme="arctic-navy"] .footer-shell-simple {
    display: block !important;
  }

  html[data-theme="arctic-navy"] .footer-nav {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }
}


/* Hero and footer tagline placement.
   Keeps the top header clean while giving the company tagline room to breathe. */
html[data-theme="arctic-navy"] .zlix-hero-tagline {
  margin: 14px 0 0 !important;
  max-width: 760px !important;
  color: color-mix(in srgb, var(--zlix-text, #ffffff) 82%, transparent) !important;
  font-size: clamp(19px, 2.2vw, 28px) !important;
  font-weight: 650 !important;
  line-height: 1.18 !important;
  letter-spacing: -.018em !important;
}

html[data-theme="arctic-navy"] .zlix-footer-tagline {
  margin: 10px 0 0 !important;
  max-width: 360px !important;
  color: color-mix(in srgb, var(--zlix-text, #ffffff) 68%, transparent) !important;
  font-size: 13px !important;
  font-weight: 520 !important;
  line-height: 1.35 !important;
  letter-spacing: .005em !important;
}

@media (max-width: 720px) {
  html[data-theme="arctic-navy"] .zlix-hero-tagline {
    margin-top: 12px !important;
    font-size: clamp(17px, 5vw, 22px) !important;
    line-height: 1.22 !important;
  }

  html[data-theme="arctic-navy"] .zlix-footer-tagline {
    max-width: none !important;
    font-size: 13px !important;
  }
}


/* Hero tagline cleanup override.
   The homepage hero is cleaner without an extra tagline line under the H1. */
html[data-theme="arctic-navy"] .zlix-hero-tagline {
  display: none !important;
}


/* Footer tagline visual refinement.
   Makes the tagline read as a small brand statement instead of regular footer body copy. */
html[data-theme="arctic-navy"] .zlix-footer-tagline {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 12px 0 12px !important;
  padding: 6px 11px !important;
  border: 1px solid rgba(176, 230, 224, .22) !important;
  border-radius: 999px !important;
  background: rgba(176, 230, 224, .055) !important;
  color: rgba(231, 255, 246, .86) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .015em !important;
}

html[data-theme="arctic-navy"] .zlix-footer-tagline + p {
  margin-top: 2px !important;
}

@media (max-width: 720px) {
  html[data-theme="arctic-navy"] .zlix-footer-tagline {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-size: 12.5px !important;
    padding: 6px 10px !important;
  }
}


/* Footer tagline cleanup override.
   Footer is cleaner with logo plus descriptive company copy only. */
html[data-theme="arctic-navy"] .zlix-footer-tagline {
  display: none !important;
}


/* Homepage UI polish v1.
   Subtle professional polish for the public homepage without adding clutter. */

/* Keep the page premium but not busy. */
html[data-theme="arctic-navy"] body {
  text-rendering: optimizeLegibility;
}

/* Home hero background: add restrained depth, not a full social-banner graphic. */
html[data-theme="arctic-navy"] .hero,
html[data-theme="arctic-navy"] .home-hero,
html[data-theme="arctic-navy"] .hero-section,
html[data-theme="arctic-navy"] main > section:first-of-type {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

/* Subtle right-side technology glow; intentionally faint for readability. */
html[data-theme="arctic-navy"] .hero::before,
html[data-theme="arctic-navy"] .home-hero::before,
html[data-theme="arctic-navy"] .hero-section::before,
html[data-theme="arctic-navy"] main > section:first-of-type::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(circle at 78% 24%, rgba(18, 120, 160, .105), transparent 34%),
    radial-gradient(circle at 18% 24%, rgba(255,255,255,.055), transparent 30%),
    linear-gradient(90deg, rgba(7, 25, 42, .055), transparent 34%, rgba(18, 120, 160, .045));
}

/* Faint circuit/map-inspired lines, kept away from body text strength. */
html[data-theme="arctic-navy"] .hero::after,
html[data-theme="arctic-navy"] .home-hero::after,
html[data-theme="arctic-navy"] .hero-section::after,
html[data-theme="arctic-navy"] main > section:first-of-type::after {
  content: "";
  position: absolute;
  right: -10%;
  top: 8%;
  width: min(720px, 48vw);
  height: min(520px, 62%);
  z-index: -1;
  pointer-events: none;
  opacity: .18;
  background:
    linear-gradient(90deg, transparent 0 22%, rgba(0,110,150,.32) 22% 22.35%, transparent 22.35% 100%),
    linear-gradient(90deg, transparent 0 46%, rgba(0,110,150,.24) 46% 46.3%, transparent 46.3% 100%),
    linear-gradient(90deg, transparent 0 72%, rgba(0,110,150,.20) 72% 72.25%, transparent 72.25% 100%),
    radial-gradient(circle at 22% 22%, rgba(0,160,190,.62) 0 3px, transparent 4px),
    radial-gradient(circle at 46% 40%, rgba(0,160,190,.42) 0 3px, transparent 4px),
    radial-gradient(circle at 72% 63%, rgba(0,160,190,.34) 0 3px, transparent 4px);
  mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
}

/* Improve hero text rhythm without changing copy. */
html[data-theme="arctic-navy"] main > section:first-of-type h1 {
  letter-spacing: -.055em;
  line-height: .98;
  text-wrap: balance;
}

html[data-theme="arctic-navy"] main > section:first-of-type h1 + p,
html[data-theme="arctic-navy"] main > section:first-of-type .hero-copy,
html[data-theme="arctic-navy"] main > section:first-of-type .hero-description {
  max-width: 760px;
  line-height: 1.62;
}

/* Make CTA row feel a little more deliberate. */
html[data-theme="arctic-navy"] main > section:first-of-type a,
html[data-theme="arctic-navy"] main > section:first-of-type button {
  text-underline-offset: 3px;
}

/* Slightly refine chip/pill rhythm in hero and module cards. */
html[data-theme="arctic-navy"] main > section:first-of-type [class*="pill"],
html[data-theme="arctic-navy"] main > section:first-of-type [class*="chip"],
html[data-theme="arctic-navy"] main > section:first-of-type [class*="badge"],
html[data-theme="arctic-navy"] [class*="module"] [class*="pill"],
html[data-theme="arctic-navy"] [class*="module"] [class*="chip"],
html[data-theme="arctic-navy"] [class*="module"] [class*="badge"] {
  backdrop-filter: blur(8px);
}

/* Module spotlight: give the card a little more premium depth without making it dark. */
html[data-theme="arctic-navy"] [class*="module"][class*="card"],
html[data-theme="arctic-navy"] [class*="spotlight"],
html[data-theme="arctic-navy"] .module-card,
html[data-theme="arctic-navy"] .module-spotlight {
  box-shadow:
    0 22px 52px rgba(9, 30, 46, .10),
    0 1px 0 rgba(255,255,255,.22) inset;
}

/* Footer: keep descriptive copy, suppress previous tagline experiments. */
html[data-theme="arctic-navy"] .zlix-hero-tagline,
html[data-theme="arctic-navy"] .zlix-footer-tagline {
  display: none !important;
}

/* Footer sentence should remain readable and not oversized. */
html[data-theme="arctic-navy"] footer p {
  text-wrap: pretty;
}

/* Mobile: remove decorative background complexity and improve reading rhythm. */
@media (max-width: 900px) {
  html[data-theme="arctic-navy"] .hero::after,
  html[data-theme="arctic-navy"] .home-hero::after,
  html[data-theme="arctic-navy"] .hero-section::after,
  html[data-theme="arctic-navy"] main > section:first-of-type::after {
    display: none;
  }

  html[data-theme="arctic-navy"] main > section:first-of-type h1 {
    letter-spacing: -.045em;
    line-height: 1.02;
  }

  html[data-theme="arctic-navy"] main > section:first-of-type h1 + p,
  html[data-theme="arctic-navy"] main > section:first-of-type .hero-copy,
  html[data-theme="arctic-navy"] main > section:first-of-type .hero-description {
    line-height: 1.55;
  }
}

@media (max-width: 640px) {
  html[data-theme="arctic-navy"] main > section:first-of-type {
    text-align: left;
  }

  html[data-theme="arctic-navy"] main > section:first-of-type h1 {
    font-size: clamp(42px, 12.5vw, 62px);
  }
}


/* Homepage UI polish cleanup v1.
   Removes the extra decorative hero overlays that made the homepage feel crowded. */
html[data-theme="arctic-navy"] .hero::before,
html[data-theme="arctic-navy"] .home-hero::before,
html[data-theme="arctic-navy"] .hero-section::before,
html[data-theme="arctic-navy"] main > section:first-of-type::before,
html[data-theme="arctic-navy"] .hero::after,
html[data-theme="arctic-navy"] .home-hero::after,
html[data-theme="arctic-navy"] .hero-section::after,
html[data-theme="arctic-navy"] main > section:first-of-type::after {
  display: none !important;
  content: none !important;
  background: none !important;
  opacity: 0 !important;
}

/* Preserve the clean readable hero rhythm without adding background noise. */
html[data-theme="arctic-navy"] main > section:first-of-type h1 {
  text-wrap: balance;
}

html[data-theme="arctic-navy"] .zlix-hero-tagline,
html[data-theme="arctic-navy"] .zlix-footer-tagline {
  display: none !important;
}


/* Hero mobile size cleanup v1.
   Restores cleaner hero proportions after the homepage polish made mobile headline too large. */

/* Desktop/tablet: keep the headline strong, but avoid extra enlargement side effects. */
html[data-theme="arctic-navy"] main > section:first-of-type h1 {
  text-wrap: balance;
}

/* Mobile: reduce headline scale and tighten vertical rhythm. */
@media (max-width: 720px) {
  html[data-theme="arctic-navy"] main > section:first-of-type h1 {
    font-size: clamp(36px, 10.4vw, 52px) !important;
    line-height: 1.03 !important;
    letter-spacing: -.042em !important;
    margin-bottom: 16px !important;
  }

  html[data-theme="arctic-navy"] main > section:first-of-type h1 + p,
  html[data-theme="arctic-navy"] main > section:first-of-type .hero-copy,
  html[data-theme="arctic-navy"] main > section:first-of-type .hero-description {
    font-size: clamp(16px, 4vw, 18px) !important;
    line-height: 1.48 !important;
    margin-top: 0 !important;
  }
}

/* Small phones: keep the hero from pushing too far down. */
@media (max-width: 460px) {
  html[data-theme="arctic-navy"] main > section:first-of-type h1 {
    font-size: clamp(34px, 10vw, 46px) !important;
    line-height: 1.04 !important;
    margin-bottom: 14px !important;
  }

  html[data-theme="arctic-navy"] main > section:first-of-type {
    padding-top: clamp(38px, 8vw, 56px) !important;
    padding-bottom: clamp(42px, 9vw, 64px) !important;
  }
}

/* Ensure the decorative overlays remain disabled. */
html[data-theme="arctic-navy"] .hero::before,
html[data-theme="arctic-navy"] .home-hero::before,
html[data-theme="arctic-navy"] .hero-section::before,
html[data-theme="arctic-navy"] main > section:first-of-type::before,
html[data-theme="arctic-navy"] .hero::after,
html[data-theme="arctic-navy"] .home-hero::after,
html[data-theme="arctic-navy"] .hero-section::after,
html[data-theme="arctic-navy"] main > section:first-of-type::after {
  display: none !important;
  content: none !important;
  background: none !important;
  opacity: 0 !important;
}


/* Mobile hero refinement v2.
   Keeps the mobile hero strong while reducing vertical heaviness. */
@media (max-width: 720px) {
  html[data-theme="arctic-navy"] main > section:first-of-type {
    padding-top: clamp(34px, 7vw, 48px) !important;
  }

  html[data-theme="arctic-navy"] main > section:first-of-type h1 {
    font-size: clamp(32px, 9.2vw, 46px) !important;
    line-height: 1.05 !important;
    letter-spacing: -.04em !important;
    margin-bottom: 16px !important;
  }

  html[data-theme="arctic-navy"] main > section:first-of-type h1 + p,
  html[data-theme="arctic-navy"] main > section:first-of-type .hero-copy,
  html[data-theme="arctic-navy"] main > section:first-of-type .hero-description {
    font-size: clamp(15.5px, 3.75vw, 17px) !important;
    line-height: 1.5 !important;
    margin-bottom: 22px !important;
  }

  html[data-theme="arctic-navy"] main > section:first-of-type a,
  html[data-theme="arctic-navy"] main > section:first-of-type button {
    min-height: 48px !important;
  }
}

@media (max-width: 460px) {
  html[data-theme="arctic-navy"] main > section:first-of-type h1 {
    font-size: clamp(31px, 9vw, 42px) !important;
    line-height: 1.055 !important;
  }
}