:root{
  --bf-purple:#7c3aed;
  --bf-purple-dark:#5b21b6;
  --bf-fuchsia:#d946ef;
  --bf-ink:#111827;
}
html{scroll-behavior:smooth}
html,body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background-image:radial-gradient(circle at 10% 0%,rgba(124,58,237,.08),transparent 28%),radial-gradient(circle at 90% 15%,rgba(217,70,239,.08),transparent 25%)}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.section-kicker{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(124,58,237,.18);background:rgba(124,58,237,.07);color:#6d28d9;padding:.42rem .72rem;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.section-kicker:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#d946ef)}
.cover-4-7{aspect-ratio:4/7}
.category-scroll{scrollbar-width:none}
.category-scroll::-webkit-scrollbar{display:none}
.prose-blogfy{font-size:1rem;line-height:1.8;color:#475569}
.prose-blogfy h2,.prose-blogfy h3,.prose-blogfy h4{color:#111827;font-weight:900;line-height:1.25;margin-top:1.7em;margin-bottom:.6em}
.prose-blogfy p{margin:.9em 0}
.prose-blogfy ul,.prose-blogfy ol{padding-left:1.25rem;margin:.9em 0}
.prose-blogfy li{margin:.35em 0}
.prose-blogfy a{color:#6d28d9;text-decoration:underline}
.prose-blogfy blockquote{border-left:4px solid #8b5cf6;background:#f5f3ff;padding:1rem 1.2rem;border-radius:0 1rem 1rem 0;margin:1.25rem 0}
@media (max-width:640px){
  .product-grid-mobile{gap:.75rem}
}