@media (max-width: 760px) {
  html body main #home .hero {
    display: block !important;
    min-height: 0 !important;
    padding: 0 0 30px !important;
    overflow: visible !important;
    background: #fff !important;
  }

  html body main #home .hero::after,
  html body main #home .hero-overlay,
  html body main #home .cover-badge,
  html body main #home .hero-signature {
    display: none !important;
  }

  html body main #home .hero-image {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: min(58vh, 460px) !important;
    min-height: 360px !important;
    max-height: 460px !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  html body main #home .hero-content {
    position: static !important;
    display: block !important;
    width: calc(100% - 32px) !important;
    max-width: 430px !important;
    min-height: 0 !important;
    margin: 24px auto 0 !important;
    padding: 0 !important;
    color: #111 !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    text-align: left !important;
  }

  html body main #home .hero-content .eyebrow,
  html body main #home .hero-content h1,
  html body main #home .hero-content p,
  html body main #home .hero-content span {
    color: inherit !important;
    text-shadow: none !important;
  }

  html body main #home .cover-title {
    display: grid !important;
    gap: 6px !important;
    margin: 0 0 14px !important;
    text-align: left !important;
  }

  html body main #home .cn-title {
    color: #111 !important;
    font-size: 28px !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
  }

  html body main #home .en-title {
    color: #666 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    letter-spacing: 0.04em !important;
  }

  html body main #home .hero-copy {
    margin: 0 0 18px !important;
    color: #666 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.7 !important;
  }

  html body main #home .hero-copy span {
    display: block !important;
    margin-top: 6px !important;
    color: #888 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  html body main #home .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 0 !important;
  }

  html body main #home .hero-facts {
    position: static !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: calc(100% - 32px) !important;
    max-width: 430px !important;
    min-height: 0 !important;
    margin: 22px auto 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(8, 8, 8, 0.1) !important;
    border-radius: 8px !important;
    background: #f8f6f0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  html body main #home .hero-facts article {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(8, 8, 8, 0.08) !important;
    background: transparent !important;
  }

  html body main #home .hero-facts article:last-child {
    border-bottom: 0 !important;
  }

  html body main #home .hero-facts span {
    flex: 0 0 auto !important;
    margin: 0 !important;
    color: #9a121b !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em !important;
  }

  html body main #home .hero-facts strong {
    flex: 1 1 auto !important;
    margin: 0 !important;
    color: #111 !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    text-shadow: none !important;
  }

  html body main #home .hero-facts p {
    display: none !important;
  }

  html body main #home > .trust-strip,
  html body main #home > .monograph-strip,
  html body main #home > .advantage-stage,
  html body main #home > .split-section {
    display: none !important;
  }

  html body main #partners > .page-hero.compact,
  html body main #partners > .proof-grid,
  html body main section.page#partners > div.page-hero.compact,
  html body main section.page#partners > div.proof-grid {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body main #partners .partner-logo-wall {
    display: grid !important;
    width: min(100% - 32px, 430px) !important;
    margin: 0 auto !important;
    padding: 44px 0 58px !important;
  }

  html body main #partners .partner-logo-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  html body main #partners .partner-logo-card.partner-wordmark {
    gap: 8px !important;
    width: 100% !important;
  }

  html body main #partners .partner-wordmark strong,
  html body main #partners .partner-kesse img {
    height: 142px !important;
  }
}

body #products .catalog-grid article.system-family-card .catalog-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  justify-self: end !important;
  align-self: end !important;
  min-height: 44px !important;
  margin: 28px 24px 0 auto !important;
  padding: 0 20px 0 22px !important;
  border: 1px solid rgba(138, 17, 25, 0.9) !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: #8a1119 !important;
  box-shadow: 0 14px 28px rgba(138, 17, 25, 0.18) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease !important;
}

body #products .catalog-grid article.system-family-card .catalog-link::after {
  content: ">" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  color: #8a1119 !important;
  background: rgba(255, 255, 255, 0.92) !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

body #products .catalog-grid article.system-family-card .catalog-link:hover,
body #products .catalog-grid article.system-family-card .catalog-link:focus-visible {
  border-color: #6f0c13 !important;
  color: #fff !important;
  background: #6f0c13 !important;
  box-shadow: 0 18px 34px rgba(138, 17, 25, 0.24) !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

