/* ===== Global Clients ===== */
.s-global-clients{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-block:clamp(64px,9vw,112px);
  background-color:var(--c-primary);
  background-image:
    linear-gradient(160deg,rgba(0,18,38,.12) 0%,rgba(0,18,38,.30) 100%),
    linear-gradient(160deg,var(--c-primary) 0%,var(--c-secondary) 100%);
  color:var(--c-on-primary);
  text-align:center;
}
.s-global-clients::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 16%,rgba(255,255,255,.14),transparent 42%),
    radial-gradient(circle at 88% 84%,rgba(255,255,255,.10),transparent 46%);
}
.s-global-clients .gc-inner{
  position:relative;
  max-width:720px;
  margin-inline:auto;
}
.s-global-clients .gc-title{
  margin:0 0 16px;
  font-family:var(--font-head);
  font-size:clamp(26px,4vw,32px);
  font-weight:700;
  line-height:1.3;
  letter-spacing:-.01em;
  color:inherit;
}
.s-global-clients .gc-body{
  max-width:620px;
  margin:0 auto;
  font-family:var(--font-body);
  font-size:clamp(17px,2.1vw,18px);
  font-weight:400;
  line-height:1.78;
  color:inherit;
  text-align:start;
}
.s-global-clients .gc-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  justify-content:center;
  gap:16px;
  margin-top:48px;
  padding-block:8px;
}

/* --- أزرار موحّدة القياس --- */
.s-global-clients .gc-btn{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  min-width:220px;
  padding-block:0;
  padding-inline:32px;
  border-radius:var(--radius);
  border:2px solid transparent;
  font-family:var(--font-head);
  font-size:16px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.01em;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:0 12px 26px rgba(0,20,45,.26);
  transition:background-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}

/* الزر الأساسي: خلفية فاتحة صلبة + نص أزرق (تباين ≈ 4.6:1) */
.s-global-clients .gc-btn--glass{
  background:var(--c-on-primary);
  border-color:var(--c-on-primary);
  color:var(--c-primary);
  box-shadow:0 14px 28px rgba(0,20,45,.30);
}
.s-global-clients .gc-btn--glass:hover{
  background:var(--c-on-primary);
  border-color:var(--c-on-primary);
  color:var(--c-primary);
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(0,20,45,.34);
}

/* الزر الثانوي: نفس الأبعاد تماماً + خلفية داكنة شفافة لضمان التباين */
.s-global-clients .gc-btn--ghost{
  background:rgba(0,22,48,.22);
  border-color:rgba(255,255,255,.85);
  color:var(--c-on-primary);
}
.s-global-clients .gc-btn--ghost:hover{
  background:rgba(0,22,48,.36);
  border-color:var(--c-on-primary);
  color:var(--c-on-primary);
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(0,20,45,.34);
}

.s-global-clients .gc-btn:active{transform:translateY(0)}
.s-global-clients .gc-btn:focus-visible{
  outline:2px solid var(--c-on-primary);
  outline-offset:3px;
}

@media (max-width:900px){
  .s-global-clients{padding-block:clamp(56px,8vw,88px)}
  .s-global-clients .gc-actions{margin-top:40px}
}
@media (max-width:600px){
  .s-global-clients .gc-body{text-align:center}
  .s-global-clients .gc-actions{
    flex-direction:column;
    align-items:stretch;
    max-width:320px;
    margin-inline:auto;
    margin-top:36px;
  }
  .s-global-clients .gc-btn{
    width:100%;
    min-width:0;
    padding-inline:20px;
  }
}
@media (prefers-reduced-motion:reduce){
  .s-global-clients .gc-btn{transition:none}
  .s-global-clients .gc-btn:hover{transform:none}
}