:root {
  --radius: 1.25rem;
}
body { font-feature-settings: "liga","kern"; }
.bg-gradient { background: linear-gradient(180deg, rgba(0,0,0,0.02), transparent); }
.brand-mark {
  display:inline-grid; place-items:center; width:32px; height:32px; 
  border-radius:10px; font-weight:800; color:#fff;
  background: linear-gradient(135deg, #5b8def, #8a5bff);
}
.hero .badge { border-radius: var(--radius); }
.img-fluid.rounded-4 { border-radius: var(--radius) !important; }
.card.lift { transition: transform .2s ease, box-shadow .2s ease; }
.card.lift:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0,0,0,.08); }
.vcheck li { margin: .4rem 0; padding-left:1.5rem; position:relative; }
.vcheck li::before {
  content:"✓"; color:#198754; position:absolute; left:0; top:0;
}
.pricing-card { border-radius: var(--radius); }
.pricing-card.featured { outline: 2px solid rgba(13,110,253,.25); }
.ad-reserved { min-height: 60px; }
footer .brand-mark { width:28px; height:28px; border-radius:8px; }

/* Dark mode tweaks */
[data-bs-theme="dark"] .bg-body-tertiary { background: #111 !important; }
[data-bs-theme="dark"] .hero { background: radial-gradient(1200px 500px at -10% -10%, rgba(138,91,255,.15), transparent); }

/* Product page tweaks */
#templates .card-img-top { object-fit: cover; height: 180px; }
.breadcrumb { --bs-breadcrumb-divider: '›'; }