.home-system-section .system-grid .system-tile {
  overflow: hidden !important;
  padding: 0 22px 22px !important;
}

.home-system-section .system-grid .system-tile::before,
.home-system-section .system-grid .system-tile::after {
  display: none !important;
}

.system-tile-media {
  position: relative;
  overflow: hidden;
  width: auto;
  margin: 0 -22px 18px;
  aspect-ratio: 16 / 8.6;
  border-bottom: 1px solid rgba(3, 27, 62, .12);
  background: #e8edf4;
}

.system-tile-media::after {
  position: absolute;
  inset: auto 0 0;
  height: 5px;
  background: linear-gradient(90deg, var(--blue-strong), var(--yellow));
  content: "";
}

.system-tile-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .28s ease;
}

.home-system-section .system-tile:hover .system-tile-media img {
  transform: scale(1.025);
}

.home-system-section .system-tile-head {
  margin-bottom: 16px;
}

.home-system-section .system-actions {
  padding-top: 18px;
}

@media (max-width: 720px) {
  .home-system-section .system-grid .system-tile {
    padding: 0 18px 20px !important;
  }

  .system-tile-media {
    margin: 0 -18px 16px;
    aspect-ratio: 16 / 9;
  }
}

/* Unified mining-home HERO: keep the mine setting, but render localized copy
   as responsive HTML instead of baking it into the image. */
.hero.hero-home {
  position: relative;
  isolation: isolate;
  display: grid;
  min-height: clamp(600px, 64vh, 720px) !important;
  margin-top: var(--site-header-offset);
  overflow: hidden;
  color: #fff;
  background: #00122f;
  line-height: normal;
}

.hero.hero-home::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block !important;
  background:
    linear-gradient(90deg, rgba(0, 18, 47, .98) 0%, rgba(0, 18, 47, .91) 36%, rgba(0, 18, 47, .48) 58%, rgba(0, 18, 47, .08) 100%),
    linear-gradient(180deg, rgba(0, 18, 47, .05), rgba(0, 18, 47, .24));
  content: "";
  pointer-events: none;
}

.hero.hero-home .home-hero-image {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0 !important;
  object-fit: cover;
  object-position: center center;
}

.hero.hero-home .home-hero-accessible {
  position: relative;
  z-index: 2;
  display: grid;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-height: inherit;
  margin: 0;
  padding: clamp(40px, 4vw, 60px) clamp(28px, 5vw, 96px);
  overflow: visible;
  clip: auto;
  white-space: normal;
  align-content: center;
}

.hero.hero-home .home-hero-accessible > * {
  width: min(55%, 860px);
}

.hero.hero-home .home-hero-accessible > p:first-child {
  margin: 0 0 12px;
  color: #f8b918;
  font-size: clamp(.82rem, 1vw, .96rem);
  font-weight: 800;
  line-height: 1.35;
}

.hero.hero-home .home-hero-accessible h1 {
  max-width: 860px;
  margin: 0 0 18px;
  color: #fff;
  font-size: clamp(2.45rem, 3.8vw, 4rem);
  line-height: 1.03;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  text-wrap: balance;
}

.hero.hero-home .home-hero-accessible > h1 + p {
  max-width: 800px;
  margin: 0 0 24px;
  color: rgba(255, 255, 255, .88);
  font-size: clamp(.98rem, 1vw, 1.08rem);
  line-height: 1.55;
}

.mining-home-hero-actions {
  display: flex;
  width: auto !important;
  margin: 0;
  flex-wrap: wrap;
  gap: 12px;
}

.mining-home-hero-actions .button {
  width: auto;
  min-height: 48px;
  padding-inline: 22px;
  white-space: normal;
}

.mining-home-hero-actions .button:first-child {
  color: #071d3c;
  background: #f8b918;
  border-color: #f8b918;
  box-shadow: 0 16px 34px rgba(248, 185, 24, .24);
}

.mining-home-hero-actions .button:last-child {
  color: #fff;
  background: rgba(0, 18, 47, .28);
  border-color: rgba(255, 255, 255, .52);
}

.home-brand-proof-band .brand-proof-item {
  min-height: 106px;
}

@media (min-width: 1101px) {
  html[lang="es"] .hero.hero-home .home-hero-accessible > * {
    width: min(59%, 900px);
  }

  html[lang="es"] .hero.hero-home .home-hero-accessible h1 {
    max-width: 900px;
    font-size: clamp(2.35rem, 3.45vw, 3.65rem);
    text-wrap: pretty;
  }
}

@media (max-width: 1100px) {
  .hero.hero-home .home-hero-accessible > * {
    width: min(66%, 760px);
  }

  .hero.hero-home .home-hero-accessible h1 {
    font-size: clamp(2.25rem, 5vw, 3.6rem);
  }
}

