/* Hianma commercial page — layout-only refinement.
   Scope: spacing, alignment, grid/flex composition and responsive behavior only.
   Text, translations, assets, colors, typography family, routes and product logic remain untouched. */

body .hm-marketing {
  --hm-layout-max: 1280px;
  --hm-layout-gutter: clamp(24px, 4vw, 56px);
  --hm-layout-section-y: clamp(92px, 8vw, 128px);
  --hm-layout-section-y-tablet: clamp(76px, 9vw, 96px);
  --hm-layout-section-y-mobile: clamp(62px, 16vw, 76px);
}

body .hm-marketing .hm-container {
  width: min(var(--hm-layout-max), calc(100% - var(--hm-layout-gutter) - var(--hm-layout-gutter)));
  max-width: 100%;
  margin-inline: auto;
}

/* Header / horizontal navigation */
body .hm-marketing .hm-header {
  width: 100%;
  min-height: 74px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-rows: auto;
  align-items: center;
  column-gap: clamp(18px, 2.4vw, 34px);
  padding-inline: max(var(--hm-layout-gutter), calc((100vw - var(--hm-layout-max)) / 2));
}
body .hm-marketing .hm-brand { grid-column: 1; grid-row: 1; min-width: 0; }
body .hm-marketing .hm-nav {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(16px, 1.8vw, 26px);
  white-space: nowrap;
  overflow: visible;
}
body .hm-marketing .hm-header-actions { grid-column: 3; grid-row: 1; min-width: 0; }
body .hm-marketing .hm-nav > a { display: none; }
body .hm-marketing .hm-nav > a:nth-child(1),
body .hm-marketing .hm-nav > a:nth-child(3),
body .hm-marketing .hm-nav > a:nth-child(8),
body .hm-marketing .hm-nav > a:nth-child(10),
body .hm-marketing .hm-nav > a:nth-child(13) {
  display: inline-flex;
  align-items: center;
}

/* Global section rhythm */
body .hm-marketing .hm-section,
body .hm-marketing .hm-final-section {
  padding-top: var(--hm-layout-section-y);
  padding-bottom: var(--hm-layout-section-y);
}
body .hm-marketing .hm-section-heading,
body .hm-marketing .hm-final-heading { margin-bottom: clamp(36px, 4vw, 52px); }
body .hm-marketing .hm-section-heading > p,
body .hm-marketing .hm-final-heading > p,
body .hm-marketing .hm-connected-copy > p,
body .hm-marketing .hm-website-copy > p,
body .hm-marketing .hm-contact-copy > p { max-width: 660px; }
body .hm-marketing .hm-value-card,
body .hm-marketing .hm-role-card,
body .hm-marketing .hm-final-feature-card,
body .hm-marketing .hm-final-why-grid > article,
body .hm-marketing .hm-final-step-grid > article,
body .hm-marketing .hm-dual-grid > article { min-width: 0; }

/* Hero */
body .hm-marketing .hm-hero {
  min-height: clamp(620px, calc(100svh - 74px), 820px);
  padding-top: clamp(52px, 7vh, 78px);
  padding-bottom: clamp(58px, 8vh, 86px);
}
body .hm-marketing .hm-hero-grid {
  grid-template-columns: minmax(0, .94fr) minmax(500px, 1.06fr);
  gap: clamp(44px, 5vw, 76px);
  align-items: center;
}
body .hm-marketing .hm-hero-copy { max-width: 680px; }
body .hm-marketing .hm-product-stage {
  width: 100%;
  min-width: 0;
  max-width: 650px;
  justify-self: end;
  padding-bottom: 42px;
}
body .hm-marketing .hm-product-window { width: 100%; min-width: 0; }
body .hm-marketing .hm-product-stage::after {
  position: absolute !important;
  right: -18px !important;
  bottom: -12px !important;
  z-index: 4 !important;
  width: min(48%, 310px) !important;
  margin: 0 !important;
}

