.service-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  border-top:0;
}
.expertise-filters{display:flex;flex-wrap:wrap;gap:9px;margin:-18px 0 12px}.expertise-filters button{min-height:42px;padding:0 16px;border:1px solid rgba(24,32,55,.14);border-radius:99px;background:rgba(255,255,255,.65);color:#4f5c71;font:800 .72rem var(--body);cursor:pointer;transition:.22s}.expertise-filters button:hover,.expertise-filters button.active{border-color:#7257ff;color:#fff;background:linear-gradient(110deg,#7657ff,#198fc1);box-shadow:0 10px 24px #6557e52b;transform:translateY(-1px)}.expertise-filters button:focus-visible{outline:3px solid #51dff0;outline-offset:3px}.expertise-filter-status{margin:0 0 22px;color:#667388;font-size:.76rem}.service-card[hidden]{display:none}.service-card:not([hidden]){animation:expertiseReveal .32s ease both}@keyframes expertiseReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.service-card{
  --accent:#7757ff;
  --accent-rgb:119,87,255;
  position:relative;
  grid-template-columns:35px 58px minmax(0,1fr) 30px;
  gap:14px;
  min-height:245px;
  padding:27px;
  border:1px solid rgba(24,32,55,.12);
  border-radius:18px;
  background:rgba(255,255,255,.64);
  overflow:hidden;
  box-shadow:0 10px 35px rgba(24,32,55,.045);
}
.service-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--accent);
  opacity:.72;
}
.service-card::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-105px;
  top:-115px;
  border-radius:50%;
  background:rgba(var(--accent-rgb),.1);
  filter:blur(4px);
  transition:.35s;
}
.service-card:nth-child(1){--accent:#ff5c6c;--accent-rgb:255,92,108}
.service-card:nth-child(2){--accent:#6957ff;--accent-rgb:105,87,255}
.service-card:nth-child(3){--accent:#e79a25;--accent-rgb:231,154,37}
.service-card:nth-child(4){--accent:#e84e9b;--accent-rgb:232,78,155}
.service-card:nth-child(5){--accent:#087fc4;--accent-rgb:8,127,196}
.service-card:nth-child(6){--accent:#9a42d6;--accent-rgb:154,66,214}
.service-card:nth-child(7){--accent:#15956f;--accent-rgb:21,149,111}
.service-card:nth-child(8){--accent:#db6a2b;--accent-rgb:219,106,43}
.service-card:hover,.service-card:focus,.service-card.active{
  transform:translateY(-5px);
  border-color:rgba(var(--accent-rgb),.34);
  box-shadow:0 22px 52px rgba(24,32,55,.11),0 0 0 1px rgba(var(--accent-rgb),.06);
}
.service-card:hover::after,.service-card.active::after{transform:scale(1.35)}
.service-no{color:var(--accent);padding-top:17px}
.service-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(145deg,var(--accent),rgba(var(--accent-rgb),.72));
  box-shadow:0 10px 24px rgba(var(--accent-rgb),.25);
  font-size:1.38rem;
  font-weight:500;
  position:relative;
  z-index:1;
}
.service-card>div{position:relative;z-index:1}
.expertise-title-link{color:inherit;text-decoration:none}
.expertise-title-link:hover{color:var(--accent)}
.expertise-title-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}
.service-card h3{font-size:clamp(1.5rem,2.15vw,2.2rem);line-height:1.06}
.service-card p{min-height:54px;font-size:.9rem}
.service-arrow{position:relative;z-index:1;color:var(--accent)}
.service-discover{
  position:relative;
  width:max-content;
  min-width:145px;
  height:54px;
  margin:18px auto 0;
  padding:0 13px 0 21px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  border-radius:99px;
  color:#fff;
  background:linear-gradient(145deg,var(--accent),rgba(var(--accent-rgb),.76));
  box-shadow:0 12px 26px rgba(var(--accent-rgb),.28);
  text-decoration:none;
  isolation:isolate;
  transition:transform .25s ease,box-shadow .25s ease;
}
.service-discover::before{
  content:"";
  position:absolute;
  inset:-7px;
  z-index:-1;
  border:1px solid rgba(var(--accent-rgb),.42);
  border-radius:99px;
  animation:discoverPulse 2s ease-out infinite;
}
.service-discover b{font-size:.72rem;letter-spacing:.035em}
.service-discover span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#ffffff24;font-size:1.05rem;line-height:1;animation:discoverArrow 1.55s ease-in-out infinite}
.service-discover:hover,.service-discover:focus-visible{transform:translateY(-3px) scale(1.06);box-shadow:0 17px 34px rgba(var(--accent-rgb),.38);outline:3px solid rgba(var(--accent-rgb),.2);outline-offset:4px}
@keyframes discoverArrow{0%,100%{transform:translate(-2px,2px)}50%{transform:translate(3px,-3px)}}
@keyframes discoverPulse{0%{transform:scale(.84);opacity:0}35%{opacity:1}100%{transform:scale(1.25);opacity:0}}
.chips span{
  border:1px solid rgba(var(--accent-rgb),.22);
  background:rgba(var(--accent-rgb),.085);
  color:var(--accent);
  font-weight:850;
  padding:5px 9px;
}
[dir=rtl] .service-card::before{left:auto;right:0}
[dir=rtl] .service-card:hover,[dir=rtl] .service-card:focus,[dir=rtl] .service-card.active{transform:translateY(-5px)}
@media(max-width:900px){
  .service-list{grid-template-columns:1fr}
  .service-card{min-height:215px}
}
@media(max-width:600px){
  .expertise-filters{display:grid;grid-template-columns:1fr 1fr;margin-top:0}.expertise-filters button{padding:0 10px}.expertise-filters button:last-child{grid-column:1/-1}.expertise-filter-status{margin-bottom:16px}
  .service-list{gap:12px}
  .service-card{grid-template-columns:28px 46px minmax(0,1fr) 20px;padding:21px 15px;gap:9px;border-radius:15px}
  .service-icon{width:43px;height:43px;border-radius:12px;font-size:1.12rem}
  .service-no{padding-top:13px}
  .service-card h3{font-size:1.48rem}
  .service-card p{min-height:0}
}
@media(prefers-reduced-motion:reduce){.service-card:not([hidden]){animation:none}.expertise-filters button{transition:none}}