@media (max-width: 760px) {
  .hero.hero-home {
    display: flex;
    min-height: 0 !important;
    flex-direction: column;
    background: #00122f;
  }

  .hero.hero-home::before {
    display: none !important;
  }

  .hero.hero-home .home-hero-image {
    position: relative;
    order: 1;
    inset: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center center;
  }

  .hero.hero-home .home-hero-accessible {
    order: 2;
    display: flex;
    width: 100%;
    min-height: 0;
    padding: 22px 20px 32px;
    flex-direction: column;
    background:
      radial-gradient(circle at 100% 0%, rgba(26, 123, 255, .22), transparent 46%),
      #00122f;
  }

  .hero.hero-home .home-hero-accessible > * {
    width: 100%;
    max-width: 620px;
    margin-inline: auto;
  }

  .hero.hero-home .home-hero-accessible > p:first-child {
    order: 1;
    margin-bottom: 10px;
    font-size: .75rem;
  }

  .hero.hero-home .home-hero-accessible h1 {
    order: 2;
    margin-bottom: 16px;
    font-size: clamp(1.9rem, 8.2vw, 2.3rem);
    line-height: 1.08;
    text-wrap: pretty;
  }

  .hero.hero-home .home-hero-accessible > h1 + p {
    order: 3;
    margin-bottom: 22px;
    font-size: .96rem;
    line-height: 1.52;
  }

  .mining-home-hero-actions {
    order: 4;
    display: grid;
    width: 100% !important;
    grid-template-columns: 1fr;
  }

  .mining-home-hero-actions .button {
    width: 100%;
  }

  .mining-home-hero-actions .button:last-child {
    display: none;
  }

  body.home-hero-in-view .mobile-cta {
    opacity: 0;
    pointer-events: none;
    transform: translateY(calc(100% + 24px));
  }

  .home-brand-proof-band .brand-proof-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-brand-proof-band .brand-proof-item {
    min-height: 0;
    padding: 16px 12px;
  }

  .home-brand-proof-band .brand-proof-item strong {
    font-size: 1.03rem;
  }

  .home-brand-proof-band .brand-proof-item p {
    font-size: .82rem;
    line-height: 1.4;
  }
}

/* Keep both mining homepages on the same typography and wide-shell rhythm as
   the commercial homepage. This file is loaded only by the two mining homes. */
body {
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", Arial, sans-serif;
  line-height: 1.65;
}

body main .container {
  width: min(calc(100% - clamp(40px, 7vw, 128px)), 1760px);
  max-width: 1760px;
  margin-inline: auto;
}

.hero.hero-home .home-hero-accessible {
  align-content: start;
}

.hero.hero-home .home-hero-accessible > * {
  width: min(52%, 840px);
}

.hero.hero-home .home-hero-accessible h1 {
  max-width: 840px;
}

@media (min-width: 1101px) {
  html[lang="es-419"] .hero.hero-home .home-hero-accessible > *,
  html[lang="es"] .hero.hero-home .home-hero-accessible > * {
    width: min(66%, 900px);
  }

  html[lang="es-419"] .hero.hero-home .home-hero-accessible h1,
  html[lang="es"] .hero.hero-home .home-hero-accessible h1 {
    max-width: 900px;
    font-size: clamp(2.35rem, 3.45vw, 3.65rem);
    text-wrap: pretty;
  }
}

.home-brand-proof-band {
  padding: 0;
  color: #071d3c;
  background: #fff;
  border-bottom: 1px solid rgba(7, 29, 60, .12);
}

.home-brand-proof-band .brand-proof-grid {
  display: grid;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 clamp(28px, 5vw, 96px);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
}

.home-brand-proof-band .brand-proof-item {
  display: block;
  min-width: 0;
  min-height: 0;
  padding: 20px 22px 22px;
  background: #fff;
  border: 0;
  border-left: 1px solid rgba(7, 29, 60, .12);
  border-radius: 0;
  box-shadow: none;
  text-align: left;
}

.home-brand-proof-band .brand-proof-item:last-child {
  border-right: 1px solid rgba(7, 29, 60, .12);
}

.home-brand-proof-band .brand-proof-item strong,
.home-brand-proof-band .brand-proof-item p {
  display: block;
  width: 100%;
  max-width: none;
}

.home-brand-proof-band .brand-proof-item strong {
  margin: 0 0 6px;
  color: #073b87;
  font-size: clamp(.98rem, 1.1vw, 1.12rem);
  line-height: 1.25;
}

.home-brand-proof-band .brand-proof-item p {
  margin: 0;
  color: rgba(7, 29, 60, .7);
  font-size: .88rem;
  line-height: 1.45;
}

@media (max-width: 900px) {
  .home-brand-proof-band .brand-proof-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-brand-proof-band .brand-proof-item:nth-child(2) {
    border-right: 1px solid rgba(7, 29, 60, .12);
  }

  .home-brand-proof-band .brand-proof-item:nth-child(n + 3) {
    border-top: 1px solid rgba(7, 29, 60, .12);
  }
}

@media (max-width: 760px) {
  .hero.hero-home .home-hero-accessible {
    align-content: initial;
  }

  .hero.hero-home .home-hero-accessible > * {
    width: 100%;
  }

  .hero.hero-home .home-hero-accessible h1 {
    max-width: 620px;
    font-size: clamp(1.95rem, 8.4vw, 2.35rem);
  }
}

@media (max-width: 520px) {
  .home-brand-proof-band .brand-proof-grid {
    padding-inline: 20px;
    grid-template-columns: 1fr;
  }

  .home-brand-proof-band .brand-proof-item,
  .home-brand-proof-band .brand-proof-item:nth-child(2),
  .home-brand-proof-band .brand-proof-item:last-child {
    padding: 16px 0 17px;
    border-right: 0;
    border-left: 0;
  }

  .home-brand-proof-band .brand-proof-item + .brand-proof-item {
    border-top: 1px solid rgba(7, 29, 60, .12);
  }
}

/* Align the full-bleed mining home HERO's content with the shared site shell. */
@media (min-width: 1921px) {
  .hero.hero-home .home-hero-accessible,
  .home-brand-proof-band .brand-proof-grid {
    box-sizing: border-box;
    width: var(--site-shell-wide, 1760px) !important;
    max-width: var(--site-shell-wide, 1760px) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }
}

/* mobile-home-proof-full-width-20260730 */
@media (max-width: 760px) {
  .home-brand-proof-band .brand-proof-grid {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: 0;
  }
}

@media (max-width: 520px) {
  .home-brand-proof-band .brand-proof-item,
  .home-brand-proof-band .brand-proof-item:nth-child(2),
  .home-brand-proof-band .brand-proof-item:last-child {
    padding: 16px 20px 17px;
  }
}