@import url('/capabilities-premium-base.css?v=20260906');

/* Team section — simple ranked glass cards, no decorative wings */
html body[data-storefront="v2"] .company-section .company-grid{display:none!important}
html body[data-storefront="v2"] .company-section .team-block{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
  overflow:visible!important;
}
html body[data-storefront="v2"] .company-section .team-heading{
  margin-bottom:32px!important;
  text-align:center!important;
}
html body[data-storefront="v2"] .company-section .team-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:20px!important;
  width:min(1120px,100%)!important;
  max-width:1120px!important;
  height:auto!important;
  margin-inline:auto!important;
  align-items:stretch!important;
  direction:ltr!important;
  overflow:visible!important;
}

html body[data-storefront="v2"] .company-section .team-grid .team-card{
  position:relative!important;
  inset:auto!important;
  direction:rtl!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
  width:100%!important;
  min-height:236px!important;
  margin:0!important;
  padding:22px 16px 18px!important;
  border:1px solid rgba(125,199,255,.14)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(15,29,54,.82),rgba(8,19,36,.78))!important;
  background-color:rgba(15,23,42,.68)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  overflow:hidden!important;
  isolation:isolate!important;
  transform:none!important;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease!important;
}

/* Remove every previous wing / decorative pseudo element. */
html body[data-storefront="v2"] .company-section .team-grid .team-card::before,
html body[data-storefront="v2"] .company-section .team-grid .team-card::after{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
  filter:none!important;
  transform:none!important;
}

/* Role-based desktop order from center toward the edges:
   outer-left Sajjad | inner-left Mahdieh | CEO Mehdi | inner-right Alireza | outer-right Mehna */
html body[data-storefront="v2"] .company-section .team-grid .team-card:nth-child(1){grid-column:3!important;grid-row:1!important}
html body[data-storefront="v2"] .company-section .team-grid .team-card:nth-child(2){grid-column:4!important;grid-row:1!important}
html body[data-storefront="v2"] .company-section .team-grid .team-card:nth-child(3){grid-column:5!important;grid-row:1!important}
html body[data-storefront="v2"] .company-section .team-grid .team-card:nth-child(4){grid-column:2!important;grid-row:1!important}
html body[data-storefront="v2"] .company-section .team-grid .team-card:nth-child(5){grid-column:1!important;grid-row:1!important}

html body[data-storefront="v2"] .company-section .team-grid .team-avatar-ring{
  position:relative!important;
  z-index:2!important;
  box-sizing:border-box!important;
  width:112px!important;
  height:112px!important;
  min-width:112px!important;
  min-height:112px!important;
  max-width:112px!important;
  max-height:112px!important;
  flex:0 0 112px!important;
  margin:0 0 14px!important;
  padding:3px!important;
  border-radius:50%!important;
  background:conic-gradient(from 0deg,#38bdf8,#6474ff,#a78bfa,#8c63ed,#38bdf8)!important;
  filter:drop-shadow(0 0 14px rgba(100,116,255,.18))!important;
}
html body[data-storefront="v2"] .company-section .team-grid .team-avatar-inner{
  box-sizing:border-box!important;
  width:106px!important;
  height:106px!important;
  min-width:106px!important;
  min-height:106px!important;
  max-width:106px!important;
  max-height:106px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#142c52,#202a59 55%,#3a2867)!important;
  border:3px solid #0a1529!important;
  color:#f6f9ff!important;
}
html body[data-storefront="v2"] .company-section .team-grid .team-avatar-inner img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:50%!important;
}
html body[data-storefront="v2"] .company-section .team-grid .team-avatar-placeholder{
  font-size:34px!important;
  font-weight:900!important;
  text-shadow:0 6px 20px rgba(0,0,0,.25)!important;
}

