/* === assets/css/help-center.css === */
/* VxM Help Center — generated from /Users/galdolber/github/vxm/db-api/resources/ai-docs.
   Source: /Users/galdolber/github/vxm/help-center/help-center.css
   DO NOT edit the deployed copy at vxm.latam/assets/css/help-center.css —
   run /Users/galdolber/github/vxm/help-center/build.py to refresh. */

/* =========================================================================
   THEME — light + dark via [data-hc-theme]
   ========================================================================= */

:root {
  --hc-brand: #477ECF;
  --hc-brand-strong: #2E5FB0;
  --hc-accent: #20AD96;
  --hc-accent-soft: #7FD2CD;

  --hc-fg: #1A1A1A;
  --hc-fg-muted: rgba(26, 26, 26, 0.62);
  --hc-fg-soft: rgba(26, 26, 26, 0.45);
  --hc-bg: #ffffff;
  --hc-bg-soft: #F9FAFB;
  --hc-bg-elev: #ffffff;
  --hc-border: #E5E7EB;
  --hc-border-soft: #F2F5EE;

  --hc-shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --hc-shadow-md: 0 4px 16px rgba(0,0,0,0.08);
  --hc-shadow-lg: 0 16px 48px rgba(0,0,0,0.20);

  --hc-radius: 10px;
  --hc-radius-lg: 14px;
  --hc-max: 1280px;
  /* Approximate height of vxm.latam's sticky site-header — used as the
     sticky-offset for the sidebar and TOC so they don't slide under it.
     Mobile breakpoint overrides this to match the smaller mobile header. */
  --hc-topbar-h: 86px;
}
@media (max-width: 768px) {
  :root { --hc-topbar-h: 64px; }

  --hc-font: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --hc-mono: 'SF Mono', Menlo, Consolas, monospace;
}

[data-hc-theme="dark"] {
  --hc-fg: #F2F5EE;
  --hc-fg-muted: rgba(242, 245, 238, 0.66);
  --hc-fg-soft: rgba(242, 245, 238, 0.42);
  --hc-bg: #0E0E12;
  --hc-bg-soft: #15151B;
  --hc-bg-elev: #1A1A22;
  --hc-border: #2A2A33;
  --hc-border-soft: #1F1F27;
  --hc-brand: #6FA0E6;
  --hc-shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
  --hc-shadow-md: 0 4px 16px rgba(0,0,0,0.5);
  --hc-shadow-lg: 0 16px 48px rgba(0,0,0,0.65);
}

/* The vxm.latam site already provides body styling; we only override what
   we need inside .hc-app. */
.hc-app {
  font-family: var(--hc-font);
  color: var(--hc-fg);
  background: var(--hc-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  min-height: 100vh;
}

/* The vxm.latam global site-header (#header) stays as the main nav across
   help-center pages. We don't add an extra topbar — search is in the hero
   on the index page and inline on article pages. A floating theme toggle
   anchors bottom-right so dark mode is always one click away. */

.hc-app * {
  box-sizing: border-box;
}

.hc-app a {
  color: var(--hc-brand);
  text-decoration: none;
  transition: color 120ms ease;
}
.hc-app a:hover {
  color: var(--hc-brand-strong);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Skip link (a11y) */
.hc-app .hc-skip {
  position: absolute;
  left: -9999px;
  top: 0;
  background: var(--hc-brand);
  color: #fff;
  padding: 8px 12px;
  border-radius: 0 0 var(--hc-radius) 0;
  z-index: 9999;
}
.hc-app .hc-skip:focus { left: 0; }

/* =========================================================================
   FLOATING THEME TOGGLE — fixed bottom-right
   ========================================================================= */

.hc-theme-toggle {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 70;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--hc-bg-elev);
  border: 1px solid var(--hc-border);
  border-radius: 50%;
  color: var(--hc-fg);
  cursor: pointer;
  box-shadow: var(--hc-shadow-md);
  transition: all 160ms ease;
  font-size: 20px;
  line-height: 1;
}
.hc-theme-toggle:hover {
  border-color: var(--hc-brand);
  color: var(--hc-brand);
  transform: translateY(-2px);
  box-shadow: var(--hc-shadow-lg);
}
.hc-theme-icon { display: none; }
.hc-theme-sun { display: inline-block; }
[data-hc-theme="dark"] .hc-theme-sun { display: none; }
[data-hc-theme="dark"] .hc-theme-moon { display: inline-block; }

/* Shared kbd hint pill — used by hero-search and inline-search buttons */
.hc-kbd-hint {
  display: inline-flex;
  gap: 3px;
  align-items: center;
  margin-left: auto;
}
.hc-kbd-hint kbd, .hc-search-footer kbd, .hc-search-close kbd {
  font-family: inherit;
  font-size: 11px;
  padding: 2px 6px;
  border: 1px solid var(--hc-border);
  border-radius: 4px;
  background: var(--hc-bg);
  color: var(--hc-fg-muted);
  font-weight: 500;
}

/* =========================================================================
   INDEX PAGE
   ========================================================================= */

.hc-index {
  max-width: var(--hc-max);
  margin: 0 auto;
  padding: 0 24px 96px;
}

.hc-hero {
  text-align: center;
  padding: 72px 24px 48px;
}
.hc-hero h1 {
  font-size: 44px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1px;
  margin: 0 0 12px;
  color: var(--hc-fg);
}
.hc-hero p {
  font-size: 17px;
  color: var(--hc-fg-muted);
  max-width: 640px;
  margin: 0 auto 32px;
  line-height: 1.5;
}

.hc-hero-search {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 600px;
  height: 60px;
  padding: 0 24px;
  background: var(--hc-bg-elev);
  border: 1px solid var(--hc-border);
  border-radius: 14px;
  color: var(--hc-fg-muted);
  font-family: inherit;
  font-size: 16px;
  cursor: pointer;
  text-align: left;
  box-shadow: var(--hc-shadow-sm);
  transition: all 160ms ease;
}
.hc-hero-search:hover {
  border-color: var(--hc-brand);
  color: var(--hc-fg);
  box-shadow: var(--hc-shadow-md);
}
.hc-hero-search svg { width: 22px; height: 22px; opacity: 0.55; flex-shrink: 0; display: block; }
.hc-hero-search-label { flex: 1; }

.hc-inline-search {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 38px;
  padding: 0 12px;
  background: var(--hc-bg-soft);
  border: 1px solid var(--hc-border);
  border-radius: 8px;
  color: var(--hc-fg-muted);
  font-family: inherit;
  font-size: 13px;
  cursor: pointer;
  text-align: left;
  transition: all 120ms ease;
}
.hc-inline-search:hover {
  background: var(--hc-bg-elev);
  border-color: var(--hc-brand);
  color: var(--hc-fg);
}
.hc-inline-search svg { width: 14px; height: 14px; opacity: 0.55; flex-shrink: 0; display: block; }
.hc-sidebar-search { padding: 0 4px 14px; }

.hc-section {
  margin: 48px 0;
}
.hc-section-title {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: var(--hc-fg-muted);
  margin: 0 0 18px;
}

/* GET STARTED RAIL */
.hc-getstarted-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
}
.hc-getstarted-card {
  display: flex;
  flex-direction: column;
  padding: 18px 20px;
  background: var(--hc-bg-elev);
  border: 1px solid var(--hc-border);
  border-radius: var(--hc-radius);
  color: var(--hc-fg);
  transition: all 160ms ease;
  position: relative;
  overflow: hidden;
}
.hc-getstarted-card:hover {
  border-color: var(--hc-brand);
  transform: translateY(-2px);
  box-shadow: var(--hc-shadow-md);
  text-decoration: none;
}
.hc-getstarted-cat {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--hc-brand);
  font-weight: 700;
  margin-bottom: 8px;
}
.hc-getstarted-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--hc-fg);
  margin-bottom: 6px;
  line-height: 1.3;
}
.hc-getstarted-desc {
  font-size: 13px;
  color: var(--hc-fg-muted);
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.hc-getstarted-cta {
  position: absolute;
  bottom: 14px;
  right: 18px;
  font-size: 18px;
  color: var(--hc-fg-soft);
  transition: all 160ms ease;
}
.hc-getstarted-card:hover .hc-getstarted-cta {
  color: var(--hc-brand);
  transform: translateX(4px);
}

/* CATEGORY CARDS */
.hc-cat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
}
.hc-cat-card {
  background: var(--hc-bg-elev);
  border: 1px solid var(--hc-border);
  border-radius: var(--hc-radius);
  padding: 22px;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}
.hc-cat-card:hover {
  border-color: var(--hc-brand);
  box-shadow: var(--hc-shadow-md);
}
.hc-cat-card-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}
.hc-cat-card-icon {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--hc-brand) 12%, transparent);
  color: var(--hc-brand);
  border-radius: 8px;
}
.hc-cat-card-icon svg { width: 22px; height: 22px; }
.hc-cat-card h3 {
  font-size: 17px;
  font-weight: 700;
  color: var(--hc-fg);
  margin: 0;
  line-height: 1.2;
}
.hc-cat-card-count {
  font-size: 12px;
  color: var(--hc-fg-soft);
  font-weight: 500;
}
.hc-cat-card-list {
  list-style: none;
  padding: 0;
  margin: 0 0 14px;
}
.hc-cat-card-list li { margin: 0; }
.hc-cat-card-list[data-hc-clamp="3"] li:nth-child(n+4) { display: none; }
.hc-cat-card-list[data-hc-clamp="all"] li { display: block; }
.hc-cat-card-list a {
  display: block;
  padding: 6px 0;
  color: var(--hc-fg-muted);
  font-size: 14px;
  line-height: 1.4;
  border-bottom: 1px solid var(--hc-border-soft);
}
.hc-cat-card-list li:last-child a { border-bottom: 0; }
.hc-cat-card-list a:hover { color: var(--hc-brand); text-decoration: none; }
.hc-cat-card-all {
  display: inline-block;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  color: var(--hc-brand);
  background: none;
  border: 0;
  padding: 4px 0 0;
  margin-top: 4px;
  cursor: pointer;
}
.hc-cat-card-all:hover { text-decoration: underline; }

/* RECENT VIEWED */
.hc-recent-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 12px;
}
.hc-recent-card {
  display: block;
  padding: 14px 16px;
  background: var(--hc-bg-elev);
  border: 1px solid var(--hc-border);
  border-radius: var(--hc-radius);
  font-size: 14px;
  color: var(--hc-fg);
}
.hc-recent-card:hover {
  border-color: var(--hc-brand);
  text-decoration: none;
}

/* WHAT'S NEW */
.hc-whatsnew-list {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--hc-border-soft);
}
.hc-whatsnew-list li {
  border-bottom: 1px solid var(--hc-border-soft);
}
.hc-whatsnew-list a {
  display: grid;
  grid-template-columns: 100px 1fr auto;
  align-items: center;
  gap: 16px;
  padding: 12px 0;
  color: var(--hc-fg);
}
.hc-whatsnew-list a:hover { text-decoration: none; }
.hc-whatsnew-list a:hover .hc-whatsnew-title { color: var(--hc-brand); }
.hc-whatsnew-date {
  font-size: 12px;
  color: var(--hc-fg-soft);
  font-family: var(--hc-mono);
}
.hc-whatsnew-title {
  font-weight: 600;
  font-size: 14px;
  transition: color 120ms ease;
}
.hc-whatsnew-cat {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: var(--hc-fg-soft);
  font-weight: 600;
}

/* A-Z LIST */
.hc-az {
  background: var(--hc-bg-soft);
  border-radius: var(--hc-radius);
  padding: 24px 28px;
}
.hc-az-list {
  list-style: none;
  padding: 0;
  margin: 0;
  columns: 3;
  column-gap: 32px;
}
.hc-az-list li {
  break-inside: avoid;
  margin: 0;
}
.hc-az-list a {
  display: block;
  padding: 6px 0;
  font-size: 14px;
  color: var(--hc-fg-muted);
}
.hc-az-list a:hover { color: var(--hc-brand); text-decoration: none; }
@media (max-width: 900px) {
  .hc-az-list { columns: 2; }
}
@media (max-width: 600px) {
  .hc-az-list { columns: 1; }
}

/* =========================================================================
   ARTICLE PAGE
   ========================================================================= */

.hc-shell {
  max-width: var(--hc-max);
  margin: 0 auto;
  padding: 24px;
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr) 220px;
  gap: 40px;
  align-items: start;
}

.hc-sidebar {
  position: sticky;
  top: calc(var(--hc-topbar-h) + 12px);
  align-self: start;
  max-height: calc(100vh - var(--hc-topbar-h) - 24px);
  overflow-y: auto;
  font-size: 13px;
  padding-right: 8px;
}
.hc-sidebar::-webkit-scrollbar { width: 6px; }
.hc-sidebar::-webkit-scrollbar-thumb { background: var(--hc-border); border-radius: 3px; }

.hc-nav { list-style: none; padding: 0; margin: 0; }
.hc-cat-block { margin-bottom: 18px; }
.hc-cat-label {
  display: block;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: var(--hc-fg-soft);
  margin-bottom: 6px;
  padding: 0 8px;
}
.hc-cat-block ul { list-style: none; padding: 0; margin: 0; }
.hc-cat-block li a {
  display: block;
  padding: 5px 8px;
  color: var(--hc-fg-muted);
  border-radius: 6px;
  line-height: 1.4;
  font-weight: 500;
}
.hc-cat-block li a:hover {
  color: var(--hc-brand);
  background: var(--hc-bg-soft);
  text-decoration: none;
}
.hc-cat-block li a.hc-current {
  color: var(--hc-brand);
  background: color-mix(in srgb, var(--hc-brand) 10%, transparent);
  font-weight: 700;
}

.hc-article {
  min-width: 0;
  max-width: 760px;
  padding-top: 16px;
}

.hc-breadcrumb {
  font-size: 13px;
  color: var(--hc-fg-soft);
  margin-bottom: 16px;
}
.hc-breadcrumb a { color: var(--hc-fg-muted); }
.hc-breadcrumb a:hover { color: var(--hc-brand); }
.hc-sep { margin: 0 8px; opacity: 0.5; }

.hc-article-head {
  margin-bottom: 32px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--hc-border-soft);
}
.hc-article-cat {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--hc-brand);
  margin-bottom: 10px;
}
.hc-article h1 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.6px;
  margin: 0 0 14px;
  color: var(--hc-fg);
}
.hc-article-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 13px;
  color: var(--hc-fg-soft);
}
.hc-meta-time::before {
  content: "🕒";
  margin-right: 6px;
  filter: grayscale(1);
  opacity: 0.6;
}
.hc-meta-date::before {
  content: "✓";
  margin-right: 6px;
  color: var(--hc-accent);
}

.hc-article-body {
  font-size: 16px;
  line-height: 1.7;
  color: var(--hc-fg);
}
.hc-article-body h2 {
  font-size: 24px;
  font-weight: 700;
  margin: 40px 0 14px;
  color: var(--hc-fg);
  scroll-margin-top: calc(var(--hc-topbar-h) + 12px);
  position: relative;
}
.hc-article-body h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 28px 0 10px;
  color: var(--hc-fg);
  scroll-margin-top: calc(var(--hc-topbar-h) + 12px);
}
.hc-article-body h2 .hc-anchor,
.hc-article-body h3 .hc-anchor {
  position: absolute;
  left: -22px;
  opacity: 0;
  color: var(--hc-fg-soft);
  font-weight: 400;
  transition: opacity 120ms ease;
}
.hc-article-body h2:hover .hc-anchor,
.hc-article-body h3:hover .hc-anchor { opacity: 1; }
.hc-article-body p {
  margin: 0 0 16px;
}
.hc-article-body ul, .hc-article-body ol {
  margin: 0 0 18px;
  padding-left: 26px;
}
.hc-article-body li { margin-bottom: 6px; }
.hc-article-body li > ul, .hc-article-body li > ol { margin-bottom: 0; }
.hc-article-body strong { color: var(--hc-fg); font-weight: 700; }
.hc-article-body code {
  background: var(--hc-bg-soft);
  border: 1px solid var(--hc-border);
  border-radius: 4px;
  padding: 1px 6px;
  font-size: 0.88em;
  font-family: var(--hc-mono);
}
.hc-article-body pre {
  position: relative;
  background: var(--hc-bg-soft);
  border: 1px solid var(--hc-border);
  border-radius: var(--hc-radius);
  padding: 16px;
  overflow-x: auto;
  margin: 0 0 20px;
  font-family: var(--hc-mono);
  font-size: 13px;
}
.hc-article-body pre code { border: 0; padding: 0; background: transparent; font-size: inherit; }
.hc-article-body pre .hc-copy {
  position: absolute;
  top: 8px;
  right: 8px;
  background: var(--hc-bg);
  border: 1px solid var(--hc-border);
  color: var(--hc-fg-muted);
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 11px;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  opacity: 0;
  transition: opacity 120ms ease;
}
.hc-article-body pre:hover .hc-copy { opacity: 1; }
.hc-article-body pre .hc-copy:hover { color: var(--hc-brand); border-color: var(--hc-brand); }
.hc-article-body table {
  border-collapse: collapse;
  margin: 0 0 20px;
  width: 100%;
  font-size: 14px;
}
.hc-article-body th, .hc-article-body td {
  border: 1px solid var(--hc-border);
  padding: 10px 14px;
  text-align: left;
}
.hc-article-body th {
  background: var(--hc-bg-soft);
  font-weight: 700;
}
.hc-article-body blockquote {
  border-left: 3px solid var(--hc-brand);
  padding: 4px 0 4px 16px;
  margin: 0 0 18px;
  color: var(--hc-fg-muted);
}
.hc-article-body hr {
  border: 0;
  border-top: 1px solid var(--hc-border-soft);
  margin: 28px 0;
}

/* RELATED */
.hc-related {
  margin-top: 56px;
  padding-top: 32px;
  border-top: 1px solid var(--hc-border-soft);
}
.hc-related-title-h {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: var(--hc-fg-muted);
  margin: 0 0 16px;
}
.hc-related-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
}
.hc-related-card {
  display: block;
  padding: 16px 18px;
  background: var(--hc-bg-elev);
  border: 1px solid var(--hc-border);
  border-radius: var(--hc-radius);
  color: var(--hc-fg);
  transition: all 160ms ease;
}
.hc-related-card:hover {
  border-color: var(--hc-brand);
  transform: translateY(-2px);
  box-shadow: var(--hc-shadow-md);
  text-decoration: none;
}
.hc-related-cat {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: var(--hc-brand);
  font-weight: 700;
  margin-bottom: 6px;
}
.hc-related-title {
  font-weight: 700;
  margin-bottom: 4px;
  line-height: 1.3;
  font-size: 14px;
}
.hc-related-desc {
  font-size: 12px;
  color: var(--hc-fg-muted);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* TOC right rail */
.hc-toc {
  position: sticky;
  top: calc(var(--hc-topbar-h) + 12px);
  align-self: start;
  max-height: calc(100vh - var(--hc-topbar-h) - 24px);
  overflow-y: auto;
  font-size: 13px;
  padding-top: 16px;
}
.hc-toc-title {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: var(--hc-fg-soft);
  margin-bottom: 10px;
  padding: 0 12px;
}
.hc-toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  border-left: 1px solid var(--hc-border);
}
.hc-toc-list li { margin: 0; }
.hc-toc-list a {
  display: block;
  padding: 5px 12px;
  color: var(--hc-fg-muted);
  font-size: 13px;
  line-height: 1.4;
  border-left: 2px solid transparent;
  margin-left: -1px;
  transition: all 100ms ease;
}
.hc-toc-list a:hover {
  color: var(--hc-fg);
  text-decoration: none;
}
.hc-toc-list a.hc-toc-active {
  color: var(--hc-brand);
  border-left-color: var(--hc-brand);
  font-weight: 600;
}
.hc-toc-h3 a {
  padding-left: 24px;
  font-size: 12.5px;
}

