/* Platform hero: blend the existing HD dashboard into the shared blue background. */
html.nx-orbit-brand body.page-piattaforma main section.page-hero.nx-platform-fade {
  position: relative !important; isolation: isolate; overflow: hidden;
  display: flex !important; align-items: center; min-height: 780px;
  box-sizing: border-box; padding: 96px 0 76px !important; background: #123aac !important;
}
html body.page-piattaforma main section.nx-platform-fade::before {
  content: "" !important; display: block !important; position: absolute; inset: 0;
  z-index: 1; pointer-events: none;
  background: linear-gradient(90deg, #123aac 0%, #123aac 40%, rgba(18,58,172,.94) 46%, rgba(18,58,172,.6) 53%, rgba(18,58,172,.15) 63%, rgba(18,58,172,.02) 80%, rgba(18,58,172,.02) 100%) !important;
}
html body.page-piattaforma main section.nx-platform-fade::after { content: none !important; display: none !important; }
html body.page-piattaforma main section.nx-platform-fade > .nx-photo-layout.platform-hero-grid {
  position: static !important; z-index: auto !important; display: block !important; width: calc(100% - 80px) !important;
  max-width: 1520px !important; margin-inline: auto; padding: 0 !important;
}
html body.page-piattaforma main section.nx-platform-fade .platform-hero-grid > div:first-child {
  position: relative; z-index: 2; width: 40%; max-width: 610px; color: #fff;
}
html body.page-piattaforma main section.nx-platform-fade .nx-dashboard-image {
  position: absolute !important; inset: 0 0 0 auto !important; z-index: 0;
  width: 60% !important; max-width: none !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
  box-shadow: none !important; background: #f4fafc !important; overflow: hidden;
  transform: none !important; opacity: 1 !important; pointer-events: none;
  display: flex !important; align-items: center; justify-content: center;
}
html body.page-piattaforma main section.nx-platform-fade .nx-dashboard-image img {
  display: block !important; width: 100% !important; max-width: none !important;
  height: 100% !important; min-height: 0 !important; max-height: none !important;
  object-fit: contain !important; object-position: center !important; aspect-ratio: auto !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  transform: none !important; filter: none !important; opacity: 1 !important;
}
html body.page-piattaforma main section.nx-platform-fade .nx-dashboard-image::before,
html body.page-piattaforma main section.nx-platform-fade .nx-dashboard-image::after { content: none !important; }
html body.page-piattaforma main section.nx-platform-fade .breadcrumbs { margin-bottom: 34px; color: #fff !important; }
html body.page-piattaforma main section.nx-platform-fade .breadcrumbs a,
html body.page-piattaforma main section.nx-platform-fade .eyebrow,
html body.page-piattaforma main section.nx-platform-fade h1,
html body.page-piattaforma main section.nx-platform-fade .lead { color: #fff !important; }
html body.page-piattaforma main section.nx-platform-fade h1 {
  max-width: 100% !important; font-size: clamp(2.3rem,3.2vw,3.5rem) !important;
  line-height: 1.1 !important; letter-spacing: -.035em !important; margin: 22px 0 28px !important;
}
html body.page-piattaforma main section.nx-platform-fade .lead { font-size: 1.075rem !important; line-height: 1.7 !important; }
html body.page-piattaforma main section.nx-platform-fade .platform-hero-proof { flex-wrap: wrap !important; gap: 8px !important; margin-top: 24px; }
html body.page-piattaforma main section.nx-platform-fade .platform-hero-proof span { color: #fff !important; background: rgba(5,30,100,.28) !important; border-color: rgba(255,255,255,.22) !important; }
html body.page-piattaforma main section.nx-platform-fade .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
html body.page-piattaforma main section.nx-platform-fade .button-secondary { color: #173cae !important; background: #fff !important; border-color: #fff !important; }
html body.page-piattaforma main section.nx-platform-fade a:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
@media(max-width:1100px) {
  html.nx-orbit-brand body.page-piattaforma main section.page-hero.nx-platform-fade {
    display: block !important; min-height: 0; padding: 80px 0 0 !important;
  }
  html body.page-piattaforma main section.nx-platform-fade::before { content: none !important; display: none !important; }
  html body.page-piattaforma main section.nx-platform-fade > .nx-photo-layout.platform-hero-grid { width: 100% !important; max-width: none !important; }
  html body.page-piattaforma main section.nx-platform-fade .platform-hero-grid > div:first-child { width: calc(100% - 40px); max-width: 680px; margin-inline: auto; padding-bottom: 30px; }
  html body.page-piattaforma main section.nx-platform-fade .nx-dashboard-image {
    position: relative !important; inset: auto !important; width: 100% !important;
    height: auto !important; aspect-ratio: 1363 / 936; display: block !important;
  }
  html body.page-piattaforma main section.nx-platform-fade .nx-dashboard-image img { position: absolute; inset: 0; }
  html body.page-piattaforma main section.nx-platform-fade .nx-dashboard-image::after {
    content: "" !important; display: block !important; position: absolute; inset: 0; z-index: 1;
    background: linear-gradient(180deg,#123aac 0%,rgba(18,58,172,.76) 8%,rgba(18,58,172,.16) 27%,rgba(18,58,172,0) 62%);
    pointer-events: none;
  }
  html body.page-piattaforma main section.nx-platform-fade h1 { font-size: clamp(2rem,6vw,2.8rem) !important; }
  html body.page-piattaforma main section.nx-platform-fade .breadcrumbs { margin-bottom: 26px; }
}