/* Promise */
body .hm-marketing #solution .hm-section-heading {
  max-width: none;
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  grid-template-rows: auto auto auto;
  column-gap: clamp(44px, 6vw, 82px);
  row-gap: 0;
  align-items: center;
  text-align: left;
}
body .hm-marketing #solution .hm-section-heading > .hm-eyebrow,
body .hm-marketing #solution .hm-section-heading > h2,
body .hm-marketing #solution .hm-section-heading > p { grid-column: 1; }
body .hm-marketing #solution .hm-section-heading::after {
  grid-column: 2 !important;
  grid-row: 1 / 4 !important;
  align-self: center !important;
  justify-self: end !important;
  width: min(100%, 560px) !important;
  margin: 0 !important;
}
body .hm-marketing .hm-three-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 24px);
  align-items: stretch;
}

/* Roles */
body .hm-marketing #roles .hm-section-heading {
  max-width: none;
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  grid-template-rows: auto auto;
  column-gap: clamp(44px, 6vw, 82px);
  row-gap: 18px;
  align-items: center;
}
body .hm-marketing #roles .hm-section-heading > div { grid-column: 1; grid-row: 1; }
body .hm-marketing #roles .hm-section-heading > p {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  max-width: 620px;
}
body .hm-marketing #roles .hm-section-heading::after {
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  align-self: center !important;
  justify-self: end !important;
  width: min(100%, 560px) !important;
  margin: 0 !important;
}
body .hm-marketing .hm-role-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 1.6vw, 20px);
  align-items: stretch;
}

/* All-in-one */
body .hm-marketing #all-in-one .hm-two-column {
  grid-template-columns: minmax(0, .9fr) minmax(460px, 1.1fr);
  gap: clamp(48px, 7vw, 92px);
  align-items: center;
}
body .hm-marketing #all-in-one .hm-connected-copy { max-width: 560px; }
body .hm-marketing #all-in-one .hm-two-column::after {
  grid-column: 2 !important;
  justify-self: end !important;
  width: min(100%, 590px) !important;
  margin: 0 !important;
}

/* Public mini-site */
body .hm-marketing #website .hm-website-grid {
  grid-template-columns: minmax(460px, 1.08fr) minmax(0, .92fr);
  gap: clamp(48px, 6vw, 84px);
  align-items: center;
}
body .hm-marketing #website .hm-website-grid::before {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  width: min(100%, 610px) !important;
  margin: 0 !important;
}
body .hm-marketing #website .hm-website-copy {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  max-width: 570px;
}

/* Institutions */
body .hm-marketing #institutions .hm-section-heading {
  max-width: none;
  display: grid !important;
  grid-template-columns: minmax(420px, 1.05fr) minmax(0, .95fr);
  grid-template-rows: auto auto;
  column-gap: clamp(44px, 6vw, 82px);
  align-items: center;
  text-align: left;
}
body .hm-marketing #institutions .hm-section-heading > .hm-eyebrow,
body .hm-marketing #institutions .hm-section-heading > h2 { grid-column: 2; }
body .hm-marketing #institutions .hm-section-heading::after {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  align-self: center !important;
  justify-self: start !important;
  width: min(100%, 560px) !important;
  margin: 0 !important;
}
body .hm-marketing .hm-audience-row {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(12px, 1.5vw, 18px);
  align-items: stretch;
}
body .hm-marketing .hm-audience-row > span { min-width: 0; }

/* Languages + security */
body .hm-marketing #languages-security .hm-dual-grid {
  display: grid !important;
  grid-template-columns: minmax(440px, 1.05fr) minmax(0, .95fr);
  grid-template-rows: auto auto;
  column-gap: clamp(48px, 6vw, 84px);
  row-gap: 18px;
  align-items: stretch;
}
body .hm-marketing #languages-security .hm-dual-grid::before {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  align-self: center !important;
  justify-self: start !important;
  width: min(100%, 590px) !important;
  margin: 0 !important;
}
body .hm-marketing #languages-security .hm-dual-grid > article:nth-of-type(1) { grid-column: 2; grid-row: 1; }
body .hm-marketing #languages-security .hm-dual-grid > article:nth-of-type(2) { grid-column: 2; grid-row: 2; }

body .hm-marketing .hm-quote {
  padding-top: clamp(56px, 6vw, 78px);
  padding-bottom: clamp(56px, 6vw, 78px);
}

