/* V9.22 — Customers page: industries hero and "Our Key Customers" banner */

/* Same treatment as the Partners hero (8:3 banner, copy on the left), but the copy sits in the empty sky at the
   top-left and the scrim is limited to that corner so the sector labels baked into the bottom stay legible. */
.feature-hero.v4-banner.atc-customers-hero{
  background:
    radial-gradient(ellipse 62% 78% at 0% 0%,rgba(7,19,26,.88) 0%,rgba(7,19,26,.62) 45%,rgba(7,19,26,0) 100%),
    url('assets/customers-industries-banner-2048.webp?v=3') center center/cover no-repeat!important;
  background-color:#07141c!important;
  background-size:100% 100%,cover!important;
  background-position:center center,center center!important;
  min-height:clamp(410px,37.5vw,620px);
  align-items:flex-start;
  padding-top:clamp(28px,3vw,48px);
}
.feature-hero.v4-banner.atc-customers-hero .wrap{margin-top:0}
.feature-hero.v4-banner.atc-customers-hero h1{max-width:16em;margin-bottom:0;line-height:1.05;text-shadow:0 1px 14px rgba(4,23,31,.55)}
@media(max-width:600px){
  .feature-hero.v4-banner.atc-customers-hero h1{font-size:clamp(28px,7.2vw,34px)!important}
}
@media(max-width:900px){
  .feature-hero.v4-banner.atc-customers-hero{
    background:
      linear-gradient(90deg,rgba(7,19,26,.9) 0%,rgba(7,19,26,.72) 55%,rgba(7,19,26,.5) 100%),
      url('assets/customers-industries-banner-2048.webp?v=3') center center/cover no-repeat!important;
    background-color:#07141c!important;
    background-size:100% 100%,cover!important;
    background-position:center center,center center!important;
    min-height:390px;
  }
}


.atc-key-customers{--kc-navy:#0d2f6b;--kc-cyan:#14a9e0;position:relative;overflow:hidden;padding:56px 0;background:radial-gradient(circle at 1px 1px,#9cc8e633 1px,transparent 0) 0 0/14px 14px,linear-gradient(180deg,#f3f9fe 0%,#e6f2fb 100%)}
.atc-key-customers__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:center;max-width:1440px;margin:0 auto;padding:0 clamp(16px,2.5vw,32px)}

.atc-key-customers__visual{position:relative;margin:0;height:clamp(260px,24vw,330px);overflow:hidden;box-shadow:0 18px 40px #0d2f6b1f}
.atc-key-customers__visual img{display:block;width:100%;height:100%;object-fit:cover}
.atc-key-customers__visual--left{border-radius:18px 46% 46% 18px/18px 58% 42% 18px}
.atc-key-customers__visual--left img{object-position:36% 50%}
.atc-key-customers__visual--right{border-radius:46% 18px 18px 46%/42% 18px 18px 58%}
.atc-key-customers__visual--right img{object-position:68% 50%}
.atc-key-customers__visual::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 6px #ffffffb3;pointer-events:none}

.atc-key-customers__content{text-align:center}
.atc-key-customers__title{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,24px);margin:0;font:800 clamp(28px,3.3vw,44px)/1.1 Manrope,sans-serif;letter-spacing:-.01em;text-transform:uppercase;color:var(--kc-navy)}
.atc-key-customers__title::before,.atc-key-customers__title::after{content:'';flex:0 1 64px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--kc-navy),var(--kc-cyan))}
.atc-key-customers__title::after{background:linear-gradient(90deg,var(--kc-cyan),var(--kc-navy))}
.atc-key-customers__accent{color:var(--kc-cyan)}
.atc-key-customers__lead{margin:12px 0 30px;font-size:16px;line-height:1.5;color:#3d4f66}

.atc-key-customers__lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px clamp(16px,2vw,24px);align-items:start;text-align:left}
.atc-key-customers__list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.atc-key-customers__list li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:11px 16px;border:1px solid #c9def0;border-radius:10px;background:#fff;box-shadow:0 6px 16px #0d2f6b0d;font:700 14.5px/1.35 Manrope,sans-serif;color:var(--kc-navy);transition:transform .2s,border-color .2s,box-shadow .2s}
.atc-key-customers__list li:hover{transform:translateX(3px);border-color:var(--kc-cyan);box-shadow:0 10px 22px #14a9e024}
.atc-key-customers__list svg{flex:none;width:18px;height:18px;color:var(--kc-cyan)}

@media(max-width:1100px){
  .atc-key-customers__inner{grid-template-columns:minmax(0,1fr);max-width:860px}
  .atc-key-customers__visual{display:none}
}
@media(max-width:640px){
  .atc-key-customers{padding:42px 0}
  .atc-key-customers__title{gap:10px;font-size:clamp(22px,6.6vw,28px)}
  .atc-key-customers__title::before,.atc-key-customers__title::after{flex-basis:22px}
  .atc-key-customers__lead{font-size:15px;margin-bottom:22px}
  .atc-key-customers__lists{grid-template-columns:minmax(0,1fr)}
  .atc-key-customers__list li{font-size:14px;padding:10px 16px}
}