.home-hero { background-image: url('/public/images/home-aurora.webp'); }
.showcase-section { background: linear-gradient(135deg, rgba(220,229,240,.86), rgba(247,249,252,.96)); }
.showcase-figure { float: right; width: min(42%, 28rem); margin: 0 0 2rem 2rem; }
.showcase-figure img { border: 1px dashed var(--line); border-radius: var(--radius-lg); }
.comparison-section { background-image: radial-gradient(circle at 85% 20%, rgba(180,223,37,.2), transparent 24rem); }
@media (max-width: 700px) { .showcase-figure { float: none; width: 100%; margin: 0 0 2rem; } }