/* Final sections */
body .hm-marketing #features .hm-final-heading,
body .hm-marketing #why-hianma .hm-final-heading,
body .hm-marketing #how-it-works .hm-final-heading {
  max-width: none;
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  grid-template-rows: auto auto auto;
  column-gap: clamp(44px, 6vw, 82px);
  row-gap: 0;
  align-items: center;
  text-align: left;
}
body .hm-marketing #features .hm-final-heading > .hm-final-eyebrow,
body .hm-marketing #features .hm-final-heading > h2,
body .hm-marketing #features .hm-final-heading > p,
body .hm-marketing #how-it-works .hm-final-heading > .hm-final-eyebrow,
body .hm-marketing #how-it-works .hm-final-heading > h2,
body .hm-marketing #how-it-works .hm-final-heading > p { grid-column: 1; }
body .hm-marketing #features .hm-final-heading::after,
body .hm-marketing #how-it-works .hm-final-heading::after {
  grid-column: 2 !important;
  grid-row: 1 / 4 !important;
  align-self: center !important;
  justify-self: end !important;
  width: min(100%, 560px) !important;
  margin: 0 !important;
}
body .hm-marketing #why-hianma .hm-final-heading { grid-template-columns: minmax(420px, 1.05fr) minmax(0, .95fr); }
body .hm-marketing #why-hianma .hm-final-heading > .hm-final-eyebrow,
body .hm-marketing #why-hianma .hm-final-heading > h2,
body .hm-marketing #why-hianma .hm-final-heading > p { grid-column: 2; }
body .hm-marketing #why-hianma .hm-final-heading::after {
  grid-column: 1 !important;
  grid-row: 1 / 4 !important;
  align-self: center !important;
  justify-self: start !important;
  width: min(100%, 560px) !important;
  margin: 0 !important;
}
body .hm-marketing .hm-final-feature-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 1.6vw, 20px);
  align-items: stretch;
}
body .hm-marketing .hm-final-why-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 1.8vw, 22px);
  align-items: stretch;
}
body .hm-marketing .hm-final-why-grid > article:last-child:nth-child(odd) { grid-column: 1 / -1; }
body .hm-marketing .hm-final-step-grid {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: clamp(14px, 1.8vw, 22px);
  align-items: stretch;
}

/* FAQ */
body .hm-marketing #faq .hm-final-faq-layout {
  grid-template-columns: minmax(0, .86fr) minmax(520px, 1.14fr);
  gap: clamp(48px, 6vw, 84px);
  align-items: start;
}
body .hm-marketing #faq .hm-final-faq-intro { min-width: 0; }
body .hm-marketing #faq .hm-final-faq-intro::after {
  width: min(100%, 390px) !important;
  margin: 26px auto 0 !important;
}
body .hm-marketing #faq .hm-final-faq-list { min-width: 0; }

/* Final CTA */
body .hm-marketing #commercial-cta .hm-final-cta-inner {
  width: min(var(--hm-layout-max), calc(100% - var(--hm-layout-gutter) - var(--hm-layout-gutter)));
  max-width: 100%;
  margin-inline: auto;
  grid-template-columns: minmax(0, 1fr) minmax(420px, .95fr) !important;
  gap: clamp(48px, 6vw, 84px) !important;
  align-items: center !important;
}
body .hm-marketing #commercial-cta .hm-final-cta-inner::after {
  width: min(100%, 500px) !important;
  margin: 0 !important;
}

/* Contact */
body .hm-marketing #contact .hm-contact-grid {
  grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr);
  gap: clamp(48px, 6vw, 84px);
  align-items: start;
}
body .hm-marketing #contact .hm-contact-copy { min-width: 0; max-width: 600px; }
body .hm-marketing #contact .hm-contact-copy::after {
  width: min(100%, 410px) !important;
  margin: 30px auto 0 !important;
}
body .hm-marketing #contact .hm-demo-form { width: 100%; max-width: 640px; justify-self: end; }
body .hm-marketing .hm-final-form-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(12px, 1.5vw, 18px);
}