/* CEO remains the visual center and is slightly larger. */
html body[data-storefront="v2"] .company-section .team-grid .team-card:nth-child(1){
  border-color:rgba(125,199,255,.30)!important;
  background:linear-gradient(145deg,rgba(19,38,68,.92),rgba(11,23,45,.90))!important;
  box-shadow:0 20px 44px rgba(0,0,0,.20),0 0 28px rgba(100,116,255,.10),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html body[data-storefront="v2"] .company-section .team-grid .team-card:nth-child(1) .team-avatar-ring{
  width:126px!important;
  height:126px!important;
  min-width:126px!important;
  min-height:126px!important;
  max-width:126px!important;
  max-height:126px!important;
  flex-basis:126px!important;
  filter:drop-shadow(0 0 18px rgba(56,189,248,.28)) drop-shadow(0 0 22px rgba(140,99,237,.22))!important;
}
html body[data-storefront="v2"] .company-section .team-grid .team-card:nth-child(1) .team-avatar-inner{
  width:120px!important;
  height:120px!important;
  min-width:120px!important;
  min-height:120px!important;
  max-width:120px!important;
  max-height:120px!important;
}
html body[data-storefront="v2"] .company-section .team-grid .team-card:nth-child(1) .team-avatar-inner img{display:none!important}
html body[data-storefront="v2"] .company-section .team-grid .team-card:nth-child(1) .team-avatar-inner::after{
  content:"م"!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  color:#f6f9ff!important;
  font-size:38px!important;
  font-weight:900!important;
}

html body[data-storefront="v2"] .company-section .team-grid .team-card h3{
  position:relative!important;
  z-index:2!important;
  margin:0!important;
  color:#f6f9ff!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.65!important;
  text-align:center!important;
  white-space:nowrap!important;
}
html body[data-storefront="v2"] .company-section .team-grid .team-card p{
  position:relative!important;
  z-index:2!important;
  margin:5px 0 0!important;
  min-height:42px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  color:#7dc7ff!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.75!important;
  text-align:center!important;
  opacity:.85!important;
  background:none!important;
  box-shadow:none!important;
}

@media(min-width:1001px) and (hover:hover){
  html body[data-storefront="v2"] .company-section .team-grid .team-card:hover{
    transform:translateY(-5px)!important;
    border-color:rgba(125,199,255,.42)!important;
    background:linear-gradient(145deg,rgba(18,35,62,.94),rgba(9,22,42,.92))!important;
    box-shadow:0 22px 46px rgba(0,0,0,.22),0 0 26px rgba(100,116,255,.13),inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
}

@media(max-width:1000px){
  html body[data-storefront="v2"] .company-section .team-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    max-width:760px!important;
    direction:rtl!important;
  }
  html body[data-storefront="v2"] .company-section .team-grid .team-card,
  html body[data-storefront="v2"] .company-section .team-grid .team-card:nth-child(n){
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    min-height:226px!important;
  }
  html body[data-storefront="v2"] .company-section .team-grid .team-card:nth-child(1){
    grid-column:2!important;
    grid-row:1!important;
  }
  html body[data-storefront="v2"] .company-section .team-grid .team-card:nth-child(2){grid-column:3!important;grid-row:2!important}
  html body[data-storefront="v2"] .company-section .team-grid .team-card:nth-child(4){grid-column:1!important;grid-row:2!important}
  html body[data-storefront="v2"] .company-section .team-grid .team-card:nth-child(3){grid-column:3!important;grid-row:3!important}
  html body[data-storefront="v2"] .company-section .team-grid .team-card:nth-child(5){grid-column:1!important;grid-row:3!important}
}

@media(max-width:640px){
  html body[data-storefront="v2"] .company-section .team-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    max-width:520px!important;
  }
  html body[data-storefront="v2"] .company-section .team-grid .team-card,
  html body[data-storefront="v2"] .company-section .team-grid .team-card:nth-child(n){
    grid-column:auto!important;
    grid-row:auto!important;
    min-height:214px!important;
    padding:18px 12px 16px!important;
  }
  html body[data-storefront="v2"] .company-section .team-grid .team-card:nth-child(1){
    grid-column:1/-1!important;
    grid-row:1!important;
    width:min(100%,230px)!important;
    justify-self:center!important;
  }
  html body[data-storefront="v2"] .company-section .team-grid .team-card:nth-child(2){grid-column:2!important;grid-row:2!important}
  html body[data-storefront="v2"] .company-section .team-grid .team-card:nth-child(4){grid-column:1!important;grid-row:2!important}
  html body[data-storefront="v2"] .company-section .team-grid .team-card:nth-child(3){grid-column:2!important;grid-row:3!important}
  html body[data-storefront="v2"] .company-section .team-grid .team-card:nth-child(5){grid-column:1!important;grid-row:3!important}
}

@media(prefers-reduced-motion:reduce){
  html body[data-storefront="v2"] .company-section .team-grid .team-card{transition:none!important}
}