.hero {
  background-image: linear-gradient(90deg, rgba(0,47,58,.97) 0%, rgba(0,61,73,.84) 42%, rgba(0,61,73,.28) 100%), url('onway-hero-ti.jpg');
  background-size: cover;
  background-position: center;
}
.visual-hero {
  background-image: linear-gradient(90deg, rgba(0,47,58,.97), rgba(5,87,101,.58)), url('erp-cloud-datacenter.jpg');
  background-size: cover;
  background-position: center;
}
.media-split { display:grid; grid-template-columns:1fr 1fr; gap:7vw; align-items:center; }
.media-frame { position:relative; overflow:hidden; min-height:500px; margin:0; border-radius:22px; background:var(--deep); }
.media-frame img { position:absolute; width:100%; height:100%; object-fit:cover; }
.media-frame::after { content:""; position:absolute; inset:auto 0 0; height:7px; background:linear-gradient(90deg,var(--aqua),var(--lime)); }
.service-list { display:grid; grid-template-columns:1fr 1fr; gap:13px; margin:28px 0; }
.service-list div { padding:15px 16px; border:1px solid var(--line); border-radius:10px; background:#fff; font-weight:800; font-size:.9rem; }
.service-list div::before { content:"✓"; color:var(--aqua2); margin-right:9px; }
.partner-image { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:17px; margin-top:24px; }
@media(max-width:900px) { .media-split { grid-template-columns:1fr; } .media-frame { min-height:380px; } }
@media(max-width:580px) { .service-list { grid-template-columns:1fr; } .media-frame { min-height:280px; } }