.showcase-shell.svelte-oug404{min-height:100svh;color:var(--ui-ink);background:#f5f7fb}.showcase-hero.svelte-oug404{isolation:isolate;color:#fff;min-height:560px;position:relative;overflow:hidden}.showcase-image.svelte-oug404,.showcase-shade.svelte-oug404{position:absolute;inset:0}.showcase-image.svelte-oug404{z-index:-2;object-fit:cover;object-position:center;width:100%;height:100%}.showcase-shade.svelte-oug404{z-index:-1;background:linear-gradient(90deg,#070f1ee0,#070f1e61 60%,#070f1e14),linear-gradient(#070f1e14,#070f1e7a)}.topbar.svelte-oug404{justify-content:space-between;align-items:center;gap:16px;width:min(1200px,100% - 40px);margin:0 auto;padding:24px 0 0;display:flex}.brandmark.svelte-oug404{color:#fff;font-size:20px;font-weight:850;text-decoration:none}.topbar-actions.svelte-oug404{gap:10px;display:flex}.topbar-actions.svelte-oug404 a:where(.svelte-oug404){color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1f;border:1px solid #ffffff29;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.hero-copy.svelte-oug404{width:min(1200px,100% - 40px);margin:0 auto;padding-top:142px}.showcase-kicker.svelte-oug404{color:#8fb2ff;text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px;font-size:13px;font-weight:850}h1.svelte-oug404{letter-spacing:0;max-width:780px;font-size:72px;line-height:1.02;font-family:var(--ui-serif);margin:0}.showcase-lead.svelte-oug404{color:#ffffffe0;margin:18px 0 0;font-size:24px;line-height:1.45}.hero-actions.svelte-oug404,.rail-actions.svelte-oug404{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.btn-primary.svelte-oug404,.btn-secondary.svelte-oug404,.btn-disabled.svelte-oug404{border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-size:14px;font-weight:850;text-decoration:none;display:inline-flex}.btn-primary.svelte-oug404{color:#fff;background:linear-gradient(135deg,#2457d6 0%,#153a96 100%);box-shadow:0 16px 32px #00000038}.btn-secondary.svelte-oug404{color:var(--ui-ink);background:#ffffffeb;border:1px solid #1218261a}.btn-disabled.svelte-oug404{color:#ffffffd1;background:#ffffff1f;border:1px dashed #fff3}.demo-section.svelte-oug404{z-index:2;grid-template-columns:280px minmax(0,1fr);align-items:start;gap:18px;width:min(1200px,100% - 40px);margin:-80px auto 0;padding-bottom:48px;display:grid;position:relative}.demo-rail.svelte-oug404,.preview-card.svelte-oug404{box-shadow:var(--ui-shadow);background:#fffffff0;border:1px solid #12182614;border-radius:8px}.demo-rail.svelte-oug404{gap:16px;padding:18px;display:grid}.step-track.svelte-oug404{gap:8px;display:grid}.step-row.svelte-oug404{background:#f8fafceb;border:1px solid #12182614;border-radius:8px;grid-template-columns:34px 1fr;align-items:center;gap:10px;min-height:48px;padding:8px;display:grid}.step-row.svelte-oug404 span:where(.svelte-oug404){width:32px;height:32px;color:var(--ui-accent);background:#2457d61f;border-radius:8px;place-items:center;font-weight:850;display:grid}.step-row.svelte-oug404 strong:where(.svelte-oug404){font-size:14px}.demo-meta.svelte-oug404{gap:6px;padding-top:4px;display:grid}.demo-meta.svelte-oug404 span:where(.svelte-oug404){color:var(--ui-ink-soft);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}code.svelte-oug404{width:fit-content;color:var(--ui-ink);background:#1218260f;border-radius:8px;padding:6px 10px;font-size:13px}.preview-card.svelte-oug404{padding:12px}.preview-browser.svelte-oug404{background:#f8fbff;border:1px solid #12182614;border-radius:8px;overflow:hidden}.browser-bar.svelte-oug404{background:#ffffffe6;border-bottom:1px solid #12182614;align-items:center;gap:14px;min-height:46px;padding:0 14px;display:flex}.browser-dots.svelte-oug404{gap:7px;display:flex}.browser-dots.svelte-oug404 span:where(.svelte-oug404){background:#1218262e;border-radius:50%;width:9px;height:9px}.browser-address.svelte-oug404{min-height:30px;color:var(--ui-ink-soft);background:#1218260d;border-radius:8px;align-items:center;padding:0 12px;font-size:13px;display:inline-flex}.preview-frame.svelte-oug404{background:#fff;border:none;width:100%;height:min(880px,100vh - 148px)}.preview-empty.svelte-oug404{text-align:center;min-height:260px;color:var(--ui-ink-soft);place-items:center;padding:28px;display:grid}.preview-empty.svelte-oug404 strong:where(.svelte-oug404){color:var(--ui-ink);font-size:18px}@media (width<=900px){.demo-section.svelte-oug404{grid-template-columns:1fr;margin-top:-56px}}@media (width<=640px){.showcase-hero.svelte-oug404{min-height:600px}.topbar.svelte-oug404,.hero-copy.svelte-oug404,.demo-section.svelte-oug404{width:min(100% - 28px,1200px)}.topbar.svelte-oug404{flex-direction:column;align-items:flex-start}.hero-copy.svelte-oug404{padding-top:84px}h1.svelte-oug404{font-size:46px}.showcase-lead.svelte-oug404{font-size:20px}.preview-frame.svelte-oug404{height:72vh}}