/* Footer */
body .hm-marketing .hm-footer-inner {
  width: min(var(--hm-layout-max), calc(100% - var(--hm-layout-gutter) - var(--hm-layout-gutter)));
  max-width: 100%;
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 24px;
  align-items: center;
}

/* Compact desktop / tablet navigation */
@media (max-width: 1120px) {
  body .hm-marketing { --hm-layout-gutter: clamp(24px, 4vw, 40px); }
  body .hm-marketing .hm-header {
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 70px;
  }
  body .hm-marketing .hm-nav {
    position: fixed;
    z-index: 49;
    inset: var(--commercial-fixed-header-height, 70px) 0 0 0;
    display: none;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    justify-content: stretch;
    gap: 0;
    padding: 18px var(--hm-layout-gutter) max(28px, env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, .985);
    overflow-y: auto;
    overscroll-behavior: contain;
    white-space: normal;
  }
  body .hm-marketing .hm-nav.is-open { display: grid !important; }
  body .hm-marketing .hm-nav > a,
  body .hm-marketing .hm-nav > a:nth-child(1),
  body .hm-marketing .hm-nav > a:nth-child(3),
  body .hm-marketing .hm-nav > a:nth-child(8),
  body .hm-marketing .hm-nav > a:nth-child(10),
  body .hm-marketing .hm-nav > a:nth-child(13) {
    display: flex !important;
    align-items: center;
    width: 100%;
    min-height: 50px;
    padding: 8px 2px;
    border-bottom: 1px solid var(--hm-line);
  }
  body .hm-marketing .hm-nav > a:last-child { border-bottom: 0; }
  body .hm-marketing .hm-menu { display: inline-flex !important; }
  body:has(.hm-marketing .hm-nav.is-open),
  html:has(.hm-marketing .hm-nav.is-open) { overflow: hidden; }

  body .hm-marketing .hm-hero {
    min-height: auto;
    padding-top: 60px;
    padding-bottom: 82px;
  }
  body .hm-marketing .hm-hero-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 48px;
  }
  body .hm-marketing .hm-hero-copy { max-width: 780px; }
  body .hm-marketing .hm-product-stage { max-width: 760px; justify-self: center; }
  body .hm-marketing .hm-product-stage::after {
    right: 8px !important;
    bottom: -18px !important;
    width: min(44%, 300px) !important;
  }
  body .hm-marketing .hm-section,
  body .hm-marketing .hm-final-section {
    padding-top: var(--hm-layout-section-y-tablet);
    padding-bottom: var(--hm-layout-section-y-tablet);
  }

  body .hm-marketing #solution .hm-section-heading,
  body .hm-marketing #roles .hm-section-heading,
  body .hm-marketing #institutions .hm-section-heading,
  body .hm-marketing #features .hm-final-heading,
  body .hm-marketing #why-hianma .hm-final-heading,
  body .hm-marketing #how-it-works .hm-final-heading {
    grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
    column-gap: 44px;
  }
  body .hm-marketing #solution .hm-section-heading::after,
  body .hm-marketing #roles .hm-section-heading::after,
  body .hm-marketing #institutions .hm-section-heading::after,
  body .hm-marketing #features .hm-final-heading::after,
  body .hm-marketing #why-hianma .hm-final-heading::after,
  body .hm-marketing #how-it-works .hm-final-heading::after { width: min(100%, 480px) !important; }

  body .hm-marketing .hm-role-grid,
  body .hm-marketing .hm-final-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body .hm-marketing #all-in-one .hm-two-column,
  body .hm-marketing #website .hm-website-grid,
  body .hm-marketing #languages-security .hm-dual-grid,
  body .hm-marketing #contact .hm-contact-grid,
  body .hm-marketing #faq .hm-final-faq-layout { column-gap: 44px; }
  body .hm-marketing #all-in-one .hm-two-column { grid-template-columns: minmax(0, .95fr) minmax(390px, 1.05fr); }
  body .hm-marketing #website .hm-website-grid { grid-template-columns: minmax(390px, 1.02fr) minmax(0, .98fr); }
  body .hm-marketing #languages-security .hm-dual-grid { grid-template-columns: minmax(390px, 1fr) minmax(0, 1fr); }
  body .hm-marketing #faq .hm-final-faq-layout,
  body .hm-marketing #contact .hm-contact-grid { grid-template-columns: minmax(0, .9fr) minmax(440px, 1.1fr); }
  body .hm-marketing #commercial-cta .hm-final-cta-inner {
    grid-template-columns: minmax(0, 1fr) minmax(380px, .9fr) !important;
    gap: 44px !important;
  }
}