@media (max-width: 1100px) {
  .hc-shell { grid-template-columns: 220px 1fr; }
  .hc-toc { display: none; }
}
/* The <820 collapse to drawer-mode lives in the MOBILE block below — see
   .hc-drawer-toggle and .hc-sidebar position:fixed rules. Keeping the
   collapse logic in one place avoids the previous static-vs-fixed conflict. */

/* =========================================================================
   COMMAND PALETTE / SEARCH OVERLAY
   ========================================================================= */

.hc-search {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 80px 16px 16px;
  animation: hc-fade-in 120ms ease;
}
.hc-search[hidden] { display: none; }
.hc-search-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 14, 39, 0.55);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.hc-search-panel {
  position: relative;
  width: 100%;
  max-width: 640px;
  background: var(--hc-bg-elev);
  border: 1px solid var(--hc-border);
  border-radius: var(--hc-radius-lg);
  box-shadow: var(--hc-shadow-lg);
  overflow: hidden;
  animation: hc-zoom-in 140ms cubic-bezier(0.2, 0.9, 0.3, 1);
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 120px);
}
@keyframes hc-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes hc-zoom-in {
  from { opacity: 0; transform: scale(0.96) translateY(-8px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

.hc-search-input-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--hc-border);
}
.hc-search-input-row svg {
  width: 20px;
  height: 20px;
  color: var(--hc-fg-soft);
  flex-shrink: 0;
}
.hc-search-input-row input {
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  font-family: inherit;
  font-size: 17px;
  color: var(--hc-fg);
  padding: 0;
}
.hc-search-input-row input::placeholder { color: var(--hc-fg-soft); }

.hc-search-close {
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 4px;
}

.hc-search-list {
  list-style: none;
  padding: 8px 0;
  margin: 0;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}
.hc-search-list li.hc-result {
  margin: 0;
}
.hc-search-list li.hc-result a {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 12px;
  padding: 10px 20px;
  color: var(--hc-fg);
  border-left: 2px solid transparent;
}
.hc-search-list li.hc-result a:hover,
.hc-search-list li.hc-result.hc-active a {
  background: var(--hc-bg-soft);
  border-left-color: var(--hc-brand);
  text-decoration: none;
}
.hc-search-list li.hc-result.hc-active a {
  background: color-mix(in srgb, var(--hc-brand) 10%, transparent);
}
.hc-result-title {
  font-weight: 600;
  font-size: 14.5px;
  line-height: 1.35;
  grid-column: 1;
}
.hc-result-cat {
  grid-column: 2;
  grid-row: 1;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--hc-fg-soft);
  align-self: center;
  white-space: nowrap;
}
.hc-result-snippet {
  grid-column: 1 / -1;
  font-size: 12.5px;
  color: var(--hc-fg-muted);
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.hc-result mark {
  background: color-mix(in srgb, var(--hc-brand) 22%, transparent);
  color: inherit;
  border-radius: 3px;
  padding: 0 2px;
}

.hc-search-section { padding: 6px 0; }
.hc-search-section-title {
  padding: 8px 20px 4px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-weight: 700;
  color: var(--hc-fg-soft);
}

.hc-search-empty {
  padding: 32px 24px;
  text-align: center;
  color: var(--hc-fg-muted);
}
.hc-search-empty strong {
  display: block;
  color: var(--hc-fg);
  margin-bottom: 4px;
  font-size: 15px;
}
.hc-search-empty p { margin: 0; font-size: 13px; }

.hc-search-footer {
  display: flex;
  gap: 16px;
  padding: 10px 20px;
  border-top: 1px solid var(--hc-border);
  background: var(--hc-bg-soft);
  font-size: 11px;
  color: var(--hc-fg-soft);
}
.hc-search-footer span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

@media (max-width: 600px) {
  .hc-search { padding: 16px; }
  .hc-search-panel { max-height: calc(100vh - 32px); }
  .hc-search-footer { display: none; }
}

/* =========================================================================
   404 PAGE
   ========================================================================= */

.hc-404 {
  max-width: 640px;
  margin: 0 auto;
  padding: 96px 24px;
  text-align: center;
}
.hc-404-mark {
  font-size: 110px;
  font-weight: 800;
  letter-spacing: -3px;
  color: var(--hc-brand);
  opacity: 0.15;
  line-height: 1;
  margin-bottom: 16px;
}
.hc-404 h1 {
  font-size: 32px;
  font-weight: 700;
  margin: 0 0 12px;
  color: var(--hc-fg);
}
.hc-404 p {
  font-size: 16px;
  color: var(--hc-fg-muted);
  margin: 0 0 24px;
  line-height: 1.5;
}
.hc-404-suggestions {
  margin-top: 32px;
  text-align: left;
  background: var(--hc-bg-soft);
  border: 1px solid var(--hc-border);
  border-radius: var(--hc-radius);
  padding: 20px;
}
.hc-404-suggestions-title {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-weight: 700;
  color: var(--hc-fg-soft);
  margin-bottom: 10px;
}
.hc-404-suggestions ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hc-404-suggestions a {
  display: block;
  padding: 8px 12px;
  border-radius: 6px;
  color: var(--hc-fg);
  font-weight: 500;
}
.hc-404-suggestions a:hover {
  background: var(--hc-bg-elev);
  color: var(--hc-brand);
  text-decoration: none;
}
.hc-404-back {
  display: inline-block;
  margin-top: 24px;
  font-size: 14px;
  color: var(--hc-fg-muted);
  font-weight: 500;
}
.hc-404-search {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 480px;
  height: 50px;
  padding: 0 18px;
  background: var(--hc-bg-elev);
  border: 1px solid var(--hc-border);
  border-radius: 12px;
  color: var(--hc-fg-muted);
  font-family: inherit;
  font-size: 15px;
  cursor: pointer;
  text-align: left;
  box-shadow: var(--hc-shadow-sm);
  transition: all 150ms ease;
}
.hc-404-search:hover {
  border-color: var(--hc-brand);
  color: var(--hc-fg);
  box-shadow: var(--hc-shadow-md);
}
.hc-404-search svg { width: 18px; height: 18px; opacity: 0.6; flex-shrink: 0; }
.hc-404-search > span:first-of-type { flex: 1; }

/* =========================================================================
   MOBILE — hero, sections, article, drawer, search bottom-sheet
   ========================================================================= */

/* Drawer toggle button (only visible on mobile) */
.hc-drawer-toggle {
  display: none;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background: var(--hc-bg-soft);
  border: 1px solid var(--hc-border);
  border-radius: 8px;
  color: var(--hc-fg);
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 16px;
}
.hc-drawer-toggle:hover {
  border-color: var(--hc-brand);
  color: var(--hc-brand);
}
.hc-drawer-toggle svg { width: 18px; height: 18px; flex-shrink: 0; }

.hc-sidebar-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(10, 14, 39, 0.55);
  backdrop-filter: blur(2px);
  z-index: 89;
}

.hc-sidebar-close {
  display: none;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 36px;
  height: 36px;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: var(--hc-fg);
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}
.hc-sidebar-close:hover { background: var(--hc-bg-soft); }

