.why-grid article {
  --why-accent: #075cf0;
  --why-soft: #eef5ff;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 300px;
  padding: 30px;
  background: linear-gradient(155deg, #fff 48%, var(--why-soft));
  border-radius: 22px;
  box-shadow: 0 12px 34px rgba(7, 27, 83, 0.045);
}

.why-grid article::after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 170px;
  height: 170px;
  right: -75px;
  top: -80px;
  border-radius: 50%;
  background: var(--why-accent);
  opacity: 0.075;
  transition: transform 0.35s ease, opacity 0.35s ease;
}

.why-grid article:hover::after {
  transform: scale(1.24);
  opacity: 0.12;
}

.why-integrated { --why-accent: #13a9a0 !important; --why-soft: #effcfb !important; }
.why-ai { --why-accent: #d97757 !important; --why-soft: #fff6f1 !important; }
.why-flexible { --why-accent: #ff9900 !important; --why-soft: #fff8ed !important; }
.why-partnership { --why-accent: #0a66c2 !important; --why-soft: #eff8ff !important; }

.why-brand-pair {
  display: flex;
  align-items: center;
  min-height: 72px;
}

.why-brand-pair span {
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(151, 174, 210, 0.38);
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 12px 26px rgba(7, 27, 83, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.why-brand-pair span + span {
  margin-left: -11px;
  transform: translateY(15px);
}

.why-brand-pair img {
  display: block;
  width: 39px;
  height: 39px;
  object-fit: contain;
}

.why-grid article:hover .why-brand-pair span:first-child {
  transform: translateY(-3px) rotate(-3deg);
}

.why-grid article:hover .why-brand-pair span + span {
  transform: translate(7px, 11px) rotate(3deg);
  box-shadow: 0 16px 32px rgba(7, 27, 83, 0.16);
}

.why-grid article h3 {
  margin: 30px 0 15px;
}

@media (max-width: 650px) {
  .why-grid article { min-height: 0; padding: 26px; }
  .why-brand-pair span { width: 60px; height: 60px; border-radius: 17px; }
  .why-brand-pair img { width: 35px; height: 35px; }
}