/* Tablet portrait and compact landscape */
@media (max-width: 980px) {
  body .hm-marketing { --hm-layout-gutter: clamp(22px, 4.5vw, 34px); }
  body .hm-marketing #solution .hm-section-heading,
  body .hm-marketing #roles .hm-section-heading,
  body .hm-marketing #institutions .hm-section-heading,
  body .hm-marketing #features .hm-final-heading,
  body .hm-marketing #why-hianma .hm-final-heading,
  body .hm-marketing #how-it-works .hm-final-heading,
  body .hm-marketing #all-in-one .hm-two-column,
  body .hm-marketing #website .hm-website-grid,
  body .hm-marketing #languages-security .hm-dual-grid,
  body .hm-marketing #faq .hm-final-faq-layout,
  body .hm-marketing #contact .hm-contact-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body .hm-marketing #solution .hm-section-heading,
  body .hm-marketing #roles .hm-section-heading,
  body .hm-marketing #institutions .hm-section-heading,
  body .hm-marketing #features .hm-final-heading,
  body .hm-marketing #why-hianma .hm-final-heading,
  body .hm-marketing #how-it-works .hm-final-heading {
    row-gap: 18px;
    text-align: left;
  }

  body .hm-marketing #solution .hm-section-heading > .hm-eyebrow,
  body .hm-marketing #solution .hm-section-heading > h2,
  body .hm-marketing #solution .hm-section-heading > p,
  body .hm-marketing #roles .hm-section-heading > div,
  body .hm-marketing #roles .hm-section-heading > p,
  body .hm-marketing #institutions .hm-section-heading > .hm-eyebrow,
  body .hm-marketing #institutions .hm-section-heading > h2,
  body .hm-marketing #features .hm-final-heading > .hm-final-eyebrow,
  body .hm-marketing #features .hm-final-heading > h2,
  body .hm-marketing #features .hm-final-heading > p,
  body .hm-marketing #why-hianma .hm-final-heading > .hm-final-eyebrow,
  body .hm-marketing #why-hianma .hm-final-heading > h2,
  body .hm-marketing #why-hianma .hm-final-heading > p,
  body .hm-marketing #how-it-works .hm-final-heading > .hm-final-eyebrow,
  body .hm-marketing #how-it-works .hm-final-heading > h2,
  body .hm-marketing #how-it-works .hm-final-heading > p { grid-column: 1 !important; }

  body .hm-marketing #solution .hm-section-heading::after,
  body .hm-marketing #roles .hm-section-heading::after,
  body .hm-marketing #features .hm-final-heading::after,
  body .hm-marketing #how-it-works .hm-final-heading::after {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-self: center !important;
    width: min(100%, 560px) !important;
    margin: 22px auto 0 !important;
  }
  body .hm-marketing #institutions .hm-section-heading::after,
  body .hm-marketing #why-hianma .hm-final-heading::after {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    width: min(100%, 560px) !important;
    margin: 0 auto 24px !important;
  }
  body .hm-marketing #institutions .hm-section-heading > .hm-eyebrow,
  body .hm-marketing #institutions .hm-section-heading > h2,
  body .hm-marketing #why-hianma .hm-final-heading > .hm-final-eyebrow,
  body .hm-marketing #why-hianma .hm-final-heading > h2,
  body .hm-marketing #why-hianma .hm-final-heading > p { grid-row: auto !important; }

  body .hm-marketing #all-in-one .hm-connected-copy,
  body .hm-marketing #website .hm-website-copy,
  body .hm-marketing #contact .hm-contact-copy { max-width: 680px; }
  body .hm-marketing #all-in-one .hm-two-column::after,
  body .hm-marketing #website .hm-website-grid::before {
    width: min(100%, 620px) !important;
    justify-self: center !important;
    margin: 10px auto 0 !important;
  }
  body .hm-marketing #website .hm-website-grid::before {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin: 0 auto 18px !important;
  }
  body .hm-marketing #website .hm-website-copy {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
  }

  body .hm-marketing #languages-security .hm-dual-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto auto !important;
    row-gap: 18px;
  }
  body .hm-marketing #languages-security .hm-dual-grid::before {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    width: min(100%, 600px) !important;
    margin: 0 auto 18px !important;
  }
  body .hm-marketing #languages-security .hm-dual-grid > article:nth-of-type(1) { grid-column: 1; grid-row: 2; }
  body .hm-marketing #languages-security .hm-dual-grid > article:nth-of-type(2) { grid-column: 2; grid-row: 2; }
  body .hm-marketing .hm-audience-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }

  body .hm-marketing #faq .hm-final-faq-intro,
  body .hm-marketing #faq .hm-final-faq-list,
  body .hm-marketing #contact .hm-contact-copy,
  body .hm-marketing #contact .hm-demo-form {
    width: 100%;
    max-width: 720px;
    justify-self: center;
  }

  body .hm-marketing #commercial-cta .hm-final-cta-inner {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 34px !important;
  }
  body .hm-marketing #commercial-cta .hm-final-cta-copy { grid-column: 1 !important; }
  body .hm-marketing #commercial-cta .hm-final-cta-inner::after {
    grid-column: 1 !important;
    justify-self: center !important;
    width: min(100%, 520px) !important;
    margin: 0 auto !important;
  }
  body .hm-marketing .hm-footer-inner { grid-template-columns: minmax(0, 1fr) auto; }
  body .hm-marketing .hm-footer-inner > span { grid-column: 1 / -1; grid-row: 2; }
}

