.intl-band { position: relative; overflow: hidden; background: var(--color-sol-blue-dark); color: #fff; }
.intl-band-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.intl-band-overlay {
  position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(95deg, rgba(0,75,135,0.94) 0%, rgba(0,75,135,0.82) 50%, rgba(0,75,135,0.55) 100%);
}
.intl-band-glow {
  position: absolute; right: -160px; top: 0; width: 640px; height: 640px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(98,181,229,0.28) 0%, transparent 65%);
}
.intl-band-inner { position: relative; padding-block: 80px; }
@media (min-width: 1024px) { .intl-band-inner { padding-block: 112px; } }

.intl-band-grid { display: grid; gap: var(--gap-sol-lg); align-items: center; grid-template-columns: 1fr; }
@media (min-width: 1024px) { .intl-band-grid { grid-template-columns: 7fr 5fr; } }

.intl-pillars { margin-top: 40px; display: flex; flex-direction: column; gap: 20px; }
.intl-pillar { display: flex; align-items: flex-start; gap: 16px; }
.intl-pillar-icon { width: 2rem; height: 2rem; flex-shrink: 0; color: var(--color-sol-blue-light); }
.intl-pillar-title { font-size: 1rem; font-weight: 700; color: #fff; }

.intl-logo-box {
  display: flex; aspect-ratio: 3 / 2; align-items: center; justify-content: center;
  border-radius: var(--radius-sol-panel); background: #fff; padding: 40px;
}
@media (min-width: 640px) { .intl-logo-box { padding: 48px; } }
@media (min-width: 1024px) { .intl-logo-box { padding: 64px; } }
.intl-logo-box img { height: 100%; width: auto; max-width: 100%; object-fit: contain; }