.feature-art {
  width: 100%;
  max-width: 430px;
  justify-self: center;
  padding: clamp(24px, 4vw, 44px);
  border-radius: 28px;
  color: #fff;
  background: radial-gradient(ellipse at top right, #7440b8, transparent 65%), #101e45;
  box-shadow: var(--shadow);
}
.feature-art > span { color: #c7b9ff; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; }
.feature-art > strong { display: block; font-size: clamp(1.7rem, 3vw, 2.6rem); line-height: 1.2; margin: 18px 0 28px; }
.feature-art ul { list-style: none; padding: 0; display: grid; gap: 12px; }
.feature-art li { border: 1px solid #ffffff30; border-radius: 12px; padding: 14px; background: #ffffff0c; }
.feature-art li::before { content: '\2197'; color: #b9a4ff; margin-right: 10px; }
.feature-art p { color: #c8d7f4; font-size: .9rem; margin: 24px 0 0; }
.feature-links { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 24px; }
@media (max-width: 600px) { .feature-art { max-width: 360px; } }