/* Phones */
@media (max-width: 760px) {
  body .hm-marketing { --hm-layout-gutter: 20px; }
  body .hm-marketing .hm-container,
  body .hm-marketing .hm-mission > .hm-container,
  body .hm-marketing .hm-roles > .hm-container,
  body .hm-marketing .hm-connected > .hm-container,
  body .hm-marketing .hm-website > .hm-container,
  body .hm-marketing .hm-audience > .hm-container,
  body .hm-marketing .hm-dual-values > .hm-container,
  body .hm-marketing .hm-contact > .hm-container {
    width: calc(100% - 40px);
    max-width: 100%;
  }
  body .hm-marketing .hm-header {
    min-height: 66px;
    padding: 8px 14px;
    column-gap: 8px;
  }
  body .hm-marketing .hm-header-actions { gap: 6px; }
  body .hm-marketing .hm-language {
    max-width: 116px;
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }
  body .hm-marketing .hm-language::-webkit-scrollbar { display: none; }
  body .hm-marketing .hm-language button { flex: 0 0 auto; }
  body .hm-marketing .hm-login {
    flex: 0 0 auto;
    max-width: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  body .hm-marketing .hm-nav {
    inset: var(--commercial-fixed-header-height, 66px) 0 0 0;
    padding-inline: 20px;
  }
  body .hm-marketing .hm-hero {
    min-height: auto;
    padding-top: 32px;
    padding-bottom: 64px;
  }
  body .hm-marketing .hm-hero-grid { width: calc(100% - 40px); gap: 38px; }
  body .hm-marketing .hm-hero-copy,
  body .hm-marketing .hm-hero-copy > p { max-width: 100%; }
  body .hm-marketing .hm-hero-actions { grid-template-columns: minmax(0, 1fr); }
  body .hm-marketing .hm-product-stage { max-width: 100%; padding-bottom: 52px; }
  body .hm-marketing .hm-product-stage::after {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    width: min(76%, 290px) !important;
    margin: -18px auto 0 !important;
  }
  body .hm-marketing .hm-section,
  body .hm-marketing .hm-final-section {
    padding-top: var(--hm-layout-section-y-mobile);
    padding-bottom: var(--hm-layout-section-y-mobile);
  }
  body .hm-marketing .hm-section-heading,
  body .hm-marketing .hm-final-heading { margin-bottom: 32px; }
  body .hm-marketing #solution .hm-section-heading::after,
  body .hm-marketing #roles .hm-section-heading::after,
  body .hm-marketing #institutions .hm-section-heading::after,
  body .hm-marketing #features .hm-final-heading::after,
  body .hm-marketing #why-hianma .hm-final-heading::after,
  body .hm-marketing #how-it-works .hm-final-heading::after,
  body .hm-marketing #all-in-one .hm-two-column::after,
  body .hm-marketing #website .hm-website-grid::before,
  body .hm-marketing #languages-security .hm-dual-grid::before { width: min(100%, 430px) !important; }

  body .hm-marketing .hm-three-grid,
  body .hm-marketing .hm-role-grid,
  body .hm-marketing .hm-final-feature-grid,
  body .hm-marketing .hm-final-why-grid,
  body .hm-marketing .hm-final-step-grid,
  body .hm-marketing .hm-audience-row,
  body .hm-marketing #languages-security .hm-dual-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body .hm-marketing .hm-final-why-grid > article:last-child:nth-child(odd) { grid-column: auto; }
  body .hm-marketing #languages-security .hm-dual-grid::before,
  body .hm-marketing #languages-security .hm-dual-grid > article:nth-of-type(1),
  body .hm-marketing #languages-security .hm-dual-grid > article:nth-of-type(2) {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  body .hm-marketing .hm-final-form-row { grid-template-columns: minmax(0, 1fr); }
  body .hm-marketing #contact .hm-contact-copy::after,
  body .hm-marketing #faq .hm-final-faq-intro::after {
    width: min(100%, 340px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body .hm-marketing #commercial-cta .hm-final-cta-inner { width: calc(100% - 40px); }
  body .hm-marketing .hm-final-cta-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  body .hm-marketing .hm-final-cta-actions .hm-button { width: 100%; }
  body .hm-marketing .hm-footer-inner {
    width: calc(100% - 40px);
    grid-template-columns: minmax(0, 1fr);
    justify-items: start;
    gap: 16px;
  }
  body .hm-marketing .hm-footer-inner > span { grid-column: 1; grid-row: auto; }
}

@media (max-width: 520px) {
  body .hm-marketing .hm-header .hm-brand small { display: none; }
  body .hm-marketing .hm-language { max-width: 92px; }
  body .hm-marketing .hm-login { max-width: 82px; padding-inline: 10px; }
  body .hm-marketing .hm-section-heading h2,
  body .hm-marketing .hm-connected-copy h2,
  body .hm-marketing .hm-website-copy h2,
  body .hm-marketing .hm-dual-grid h2,
  body .hm-marketing .hm-contact-copy h2,
  body .hm-marketing .hm-final-heading h2 {
    overflow-wrap: normal;
    word-break: normal;
  }
  body .hm-marketing .hm-value-card,
  body .hm-marketing .hm-role-card,
  body .hm-marketing .hm-final-feature-card,
  body .hm-marketing .hm-final-why-grid > article,
  body .hm-marketing .hm-final-step-grid > article,
  body .hm-marketing .hm-dual-grid > article { width: 100%; }
}

@media (max-width: 360px) {
  body .hm-marketing { --hm-layout-gutter: 18px; }
  body .hm-marketing .hm-container,
  body .hm-marketing .hm-mission > .hm-container,
  body .hm-marketing .hm-roles > .hm-container,
  body .hm-marketing .hm-connected > .hm-container,
  body .hm-marketing .hm-website > .hm-container,
  body .hm-marketing .hm-audience > .hm-container,
  body .hm-marketing .hm-dual-values > .hm-container,
  body .hm-marketing .hm-contact > .hm-container,
  body .hm-marketing .hm-hero-grid,
  body .hm-marketing #commercial-cta .hm-final-cta-inner,
  body .hm-marketing .hm-footer-inner { width: calc(100% - 36px); }
  body .hm-marketing .hm-header .hm-brand span { display: none; }
  body .hm-marketing .hm-language { max-width: 82px; }
  body .hm-marketing .hm-login { max-width: 74px; padding-inline: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  body .hm-marketing .hm-nav,
  body .hm-marketing .hm-nav *,
  body .hm-marketing .hm-product-window,
  body .hm-marketing .hm-button {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}