/* Showcase-specific styles for the index page */
.sx-hero__variants { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-4); margin-top: var(--sp-12); }
@media (max-width: 900px) { .sx-hero__variants { grid-template-columns: 1fr; } }