/* Marketing polish layer — loaded after bidcenter-marketing.css */

.hero {
  padding: clamp(56px, 8vw, 88px) 0 clamp(48px, 6vw, 64px);
}

.hero-grid {
  gap: clamp(28px, 4vw, 42px);
}

.phone-card {
  transform: none;
  box-shadow: var(--bc-shadow-lg, var(--shadow));
}

.phone-card::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(84, 38, 217, 0.35), rgba(21, 180, 126, 0.28));
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
}

.nav-links a:not(.btn) {
  border-radius: 999px;
  transition: background 160ms ease, color 160ms ease;
}

.nav-links a:not(.btn):hover {
  background: rgba(84, 38, 217, 0.08);
  color: #4320a8;
}

.btn-accent {
  background: linear-gradient(135deg, var(--brand), var(--brand-2)) !important;
}

.price-card-bling {
  transition: transform 180ms var(--bc-ease, ease), box-shadow 180ms var(--bc-ease, ease);
}

.price-card-bling:hover {
  transform: translateY(-3px);
  box-shadow: var(--bc-shadow-md, 0 18px 48px rgba(17, 24, 39, 0.1));
}

.price-card-bling.featured:hover {
  transform: translateY(-5px);
}

.pricing-compare-wrap {
  background: rgba(255, 255, 255, 0.94);
}

.pricing-compare thead th:nth-child(3),
.pricing-compare tbody td:nth-child(3) {
  background: rgba(84, 38, 217, 0.08) !important;
  color: #4320a8 !important;
}

.cta {
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.legal-card {
  backdrop-filter: blur(8px);
}

.mobile-cta-bar {
  box-shadow: 0 -8px 30px rgba(17, 24, 39, 0.08);
}