@media (max-width: 820px) {
  .hc-shell {
    grid-template-columns: 1fr !important;
    gap: 0;
    padding: 16px;
  }
  .hc-drawer-toggle { display: inline-flex; }

  /* Drawer-mode sidebar */
  .hc-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: min(320px, 86vw);
    max-height: 100vh;
    overflow-y: auto;
    background: var(--hc-bg);
    border-right: 1px solid var(--hc-border);
    padding: 56px 16px 24px;
    z-index: 90;
    transform: translateX(-100%);
    transition: transform 220ms cubic-bezier(0.2, 0.9, 0.3, 1);
    box-shadow: var(--hc-shadow-lg);
  }
  .hc-sidebar-close { display: inline-flex; align-items: center; justify-content: center; }
  body.hc-drawer-open .hc-sidebar { transform: translateX(0); }
  body.hc-drawer-open .hc-sidebar-backdrop { display: block; }
  body.hc-drawer-open { overflow: hidden; }

  .hc-article { padding-top: 0; max-width: 100%; }
  .hc-article h1 { font-size: 28px; }
  .hc-article-body { font-size: 15px; }
  .hc-article-body h2 { font-size: 21px; margin-top: 32px; }
  .hc-article-body h3 { font-size: 16px; margin-top: 22px; }
  .hc-article-body table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }
  .hc-article-body pre { font-size: 12px; padding: 12px; }
  .hc-related-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  /* Hero shrink */
  .hc-hero { padding: 40px 16px 32px; }
  .hc-hero h1 { font-size: 28px; letter-spacing: -0.5px; }
  .hc-hero p { font-size: 15px; margin-bottom: 24px; }
  .hc-hero-search { height: 52px; padding: 0 18px; font-size: 15px; }
  .hc-hero-search svg { width: 18px; height: 18px; }

  /* Index sections */
  .hc-index { padding: 0 16px 64px; }
  .hc-section { margin: 32px 0; }
  .hc-getstarted-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .hc-getstarted-card { padding: 14px 16px; }
  .hc-cat-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .hc-cat-card { padding: 16px; }

  /* What's new — stack vertically per row */
  .hc-whatsnew-list a {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 14px 0;
  }
  .hc-whatsnew-date { font-size: 11px; order: 0; }
  .hc-whatsnew-title { order: 1; font-size: 14px; }
  .hc-whatsnew-cat { order: 2; font-size: 10px; }

  /* A-Z box */
  .hc-az { padding: 18px 16px; }

  /* Article */
  .hc-article h1 { font-size: 24px; line-height: 1.2; }
  .hc-article-meta { flex-wrap: wrap; gap: 10px; font-size: 12px; }

  /* Floating theme toggle — smaller, snug to corner */
  .hc-theme-toggle {
    width: 40px;
    height: 40px;
    bottom: 16px;
    right: 16px;
    font-size: 18px;
  }

  /* 404 */
  .hc-404 { padding: 56px 16px 64px; }
  .hc-404-mark { font-size: 80px; }
  .hc-404 h1 { font-size: 24px; }
  .hc-404-search { height: 46px; font-size: 14px; }

  /* Search palette → bottom-sheet */
  .hc-search { padding: 0; align-items: flex-end; }
  .hc-search-panel {
    border-radius: 14px 14px 0 0;
    max-height: 80vh;
    width: 100%;
    margin: 0;
    animation: hc-slide-up 200ms cubic-bezier(0.2, 0.9, 0.3, 1);
  }
  @keyframes hc-slide-up {
    from { transform: translateY(20%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
  }
  .hc-search-input-row input {
    font-size: 16px; /* Prevent iOS zoom-in on focus */
  }
}

/* Touch devices — show copy button always (no hover state) and drop kbd
   hints that are useless without a physical keyboard. */
@media (hover: none) {
  .hc-article-body pre .hc-copy { opacity: 0.7; }
  .hc-article-body pre .hc-copy:hover { opacity: 1; }
  .hc-kbd-hint { display: none; }
}

/* =========================================================================
   PRINT
   ========================================================================= */

@media print {
  .hc-topbar, .hc-sidebar, .hc-toc, .hc-search, .hc-related {
    display: none !important;
  }
  .hc-shell {
    display: block;
    max-width: none;
    padding: 0;
  }
  .hc-article {
    max-width: none;
  }
  .hc-article-body { font-size: 11pt; }
}
/* === assets/css/global-cta.css === */
a.cta_button {
  box-sizing: content-box !important;
  vertical-align: middle;
}

.hs-breadcrumb-menu {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.hs-breadcrumb-menu-item {
  float: left;
  padding: 10px 0 10px 10px;
}

.hs-breadcrumb-menu-divider:before {
  content: "›";
  padding-left: 10px;
}

.hs-featured-image-link {
  border: 0;
}

.hs-featured-image {
  float: right;
  margin: 0 0 20px 20px;
  max-width: 50%;
}

.hs-screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

@media (max-width: 568px) {
  .hs-featured-image {
    float: none;
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
}
/* === assets/template_main.min.css === */
/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* ************************************************************************* */
/* ****************************   Accent Colors   **************************** */
/* ************************************************************************* */





/* ************************************************************************* */
/* ****************************   Dark Colors   **************************** */
/* ************************************************************************* */






/* ************************************************************************* */
/* ****************************   Light Colors   **************************** */
/* ************************************************************************* */





/* ************************************************************************* */
/* ****************************   Status Colors   **************************** */
/* ************************************************************************* */





/* ************************************************************************* */
/* ****************************  Typography   **************************** */
/* ************************************************************************* */
































/* ************************************************************************* */
/* ****************************  Layout   **************************** */
/* ************************************************************************* */














/* ************************************************************************* */
/* ****************************  Buttons   **************************** */
/* ************************************************************************* */
















































































/* ************************************************************************* */
/* ****************************  Forms   **************************** */
/* ************************************************************************* */









































  







  







  







  





























































/* ************************************************************************* */
/* ****************************  Table   **************************** */
/* ************************************************************************* */









  



  



  



  



  



  



  



  


/* ************************************************************************* */
/* ****************************  Header   **************************** */
/* ************************************************************************* */



















/* ************************************************************************* */
/* ****************************  Footer   **************************** */
/* ************************************************************************* */









/* ************************************************************************* */
/* ****************************  CSS Variables   **************************** */
/* ************************************************************************* */

:root {

  /* Global Colors */
  --accent-primary: #00BFA6;
  --accent-secondary: #477ECF;
  --accent-tertiary: #CFE2F3;
  --dark-primary: #1a1a1a;
  --dark-secondary: rgba(26, 26, 26, 80%);
  --dark-tertiary: rgba(26, 26, 26, 60%);
  --dark-quaternary: rgba(26, 26, 26, 40%);
  --light-primary: #F9FBF7;
  --light-secondary: #F2F5EE;
  --light-tertiary: #E8ECE4;
  --status-success: #6CB46B;
  --status-error: #DB4065;

  /* Animation */
  --transition: all 0.3s ease-in-out;

  /* Shadow */
  --shadow: 0 0 12px rgb(24 28 32 / 6%), 0 4px 48px rgb(24 28 32 / 3%);

  /* Typography */
  --primary-font-family: Montserrat, sans-serif;
  --secondary-font-family: Montserrat Alternates, sans-serif;

  --base-font-size: 18px;
  --letter-spacing: -0.03em;

  --body-text-family: Montserrat, sans-serif;
  --body-text-color: #1a1a1a;
  --body-text-weight: ;
  --body-text-size: px;
  --body-text-style: normal;

  --heading-weight: 700;
  --heading-color: #1a1a1a;
  --heading-family: Montserrat,, sans-serif;

  /* Heading 1 */--h1-family: Montserrat, sans-serif;--h1-color: #1a1a1a;--h1-weight: var(--heading-weight);--h1-size: 4rem;--h1-transform: none;

  /* Heading 2 */--h2-family: Montserrat, sans-serif;--h2-color: #1a1a1a;--h2-weight: var(--heading-weight);--h2-size: 3rem;--h2-transform: none;

  /* Heading 3 */--h3-family: Montserrat, sans-serif;--h3-color: #1a1a1a;--h3-weight: var(--heading-weight);--h3-size: 2.33rem;--h3-transform: none;

  /* Heading 4 */--h4-family: Montserrat, sans-serif;--h4-color: #1a1a1a;--h4-weight: var(--heading-weight);--h4-size: 1.67rem;--h4-transform: none;

  /* Heading 5 */--h5-family: Montserrat, sans-serif;--h5-color: #1a1a1a;--h5-weight: var(--heading-weight);--h5-size: 1.34rem;--h5-transform: none;

  /* Heading 6 */--h6-family: Montserrat, sans-serif;--h6-color: #1a1a1a;--h6-weight: var(--heading-weight);--h6-size: 1.11rem;--h6-transform: none;

  --link-style: italic;--link-underline: underline;--link-color: #1a1a1a;
  --link-style-hover: italic;--link-underline-hover: underline;--link-color-hover: #1a1a1a;

  /* Layout */
  --small-container: 600px;
  --default-container: 1356px;
  --blogpost-container: 600px;

  /* --vertical-spacing: rem;
  --vertical-spacing-1-3: calc( * 0.3)rem;
  --vertical-spacing-1-2: calc( * 0.5)rem;
  --vertical-spacing-3-4: calc( * 0.75)rem; */

  /* Corners */
  --radius: 0px;
  --half-radius: calc(0 / 2)px;

  /* Buttons */
  --btn-radius: 5px;
  
  --primary-btn-label: #1a1a1a;
  --primary-btn-fill: #00BFA6;
  --primary-btn-label-hover: #00BFA6;
  --primary-btn-fill-hover: #1a1a1a;
  --primary-btn-label-active: #00BFA6;
  --primary-btn-fill-active: #1a1a1a;
  
  --secondary-btn-label: #1a1a1a;
  --secondary-btn-fill: #477ECF;
  --secondary-btn-label-hover: #477ECF;
  --secondary-btn-fill-hover: #1a1a1a;
  --secondary-btn-label-active: #477ECF;
  --secondary-btn-fill-active: #1a1a1a;
  
  --tertiary-btn-label: #1a1a1a;
  --tertiary-btn-border-bottom: 1px solid rgba(26, 26, 26, calc(100 / 100));
  --tertiary-btn-border-left: 1px solid rgba(26, 26, 26, calc(100 / 100));
  --tertiary-btn-border-right: 1px solid rgba(26, 26, 26, calc(100 / 100));
  --tertiary-btn-border-top: 1px solid rgba(26, 26, 26, calc(100 / 100));

  --tertiary-btn-label-hover: rgba(26, 26, 26, 60%);
  --tertiary-btn-border-bottom-hover: 1px solid rgba(26, 26, 26, calc(60 / 100));
  --tertiary-btn-border-left-hover: 1px solid rgba(26, 26, 26, calc(60 / 100));
  --tertiary-btn-border-right-hover: 1px solid rgba(26, 26, 26, calc(60 / 100));
  --tertiary-btn-border-top-hover: 1px solid rgba(26, 26, 26, calc(60 / 100));
  
  --tertiary-btn-label-active: rgba(26, 26, 26, 60%);

  --inverted-btn-label: #1a1a1a;
  --inverted-btn-fill: #F9FBF7;
  --inverted-btn-label-hover: #1a1a1a;
  --inverted-btn-fill-hover: #F2F5EE;
  --inverted-btn-label-active: #1a1a1a;
  --inverted-btn-fill-active: #F2F5EE;

  --ink-btn-style: italic;
  --ink-btn-label: #1a1a1a;
  --ink-btn-fill: #477ECF;--ink-btn-width: 6px;--ink-btn-style-hover: italic;
  --ink-btn-label-hover: #1a1a1a;
  --ink-btn-fill-hover: #477ECF;--ink-btn-width-hover: 15px;--ink-btn-label-active: #1a1a1a;
  --ink-btn-fill-active: #477ECF;

  --featured-btn-style: italic;
  --featured-btn-label: #00BFA6;
  --featured-btn-underline-color: #00BFA6;
  --featured-btn-underline-width: 0.2em;
  --featured-btn-underline: 0 var(--featured-btn-underline-width) var(--featured-btn-underline-color);
  --featured-btn-style-hover: italic;
  --featured-btn-label-hover: #1a1a1a;
  --featured-btn-label-active: #1a1a1a;
  --featured-btn-underline-active: 0  #1a1a1a;

  /* Forms */--form-bg: none;--form-border-bottom: none;
  --form-border-left: none;
  --form-border-right: none;
  --form-border-top: none;--title-color: var(--h3-color);--title-bg: none;--label: var(--dark-primary);--help-text: var(--dark-tertiary);--placeholder: rgba(26, 26, 26, 60%);--field-text: #1a1a1a;--field-bg: #F9FBF7;--field-border-bottom: 1px solid rgba(232, 236, 228, calc(100 / 100));
  --field-border-left: 1px solid rgba(232, 236, 228, calc(100 / 100));
  --field-border-right: 1px solid rgba(232, 236, 228, calc(100 / 100));
  --field-border-top: 1px solid rgba(232, 236, 228, calc(100 / 100));--field-corner: 0;--field-outline-color: var(--dark-primary);--field-btn-label: #1a1a1a;--field-btn-label-hover: #00BFA6;--field-btn-fill: #00BFA6;--field-btn-fill-hover: #1a1a1a;--field-btn-border-bottom: none;
  --field-btn-border-left: none;
  --field-btn-border-right: none;
  --field-btn-border-top: none;

  --field-btn-border-bottom-hover: none;
  --field-btn-border-left-hover: none;
  --field-btn-border-right-hover: none;
  --field-btn-border-top-hover: none;--field-btn-corner: var(--btn-radius);--field-btn-corner-hover: var(--btn-radius);/* Tables */--table-header-text: #1a1a1a;--table-header-bg: #F2F5EE;--table-body-text: rgba(26, 26, 26, 80%);--table-body-bg: #F9FBF7;--table-footer-text: rgba(26, 26, 26, 80%);--table-footer-bg: #F9FBF7;--table-cell-spacing: 0.5em 1em 0.5em 1em;

  --table-cell-border-bottom: none;
  --table-cell-border-left: none;
  --table-cell-border-right: none;
  --table-cell-border-top: none;

  /* Header */
  --header-nav-color: #F9FBF7;
  --header-nav-color-hover: #00BFA6;
  --mega-menu-title-color: #1a1a1a;
  --mega-menu-text-color: rgba(26, 26, 26, 60%);
  --mega-menu-bg: #F9FBF7;
  --mega-menu-item-hover: #F2F5EE;
  --mega-menu-border: ;
  --header-bg: #1a1a1a;
  --header-bg-landing: #F9FBF7;--header-bottom-border: none;--header-logo-effect: none;--content-offset-desktop: 90px;
  --content-offset-mobile: 80px;

  /* Footer */
  --footer-text: ;
  --footer-bg: #00BFA6;
  --footer-nav-cols: 3;
  --footer-nav-width: 660px;--footer-border: none;}

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
::selection {
  background-color: var(--accent-secondary);
  color: var(--dark-primary);
}

* {
  box-sizing: border-box;
}

html {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  min-height: 100%;
  line-height: 1.2;
}

body {
  background-color: var(--light-primary);
  display: flex; /* Needed for footer to be stick to bottom when there is few content */
  flex-direction: column;
  min-height: 100vh;
  margin:  0;
  overflow-x: hidden; /* Prevents horizontal scrolling */
  -webkit-overflow-scrolling: touch;
  padding: 0;
  word-break: break-word;
}

figure {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

.img img {
  border-radius: var(--radius);
  width: 100%;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/

.main-page-container {
  flex: 1 0 auto; /* Expands the container to move footer to the bottom of the page */
}

.container {
  max-width: var(--default-container);
  margin: 0 auto;
  padding: 0 2rem;
}

@media (max-width: 767px) {
  .container {
    padding: 0 1rem;
  }
}

.container--blogpost {
  max-width: var(--blogpost-container);
}

.container--small {
  max-width: var(--small-container);
}

.main-content-offset {
  margin-top: var(--content-offset-mobile);
}

@media only screen and (min-width: 768px) {
  .main-content-offset {
    margin-top: var(--content-offset-desktop);
  }
}



  /* CSS variables */
  
  :root {
    --column-gap: 2.13%;
    --column-width-multiplier: 8.333;
  }
  
  /* Mobile layout */
  
  .row-fluid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  
  
    .row-fluid .span1,
    .row-fluid .span2,
    .row-fluid .span3,
    .row-fluid .span4,
    .row-fluid .span5,
    .row-fluid .span6,
    .row-fluid .span7,
    .row-fluid .span8,
    .row-fluid .span9,
    .row-fluid .span10,
    .row-fluid .span11,
    .row-fluid .span12{
    min-height: 1px;
    width: 100%;
  }
  
  /* Desktop layout */
  
  @media (min-width: 768px) {
    .row-fluid {
      flex-wrap: nowrap;
      justify-content: space-between;
    }
  
    
      .row-fluid .span1 {
        width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
      }
    
      .row-fluid .span2 {
        width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
      }
    
      .row-fluid .span3 {
        width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
      }
    
      .row-fluid .span4 {
        width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
      }
    
      .row-fluid .span5 {
        width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
      }
    
      .row-fluid .span6 {
        width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
      }
    
      .row-fluid .span7 {
        width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
      }
    
      .row-fluid .span8 {
        width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
      }
    
      .row-fluid .span9 {
        width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
      }
    
      .row-fluid .span10 {
        width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
      }
    
      .row-fluid .span11 {
        width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
      }
    
  }
.dnd-section > .row-fluid {
  margin: 0 auto;
  max-width: var(--default-container);
}

.dnd-section .dnd-column {
  padding: 0 2rem;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0 1rem;
  }
}

/* Elements
Base HMTL elements are styled in this section (<body<, <h1>, <a>, <p>, <button> etc.)
*/

/* General typography styles */

@media only screen and (max-width: 768px) {
  html {
    font-size: calc(0.889 * var(--base-font-size));
  }
}

@media only screen and (min-width: 768px) {
  html {
    font-size: var(--base-font-size);
  }
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  font-smoothing: antialiased;
  color: var(--body-text-color);
  font-family: var(--body-text-family);
  font-size: var(--body-text-size);
  font-weight: var(--body-text-weight);
  letter-spacing: var(--letter-spacing);
  line-height: 1.4;
  overflow-wrap: break-word;
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  overflow-wrap: normal;
  word-break: break-all;
}

/* Paragraphs */

p {
  font-size: 1rem;
  letter-spacing: var(--letter-spacing);
  line-height: 1.4;
  margin: 0 0 1em;
}

.paragraph--xs,
.paragraph--xs p {
  font-size: 0.78rem;
  line-height: 1.4;
}

.paragraph--sm,
.paragraph--sm p {
  font-size: 0.89rem;
  line-height: 1.4;
}

.paragraph--md,
.paragraph--md p {
  font-size: 1rem;
  line-height: 1.4;
}

.paragraph--lg,
.paragraph--lg p {
  font-size: 1.167rem;
  line-height: 1.4;
}

.paragraph--xl,
.paragraph--xl p {
  font-size: 1.34rem;
  line-height: 1.4;
}

.paragraph--xxl,
.paragraph--xxl p {
  font-size: 1.56rem;
  line-height: 1.4;
}

.paragraph--xxxl,
.paragraph--xxxl p {
  font-size: 2rem;
  line-height: 1.2;
}

@media only screen and (max-width: 767px) {
  .paragraph--xxxl,
  .paragraph--xxxl p {
    font-size: 1.56rem;
  }
}

.text-centered {
  text-align: center;
}

.metadata {
  font-size: 0.667rem;
  line-height: 1;
}

.label {
  display: inline-block;
  font-size: 0.89rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.1em;
  margin-bottom: 1em;
  text-decoration: none;
  text-transform: uppercase;
}

.label--lg {
  font-size: 1rem;
  margin-bottom: 1.875em;
}

b,
strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

.inverted,
p.inverted,
.inverted p,
.inverted.metadata,
.inverted.label {
  color: var(--light-primary);
}

/* Anchors */

a {
  color: var(--link-color);
  cursor: pointer;
  font-style: var(--link-style);
  letter-spacing: var(--letter-spacing);
  position: relative;
  text-decoration: var(--link-underline);
  transition: var(--transition);
}

a:hover,
a:focus {
  color: var(--link-color-hover);
  text-decoration: var(--link-underline-hover);
}

a:active {
  color: var(--link-color-active);
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6,
.heading {
  color: var(--heading-color);
  font-family: var(--heading-family);
  font-weight: var(--heading-weight);
  letter-spacing: var(--letter-spacing);
  line-height: 1.1;
  margin: 0 0 0.5em 0;
}

h1,
.heading--primary,
.heading--primary * {
  color: var(--h1-color);
  font-family: var(--h1-family);
  font-size: var(--h1-size);
  font-weight: var(--h1-weight);
  text-transform: var(--h1-transform);
}

h2,
.heading--secondary,
.heading--secondary * {
  color: var(--h2-color);
  font-family: var(--h2-family);
  font-size: var(--h2-size);
  font-weight: var(--h2-weight);
  text-transform: var(--h2-transform);
}

h3,
.heading--tertiary,
.heading--tertiary * {
  color: var(--h3-color);
  font-family: var(--h3-family);
  font-size: var(--h3-size);
  font-weight: var(--h3-weight);
  text-transform: var(--h3-transform);
}

h4,
.heading--quaternary,
.heading--quaternary * {
  color: var(--h4-color);
  font-family: var(--h4-family);
  font-size: var(--h4-size);
  font-weight: var(--h4-weight);
  text-transform: var(--h4-transform);
}

h5,
.heading--quinary,
.heading--quinary * {
  color: var(--h5-color);
  font-family: var(--h5-family);
  font-size: var(--h5-size);
  font-weight: var(--h5-weight);
  text-transform: var(--h5-transform);
}

h6,
.heading--senary,
.heading--senary * {
  color: var(--h6-color);
  font-family: var(--h6-family);
  font-size: var(--h6-size);
  font-weight: var(--h6-weight);
  text-transform: var(--h6-transform);
}

@media only screen and (max-width: 767px) {
  h1,
  .heading--primary,
  .heading--primary * {
    font-size: calc(var(--h1-size) * 0.8);
  }

  h2,
  .heading--secondary,
  .heading--secondary * {
    font-size: calc(var(--h2-size) * 0.9);
  }

  h3,
  .heading--tertiary,
  .heading--tertiary * {
    font-size: calc(var(--h3-size) * 0.95);
  }

  h4,
  .heading--quaternary,
  .heading--quaternary * {
    font-size: calc(var(--h4-size) * 0.95);
  }
}

.inverted h1,
h1.inverted,
.inverted h2,
h2.inverted,
.inverted h3,
h3.inverted,
.inverted h4,
h4.inverted,
.inverted h5,
h5.inverted,
.inverted h6,
h6.inverted {
  color: var(--light-primary);
}

.no-margin h1,
.no-margin h2,
.no-margin h3,
.no-margin h4,
.no-margin h5,
.no-margin h6,
.no-margin.heading--primary,
.no-margin.heading--secondary,
.no-margin.heading--tertiary,
.no-margin.heading--quaternary,
.no-margin.heading--quinary,
.no-margin.heading--senary,
.no-margin p {
  margin: 0;
}

/* Lists */

ul,
ol {
  margin: 0 0 1.34rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

li {
  line-height: 1.4;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  color: var(--dark-tertiary);
  vertical-align: bottom;
}

/* Blockquotes */

blockquote,
.quote,
.quote p {
  color: var(--dark-primary);
  font-family: var(--secondary-font-family);
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.2;
  margin: 0;
}

blockquote {
  padding: 2em 1em;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--light-tertiary);
  width: 100%;
}

/* Subscripts and superscripts */

sup,
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  letter-spacing: var(--letter-spacing);
  word-break: normal;
}

/* Highlighted text */

mark {
  background-color: var(--accent-secondary);
  color: var(--body-text-color);
  letter-spacing: var(--letter-spacing);
}
button,
.button,
input[type=submit],
.hs-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  align-items: center;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: var(--btn-radius);
  box-shadow: none;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  font-family: var(--primary-font-family);
  font-size: 1rem;
  flex-shrink: 0;
  font-style: normal;
  font-weight: 500;
  margin: 0;
  padding: 0.625em 1.5em;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: var(--transition);
  white-space: normal;
}

button:disabled,
.button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

/* Primary Button */

.button--primary,
.button--primary:visited {
  background-color: var(--primary-btn-fill);
  color: var(--primary-btn-label);
  fill: var(--primary-btn-label);
}

.button--primary:hover {
  background-color: var(--primary-btn-fill-hover);
  color: var(--primary-btn-label-hover);
  fill: var(--primary-btn-label-hover);
}

.button--primary:active {
  background-color: var(--primary-btn-fill-active);
  color: var(--primary-btn-label-active);
  fill: var(--primary-btn-label-active);
}

/* Secondary Button */

.button--secondary,
.button--secondary:visited {
  background-color: var(--secondary-btn-fill);
  color: var(--secondary-btn-label);
  fill: var(--secondary-btn-label);
}

.button--secondary:hover {
  background-color: var(--secondary-btn-fill-hover);
  color: var(--secondary-btn-label-hover);
  fill: var(--secondary-btn-label-hover);
}

.button--secondary:active {
  background-color: var(--secondary-btn-fill-active);
  color: var(--secondary-btn-label-active);
  fill: var(--secondary-btn-label-active);
}

/* Tertiary Button */

.button--tertiary,
.button--tertiary:visited {
  border-bottom: var(--tertiary-btn-border-bottom);
  border-left: var(--tertiary-btn-border-left);
  border-right: var(--tertiary-btn-border-right);
  border-top: var(--tertiary-btn-border-top);
  color: var(--tertiary-btn-label);
  fill: var(--tertiary-btn-label);
}

.button--tertiary:hover {
  border-bottom: var(--tertiary-btn-border-bottom-hover);
  border-left: var(--tertiary-btn-border-left-hover);
  border-right: var(--tertiary-btn-border-right-hover);
  border-top: var(--tertiary-btn-border-top-hover);
  color: var(--tertiary-btn-label-hover);
  fill: var(--tertiary-btn-label-hover);
}

.button--tertiary:active {
  border: var(--tertiary-btn-border-active);
  color: var(--tertiary-btn-label-active);
  fill: var(--tertiary-btn-label-active);
}

/* Inverted Button */

.button--inverted,
.button--inverted:visited {
  background-color: var(--inverted-btn-fill);
  color: var(--inverted-btn-label);
  fill: var(--inverted-btn-label);
}

.button--inverted:hover {
  background-color: var(--inverted-btn-fill-hover);
  color: var(--inverted-btn-label-hover);
  fill: var(--inverted-btn-label-hover);
}

.button--inverted:active {
  background-color: var(--inverted-btn-fill-active);
  color: var(--inverted-btn-label-active);
  fill: var(--inverted-btn-label-active);
}

/* Ink Button */

.button--ink,
.button--ink:visited {
  color: var(--ink-btn-label);
  fill: var(--ink-btn-label);
  font-style: var(--ink-btn-style);
  padding-left:  0;
  padding-right: 0;
}

.button--ink:hover {
  color: var(--ink-btn-label-hover);
  fill: var(--ink-btn-label-hover);
  font-style: var(--ink-btn-style-hover);
}

.button--ink:active {
  color: var(--ink-btn-label-active);
  fill: var(--ink-btn-label-active);
}

.button--ink::before {
  background-color: var(--ink-btn-fill);
  bottom: 0.75em;
  content: "";
  display: block;
  height: var(--ink-btn-width);
  left: 0;
  mix-blend-mode: multiply;
  position: absolute;
  transition: var(--transition);
  width: 100%;
}

.button--ink:hover::before {
  background-color: var(--ink-btn-fill-hover);
  height: var(--ink-btn-width-hover);
}

.button--ink * {
  z-index: 1;
}

/* Featured Button */

.button--featured,
.button--featured:visited {
  box-shadow: var(--featured-btn-underline);
  color: var(--featured-btn-label);
  fill: var(--featured-btn-label);
  font-style: var(--featured-btn-style);
  font-weight: 700;
  padding: 0;
}

.button--featured:hover {
  box-shadow: 0 0 var(--featured-btn-label-hover);
  color: var(--featured-btn-label-hover);
  fill: var(--featured-btn-label-hover);
  font-style: var(--featured-btn-style-hover);
}

.button--featured:active {
  box-shadow: 0 0 var(--featured-btn-label-hover);
  color: var(--featured-btn-label-active);
  fill: var(--featured-btn-label-active);
}

/* No Button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}

/* Button Sizing */

.button--xs {
  font-size: 0.78rem;
}

.button--sm {
  font-size: 0.89rem;
}

.button--md {
  font-size: 1rem;
}

.button--lg {
  font-size: 1.33rem;
}

.button--xl {
  font-size: 1.67rem;
}

/* Button Icons */

.button__icon {
  align-items: center;
  display: flex;
  justify-content: center;
}

.button__icon svg {
  fill: inherit;
  height: 1em;
  margin-right: 0.4em;
  width:  1em;
}

.button__icon--fa svg {
  display: block;
  fill: inherit;
  height: 1em;
  margin-right: 0.4em;
}

.button.button--icon-right .button__icon,
.button.button--icon-right .button__icon--fa {
  order: 1;
}

.button.button--icon-right .button__icon svg,
.button.button--icon-right .button__icon--fa svg {
  margin-left: 0.4em;
  margin-right: 0;
}

/* Switcher Button */

.button--switcher,
.button--switcher .button {
  color: var(--primary-btn-label);
  fill: var(--primary-btn-label);
  font-size: 0.9rem;
  padding: 0;
}

.button--switcher .button::before {
  display: none;
}
/* Form general styles */

form {
  background: var(--form-bg);
  border-bottom: var(--form-border-bottom);
  border-left: var(--form-border-left);
  border-right: var(--form-border-right);
  border-top: var(--form-border-top);
}

.form-title {
  background: var(--title-bg);
  color: var(--title-color);
}

/* Fields */

.hs-form-field {
  margin-bottom: 1em;
}

/* Labels */

form label {
  color: var(--label);
  display: block;
  font-size: 0.78rem;
  letter-spacing: var(--letter-spacing);
  line-height: 1;
  margin-bottom: 0.45em;
  padding-bottom: 0.4em;
  padding-left: 1.33rem;
  padding-top: 0.4em;
}

/* Help text */

form legend {
  color: var(--help-text);
  font-size: 0.9rem;
}

/* Inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea,
.select-selected {
  background-color: var(--field-bg);
  border-bottom: var(--field-border-bottom);
  border-left: var(--field-border-left);
  border-right: var(--field-border-right);
  border-top: var(--field-border-top);
  border-radius: var(--field-corner);
  -webkit-border-radius: var(--field-corner);
  color: var(--field-text);
  display: inline-block;
  font-size: 0.89rem;
  letter-spacing: var(--letter-spacing);
  line-height: 1.1;
  padding: 1.56em;
  width: 100% !important;
}

/* Style for successful validation */
/* form input[type='text']:valid,
form input[type='email']:valid,
form input[type='password']:valid,
form input[type='tel']:valid,
form input[type='number']:valid,
form select:valid,
form textarea:valid {
  border: none;
  border-top: 4px solid var(--status-success);
} */

form input[type='text']:focus,
form input[type='text']:active,
form input[type='email']:focus,
form input[type='email']:active,
form input[type='password']:focus,
form input[type='password']:active,
form input[type='tel']:focus,
form input[type='tel']:active,
form input[type='number']:focus,
form input[type='number']:active,
form select:focus,
form select:active,
form textarea:focus,
form textarea:active {
  outline: 1px solid var(--field-outline-color);
}

form fieldset {
  max-width: 100% !important;
}

::-webkit-input-placeholder {
  color: var(--placeholder);
  letter-spacing: var(--letter-spacing);
}

::-moz-placeholder {
  color: var(--placeholder);
  letter-spacing: var(--letter-spacing);
}

:-ms-input-placeholder {
  color: var(--placeholder);
  letter-spacing: var(--letter-spacing);
}

:-moz-placeholder {
  color: var(--placeholder);
  letter-spacing: var(--letter-spacing);
}

::placeholder {
  color: var(--placeholder);
  letter-spacing: var(--letter-spacing);
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

form .legal-consent-container,
form .legal-consent-container .hs-richtext,
form .legal-consent-container .hs-richtext p {
  color: var(--dark-tertiary);
  font-size: 0.8rem;
  margin-bottom: 1.67em;
}

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

form .legal-consent-container label {
  padding-left: 0;
}

/* Validation */

.hs-form-required {
  color: var(--status-error);
}

.hs-input.invalid.error {
  border: none;
  border-top: 4px solid var(--status-error);
}

.hs-error-msg {
  color: var(--status-error);
  font-size: 0.72rem;
  margin-top: 1em;
  padding-left: 1.33rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  align-items: center;
  appearance: none;
  background: var(--field-btn-fill);
  border-bottom: var(--field-btn-border-bottom);
  border-left: var(--field-btn-border-left);
  border-right: var(--field-btn-border-right);
  border-top: var(--field-btn-border-top);
  border-radius: var(--field-btn-corner);
  box-shadow: none;
  color: var(--field-btn-label);
  cursor: pointer;
  display: inline-flex;
  font-size: 1rem;
  fill: var(--field-btn-label);
  flex-shrink: 0;
  font-weight: 500;
  padding: 0.625em 1.5em;
  text-align: center;
  text-decoration: none;
  transition: var(--transition);
  white-space: normal;
}

form input[type=submit]:hover,
form .hs-button:hover {
  background: var(--field-btn-fill-hover);
  border-bottom: var(--field-btn-border-bottom-hover);
  border-left: var(--field-btn-border-left-hover);
  border-right: var(--field-btn-border-right-hover);
  border-top: var(--field-btn-border-top-hover);
  border-radius: var(--field-btn-corner-hover);
  color: var(--field-btn-label-hover);
  fill: var(--field-btn-label-hover);
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}

/* Custom selector */

/* The container must be positioned relative: */
.hs-fieldtype-select .input,
.custom-select {
  position: relative;
}

.hs-fieldtype-select .input select
.custom-select select {
  appearance: none; 
}

/* Style the arrow inside the select element: */
.select-selected::after {
  background-image: url("https://48932267.fs1.hubspotusercontent-na1.net/hubfs/48932267/raw_assets/public/@marketplace/Kohorta/Adamant/images/custom-select/icon-dropdown.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  content: "";
  height: 1.2em;
  position: absolute;
  right: 1.2em;
  top: 1.6em;
  transform: rotate(0deg);
  transition: var(--transition);
  width:  1.2em;
}

.custom-select .select-selected::after {
  top: 1em;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active::after {
  transform: translateY(0.2em) rotate(180deg);
}

/* style the items (options), including the selected item: */
.select-items div {
  border: none;
  color: var(--field-text);
  cursor: pointer;
  transition: var(--transition);
  width: 100%;
}

.custom-select .select-selected {
  background-color: var(--light-tertiary);
  font-size: 1rem;
  padding: 1.2em 1.67em;
  position: relative;
}

.select-selected__label {
  left: 0;
  position: absolute;
  top: 0;
}

.select-items div {
  font-size: 0.875rem;
  overflow: hidden;
  padding: 1em 1.67em;
  white-space: nowrap;
}

.select-items div:first-of-type {
  border-top: 1px solid var(--light-tertiary);
  padding-top: 1.67em;
}

.select-items div:last-of-type {
  padding-bottom: 1.67em;
}

/* Style items (options): */
.select-items {
  background-color: var(--light-secondary);
  left: 0;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 100;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, 
.same-as-selected {
  background-color: var(--light-tertiary);
}
/* Table */

table {
  background-color: var(--table-body-bg) !important;
  border-bottom: var(--table-cell-border-bottom) !important;
  border-left: var(--table-cell-border-left) !important;
  border-right: var(--table-cell-border-right) !important;
  border-top: var(--table-cell-border-top) !important;
  border-collapse: collapse;
  font-size: 0.89rem;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  border-bottom: var(--table-cell-border-bottom);
  border-left: var(--table-cell-border-left);
  border-right: var(--table-cell-border-right);
  border-top: var(--table-cell-border-top);
  color: var(--table-body-text);
  padding: var(--table-cell-spacing);
  vertical-align: top;
}

/* Table header */

thead th {
  background-color: var(--table-header-bg);
  color: var(--table-header-text);
  font-weight: 700;
  padding-bottom: 1.2em;
  padding-top:    1.2em;
  vertical-align: bottom;
}

/* Table footer */

tfoot td {
  background-color: var(--table-footer-bg);
  color: var(--table-footer-text);
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

/* Header */

.header {
  background-color: var(--header-bg);
  border-bottom: var(--header-bottom-border);
  position: relative;
  width: 100%;
}

.header--fixed {
  left: 0;
  min-height: var(--main-content-offset);
  position: fixed;
  top: 0;
  z-index: 1000;
}

.header--landing {
  background-color: var(--header-bg-landing);
}

/* Logo */

.header__logo-effect a {
  position: relative;
}

.header__logo a::after {
  background: var(--header-logo-effect);
  background-position: -500%;
  background-repeat: no-repeat;
  background-size: 140px;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: background-position 0.8s ease-in-out;
}

.header__logo a:hover::after {
  background-position: 500%;
  opacity: 1;
}

.header__logo * {
  display: block;
}

.header__logo a:not([class])::before {
  display: none;
}

/* Navigation skipper */

.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}

/* Navigation */

.header__main {
  align-items: center;
  display: flex;
}

.header__nav {
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
}

@media screen and (min-width: 768px) {
  .header__nav {
    flex-grow: 1;
    justify-content: flex-end;
  }
}

.inner-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 1.5rem;
  padding-top:    1.5rem;
  width: 100%;
}

.header__cta {
  margin-bottom: 2rem;
  padding-left: 2rem;
  display: flex;
}

.header__cta .btn-list {
  padding: 0;
}

.header__cta .btn-list__item {
  margin: 0;
}

.header__cta .button--secondary,
.header__cta .button--secondary:visited {
  border: none;
  /* padding-left: 0; */
}

.header__cta .button--secondary:hover {
  background-color: transparent;
}

@media screen and (min-width: 768px) {
  .header__cta {
    display: flex;
    flex-shrink: 0;
    margin-bottom: 0;
    padding-left: 0;
  }
}
  
.header__block {
  background-color: var(--header-bg);
  display: none;
  padding: 0;
}

.header__block.is-active {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(100vh - var(--content-offset-mobile));
  min-height: calc(100dvh - var(--content-offset-mobile));
  margin: 0;
  left: 0;
  overflow: hidden;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  position: absolute;
  right: 0;
  top: var(--content-offset-mobile);
  z-index: 20;
}

.header__block-toggle {
  align-items: flex-start;
  color: var(--header-nav-color);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 24px;
  justify-content: space-around;
  padding: 3px;
  transform: translateY(0) rotate(0deg);
  transition: all .3s ease-in-out;
  width: 24px;
  z-index: 100;
}

.js-header__block-toggle--reverse {
  transform: rotate(90deg);
}

.header__block-toggle-item {
  background-color: var(--header-nav-color);
  height: 1px;
  transition: all .2s ease-in-out;
  transition-delay: .2s;
}

.header__block-toggle-item--s {
  transform: translateY(0) scale(1);
  width: 50%;
}

.header__block-toggle-item--l {
  width: 100%;
  transform: translateY(0) rotate(0deg);
}

.header__block-toggle-item--m {
  transform: translateY(0) rotate(0deg);
  width: 68%;
}

.js-header__block-toggle--reverse .header__block-toggle-item--s {
  transform: translateY(6px) scale(0);
}

.js-header__block-toggle--reverse .header__block-toggle-item--l {
  transform: translateY(0) rotate(45deg);
}

.js-header__block-toggle--reverse .header__block-toggle-item--m {
  transform: translateY(-6px) rotate(-45deg);
  width: 100%;
}

@media screen and (min-width: 768px) {
  .header__block-toggle {
    display: none;
  }

  .header__block {
    background-color: transparent;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    justify-content: space-between;
  }

  .header__block.is-active {
    flex-direction: row;
    height: auto;
    min-height: auto;
    justify-content: initial;
    overflow: initial;
    padding: 0;
    position: static;
  }
}



/* Language switcher */

.header__lang {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  margin-left: 1em;
  padding-right: 1em;
}

.header__lang-label {
  color: var(--header-nav-color);
  font-size: 0.89rem;
  margin-left: 0.35em;
  white-space: nowrap;
}

.header__lang:hover .lang_list_class {
  display: block;
}

.header__lang .lang_switcher_class {
  display: block;
}

.lang_switcher_class .globe_class {
  background-image: url("https://48932267.fs1.hubspotusercontent-na1.net/hubfs/48932267/raw_assets/public/@marketplace/Kohorta/Adamant/images/lang-switcher/icon-lang.svg");
  background-color: var(--dark-tertiary);
  background-size: 14px;
  border-radius: 50%;
  height: 20px;
  width: 20px;
}

.lang_switcher_class .lang_list_class {
  width: 160px;
}

.lang_switcher_class .lang_list_class li:first-child {
  border: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding-top: 1.6em;
}

.lang_switcher_class .lang_list_class li:last-child {
  border: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding-bottom: 1.6em;
}

.lang_switcher_class .lang_list_class {
  top: 18px;
}
.lang_switcher_class .lang_list_class li {
  background-color: var(--light-tertiary);
  border: none;
  font-size: 0.84rem;
  padding: 0.6em;
}

.lang_switcher_class .lang_list_class::after {
  border-bottom-color: var(--light-tertiary);
}

.lang_switcher_class .lang_list_class::before {
  border-bottom-color: var(--light-tertiary);
}

.lang_switcher_class .lang_list_class li a {
  color: var(--dark-primary);
  font-style: normal;
}

.lang_switcher_class .lang_list_class li a:hover {
  color: var(--dark-tertiary);
}
/* ----------- Footer ----------- */

.footer {
  background-color: var(--footer-bg);
  border-top: var(--footer-border);
  flex-shrink: 0;
}

.footer ul[role=menu] a:not([class]):hover::before {
  display: none;
}

/* Footer nav */

.footer__nav ul[role=menu], .footer__nav [role=navigation] ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer__nav ul[role=menu]:first-child, .footer__nav [role=navigation] ul:first-child {
  display: flex;
  flex-wrap: wrap;
  max-width: var(--footer-nav-width);
}

.footer__nav ul[role=menu] li, .footer__nav [role=navigation] ul li {
  padding: 0.4em 2em 0.4em 0;
}

.footer__nav ul[role=menu] .hs-menu-depth-1, .footer__nav [role=navigation] ul .hs-menu-depth-1 {
  flex-shrink: 0;
  margin-bottom: 1.8rem;
}

@media only screen and (min-width: 640px){
  .footer__nav ul[role=menu] li, .footer__nav [role=navigation] ul li {
    padding-right: 0.9em;
  }

  .footer__nav ul[role=menu] .hs-menu-depth-1, .footer__nav [role=navigation] ul .hs-menu-depth-1 {
    flex-basis: calc(100% / var(--footer-nav-cols));
    margin-bottom: 2.5rem;
  }
}

.footer__nav ul[role=menu] .hs-menu-depth-1 > a, .footer__nav [role=navigation] ul .hs-menu-depth-1 > a {
  color: var(--footer-nav-item-color);
  cursor: initial;
  display: block;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 1em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

.footer__nav ul[role=menu] .hs-menu-depth-2 > a[href="javascript:;"], .footer__nav [role=navigation] ul .hs-menu-depth-2 > a[href="javascript:;"] {
  color: var(--footer-nav-item-disabled);
  cursor: auto;
  position: relative;
}

.footer__nav ul[role=menu] .hs-menu-depth-2 > a[href="javascript:;"]:hover, .footer__nav [role=navigation] ul .hs-menu-depth-2 > a[href="javascript:;"]:hover {
  color: var(--footer-nav-item-disabled);
}



.footer__nav ul[role=menu] li a, .footer__nav [role=navigation] ul li a {
  color: var(--footer-nav-item-color);
  font-size: 0.89rem;
  font-style: normal;
  text-decoration: none;
}

.footer__nav ul[role=menu] a:not([class]):hover, .footer__nav [role=navigation] ul a:not([class]):hover {
  color: var(--footer-nav-item-color-hover);
  text-decoration: underline;
}

.footer__nav ul[role=menu] a[href="javascript:;"]:hover, .footer__nav [role=navigation] ul a[href="javascript:;"]:hover {
  color: var(--footer-nav-item-color);
  text-decoration: none;
}

/* Footer logo */

.footer__logo a {
  display: block;
  width: 100px;
}

@media only screen and (min-width: 768px) {
  .footer__logo a {
    width: 140px;
  }
}

/* Footer meta nav */

.footer__meta-nav {
  color: var(--footer-meta);
  font-size: 0.89rem;
}

.footer__meta-nav a {
  color: var(--footer-meta);
  font-style: normal;
  text-decoration: underline;
}

.footer__meta-nav a:hover {
  color: var(--dark);
  text-decoration: none;
}

.footer__meta-nav a:not([class]):hover::before {
  display: none;
}

.footer__meta-nav a svg {
  display: inline-block;
  margin-bottom: -0.125em;
  margin-left: 0.2em;
}
/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}
.card__image {
  margin-bottom: 3rem;
}

.card__divider {
  border-bottom-width: 2px;
  margin-bottom: 1.875rem;
}

.card__title {
  position: relative;
}

.card--framed {
  background-color: var(--light-secondary);
  min-height: 100%;
  padding: 3rem 2rem;
}

.card__icon svg {
  display: block;
}

.card__desc,
.card__desc p {
  font-size: clamp(0.89rem, 5vw,1.167rem);
}

@media only screen and (min-width: 768px) {
  .card--framed {
    padding: clamp(1rem, 4vw, 3.67rem);
  }
}

/* Section */

.featured-cards {
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .featured-cards .row-fluid,
  .featured-cards .dnd-module {
    display: flex !important;
  }
}
.testimonial__info {
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 768px) {
  .testimonial__info {
    align-items: center;
    display: flex;
  }
}

.testimonial__meta {
  color: var(--dark-tertiary);
  display: block;
  font-size: 0.89rem;
}

.testimonial__name {
  margin-bottom: 0.5em;
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* ********* Layout ********* */

.footer-bottom__base {
  display: flex; /* Enables body content to acquire flex properties like grow, shrink and base */
  flex-direction: column; /* Fixes the row layout for body that comes from display: flex */
  min-height: 100vh;
  overflow-x: hidden;
}

.footer-bottom__shift {
  flex: 1 0 auto; 
  /* Makes div, which is footer's sibling, to grow and take all the height and shifts footer 
  element to the bottom of the browser window. It works when summarized height of the body's 
  children is less then the height of the browser's window */
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.flex-centered-col {
  align-items: center;
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .m-hide {
    display: none;
  }
}

.relative {
  position: relative;
}

.mw-220 {
  max-width: 220px !important;
}

.mw-380 {
  max-width: 380px !important;
}

.mw-460 {
  max-width: 460px !important;
}

.mw-600 {
  max-width: 600px !important;
}

.mw-720 {
  max-width: 720px !important;
}

.mw-840 {
  max-width: 840px !important;
}

.full-width {
  width: 100%;
}

/* ********* Spacing ********* */

@media only screen and (min-width: 1024px) {
  .d-offset-left {
    margin-left: 7.5rem;
  }
}

/* Bottom */

.pb-0 {
  padding-bottom: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.pb-xs {
  padding-bottom: 1rem;
}

.mb-xs {
  margin-bottom: 1rem;
}

.pb-sm {
  margin-bottom: 2rem;
}

.mb-sm {
  margin-bottom: 2rem;
}

.pb-md {
  padding-bottom: 3.75rem;
}

.mb-md {
  margin-bottom: 3.75rem;
}

.pb-lg {
  padding-bottom: 5rem;
}

.mb-lg {
  margin-bottom: 5rem;
}

.pb-xl {
  padding-bottom: 8rem;
}

.mb-xl {
  margin-bottom: 8rem;
}

@media (max-width: 767px) {
  .m-pb-0 {
    padding-bottom: 0;
  }
  
  .m-mb-0 {
    margin-bottom: 0;
  }
  
  .m-pb-xs {
    padding-bottom: 1rem;
  }
  
  .m-mb-xs {
    margin-bottom: 1rem;
  }
  
  .m-pb-sm {
    margin-bottom: 2rem;
  }
  
  .m-mb-sm {
    margin-bottom: 2rem;
  }
  
  .m-pb-md {
    padding-bottom: 3.75rem;
  }
  
  .m-mb-md {
    padding-bottom: 3.75rem;
  }
  
  .m-pb-lg {
    padding-bottom: 5rem;
  }
  
  .m-mb-lg {
    margin-bottom: 5rem;
  }
  
  .m-pb-xl {
    padding-bottom: 8rem;
  }
  
  .m-mb-xl {
    margin-bottom: 8rem;
  }
}

/* Top */

.pt-0 {
  padding-top: 0;
}

.mt-0 {
  margin-top: 0;
}

.pt-xs {
  padding-top: 1rem;
}

.mt-xs {
  margin-top: 1rem;
}

.pt-sm {
  padding-top: 2rem;
}

.mt-sm {
  margin-top: 2rem;
}

.pt-md {
  padding-top: 3.75rem;
}

.mt-md {
  margin-top: 3.75rem;
}

.pt-lg {
  padding-top: 5rem;
}

.mt-lg {
  margin-top: 5rem;
}

.pt-xl {
  padding-top: 8rem;
}

.mt-xl {
  margin-top: 8rem;
}

@media (max-width: 767px) {
  .m-pt-0 {
    padding-top: 0;
  }
  
  .m-mt-0 {
    margin-top: 0;
  }
  
  .m-pt-xs {
    padding-top: 1rem;
  }
  
  .m-mt-xs {
    margin-top: 1rem;
  }
  
  .m-pt-sm {
    padding-top: 2rem;
  }
  
  .m-mt-sm {
    margin-top: 2rem;
  }
  
  .m-pt-md {
    padding-top: 3.75rem;
  }
  
  .m-mt-md {
    margin-top: 3.75rem;
  }
  
  .m-pt-lg {
    padding-top: 5rem;
  }
  
  .m-mt-lg {
    margin-top: 5rem;
  }
  
  .m-pt-xl {
    padding-top: 8rem;
  }
  
  .m-mt-xl {
    margin-top: 8rem;
  }
}

/* Left */

.pl-0 {
  padding-left: 0;
}

.ml-0 {
  margin-left: 0;
}

.pl-xs {
  padding-left: 1rem;
}

.ml-xs {
  margin-left: 1rem;
}

.pl-sm {
  padding-left: 2rem;
}

.ml-sm {
  margin-left: 2rem;
}

.pl-md {
  padding-left: 3.75rem;
}

.ml-md {
  margin-left: 3.75rem;
}

.pl-lg {
  padding-left: 5rem;
}

.ml-lg {
  margin-left: 5rem;
}

.pl-xl {
  padding-left: 8rem;
}

.ml-xl {
  margin-left: 8rem;
}

@media (max-width: 767px) {
  .m-pl-0 {
    padding-left: 0;
  }
  
  .m-ml-0 {
    margin-left: 0;
  }
  
  .m-pl-xs {
    padding-left: 1rem;
  }
  
  .m-ml-xs {
    margin-left: 1rem;
  }
  
  .m-pl-sm {
    padding-left: 2rem;
  }
  
  .m-ml-sm {
    margin-left: 2rem;
  }
  
  .m-pl-md {
    padding-left: 3.75rem;
  }
  
  .m-ml-md {
    margin-left: 3.75rem;
  }
  
  .m-pl-lg {
    padding-left: 5rem;
  }
  
  .m-ml-lg {
    margin-left: 5rem;
  }
  
  .m-pl-xl {
    padding-left: 8rem;
  }
  
  .m-ml-xl {
    margin-left: 8rem;
  }
}

/* Right */

.pr-0 {
  padding-right: 0;
}

.mr-0 {
  margin-right: 0;
}

.pr-xs {
  padding-right: 1rem;
}

.mr-xs {
  margin-right: 1rem;
}

.pr-sm {
  padding-right: 2rem;
}

.mr-sm {
  margin-right: 2rem;
}

.pr-md {
  padding-right: 3.75rem;
}

.mr-md {
  margin-right: 3.75rem;
}

.pr-lg {
  padding-right: 5rem;
}

.mr-lg {
  margin-right: 5rem;
}

.pr-xl {
  padding-right: 8rem;
}

.mr-xl {
  margin-right: 8rem;
}

@media (max-width: 767px) {
  .m-pr-0 {
    padding-right: 0;
  }
  
  .m-mr-0 {
    margin-right: 0;
  }
  
  .m-pr-xs {
    padding-right: 1rem;
  }
  
  .m-mr-xs {
    margin-right: 1rem;
  }
  
  .m-pr-sm {
    padding-right: 2rem;
  }
  
  .m-mr-sm {
    margin-right: 2rem;
  }
  
  .m-pr-md {
    padding-right: 3.75rem;
  }
  
  .m-mr-md {
    margin-right: 3.75rem;
  }
  
  .m-pr-lg {
    padding-right: 5rem;
  }
  
  .m-mr-lg {
    margin-right: 5rem;
  }
  
  .m-pr-xl {
    padding-right: 8rem;
  }
  
  .m-mr-xl {
    margin-right: 8rem;
  }
}

/* Horizontal */

.px-xs {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-sm {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-md {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}

.px-lg {
  padding-left: 5rem;
  padding-right: 5rem;
}

.px-xl {
  padding-left: 8rem;
  padding-right: 8rem;
}

@media (max-width: 767px) {
  .m-px-xs {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .m-px-sm {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  
  .m-px-md {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
  
  .m-px-lg {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  
  .m-px-xl {
    padding-left: 8rem;
    padding-right: 8rem;
  }
}

/* Vertical */

.py-xs {
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.py-sm {
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.py-md {
  padding-bottom: 3.75rem;
  padding-top: 3.75rem;
}

.py-lg {
  padding-bottom: 5rem;
  padding-top: 5rem;
}

.py-xl {
  padding-bottom: 8rem;
  padding-top: 8rem;
}

@media (max-width: 767px) {
  .m-py-xs {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
  
  .m-py-sm {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
  
  .m-py-md {
    padding-bottom: 3.75rem;
    padding-top: 3.75rem;
  }
  
  .m-py-lg {
    padding-bottom: 5rem;
    padding-top: 5rem;
  }
  
  .m-py-xl {
    padding-bottom: 8rem;
    padding-top: 8rem;
  }
}

/* Auto */

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.mx-auto {
  margin: 0 auto;
}

/* ********* Visuals ********* */

/* Images */

.img-cover {
  --max-width: 306px;
  display: block;
  max-width: var(--max-width) !important;
  overflow: hidden;
}

.img-cover img {
  object-fit: cover;
}

.img-cover--portrait-lg {
  --max-width: 597px;
}

.img-cover--portrait-lg,
.img-cover--portrait-lg img {
  aspect-ratio: 4/5;
}

.img-cover--portrait-md {
  --max-width: 392px;
}

.img-cover--portrait-md,
.img-cover--portrait-md img {
  aspect-ratio: 4/5;
}

.img-cover--portrait-md-tall {
  --max-width: 389px;
}

.img-cover--portrait-md-tall,
.img-cover--portrait-md-tall img {
  aspect-ratio: 2/3;
}

.img-cover--square-sm {
  --max-width: 114px;
}

.img-cover--square-sm,
.img-cover--square-sm img {
  aspect-ratio: 1/1;
}

.img-cover--square-md {
  --max-width: 306px;
}

.img-cover--square-md,
.img-cover--square-md img {
  aspect-ratio: 1/1;
}

.img-cover--square-lg {
  --max-width: 468px;
}

.img-cover--square-lg,
.img-cover--square-lg img {
  aspect-ratio: 1/1;
}

.img-cover--square-xl {
  --max-width: 597px;
}

.img-cover--square-xl,
.img-cover--square-xl img {
  aspect-ratio: 1/1;
}

.img-cover--landscape-sm {
  --max-width: 306px;
}

.img-cover--landscape-sm,
.img-cover--landscape-sm img {
  aspect-ratio: 3/2;
}

.img-cover--landscape-md {
  --max-width: 702px;
}

.img-cover--landscape-md,
.img-cover--landscape-md img {
  aspect-ratio: 3/2;
}

.img-cover--landscape-lg {
  --max-width: 1356px;
}

.img-cover--landscape-lg,
.img-cover--landscape-lg img {
  aspect-ratio: 2/1;
}

.img-cover--oval-lg {
  --max-width: 294px;
  border-radius: calc(var(--max-width) * 0.6);
}

.img-cover--oval-lg,
.img-cover--oval-lg img {
  aspect-ratio: 4/5;
}

.img-cover--oval-sm {
  --max-width: 114px;
  border-radius: calc(var(--max-width) * 0.6);
}

.img-cover--oval-sm,
.img-cover--oval-sm img {
  aspect-ratio: 4/5;
}

.img-cover--oval-xs {
  --max-width: 72px;
  border-radius: calc(var(--max-width) * 0.6);
}

.img-cover--oval-xs,
.img-cover--oval-xs img {
  aspect-ratio: 4/5;
}

/* Icons */

.icon--linkedin-fix svg {
  margin-top: -0.12em;
}

/* ********* Appearance ********* */

.bg-color {
  background-color: var(--accent-primary);
}

.bg-white {
  background-color: #FFF;
}

.bg-light {
  background-color: var(--light-primary);
}

.bg-light-sec {
  background-color: var(--light-secondary);
}

.bg-light-ter {
  background-color: var(--light-tertiary);
}

.bg-dark {
  background-color: var(--dark-primary);
}

.divider-b {
  border-bottom: 1px solid var(--light-tertiary);
}

.divider-t {
  border-top: 1px solid var(--light-tertiary);
}

@media only screen and (max-width: 768px) {
  .m-divider-b {
    border-bottom: 1px solid var(--light-tertiary);
  }
  
  .m-divider-t {
    border-top: 1px solid var(--light-tertiary);
  }
}

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}

/* JS-related helpers */

.js-noscroll {
  overflow: hidden;
}

.js-hide {
  display: none;
}

@media (hover: hover) {
  .js-slidein-start {
    opacity: 0;
    transform: translateY(25%);
    transition-duration: 0.6s;
    transition-property: opacity,transform;
    transition-timing-function: ease-in-out;
  }

  .js-slidein-end {
    opacity: 1;
    transform: translateY(0);
  }
}
/* === assets/css/common.css === */
/* ============================================================
   VXM Design System - CSS Custom Properties
   ============================================================ */

:root {
  /* Brand Colors */
  --vxm-brand-blue: #477ECF;
  --vxm-dark: #1A1A1A;
  --vxm-white: #FFFFFF;
  --vxm-accent: #7FD2CD;
  --vxm-success: #20AD96;
  --vxm-teal: #4DC6BE;
  --vxm-black: #000000;

  /* Neutral Palette */
  --vxm-gray-100: #F9FAFB;
  --vxm-gray-200: #F2F5EE;
  --vxm-gray-300: #E5E7EB;
  --vxm-gray-400: #CCCCCC;
  --vxm-gray-500: #999999;
  --vxm-gray-600: #555555;
  --vxm-gray-700: #333333;
  --vxm-gray-900: #0A0E27;

  /* Typography Scale */
  --vxm-text-sm: 14px;
  --vxm-text-base: 16px;
  --vxm-text-lg: 18px;
  --vxm-text-xl: 24px;
  --vxm-text-2xl: 32px;
  --vxm-text-3xl: 40px;

  /* Spacing Scale */
  --vxm-space-xs: 4px;
  --vxm-space-sm: 8px;
  --vxm-space-md: 16px;
  --vxm-space-lg: 24px;
  --vxm-space-xl: 40px;
  --vxm-space-2xl: 64px;

  /* Layout */
  --vxm-max-width: 1400px;
  --vxm-border-radius: 8px;

  /* Transitions */
  --vxm-transition-fast: 150ms ease;
  --vxm-transition-base: 300ms ease;
}

/* CSS Containment for third-party embeds — prevents layout shifts from propagating */
.embed_container,
.oembed_container {
  contain: layout;
}

/* Override vendor template_main.min.css color variables for WCAG contrast */
:root {
  --accent-primary: #477ECF;
  --accent-secondary: #477ECF;
  --primary-btn-fill: #477ECF;
  --primary-btn-label: #FFFFFF;
  --primary-btn-label-hover: #477ECF;
  --primary-btn-label-active: #477ECF;
  --secondary-btn-fill: #477ECF;
  --secondary-btn-label-hover: #477ECF;
  --secondary-btn-label-active: #477ECF;
  --ink-btn-fill: #477ECF;
  --ink-btn-fill-hover: #477ECF;
  --ink-btn-fill-active: #477ECF;
  --featured-btn-label: #477ECF;
  --featured-btn-underline-color: #477ECF;
  --header-nav-color-hover: #477ECF;
  --field-btn-label-hover: #477ECF;
  --field-btn-fill: #477ECF;
  --footer-bg: #4DC6BE;
}

/* ── Utility classes ── */

.img-responsive {
  max-width: 100%;
  height: auto;
}

.inline-block-wrap {
  display: inline-block;
  max-width: 100%;
}

.border-none {
  border: 0;
}

/* ============================================================
   Base Styles
   ============================================================ */

/* Center buttons in plataforma.html sections */

.button-wrapper {
  text-align: center;
}

/* Shared across 10 pages: administrar.html, alimentos-y-bebidas.html, autoseller.html */

a.cta_button {
  box-sizing: content-box !important;
  vertical-align: middle;
}

.hs-breadcrumb-menu {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.hs-breadcrumb-menu-item {
  float: left;
  padding: 10px 0 10px 10px;
}

.hs-breadcrumb-menu-divider:before {
  content: "›";
  padding-left: 10px;
}

.hs-featured-image-link {
  border: 0;
}

.hs-featured-image {
  float: right;
  margin: 0 0 20px 20px;
  max-width: 50%;
}

.hs-screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

/* Shared across 10 pages: administrar.html, alimentos-y-bebidas.html, autoseller.html */

.vxm-header-logo .logo {
  max-width: 120px;
  margin-top: 0;
  margin-bottom: -200px;
}

/* Shared across 10 pages: administrar.html, alimentos-y-bebidas.html, autoseller.html */

.vxm-hero-buttons .btn-list {
  padding: 0;
}

/* Shared across 10 pages: administrar.html, alimentos-y-bebidas.html, autoseller.html */

.vxm-hero-buttons .button1 {
  background: linear-gradient(135deg, var(--vxm-gray-500) 0%, #777777 100%);
  color: var(--vxm-white);
  font-weight: bold;
  position: relative;
  overflow: hidden;
  border: none;
  box-shadow:
  0 4px 15px rgba(0, 0, 0, 0.2),
  0 0 20px rgba(153, 153, 153, 0.3),
  inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Ensure button text is visible above animations */

.vxm-hero-buttons .button1 span {
  position: relative;
  z-index: 1;
}

/* Cosmic shimmer effect - always active */

.vxm-hero-buttons .button1::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
  60deg,
  transparent 0%,
  transparent 40%,
  rgba(255, 255, 255, 0.3) 50%,
  transparent 60%,
  transparent 100%
  );
  animation: cosmic-shimmer 3s linear infinite;
  pointer-events: none;
}

/* Starfield overlay - always active */

.vxm-hero-buttons .button1::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image:
  radial-gradient(1px 1px at 20% 30%, rgba(255, 255, 255, 0.9), transparent),
  radial-gradient(1px 1px at 60% 70%, rgba(255, 255, 255, 0.8), transparent),
  radial-gradient(1px 1px at 50% 50%, rgba(255, 255, 255, 0.7), transparent),
  radial-gradient(1px 1px at 80% 10%, rgba(255, 255, 255, 0.8), transparent),
  radial-gradient(1px 1px at 90% 60%, rgba(255, 255, 255, 0.9), transparent),
  radial-gradient(1px 1px at 33% 80%, rgba(255, 255, 255, 0.7), transparent);
  background-size: 200% 200%;
  background-position: 0% 0%;
  animation: starfield-drift 20s linear infinite;
  pointer-events: none;
  opacity: 0.6;
}

.vxm-hero-buttons .button1:hover,
.vxm-hero-buttons .button1:focus {
  background: linear-gradient(135deg, var(--vxm-brand-blue) 0%, #6B9AE8 50%, var(--vxm-brand-blue) 100%);
  box-shadow:
  0 6px 25px rgba(0, 191, 166, 0.4),
  0 0 40px rgba(0, 191, 166, 0.3),
  0 0 60px rgba(71, 126, 207, 0.2),
  inset 0 1px 0 rgba(255, 255, 255, 0.3);
  transform: translateY(-2px) scale(1.03);
}

.vxm-hero-buttons .button1:hover::before {
  animation: cosmic-shimmer 1.5s linear infinite;
}

.vxm-hero-buttons .button1:hover::after {
  opacity: 1;
  animation: starfield-drift 10s linear infinite;
}

.vxm-hero-buttons .button1:active {
  background: linear-gradient(135deg, #3A6AB5 0%, var(--vxm-brand-blue) 100%);
  transform: translateY(0) scale(1);
  box-shadow:
  0 2px 10px rgba(0, 191, 166, 0.5),
  0 0 20px rgba(0, 191, 166, 0.4),
  inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* Keyframe animations */

@keyframes cosmic-shimmer {
  0% {
  transform: translateX(-100%) translateY(-100%) rotate(45deg);
  }
  100% {
  transform: translateX(100%) translateY(100%) rotate(45deg);
  }
}

@keyframes starfield-drift {
  0% {
  background-position: 0% 0%;
  }
  100% {
  background-position: 100% 100%;
  }
}

/* Shared across 10 pages: administrar.html, alimentos-y-bebidas.html, autoseller.html */

.vxm-header-divider hr {
  border: 0 none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #666666;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
}

/* Shared across 10 pages: administrar.html, alimentos-y-bebidas.html, autoseller.html */

.vxm-footer .global-footer-outer {
  padding: 90px 0 0;
  margin-top: 0;
  margin-bottom: 0;
}

.vxm-footer .global-footer-outer .inner .col1 .quote p,
.vxm-footer
  .global-footer-outer
  .inner
  .col1
  .need-help-img
  .help-text
  .help-title
  p,
.vxm-footer .global-footer-outer .inner .col2 .loc-add p,
.vxm-footer
  .global-footer-outer
  .inner
  .col2
  .cont-links
  .cont-link
  .con-link
  a,
.vxm-footer
  .global-footer-outer
  .inner
  .col
  .co-menu
  .hs-menu-wrapper
  ul
  li
  a,
.vxm-footer .global-footer-outer .copyright p {
  color: var(--vxm-white);
  font-size: 15px;
  font-family: Montserrat, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

.vxm-footer .global-footer-outer .inner .cont-links .type strong,
.vxm-footer .global-footer-outer .inner .cont-links .con-link a {
  color: var(--vxm-white);
}

.vxm-footer .global-footer-outer .inner .col1 .need-help-img .image img {
  border: 0 none;
  border-radius: 0;
}

.vxm-footer
  .global-footer-outer
  .inner
  .col1
  .need-help-img
  .help-text
  .help-link
  a {
  color: var(--vxm-white);
  font-size: 15px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

.vxm-footer
  .global-footer-outer
  .inner
  .col1
  .need-help-img
  .help-text
  .help-link
  a:hover {
  color: var(--vxm-teal);
}

.vxm-footer .global-footer-outer .inner .col-title h4 {
  color: var(--vxm-white);
  font-size: 21px;
  font-family: Montserrat, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

.vxm-footer .global-footer-outer .inner .col-title:before {
  background-color: var(--vxm-teal);
}

.vxm-footer .global-footer-outer .inner .col2 .loc-tit h5,
.vxm-footer .global-footer-outer .inner .col2 .contact-tit h5 {
  color: var(--vxm-white);
  font-size: 20px;
  font-family: Montserrat, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

.vxm-footer
  .global-footer-outer
  .inner
  .col2
  .cont-links
  .cont-link
  .type
  h6 {
  color: var(--vxm-white);
  font-size: 18px;
  font-family: Montserrat, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

.vxm-footer
  .global-footer-outer
  .inner
  .col2
  .cont-links
  .cont-link
  .con-link
  a:hover,
.vxm-footer
  .global-footer-outer
  .inner
  .col
  .co-menu
  .hs-menu-wrapper
  ul
  li
  a:hover {
  color: var(--vxm-brand-blue);
}

/* Shared across 10 pages: administrar.html, alimentos-y-bebidas.html, autoseller.html */

.vxm-footer-social .social-follow {
  margin-bottom: 20px;
  display: flex !important;
  justify-content: center !important;
  gap: 1.5rem !important;
  padding: 2rem 0 !important;
}

.vxm-footer-social .social-follow__link {
  padding: 0.75rem;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background:
  radial-gradient(circle at 30% 30%, rgba(40, 60, 120, 0.15), transparent 70%),
  rgba(15, 20, 45, 0.6) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(100, 120, 180, 0.15) !important;
  transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  position: relative !important;
  box-shadow:
  0 4px 20px rgba(0, 0, 0, 0.4),
  inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  overflow: hidden !important;
}

.vxm-footer-social .social-links {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.vxm-footer-social .social-follow__link svg {
  color: var(--vxm-white);
  width: 20px !important;
  height: 20px !important;
  fill: rgba(220, 230, 255, 0.85) !important;
  transition: all 0.5s ease !important;
  position: relative !important;
  z-index: 1 !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3)) !important;
}

.vxm-footer-social .social-follow__link:hover svg,
.vxm-footer-social .social-follow__link:focus svg,
.vxm-footer-social .social-follow__link:active svg {
  color: rgba(26, 26, 26, 60%);
  fill: rgba(26, 26, 26, 60%);
}

/* Font declarations removed - using Google Fonts CDN from HTML */

/* Shared across 8 pages: administrar.html, alimentos-y-bebidas.html, autoseller.html */

.vxm-cta-btn .button-wrapper,
.vxm-feature-problems-btn .button-wrapper,
.vxm-feature-solutions-btn .button-wrapper,
.vxm-button-centered .button-wrapper {
  text-align: CENTER;
}

.vxm-cta-btn .button--featured:hover,
.vxm-hero-cta-btn .button--featured:hover,
.vxm-tabs-cta-btn .button--featured:hover,
.vxm-feature-problems-btn .button--featured:hover,
.vxm-feature-solutions-btn .button--featured:hover,
.vxm-button-centered .button--featured:hover,
.vxm-button-white-18 .button--featured:hover {
  box-shadow: 0 0;
}

.vxm-hero-cta-btn .button,
.vxm-feature-problems-btn .button,
.vxm-feature-solutions-btn .button,
.vxm-button-centered .button {
  color: var(--vxm-white);
  font-weight: bold;
}

/* Shared across 2 pages: alimentos-y-bebidas.html, calzado.html */

.vxm-tabs .hs-tabs-wrapper,
.vxm-tabs-primary .hs-tabs-wrapper {
  margin-top: 0;
  margin-bottom: 30px;
}

.vxm-tabs .hs-tabs__tab,
.vxm-tabs-primary .hs-tabs__tab {
  padding: 10px;
}

.vxm-tabs .hs-tabs__tab[aria-selected="true"],
.vxm-tabs-primary .hs-tabs__tab[aria-selected="true"] {
  border-top: 1px solid var(--vxm-teal);
  border-left: 1px solid var(--vxm-teal);
  border-right: 1px solid var(--vxm-teal);
  border-bottom: 2px solid var(--vxm-black);
  background-color: var(--vxm-teal);
}

.vxm-tabs .hs-tabs__tab[aria-selected="true"]:after,
.vxm-tabs .hs-tabs__tab[aria-selected="false"]:hover:after,
.vxm-tabs .hs-tabs__tab[aria-selected="false"]:focus:after,
.vxm-tabs-primary .hs-tabs__tab[aria-selected="true"]:after,
.vxm-tabs-primary .hs-tabs__tab[aria-selected="false"]:hover:after,
.vxm-tabs-primary .hs-tabs__tab[aria-selected="false"]:focus:after {
  border-bottom: 2px solid var(--vxm-black);
}

.vxm-tabs .hs-tabs__tab[aria-selected="false"],
.vxm-tabs-primary .hs-tabs__tab[aria-selected="false"] {
  border-top: 1px solid var(--vxm-gray-400);
  border-left: 1px solid var(--vxm-gray-400);
  border-right: 1px solid var(--vxm-gray-400);
  border-bottom: 2px solid var(--vxm-gray-400);
}

.vxm-tabs .hs-tabs__tab[aria-selected="false"]:after,
.vxm-tabs-primary .hs-tabs__tab[aria-selected="false"]:after {
  border-bottom: 2px solid var(--vxm-gray-400);
}

.vxm-tabs .hs-tabs__tab[aria-selected="false"]:hover,
.vxm-tabs .hs-tabs__tab[aria-selected="false"]:focus,
.vxm-tabs-primary .hs-tabs__tab[aria-selected="false"]:hover,
.vxm-tabs-primary .hs-tabs__tab[aria-selected="false"]:focus {
  border-top: 1px solid var(--vxm-gray-400);
  border-left: 1px solid var(--vxm-gray-400);
  border-right: 1px solid var(--vxm-gray-400);
  border-bottom: 2px solid var(--vxm-black);
}

.vxm-tabs .hs-tabs__content,
.vxm-tabs-primary .hs-tabs__content {
  border: 2px solid var(--vxm-brand-blue);
  background-color: var(--vxm-white);
}

.vxm-tabs .hs-tabs__content__panel,
.vxm-tabs-primary .hs-tabs__content__panel {
  margin-right: -100%;
  visibility: hidden;
}

.vxm-tabs .hs-tabs__content__panel--visible,
.vxm-tabs-primary .hs-tabs__content__panel--visible {
  visibility: visible;
}

.vxm-tabs-cta-btn .button,
.vxm-button-white-18 .button {
  color: var(--vxm-white);
  font-size: 18px;
  font-weight: bold;
}

/* Shared across 2 pages: alimentos-y-bebidas.html, calzado.html */

/* Shared across 2 pages: alimentos-y-bebidas.html, calzado.html */

/* Shared across 2 pages: alimentos-y-bebidas.html, calzado.html */

.vxm-logo-slider .jake-logo-slider,
.vxm-logo-slider .jake-logo-slider .swiper-slide {
  background: rgba(255, 255, 255, 0%);
  border-radius: 0;
}

.vxm-logo-slider .swiper-pagination {
  position: static;
  padding-bottom: 20px;
}

.vxm-logo-slider .swiper-pagination-bullet {
  opacity: 1;
  background-color: var(--vxm-gray-500);
  width: 12px;
  height: 12px;
  padding: 6px;
  box-sizing: content-box;
}

.vxm-logo-slider .swiper-pagination-bullet-active,
.vxm-logo-slider .swiper-scrollbar-drag {
  background-color: var(--vxm-brand-blue);
}

.vxm-logo-slider .swiper-button-next,
.vxm-logo-slider .swiper-button-prev {
  color: var(--vxm-gray-500);
}

.vxm-logo-slider .swiper-button-next:hover,
.vxm-logo-slider .swiper-button-prev:hover {
  color: var(--vxm-brand-blue);
}

.vxm-logo-slider .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  align-items: center;
}

.vxm-logo-slider .jake-logo-slider__swiper {
  position: relative;
  overflow: hidden;
}

.vxm-logo-slider .jake-logo-slider__swiper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 100%;
  background: linear-gradient(to right, var(--vxm-white), rgba(255, 255, 255, 0));
  pointer-events: none;
  z-index: 2;
}

.vxm-logo-slider .jake-logo-slider__swiper::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  background: linear-gradient(to left, var(--vxm-white), rgba(255, 255, 255, 0));
  pointer-events: none;
  z-index: 2;
}

/* Mobile responsive adjustments */

/* ===================================================================
   REUSABLE COMPONENT STYLES - SHARED ACROSS MULTIPLE PAGES
   Centralized from 31 inline CSS files to reduce duplication

   Usage: Add vxm-* classes to HTML elements for shared styling
   =================================================================== */

/* -------------------------------------------------------------------
   BUTTON COMPONENTS
   ------------------------------------------------------------------- */

/* Centered button with white text and bold font - Used on 12 pages */


/* -------------------------------------------------------------------
   VIDEO/MEDIA COMPONENTS
   ------------------------------------------------------------------- */

/* White video thumbnail icon - Used on 7 pages */

.vxm-video-icon-white .oembed_custom-thumbnail_icon svg {
  fill: var(--vxm-white);
}

/* -------------------------------------------------------------------
   TABS COMPONENT - PRIMARY STYLE
   Used on: alimentos-y-bebidas, bazar-deco-regalos, ferreteria-y-construccion, libreriayoficina
   ------------------------------------------------------------------- */


@media only screen and (min-width: 220px) and (max-width: 767px) {

.vxm-footer .global-footer-outer {
  padding: 30px 0 0;
  margin-top: 0;
  margin-bottom: 0;
}

.vxm-footer .global-footer-outer .inner .col1 .quote p,
.vxm-footer
    .global-footer-outer
    .inner
    .col1
    .need-help-img
    .help-text
    .help-title
    p,
.vxm-footer
    .global-footer-outer
    .inner
    .col1
    .need-help-img
    .help-text
    .help-link
    a,
.vxm-footer .global-footer-outer .inner .col2 .loc-tit h5,
.vxm-footer .global-footer-outer .inner .col2 .loc-add p,
.vxm-footer .global-footer-outer .inner .col2 .contact-tit h5,
.vxm-footer
    .global-footer-outer
    .inner
    .col2
    .cont-links
    .cont-link
    .con-link
    a,
.vxm-footer
    .global-footer-outer
    .inner
    .col
    .co-menu
    .hs-menu-wrapper
    ul
    li
    a,
.vxm-footer .global-footer-outer .copyright p {
  font-size: 15px;
}

.vxm-footer .global-footer-outer .inner .col-title h4 {
  font-size: 21px;
}

.vxm-footer
    .global-footer-outer
    .inner
    .col2
    .cont-links
    .cont-link
    .type
    h6 {
  font-size: 14px;
}

}


@media only screen and (min-width: 768px) {

.vxm-footer-social .social-links {
  justify-content: center;
}

}


@media only screen and (min-width: 768px) and (max-width: 1024px) {

.vxm-footer .global-footer-outer {
  padding: 90px 0 0;
  margin-top: 0;
  margin-bottom: 0;
}

}


@media (max-width: 767px) {

.global_footer_by_growmeda.inner {
  flex-direction: column !important;
  gap: 2rem !important;
  padding: 3rem 0 !important;
}

.global_footer_by_growmeda.col1,
  .global_footer_by_growmeda.col2,
  .global_footer_by_growmeda.cold1,
  .global_footer_by_growmeda.cold2 {
  flex: 1 1 100% !important;
}

.vxm-footer-social .social-follow {
  gap: 1rem !important;
}

}


@media (max-width: 568px) {

.hs-featured-image {
  float: none;
  margin: 0;
  width: 100%;
  max-width: 100%;
}

}

/* Shared rules extracted from individual page CSS files */

.vxm-main-content {
  color: rgba(26, 26, 26, 60%) !important;
  display: block !important;
}

.vxm-main-content p,
.vxm-main-content li,
.vxm-main-content span,
.vxm-main-content label,
.vxm-main-content h1,
.vxm-main-content h2,
.vxm-main-content h3,
.vxm-main-content h4,
.vxm-main-content h5,
.vxm-main-content h6 {
  color: rgba(26, 26, 26, 60%) !important;
}

.vxm-cta-row-margin {
  margin-bottom: 1rem !important;
}

.vxm-cta-label,
.vxm-cta-heading {
  color: var(--vxm-white) !important;
  display: block !important;
}

.vxm-cta-label p,
.vxm-cta-label li,
.vxm-cta-label span,
.vxm-cta-label label,
.vxm-cta-label h1,
.vxm-cta-label h2,
.vxm-cta-label h3,
.vxm-cta-label h4,
.vxm-cta-label h5,
.vxm-cta-label h6,
.vxm-cta-heading p,
.vxm-cta-heading li,
.vxm-cta-heading span,
.vxm-cta-heading label,
.vxm-cta-heading h1,
.vxm-cta-heading h2,
.vxm-cta-heading h3,
.vxm-cta-heading h4,
.vxm-cta-heading h5,
.vxm-cta-heading h6 {
  color: var(--vxm-white) !important;
}

.vxm-hero-header-padding {
  padding-bottom: 1rem !important;
}

.vxm-section-1-padding {
  padding-top: 3rem !important;
}

.main_content-row-6-margin {
  margin-bottom: -100px !important;
}

.main_content-row-0-background-layers,
.main_content-row-4-background-layers {
  background-image: linear-gradient(var(--vxm-dark), var(--vxm-dark)) !important;
  background-position: left top !important;
  background-size: auto !important;
  background-repeat: no-repeat !important;
}

.main_content-row-3-background-layers,
.main_content-row-5-background-layers {
  background-image: linear-gradient(var(--vxm-white), var(--vxm-white)) !important;
  background-position: left top !important;
  background-size: auto !important;
  background-repeat: no-repeat !important;
}

.main_content-row-6-background-layers {
  background-image: linear-gradient(var(--vxm-brand-blue), var(--vxm-brand-blue)) !important;
  background-position: left top !important;
  background-size: auto !important;
  background-repeat: no-repeat !important;
}

.vxm-logo-slider-margin {
  margin-bottom: 0.5rem !important;
}

.vxm-section-2-padding {
  padding-top: 1rem !important;
  padding-bottom: 3rem !important;
}

.vxm-video-player {
  display: block !important;
  padding-bottom: 20px !important;
}

/* ── Off-screen rendering optimization ── */
#main-content > .row-fluid-wrapper > .row-fluid > .row-fluid-wrapper.dnd-section:nth-child(n+4) {
  content-visibility: auto;
  contain-intrinsic-size: auto 500px;
}

/* ── Feature section text ── */

.vxm-fs-label,
.vxm-fs-heading {
  color: var(--vxm-white) !important;
  display: block !important;
}

.vxm-fs-label p,
.vxm-fs-label li,
.vxm-fs-label span,
.vxm-fs-label label,
.vxm-fs-label h1,
.vxm-fs-label h2,
.vxm-fs-label h3,
.vxm-fs-label h4,
.vxm-fs-label h5,
.vxm-fs-label h6,
.vxm-fs-heading p,
.vxm-fs-heading li,
.vxm-fs-heading span,
.vxm-fs-heading label,
.vxm-fs-heading h1,
.vxm-fs-heading h2,
.vxm-fs-heading h3,
.vxm-fs-heading h4,
.vxm-fs-heading h5,
.vxm-fs-heading h6 {
  color: var(--vxm-white) !important;
}

.vxm-fp-label,
.vxm-fp-heading {
  color: var(--vxm-dark) !important;
  display: block !important;
}

.vxm-fp-label p,
.vxm-fp-label li,
.vxm-fp-label span,
.vxm-fp-label label,
.vxm-fp-label h1,
.vxm-fp-label h2,
.vxm-fp-label h3,
.vxm-fp-label h4,
.vxm-fp-label h5,
.vxm-fp-label h6,
.vxm-fp-heading p,
.vxm-fp-heading li,
.vxm-fp-heading span,
.vxm-fp-heading label,
.vxm-fp-heading h1,
.vxm-fp-heading h2,
.vxm-fp-heading h3,
.vxm-fp-heading h4,
.vxm-fp-heading h5,
.vxm-fp-heading h6 {
  color: var(--vxm-dark) !important;
}

/* ── Flex positioning (shared across all pages) ── */

.vxm-cta-label-flex,
.vxm-cta-heading-flex,
.vxm-cta-btn-flex,
.vxm-feature-problems-img-flex,
.vxm-feature-solutions-img-flex,
.vxm-hero-action-flex {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start;
}

.vxm-cta-label-flex > div,
.vxm-cta-heading-flex > div,
.vxm-cta-btn-flex > div,
.vxm-feature-problems-img-flex > div,
.vxm-feature-solutions-img-flex > div,
.vxm-hero-action-flex > div {
  max-width: 100%;
  flex-shrink: 0 !important;
}

/* ==========================================================================
   Utility Classes (extracted from inline styles)
   ========================================================================== */
.text-18 { font-size: 18px; }
.text-16 { font-size: 16px; }
.text-white { color: #ffffff; }
.font-bold { font-weight: bold; }
.text-center { text-align: center; }
.bg-transparent { background-color: transparent; }
/* === assets/css/global-header.css === */
.vxm-header-logo .logo {
  max-width: 120px;
  margin-top: 0;
  margin-bottom: -200px;
}
/* === assets/module_mega-menu.min.css === */
.main-nav-list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;width:100%}.main-nav__item{cursor:pointer;display:inline-block;flex-grow:0;line-height:1;margin-left:.45em;margin-right:.45em;padding:.5em 0 .5em 1.25em;position:relative}.main-nav__item,.main-nav__item button{font-size:1.33rem}.main-nav__item a,.main-nav__item>button{color:var(--header-nav-color);fill:var(--header-nav-color);font-style:normal;font-weight:400;text-decoration:none}.main-nav__item a:hover,.main-nav__item>button:hover{color:var(--header-nav-color-hover)}.main-nav__item button{display:flex;padding:.5em 0;text-align:inherit}.main-nav__item button:hover *{color:var(--header-nav-color-hover);fill:var(--header-nav-color-hover)}.main-nav__item.menu-drop{padding:0;position:static;transition:var(--transition)}.main-nav__item.mega-link{position:static}.mega-link>a{align-items:center;display:flex;position:relative}.mega-link .main-nav__item-label{color:var(--header-nav-color);font-weight:400}.mega-drop{left:0;position:static;top:var(--content-offset-desktop);width:100vw;z-index:9}.mega-drop__item{display:block}.mega-drop__item img{display:none}.mega-drop__item p{display:none;margin:0}.menu-drop-panel{height:0;overflow:hidden;transition-property:height,visibility;transition-timing-function:ease;visibility:hidden}.menu-drop.is-active .menu-drop-panel{visibility:visible}.main-nav__item-icon{display:inline-block;margin-right:.2em;transition:var(--transition);width:1em}.drop-link .main-nav__item-icon,.mega-link .main-nav__item-icon{color:var(--header-nav-color)}.drop-link.is-active .main-nav__item-icon,.mega-link.is-active .main-nav__item-icon{transform:translateY(2px) rotate(180deg)}.sub-menu-drop{height:0;position:static}.sub-menu-drop li{padding-left:1rem}.sub-menu-drop a{display:block;padding-bottom:.8em;padding-top:.8em}@media screen and (max-width:767px){.main-nav__item.is-active .mega-drop{display:block}.main-nav__item.drop-link,.main-nav__item.mega-link{padding-left:1.25em}.mega-drop__item h5{display:block;padding-bottom:.8em;padding-top:.8em}.mega-drop__item h5,.sub-menu-drop a{color:var(--header-nav-color);font-size:1rem;font-weight:400}.mega-drop__item:hover h5,.sub-menu-drop a:hover{color:var(--header-nav-color-hover)}.sub-menu-drop li:last-of-type{padding-bottom:1rem}}@media screen and (min-width:768px){.main-nav-list{align-items:center;background-color:transparent;display:flex;flex-direction:row;height:auto;justify-content:center;position:static}.main-nav__item{font-size:.89rem;padding:.2em 0}.main-nav__item button{font-size:.875rem;padding-bottom:.25em;padding-top:.25em}.main-nav__item-icon{margin-right:0}.main-nav__item.is-active>button *{color:var(--header-nav-color-hover);fill:var(--header-nav-color-hover)}.mega-link.is-active{box-shadow:0 1px var(--dark-primary)}.mega-link.is-active .main-nav__item-icon{transform:translateY(1px) rotate(180deg)}.mega-drop{position:absolute}.mega-drop-wrapper{background-color:var(--mega-menu-bg);padding-bottom:4rem;padding-top:3rem}.mega-drop-container{display:flex;flex-wrap:wrap}.mega-drop__item{max-width:300px;padding:1.875rem}.mega-drop__item:hover{background-color:var(--mega-menu-item-hover)}.mega-drop__item img{display:block;flex-shrink:0;margin-right:1.875rem;max-width:60px}.mega-drop__item p{color:var(--mega-menu-text-color);display:block}.mega-drop__item-text h5{color:var(--mega-menu-title-color);flex-shrink:0}.mega-drop__item-text p{color:var(--mega-menu-text-color)}.main-nav__item:hover .sub-menu-drop{display:block}.sub-menu-drop{background-color:var(--mega-menu-bg);position:absolute;top:var(--content-offset-desktop);width:180px;z-index:9}.sub-menu-drop li{padding-left:1.5rem}.sub-menu-drop li:first-of-type{margin-top:1rem}.sub-menu-drop li:last-of-type{margin-bottom:1rem}.sub-menu-drop li a{color:var(--mega-menu-title-color);font-size:.89rem}.sub-menu-drop li:hover{background-color:var(--mega-menu-item-hover)}}@media only screen and (min-width:860px){.main-nav__item{font-size:.89rem;margin-left:1em;margin-right:1em}}@media only screen and (min-width:990px){.main-nav__item,.main-nav__item button{font-size:1rem}}
/* === assets/module_button-stack.min.css === */
.btn-list{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:1rem;padding-top:2rem}.btn-list__item{margin-bottom:.8rem;margin-right:.8rem}.btn-list__item:last-of-type{margin-right:0}@media only screen and (min-width:768px){.btn-list{justify-content:normal}}
/* === assets/css/global-hero-buttons.css === */
.vxm-hero-buttons .btn-list {
  padding: 0;
}

.vxm-hero-buttons .button1 {
  background-color: var(--vxm-gray-500);
  color: var(--vxm-white);
  font-weight: bold;
}

.vxm-hero-buttons .button1:hover,
.vxm-hero-buttons .button1:focus,
.vxm-hero-buttons .button1:active {
  background-color: var(--vxm-brand-blue);
}

.vxm-header-divider hr {
  border: 0 none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #666666;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
}
/* === assets/module_video.min.css === */
.oembed_container{display:inline-block;height:100%;position:relative;width:100%}.iframe_wrapper{height:0;padding-bottom:56.25%;padding-top:25px;position:relative}.oembed_container_iframe{height:100%;left:0;margin:0 auto;position:absolute;right:0;top:0;width:100%}.oembed_custom-thumbnail,.oembed_custom-thumbnail:active,.oembed_custom-thumbnail:focus,.oembed_custom-thumbnail:hover{align-items:center;appearance:none;background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;border-radius:0;display:flex;height:100%;justify-content:center;left:0;margin:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.oembed_custom-thumbnail_icon{align-items:center;cursor:pointer;display:flex;justify-content:center;width:100%}.oembed_custom-thumbnail_icon svg{display:block;height:auto;width:12%}:root .oembed_custom-thumbnail_icon svg,_:-ms-fullscreen{max-width:none}.oembed_custom-thumbnail--hide{display:none}.embed_container{display:inline-block;height:100%;position:relative;width:100%}.embed_container iframe{left:0;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.oembed-info{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}:not(.hs-inline-edit) .hs-video-placeholder{display:none}.hs-inline-edit .hs-video-placeholder{background-color:#f5f8fa!important;border:1px dashed #516f90!important;display:block!important;font-size:14px!important;margin:2px 1px!important;outline:1px dashed #fff!important;text-align:center!important}.hs-video-placeholder>*{box-sizing:border-box!important;display:block!important;margin:1px!important;padding:12px!important;width:calc(100% - 2px)!important}p.hs-video-placeholder__title{font-size:14px!important;font-weight:700!important;line-height:normal!important;margin-bottom:10px!important;margin-top:0!important;padding:0!important}p.hs-video-placeholder__description,p.hs-video-placeholder__title{color:#7c98b6!important;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-style:italic!important;text-shadow:0 -1px 0 hsla(0,0%,100%,.5)!important}p.hs-video-placeholder__description{font-weight:400!important;line-height:1.6!important;margin:0!important}
/* === assets/module_Logo_Slider.min.css === */
.jake-logo-slider.swiper{height:100%;width:100%}body .jake-logo-slider__swiper{z-index:0}.jake-logo-slider .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;font-size:18px;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;flex-direction:column}.swiper--grayscale-hover .swiper-slide:not(:hover) img{filter:grayscale(100%)}.jake-logo-slider--hide{opacity:0}.jake-logo-slider--fade{opacity:1;transition:opacity .3s}.jake-logo-slider .disabled_swiper_button{cursor:auto;opacity:0;pointer-events:none}
/* === assets/swiper-bundle.min.css === */
/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* === assets/module_card-grid.min.css === */
.cards-grid{display:flex;flex-wrap:wrap;margin:.5rem}.cards-grid__item{flex:0 0 calc(100% - 1rem);margin:.5rem}@media only screen and (min-width:768px){.cards-grid{margin:1.5rem}.cards-grid__item{flex:0 0 calc(50% - 1rem)}}@media only screen and (min-width:1024px){.cards-grid__item{flex:0 0 calc(33.33333% - 1rem)}}
/* === assets/module_text-feed.min.css === */
.text-feed{padding-bottom:2.5rem;padding-top:2.5rem}.text-feed__row{align-items:center;display:inline-flex;transform:translateX(-15%)}.text-feed__item{display:inline-block;font-size:5rem;font-weight:700;letter-spacing:var(--letter-spacing);padding-left:.1em;padding-right:.1em}@media only screen and (min-width:768px){.text-feed__item{font-size:10rem}}.anim-block{animation-duration:200s;animation-iteration-count:infinite;animation-timing-function:linear;white-space:nowrap}.anim-left-1{animation-name:moveLeft}.anim-left-1,.anim-left-2{animation-direction:revert;transform:translateX(0)}.anim-left-2{animation-name:moveLeftJump}.anim-right-1{animation-direction:revert;animation-name:moveRight;background-color:hsla(0,99%,72%,0);transform:translateX(0)}.anim-right-2{animation-direction:revert;animation-name:moveRightJump;background-color:rgba(116,111,254,0);transform:translateX(-200%)}@keyframes moveLeftJump{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes moveLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes moveRightJump{0%{transform:translateX(-200%)}to{transform:translateX(-100%)}}@keyframes moveRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}
/* === assets/module_Case_Study_Carousel_UNBOUND.min.css === */
html{font-size:100%}body{font-size:inherit}.container{margin:0 auto}.unbound---case-study-carousel-bottoms.container{width:100%!important}.flexwrap{display:flex;display:-webkit-flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;justify-content:left;-webkit-justify-content:left}.alignCenter{align-items:center;-webkit-align-items:center}.justCenter{justify-content:center;-webkit-justify-content:center}.case-stud-slider{overflow:visible;position:relative}.case-stud-slider-outer{padding-bottom:60px;position:relative}.case-stud-slider .slick-arrow{bottom:0;height:24px;left:0;opacity:1;top:unset;width:40px}.case-stud-slider .slick-next{left:84px}.case-stud-slider .slick-arrow:before{background-color:#98a2b3;content:"";height:2px;left:0;opacity:1!important;position:absolute;top:50%;transform:translateY(-50%);width:100%}.case-stud-slider .slick-arrow:after{content:"";height:12px;position:absolute;top:10px;width:12px}.case-stud-slider .slick-prev:after{border-bottom:2px solid #98a2b3;border-left:2px solid #98a2b3;left:-3px;transform:rotate(45deg) translateY(-50%)}.case-stud-slider .slick-next:after{border-right:2px solid #98a2b3;border-top:2px solid #98a2b3;right:5px;transform:rotate(45deg) translateY(-50%)}.case-stud-top-content{margin:0 auto;text-align:center}.case-stud-section{overflow:hidden;padding-block:96px;position:relative;z-index:1}.case-stud-section:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.case-stud-shape svg{backface-visibility:hidden;height:100%;transform:translateZ(0);vertical-align:middle;width:100%;-webkit-font-smoothing:antialiased}.case-stud-shape{bottom:-1px;position:absolute;right:0;z-index:-1}.case-stud-inner-heading{margin:0 0 1.25rem}.case-stud-btn{margin:.625rem .313rem}.case-stud-button{margin:1.375rem 0 0}.case-stud-slide-inn{background-position:top;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;display:-webkit-flex;flex-flow:column;-webkit-flex-flow:column;height:100%;min-height:31.5rem;overflow:hidden;position:relative;transition:.2s;z-index:1}.case-stud-slide-inn:before{background-color:rgba(48,55,79,.5);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.case-stud-slide.swiper-slide{height:auto;margin:0 2rem 0 0;width:24rem}.case-stud-slider-outer{margin:4rem 0 0}.case-stud-bottom{backdrop-filter:blur(.75rem);background-color:hsla(0,0%,100%,.3);border:1px solid hsla(0,0%,100%,.3);display:flex;flex-direction:column;height:100%}.case-stud-tops img{max-height:3rem;object-fit:contain}.case-stud-links svg{margin-left:.5rem}.case-stud-links a,.case-stud-links svg{vertical-align:middle}.case-stud-bottom h2,.case-stud-bottom h3,.case-stud-bottom h4,.case-stud-bottom h5,.case-stud-bottom h6{margin-bottom:1rem;margin-top:0}.case-bottomns.flexwrap{justify-content:space-between;-webkit-justify-content:space-between;margin:3rem 0 0}.case-arrows-listi svg{outline:none;vertical-align:middle}.case-arrows-listi .case-next{margin-left:0;transition:margin-left .3s ease-out}.case-arrows-listi .case-next.has-prev{margin-left:16px}.case-vall a svg{margin-left:.75rem;vertical-align:middle}.case-arrows-listi>div{cursor:pointer}.spacing-2xl{padding:24px}.radius-sm{border-radius:6px}.shadow-lg{box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808}.spacing-none{padding:0!important}.spacing-sm{padding:12px!important}.spacing-lg{padding:24px!important}.spacing-3xl-tb{padding-bottom:32px;padding-top:32px}.spacing-2xl-lr{padding-left:24px;padding-right:24px}.case-stud-btn>[class^=button-]{border:1px solid;border-radius:8px;display:block;font-size:16px;font-style:normal;font-weight:600;padding:12px 18px;text-align:center;text-decoration:none}.text-white{color:#fff}.case-stud-shape--mobile{display:none}@media(max-width:991px){.case-stud-slide.swiper-slide{width:19rem}.case-stud-btn{width:48%}.case-stud-btn a{display:block}.case-stud-inner-heading{margin:0 0 1rem}.case-stud-slider-outer{margin:3rem 0 0}.case-vall{margin:2rem 0 0;width:100%}.case-stud-shape{width:100%}}@media (min-width:700px) and (max-width:767px){.case-stud-shape{right:-7px}}@media(max-width:767px){.case-stud-btn{margin:12px 0 0;width:100%}.case-bottomns.flexwrap{margin:32px 0 0}.case-arrows-listi .case-next{margin-left:16px}.case-arrows-listi svg{height:20px;width:40px}.case-stud-shape--mobile{display:block}.case-stud-shape--desktop{display:none}}.repaint{transform:rotate(0deg)}.unbound-case-studies .swiper-wrapper{align-items:stretch;display:flex}.unbound-case-studies .case-stud-slider{overflow:visible}.swiper-wrapper{display:flex;transition:transform .3s ease-out}.swiper-slide{display:flex;flex:0 0 auto;margin-right:32px;width:384px}@keyframes slideInSpace{0%{margin-right:0;width:0}to{margin-right:16px;width:48px}}@keyframes slideOutSpace{0%{margin-right:16px;width:48px}to{margin-right:0;width:0}}@keyframes fadeInArrow{0%{opacity:0;transform:translateX(10px)}50%{opacity:0}to{opacity:1;transform:translateX(0)}}@keyframes fadeOutArrow{0%{opacity:1;transform:translateX(0)}50%{opacity:0}to{opacity:0;transform:translateX(10px);visibility:hidden}}.case-prev{opacity:0;visibility:hidden;width:48px}.case-prev.is-visible{animation:fadeInArrow .4s ease-out forwards;visibility:visible}.case-prev.is-hiding{animation:fadeOutArrow .4s ease-out forwards}.case-prev-wrapper{display:flex;margin-right:0;overflow:hidden;width:0}.case-prev-wrapper.is-visible{animation:slideInSpace .4s ease-out forwards}.case-prev-wrapper.is-hiding{animation:slideOutSpace .4s ease-out forwards}
/* === assets/module_accordion.min.css === */
.accordion__item{border-bottom:2px solid var(--dark-primary)}.accordion__item-btn{align-items:flex-start;display:flex;padding:2.4em 0;text-align:left;width:100%}.accordion__item:first-of-type .accordion__item-btn{padding-top:0}.accordion__item-desc{padding-bottom:3em;padding-left:3rem}@media only screen and (min-width:768px){.accordion__item-desc{padding-top:.89em}}@media only screen and (min-width:1024px){.accordion__item-btn{padding:3.2em 0}.accordion__item-desc{width:70%}}.ac .ac-panel{overflow:hidden;transition-property:height,visibility;transition-timing-function:ease}.ac.js-enabled .ac-panel{visibility:hidden}.ac.is-active .ac-panel{visibility:visible}.is-active .accordion__item-btn{padding-bottom:0}.accordion__item-icon.plus-minus{aspect-ratio:1;flex-grow:0;flex-shrink:0;margin-right:1rem;margin-top:.1em;position:relative;transform:rotate(0);transition:var(--transition);width:2rem}.accordion__item-icon.plus-minus:after,.accordion__item-icon.plus-minus:before{background-color:var(--dark-primary);content:"";position:absolute}.accordion__item-icon.plus-minus:before{bottom:4px;left:50%;top:4px;transform:translateX(-50%);width:2px}.accordion__item-icon.plus-minus:after{height:2px;left:4px;right:4px;top:50%;transform:translateY(-50%)}.is-active .accordion__item-icon.plus-minus{transform:rotate(90deg)}.is-active .accordion__item-icon.plus-minus:after{left:50%;right:50%}
/* === assets/module_Global_Footer_By_Growmeda.min.css === */
.global-footer-outer .inner{display:flex;justify-content:space-between}.global-footer-outer a{text-decoration:none}.global-footer-outer .inner h4,.global-footer-outer .inner h5,.global-footer-outer .inner h6,.global-footer-outer .inner p{margin-top:0}.global-footer-outer .copyright p{margin:0;text-align:center}.global-footer-outer .copyright{margin-top:30px;padding:20px 0}.global-footer-outer .inner .col1{padding-right:30px;width:25%}.global-footer-outer .inner .col2{width:23%}.global-footer-outer .inner .col{width:16%}.global-footer-outer .inner .col1 .logo img{width:150px!important}.global-footer-outer .inner .col1 .logo{margin-bottom:25px}.global-footer-outer .inner .col1 .need-help-img{align-items:center;display:flex;gap:10px}.global-footer-outer .inner .col1 .need-help-img .image img{border-radius:50%;height:60px;-o-object-fit:cover;object-fit:cover;width:60px}.global-footer-outer .inner .col1 .need-help-img .help-text p{margin-bottom:4px}.global-footer-outer .inner .col-title{margin-bottom:46px;position:relative}.global-footer-outer .inner .col-title h4{margin-bottom:5px}.global-footer-outer .inner .col-title:before{bottom:-15px;content:"";height:3px;left:0;position:absolute;width:70px}.global-footer-outer .inner .col2 .loc-tit h5{margin-bottom:8px}.global-footer-outer .inner .col2 .loc-add p{margin-bottom:20px}.global-footer-outer .inner .col2 .contact-tit h5{margin-bottom:8px}.global-footer-outer .inner .col2 .cont-links .cont-link{align-items:center;display:flex;gap:5px;margin-bottom:5px}.global-footer-outer .inner .col2 .cont-links .cont-link .type h6{margin-bottom:0}.global-footer-outer .inner .col2 .cont-links .cont-link .con-link a{display:inline-block}.global-footer-outer .inner .col .co-menu .hs-menu-wrapper ul{display:block;list-style:none;margin:0;padding-left:0}.global-footer-outer .inner .col .co-menu .hs-menu-wrapper ul li{margin-bottom:9px}.global-footer-outer .inner .col .co-menu .hs-menu-wrapper ul li a{display:inline-block}.global-footer-outer .inner .col .co-menu .hs-menu-wrapper ul li{text-align:left}@media only screen and (min-width:220px) and (max-width:767px){.global-footer-outer .inner{flex-wrap:wrap;gap:30px}.global-footer-outer .inner .col1{padding-right:0;width:100%}.global-footer-outer .inner .col,.global-footer-outer .inner .col2{width:100%}}@media only screen and (min-width:768px) and (max-width:1024px){.global-footer-outer .inner{flex-wrap:wrap;gap:30px}.global-footer-outer .inner .col1{padding-right:0;width:45%}.global-footer-outer .inner .col2{width:45%}.global-footer-outer .inner .col{width:30%}}
/* === assets/css/global-footer.css === */
.vxm-footer .global-footer-outer {
  padding: 90px 0 0;
  margin-top: 0;
  margin-bottom: 0;
}

.vxm-footer .global-footer-outer .inner .col1 .quote p,
.vxm-footer
  .global-footer-outer
  .inner
  .col1
  .need-help-img
  .help-text
  .help-title
  p,
.vxm-footer .global-footer-outer .inner .col2 .loc-add p,
.vxm-footer
  .global-footer-outer
  .inner
  .col2
  .cont-links
  .cont-link
  .con-link
  a,
.vxm-footer
  .global-footer-outer
  .inner
  .col
  .co-menu
  .hs-menu-wrapper
  ul
  li
  a,
.vxm-footer .global-footer-outer .copyright p {
  color: var(--vxm-white);
  font-size: 15px;
  font-family: Montserrat, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

.vxm-footer .global-footer-outer .inner .col1 .need-help-img .image img {
  border: 0 none;
  border-radius: 0;
}

.vxm-footer
  .global-footer-outer
  .inner
  .col1
  .need-help-img
  .help-text
  .help-link
  a {
  color: var(--vxm-white);
  font-size: 15px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

.vxm-footer
  .global-footer-outer
  .inner
  .col1
  .need-help-img
  .help-text
  .help-link
  a:hover {
  color: var(--vxm-teal);
}

.vxm-footer .global-footer-outer .inner .col-title h4 {
  color: var(--vxm-white);
  font-size: 21px;
  font-family: Montserrat, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

.vxm-footer .global-footer-outer .inner .col-title:before {
  background-color: var(--vxm-teal);
}

.vxm-footer .global-footer-outer .inner .col2 .loc-tit h5,
.vxm-footer .global-footer-outer .inner .col2 .contact-tit h5 {
  color: var(--vxm-white);
  font-size: 20px;
  font-family: Montserrat, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

.vxm-footer
  .global-footer-outer
  .inner
  .col2
  .cont-links
  .cont-link
  .type
  h6 {
  color: var(--vxm-white);
  font-size: 18px;
  font-family: Montserrat, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

.vxm-footer
  .global-footer-outer
  .inner
  .col2
  .cont-links
  .cont-link
  .con-link
  a:hover,
.vxm-footer
  .global-footer-outer
  .inner
  .col
  .co-menu
  .hs-menu-wrapper
  ul
  li
  a:hover {
  color: var(--vxm-brand-blue);
}


@media only screen and (min-width: 220px) and (max-width: 767px) {

.vxm-footer .global-footer-outer {
  padding: 30px 0 0;
  margin-top: 0;
  margin-bottom: 0;
}

.vxm-footer .global-footer-outer .inner .col1 .quote p,
.vxm-footer
    .global-footer-outer
    .inner
    .col1
    .need-help-img
    .help-text
    .help-title
    p,
.vxm-footer
    .global-footer-outer
    .inner
    .col1
    .need-help-img
    .help-text
    .help-link
    a,
.vxm-footer .global-footer-outer .inner .col2 .loc-tit h5,
.vxm-footer .global-footer-outer .inner .col2 .loc-add p,
.vxm-footer .global-footer-outer .inner .col2 .contact-tit h5,
.vxm-footer
    .global-footer-outer
    .inner
    .col2
    .cont-links
    .cont-link
    .con-link
    a,
.vxm-footer
    .global-footer-outer
    .inner
    .col
    .co-menu
    .hs-menu-wrapper
    ul
    li
    a,
.vxm-footer .global-footer-outer .copyright p {
  font-size: 15px;
}

.vxm-footer .global-footer-outer .inner .col-title h4 {
  font-size: 21px;
}

.vxm-footer
    .global-footer-outer
    .inner
    .col2
    .cont-links
    .cont-link
    .type
    h6 {
  font-size: 14px;
}

}


@media only screen and (min-width: 768px) and (max-width: 1024px) {

.vxm-footer .global-footer-outer {
  padding: 90px 0 0;
  margin-top: 0;
  margin-bottom: 0;
}

}
/* === assets/module_social-follow.min.css === */
.social-follow{align-items:center;display:flex;flex-wrap:wrap}.social-follow *{display:block}
/* === assets/css/global-footer-social.css === */
.vxm-footer-social .social-follow {
  margin-bottom: 20px;
  justify-content: center;
}

.vxm-footer-social .social-follow__link {
  padding: 0.75rem;
}

.vxm-footer-social .social-links {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.vxm-footer-social .social-follow__link svg {
  color: var(--vxm-white);
  fill: var(--vxm-white);
  height: 27px;
  width: 27px;
}

.vxm-footer-social .social-follow__link:hover svg,
.vxm-footer-social .social-follow__link:focus svg,
.vxm-footer-social .social-follow__link:active svg {
  color: rgba(26, 26, 26, 60%);
  fill: rgba(26, 26, 26, 60%);
}

@media only screen and (min-width: 768px) {
  .vxm-footer-social .social-links {
    justify-content: center;
  }
}
/* === assets/css/cosmic-footer.css === */
/* ===================================================================
   FOOTER - COSMIC DEEP SPACE (Performance-optimized)
   Static version: no animations, no blur filters, no blend modes
   Visual effect achieved with gradients and box-shadow only
   =================================================================== */

/* Main footer section - Deep space foundation */

.footer-row-0-background-layers {
  position: relative !important;
  background:
  radial-gradient(ellipse at 50% 100%, #0a0e27 0%, #020308 70%, #000000 100%),
  linear-gradient(180deg, #050b1f 0%, #030612 50%, #010205 100%) !important;
  overflow: hidden !important;
}

/* LAYER 1: Subtle grain texture via SVG (no blend mode) */

.footer-row-0-background-layers::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
  url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E") !important;
  opacity: 0.15 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* LAYER 2: Static nebula glow - soft gradients, no blur/animation */

.footer-row-0-background-layers::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
  radial-gradient(ellipse 900px 600px at 18% 28%, rgba(65, 25, 95, 0.12) 0%, transparent 70%),
  radial-gradient(ellipse 1000px 700px at 78% 65%, rgba(5, 75, 60, 0.09) 0%, transparent 70%),
  radial-gradient(ellipse 800px 900px at 45% 55%, rgba(20, 45, 125, 0.08) 0%, transparent 70%),
  radial-gradient(ellipse 700px 550px at 10% 80%, rgba(85, 30, 150, 0.07) 0%, transparent 65%) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* STAR FIELD - Static box-shadow stars, no animations */

/* Background stars - distant, faint */

.footer-row-0-background-layers .cosmic-stars-layer-1 {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 1px !important;
  height: 1px !important;
  box-shadow:
  12vw 18vh 0.5px 0.5px rgba(255, 255, 255, 0.65),
  28vw 42vh 0.4px 0.4px rgba(240, 245, 255, 0.60),
  54vw 73vh 0.5px 0.5px rgba(255, 252, 248, 0.62),
  71vw 28vh 0.4px 0.4px rgba(245, 248, 255, 0.58),
  83vw 61vh 0.5px 0.5px rgba(255, 255, 255, 0.64),
  45vw 9vh 0.4px 0.4px rgba(242, 246, 255, 0.61),
  6vw 52vh 0.5px 0.5px rgba(255, 253, 250, 0.59),
  92vw 85vh 0.4px 0.4px rgba(248, 250, 255, 0.63),
  38vw 94vh 0.5px 0.5px rgba(255, 255, 255, 0.60),
  67vw 47vh 0.4px 0.4px rgba(243, 247, 255, 0.62),
  19vw 76vh 0.5px 0.5px rgba(255, 254, 251, 0.58),
  88vw 34vh 0.4px 0.4px rgba(246, 249, 255, 0.64),
  41vw 65vh 0.5px 0.5px rgba(255, 255, 255, 0.61),
  76vw 12vh 0.4px 0.4px rgba(250, 252, 255, 0.59),
  14vw 41vh 0.5px 0.5px rgba(255, 254, 249, 0.63),
  59vw 88vh 0.4px 0.4px rgba(244, 247, 255, 0.60),
  95vw 56vh 0.5px 0.5px rgba(255, 255, 255, 0.62),
  23vw 23vh 0.4px 0.4px rgba(248, 251, 255, 0.58),
  62vw 8vh 0.5px 0.5px rgba(255, 253, 246, 0.64),
  8vw 91vh 0.4px 0.4px rgba(242, 245, 255, 0.61),
  35vw 31vh 0.5px 0.5px rgba(255, 255, 255, 0.59),
  77vw 79vh 0.4px 0.4px rgba(246, 248, 255, 0.63),
  50vw 15vh 0.5px 0.5px rgba(255, 254, 250, 0.60),
  18vw 63vh 0.4px 0.4px rgba(243, 246, 255, 0.62),
  86vw 44vh 0.5px 0.5px rgba(255, 255, 255, 0.58),
  31vw 97vh 0.4px 0.4px rgba(247, 250, 255, 0.64),
  65vw 25vh 0.5px 0.5px rgba(255, 253, 248, 0.61),
  4vw 69vh 0.4px 0.4px rgba(244, 247, 255, 0.59),
  97vw 38vh 0.5px 0.5px rgba(255, 255, 255, 0.63),
  42vw 5vh 0.4px 0.4px rgba(249, 251, 255, 0.60) !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

/* Mid-distance stars - moderate brightness */

.footer-row-0-background-layers .cosmic-stars-layer-2 {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 1px !important;
  height: 1px !important;
  box-shadow:
  31vw 14vh 0.7px 0.7px rgba(255, 255, 255, 0.80),
  68vw 51vh 0.8px 0.8px rgba(210, 225, 255, 0.77),
  17vw 69vh 0.7px 0.7px rgba(255, 248, 240, 0.75),
  85vw 39vh 0.8px 0.8px rgba(225, 235, 255, 0.79),
  42vw 81vh 0.7px 0.7px rgba(255, 255, 255, 0.76),
  9vw 27vh 0.8px 0.8px rgba(218, 230, 255, 0.78),
  73vw 64vh 0.7px 0.7px rgba(255, 250, 243, 0.75),
  51vw 35vh 0.8px 0.8px rgba(232, 242, 255, 0.80),
  26vw 58vh 0.7px 0.7px rgba(255, 255, 255, 0.77),
  91vw 77vh 0.8px 0.8px rgba(220, 232, 255, 0.76),
  64vw 21vh 0.7px 0.7px rgba(255, 251, 245, 0.79),
  5vw 84vh 0.8px 0.8px rgba(228, 238, 255, 0.75),
  79vw 46vh 0.7px 0.7px rgba(255, 255, 255, 0.78),
  36vw 7vh 0.8px 0.8px rgba(215, 228, 255, 0.77),
  55vw 92vh 0.7px 0.7px rgba(255, 249, 242, 0.76),
  20vw 33vh 0.8px 0.8px rgba(230, 240, 255, 0.79) !important;
  pointer-events: none !important;
  z-index: 4 !important;
}

/* Foreground stars - brightest */

.footer-row-0-background-layers .cosmic-stars-layer-3 {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 1px !important;
  height: 1px !important;
  box-shadow:
  22vw 31vh 1px 0.5px rgba(255, 255, 255, 0.92),
  78vw 67vh 1.2px 0.6px rgba(225, 238, 255, 0.89),
  47vw 88vh 0.9px 0.4px rgba(255, 252, 248, 0.87),
  89vw 19vh 1.1px 0.5px rgba(235, 244, 255, 0.91),
  14vw 74vh 1.3px 0.7px rgba(255, 255, 255, 0.88),
  61vw 42vh 0.9px 0.4px rgba(248, 252, 255, 0.90),
  34vw 56vh 1px 0.5px rgba(255, 250, 245, 0.87),
  93vw 83vh 1.2px 0.6px rgba(232, 242, 255, 0.92) !important;
  pointer-events: none !important;
  z-index: 5 !important;
}

/* Subtle cosmic dust - static gradient haze, no blur/animation */

.footer-row-0-background-layers .cosmic-dust {
  position: absolute !important;
  inset: 0 !important;
  background-image:
  radial-gradient(ellipse 500px 400px at 22% 38%, rgba(95, 75, 140, 0.03), transparent),
  radial-gradient(ellipse 480px 500px at 72% 62%, rgba(65, 115, 130, 0.025), transparent),
  radial-gradient(ellipse 450px 470px at 48% 78%, rgba(80, 65, 130, 0.028), transparent) !important;
  pointer-events: none !important;
  opacity: 0.6 !important;
  z-index: 6 !important;
}

/* Bottom footer section - Deep void */

.footer-row-1-background-layers {
  position: relative !important;
  background:
  radial-gradient(ellipse at 50% 0%, #0f0820 0%, #070412 50%, #020106 100%),
  linear-gradient(180deg, #08061a 0%, #030208 100%) !important;
  overflow: hidden !important;
}

/* Static horizon glow - no blur/animation */

.footer-row-1-background-layers::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
  radial-gradient(ellipse 1400px 200px at 50% 0%, rgba(60, 70, 130, 0.06) 0%, transparent 80%),
  radial-gradient(ellipse 700px 150px at 15% 0%, rgba(95, 45, 140, 0.04) 0%, transparent 70%),
  radial-gradient(ellipse 700px 150px at 85% 0%, rgba(45, 95, 115, 0.04) 0%, transparent 70%) !important;
  pointer-events: none !important;
  opacity: 0.85 !important;
}

/* Static stars in bottom section */

.footer-row-1-background-layers::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 1px !important;
  height: 1px !important;
  box-shadow:
  15vw 35vh 0.5px 0.5px rgba(255, 255, 255, 0.50),
  42vw 58vh 0.4px 0.4px rgba(245, 248, 255, 0.45),
  68vw 42vh 0.5px 0.5px rgba(255, 252, 248, 0.48),
  85vw 71vh 0.4px 0.4px rgba(242, 246, 255, 0.50),
  28vw 78vh 0.5px 0.5px rgba(255, 255, 255, 0.47),
  91vw 24vh 0.4px 0.4px rgba(248, 250, 255, 0.49) !important;
  pointer-events: none !important;
}

/* Footer element - ensure full width and proper layering */

.footer {
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
}

.footer .container-fluid {
  max-width: 100% !important;
  padding: 0 !important;
}

/* Footer content styling - ensure readability on cosmic background */

.global_footer_by_growmeda {
  position: relative !important;
  z-index: 1 !important;
  color: var(--vxm-white) !important;
}

.global_footer_by_growmeda h4,
.global_footer_by_growmeda h5,
.global_footer_by_growmeda h6,
.global_footer_by_growmeda p,
.global_footer_by_growmeda a {
  color: var(--vxm-white) !important;
}

.global_footer_by_growmeda a {
  transition: color 0.3s ease !important;
  text-decoration: none !important;
}

.global_footer_by_growmeda a:hover {
  color: var(--vxm-brand-blue) !important;
}

.global_footer_by_growmeda .col-title h4 {
  font-weight: 600 !important;
  margin-bottom: 1.5rem !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 0.95rem !important;
}

.global_footer_by_growmeda .quote p {
  opacity: 0.9 !important;
  line-height: 1.7 !important;
}

/* Footer copyright section */

.global_footer_by_growmeda.copyright {
  padding: 1.5rem 0 !important;
  text-align: center !important;
  opacity: 0.8 !important;
  font-size: 0.875rem !important;
}

/* Social icons - Simple hover effects only */

.vxm-footer-social .social-follow__link:hover {
  background: rgba(20, 35, 70, 0.75) !important;
  border-color: rgba(120, 160, 240, 0.4) !important;
  transform: translateY(-3px) !important;
  box-shadow:
  0 6px 20px rgba(60, 100, 180, 0.3),
  inset 0 1px 4px rgba(255, 255, 255, 0.08) !important;
}

.vxm-footer-social .social-follow__link:hover svg {
  fill: rgba(255, 255, 255, 0.98) !important;
  filter: drop-shadow(0 0 6px rgba(150, 190, 255, 0.5)) !important;
}

.vxm-footer-social .social-follow__link:active {
  transform: translateY(-1px) !important;
  box-shadow: 0 3px 12px rgba(60, 100, 180, 0.3) !important;
}

/* Footer policy links styling */

.footer-row-1-background-layers h6,
.footer-row-1-background-layers a {
  color: rgba(255, 255, 255, 0.7) !important;
  transition: color 0.3s ease !important;
}

.footer-row-1-background-layers a:hover {
  color: var(--vxm-brand-blue) !important;
}

/* Footer content wrapper - ensure proper spacing */

.global_footer_by_growmeda.content-wrapper {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 2rem !important;
}

.global_footer_by_growmeda.inner {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 3rem !important;
  padding: 4rem 0 !important;
}

/* Responsive footer columns */

.global_footer_by_growmeda.col1 {
  flex: 1 1 300px !important;
}

.global_footer_by_growmeda.col2,
.global_footer_by_growmeda.cold1,
.global_footer_by_growmeda.cold2 {
  flex: 1 1 200px !important;
}
/* === assets/css/docs-style.css === */
/* Documentation Pages Enhanced Styling */

/* CTA Buttons - solid blue style */
.doc-page .button.button-1,
.doc-page .button.button-1:visited {
  background-color: var(--primary-btn-fill);
  color: #fff;
  fill: #fff;
  padding: 12px 28px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.2s ease;
}

.doc-page .button.button-1:hover {
  background-color: var(--primary-btn-fill-hover, #3a6ab5);
  color: #fff;
  text-decoration: none;
}

.doc-page .button.button-1:active {
  background-color: var(--primary-btn-fill-active, #2f5a9e);
  color: #fff;
}

/* Container styling - scoped to main content only */
main .container {
  max-width: 900px;
  margin: 0 auto;
  padding: 60px 20px;
}

/* Typography */
main .container h1 {
  font-family: "Montserrat", sans-serif;
  color: var(--vxm-brand-blue);
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.2;
  text-align: center;
  padding-bottom: 1.5rem;
  border-bottom: 3px solid var(--vxm-brand-blue);
  text-transform: uppercase;
}

main .container h2 {
  font-family: "Montserrat", sans-serif;
  color: var(--vxm-dark);
  font-size: 1.875rem;
  font-weight: 700;
  margin-top: 3rem;
  margin-bottom: 1.25rem;
  line-height: 1.3;
  position: relative;
  padding-left: 1rem;
  border-left: 4px solid var(--vxm-brand-blue);
  text-transform: uppercase;
}

main .container h3 {
  font-family: "Montserrat", sans-serif;
  color: var(--vxm-success);
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 2rem;
  margin-bottom: 1rem;
  line-height: 1.4;
  text-transform: uppercase;
}

main .container h4 {
  font-family: "Montserrat", sans-serif;
  color: var(--vxm-gray-700);
  font-size: 1.25rem;
  font-weight: 600;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}

main .container h5,
main .container h6 {
  font-family: "Montserrat", sans-serif;
  color: #444444;
  font-size: 1.125rem;
  font-weight: 600;
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
}

/* Paragraphs */
main .container p {
  font-family: "Montserrat", sans-serif;
  color: var(--vxm-gray-600);
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 1.25rem;
}

main .container p strong {
  color: var(--vxm-gray-700);
  font-weight: 600;
}

/* Links */
main .container a {
  color: var(--vxm-brand-blue);
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  border-bottom: 1px solid transparent;
}

main .container a:hover {
  color: var(--vxm-success);
  border-bottom: 1px solid var(--vxm-success);
}

/* Lists */
main .container ul,
main .container ol {
  font-family: "Montserrat", sans-serif;
  color: var(--vxm-gray-600);
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 1.5rem;
  padding-left: 2rem;
}

main .container ul li,
main .container ol li {
  margin-bottom: 0.75rem;
  position: relative;
}

main .container ul li::marker {
  color: var(--vxm-brand-blue);
}

main .container ol li::marker {
  color: var(--vxm-brand-blue);
  font-weight: 600;
}

main .container li strong {
  color: var(--vxm-gray-700);
  font-weight: 600;
}

/* Horizontal rules - make them subtle */
main .container hr {
  border: none;
  border-top: 1px solid #e5e5e5;
  margin: 2.5rem 0;
  opacity: 0.5;
}

/* Code blocks */
main .container pre {
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 1.5rem;
  margin: 1.5rem 0;
  overflow-x: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

main .container code {
  font-family: "Courier New", Courier, monospace;
  font-size: 0.9rem;
  color: var(--vxm-gray-700);
  line-height: 1.6;
}

main .container p code {
  background-color: #f0f0f0;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  font-size: 0.875rem;
  color: #d32f2f;
}

/* Special callouts */
main .container p:has(strong:first-child) {
  background-color: #f0fdf9;
  border-left: 4px solid var(--vxm-brand-blue);
  padding: 1rem 1.5rem;
  margin: 1.5rem 0;
  border-radius: 0 8px 8px 0;
}

/* Back link styling */
main .container > p:last-child {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid #e5e5e5;
}

main .container > p:last-child a {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  font-size: 1rem;
  padding: 0.5rem 0;
}

main .container > p:last-child a:before {
  content: "← ";
  margin-right: 0.5rem;
  font-size: 1.2rem;
}

/* Responsive design */

/* Comparison Table Wrapper */
.comparison-wrapper {
  margin: 2rem 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Comparison Table Base */
.comparison-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--vxm-white);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  table-layout: fixed;
  min-width: 800px;
}

/* Column Widths */
.comparison-table .feature-col {
  width: 20%;
}

.comparison-table .platform-col {
  width: 26.66%;
}

/* Table Header */
.comparison-table thead {
  background: linear-gradient(135deg, #477ECF 0%, #20ad96 100%);
}

.comparison-table th {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: black;
  text-align: center;
  padding: 1.5rem 1rem;
  font-size: 0.95rem;
  vertical-align: middle;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  text-transform: uppercase;
}

.comparison-table th.feature-col {
  text-align: left;
  font-size: 1rem;
}

.comparison-table th img {
  max-width: 80px;
  height: auto;
  display: block;
  margin: 0 auto 0.75rem;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.comparison-table th div {
  font-size: 0.875rem;
  line-height: 1.3;
  margin-top: 0.5rem;
}

/* Table Body */
.comparison-table tbody tr {
  transition: all 0.2s ease;
}

.comparison-table tbody tr:nth-child(odd) {
  background-color: var(--vxm-white);
}

.comparison-table tbody tr:nth-child(even) {
  background-color: #f9fafb;
}

.comparison-table tbody tr:hover {
  background-color: #f0fdf9 !important;
  box-shadow: 0 2px 8px rgba(0, 191, 166, 0.15);
}

.comparison-table td {
  font-family: "Montserrat", sans-serif;
  color: var(--vxm-gray-600);
  padding: 1.25rem 1rem;
  font-size: 0.9rem;
  line-height: 1.6;
  vertical-align: top;
  border-bottom: 1px solid #e5e7eb;
}

.comparison-table td.feature-name {
  font-weight: 600;
  color: #1f2937;
  background-color: #f8f9fa;
  border-right: 2px solid #e5e7eb;
  text-align: left;
}

/* Remove border from last row */
.comparison-table tbody tr:last-child td {
  border-bottom: none;
}

/* Responsive Design */

@media (max-width: 1024px) {
  .comparison-table {
    min-width: 700px;
    font-size: 0.85rem;
  }

  .comparison-table th {
    padding: 1.25rem 0.75rem;
    font-size: 0.875rem;
  }

  .comparison-table td {
    padding: 1rem 0.75rem;
    font-size: 0.85rem;
  }

  .comparison-table th img {
    max-width: 60px;
  }
}

@media (max-width: 767px) {
  main .container {
    padding: 40px 15px;
  }

  main .container h1 {
    font-size: 2rem;
  }

  main .container h2 {
    font-size: 1.5rem;
    margin-top: 2rem;
  }

  main .container h3 {
    font-size: 1.25rem;
  }

  main .container h4 {
    font-size: 1.125rem;
  }

  main .container ul,
  main .container ol {
    padding-left: 1.5rem;
  }

  main .container pre {
    padding: 1rem;
    font-size: 0.875rem;
  }
  .comparison-wrapper {
    position: relative;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }

  .comparison-wrapper::after {
    content: "← Swipe to see all columns →";
    display: block;
    text-align: center;
    padding: 0.75rem;
    background: #f0fdf9;
    color: var(--vxm-brand-blue);
    font-family: "Montserrat", sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    border-top: 2px solid var(--vxm-brand-blue);
  }

  .comparison-table {
    min-width: 650px;
  }

  .comparison-table th,
  .comparison-table td {
    padding: 0.875rem 0.625rem;
    font-size: 0.8rem;
  }

  .comparison-table th img {
    max-width: 50px;
  }
}

@media (max-width: 480px) {
  main .container h1 {
    font-size: 1.75rem;
  }

  main .container h2 {
    font-size: 1.375rem;
  }

  main .container pre {
    padding: 0.75rem;
  }
  .comparison-table {
    min-width: 600px;
  }

  .comparison-table th,
  .comparison-table td {
    padding: 0.75rem 0.5rem;
    font-size: 0.75rem;
  }

  .comparison-table th img {
    max-width: 40px;
  }
}