@media (max-width: 680px) {
  body #products .catalog-grid article.system-family-card .catalog-link {
    justify-self: stretch !important;
    width: auto !important;
    margin-top: 20px !important;
  }
}

/* Mobile cover polish: use a dedicated crop and keep the brand copy readable. */
@media (max-width: 760px) {
  html body main #home.page-home {
    background: #fff !important;
  }

  html body main #home .hero {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 0 34px !important;
    overflow: visible !important;
    background: #fff !important;
  }

  html body main #home .hero::before,
  html body main #home .hero::after,
  html body main #home .hero-overlay,
  html body main #home .cover-badge,
  html body main #home .hero-signature {
    display: none !important;
  }

  html body main #home .hero-image {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: clamp(330px, 54svh, 430px) !important;
    min-height: 330px !important;
    max-height: 430px !important;
    object-fit: cover !important;
    object-position: center 52% !important;
    filter: none !important;
  }

  html body main #home .hero-content {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: calc(100% - 40px) !important;
    max-width: 430px !important;
    min-height: 0 !important;
    margin: 26px auto 0 !important;
    padding: 0 !important;
    color: #111 !important;
    text-align: left !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }

  html body main #home .hero-content .eyebrow {
    display: block !important;
    margin: 0 0 8px !important;
    color: #9a121b !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
  }

  html body main #home .cover-title {
    display: grid !important;
    justify-items: start !important;
    gap: 5px !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    color: #111 !important;
    text-align: left !important;
  }

  html body main #home .cn-title {
    display: block !important;
    color: #111 !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: clamp(34px, 9.4vw, 42px) !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #111 !important;
  }

  html body main #home .en-title {
    display: block !important;
    max-width: 100% !important;
    color: #111 !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
    opacity: 1 !important;
  }

  html body main #home .hero-copy {
    max-width: 100% !important;
    margin: 0 0 22px !important;
    color: #111 !important;
    font-size: 17px !important;
    font-weight: 780 !important;
    line-height: 1.62 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
  }

  html body main #home .hero-copy span {
    display: block !important;
    margin-top: 10px !important;
    color: #8a8a8a !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
    letter-spacing: 0 !important;
  }

  html body main #home .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  html body main #home .hero-actions .btn {
    min-height: 54px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 820 !important;
    line-height: 1.2 !important;
  }
}

/* Mobile cover title overlay: move the brand title from the white block onto the image. */
@media (max-width: 760px) {
  html body main #home .hero {
    position: relative !important;
    padding-bottom: 34px !important;
  }

  html body main #home .hero-image {
    height: clamp(420px, 62svh, 560px) !important;
    max-height: 560px !important;
    object-position: center 54% !important;
  }

  html body main #home .hero-content {
    position: static !important;
    width: calc(100% - 40px) !important;
    max-width: 430px !important;
    margin: 24px auto 0 !important;
  }

  html body main #home .hero-content .eyebrow,
  html body main #home .cover-title {
    position: absolute !important;
    left: 50% !important;
    z-index: 3 !important;
    width: min(calc(100% - 96px), 460px) !important;
    margin: 0 !important;
    color: #fff !important;
    text-align: center !important;
    transform: translateX(-50%) !important;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55) !important;
  }

  html body main #home .hero-content .eyebrow {
    top: clamp(210px, 34svh, 310px) !important;
    display: block !important;
    font-size: clamp(18px, 5.2vw, 25px) !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
  }

  html body main #home .cover-title {
    top: clamp(244px, 39svh, 354px) !important;
    display: grid !important;
    justify-items: center !important;
    gap: 6px !important;
    padding: 0 !important;
  }

  html body main #home .cn-title,
  html body main #home .en-title {
    color: #fff !important;
    text-align: center !important;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55) !important;
    -webkit-text-fill-color: #fff !important;
  }

  html body main #home .cn-title {
    font-size: clamp(32px, 8.5vw, 42px) !important;
    line-height: 1.08 !important;
  }

  html body main #home .en-title {
    font-size: clamp(20px, 5.4vw, 28px) !important;
    line-height: 1.18 !important;
  }

  html body main #home .hero-copy {
    margin-top: 0 !important;
  }
}

@media (max-width: 760px) {
  html body main #home .hero .hero-content .eyebrow,
  html body main #home .hero .cover-title,
  html body main #home .hero .cover-title .cn-title,
  html body main #home .hero .cover-title .en-title {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.62) !important;
  }
}