.ubk-ai-feature {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0,1fr);
  gap: 11px;
  align-items: center;
  min-height: 0 !important;
  margin: 4px 0 14px !important;
  padding: 12px;
  overflow: hidden;
  border: 1px solid rgba(21,205,177,.34);
  border-radius: 14px;
  background: linear-gradient(135deg,#063f3b 0%,#075b54 58%,#087d73 100%);
  color: #fff;
  box-shadow: 0 10px 24px rgba(5,63,59,.15);
}
.ubk-ai-feature::after {
  content: "✦";
  position: absolute;
  top: 6px;
  right: 9px;
  color: #ffdc00;
  font-size: 13px;
  animation: ubk-ai-spark 2.4s ease-in-out infinite;
}
.ubk-ai-mark {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 12px;
  background: rgba(255,255,255,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
}
.ubk-ai-mark svg { width: 27px; height: 27px; fill: none; stroke: #ffdc00; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ubk-ai-copy { min-width: 0; }
.ubk-ai-eyebrow { display: block; margin-bottom: 2px; color: #9deee0; font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.ubk-ai-copy strong { display: block; padding-right: 10px; color: #fff; font-size: 13px; line-height: 1.25; }
.ubk-ai-copy small { display: block; margin-top: 4px; color: rgba(255,255,255,.76); font-size: 10px; line-height: 1.38; }
.ubk-enterprise .ubk-ai-feature { border-color: rgba(255,220,0,.34); background: rgba(255,255,255,.08); box-shadow: none; }
@keyframes ubk-ai-spark { 0%,100%{opacity:.55;transform:scale(.85) rotate(0)} 50%{opacity:1;transform:scale(1.15) rotate(12deg)} }
@media (prefers-reduced-motion:reduce){.ubk-ai-feature::after{animation:none}}