.phone {
  background: #0d0d0d;
  border-radius: 44px;
  padding: 12px;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.07),
    0 40px 80px -20px rgba(139, 0, 0, 0.28),
    0 20px 40px rgba(0, 0, 0, 0.3);
}

.phone-sm {
  background: #0d0d0d;
  border-radius: 32px;
  padding: 9px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.phone-screen {
  border-radius: 32px;
  overflow: hidden;
}

.phone-screen-sm {
  border-radius: 24px;
  overflow: hidden;
}

.phone-sm-featured {
  box-shadow: 0 16px 40px rgba(139, 0, 0, 0.18), 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.hero-phone-glow {
  background: radial-gradient(circle, rgba(139, 0, 0, 0.12) 0%, transparent 72%);
  will-change: transform, opacity;
  animation: glow-pulse 4s ease-in-out infinite;
}

@keyframes glow-pulse {
  0%, 100% { opacity: 0.8; transform: scale(1); }
  50%       { opacity: 1;   transform: scale(1.06); }
}