.showcase.svelte-1x1tj0t{background-image:var(--stars), radial-gradient(circle at 85% 15%, color-mix(in srgb, var(--app-accent) 35%, transparent), transparent 50%), linear-gradient(135deg, var(--from), var(--to));box-shadow:0 20px 50px color-mix(in srgb, var(--from) 45%, transparent);background-size:400px,auto,auto;border-radius:28px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:2rem;padding:clamp(1.5rem,4vw,3rem);display:grid;overflow:hidden}.showcase.flip.svelte-1x1tj0t .text:where(.svelte-1x1tj0t){order:2}.title.svelte-1x1tj0t{color:#fff;align-items:center;gap:1rem;text-decoration:none;display:flex}.title.svelte-1x1tj0t img:where(.svelte-1x1tj0t){border-radius:22px;transition:transform .25s cubic-bezier(.3,1.6,.6,1);box-shadow:0 8px 20px #0006}.title.svelte-1x1tj0t:hover img:where(.svelte-1x1tj0t){transform:rotate(-8deg)scale(1.08)}h2.svelte-1x1tj0t{color:#fff;margin:0;font-size:clamp(1.6rem,3vw,2.2rem)}.tagline.svelte-1x1tj0t{font-family:var(--font-display);color:var(--app-accent);margin:1.25rem 0 .25rem;font-size:clamp(1.3rem,2.5vw,1.7rem);font-weight:600}.platforms.svelte-1x1tj0t{flex-wrap:wrap;gap:.4rem;margin:1rem 0 1.5rem;padding:0;list-style:none;display:flex}.platforms.svelte-1x1tj0t a:where(.svelte-1x1tj0t){color:#fff;background:#ffffff1a;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.platforms.svelte-1x1tj0t a:where(.svelte-1x1tj0t):hover{background:#fff3}.actions.svelte-1x1tj0t{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.device.svelte-1x1tj0t{background:#0b0f1c;border-radius:30px;justify-self:center;padding:10px;transition:transform .3s cubic-bezier(.3,1.4,.6,1);display:block;transform:rotate(3deg);box-shadow:inset 0 0 0 2px #fff2,0 24px 50px #0008}.flip.svelte-1x1tj0t .device:where(.svelte-1x1tj0t){transform:rotate(-3deg)}.showcase.svelte-1x1tj0t:hover .device:where(.svelte-1x1tj0t){transform:rotate(0)translateY(-6px)}.device.svelte-1x1tj0t img:where(.svelte-1x1tj0t){border-radius:20px;width:auto;max-height:400px;display:block}@media (width<=760px){.showcase.svelte-1x1tj0t{grid-template-columns:1fr}.showcase.flip.svelte-1x1tj0t .text:where(.svelte-1x1tj0t){order:0}.device.svelte-1x1tj0t img:where(.svelte-1x1tj0t){max-height:320px}}