body{margin:0}.demo-page.svelte-ksomkq{min-height:100vh;padding:2rem;background:radial-gradient(circle at top,rgba(255,255,255,.06),transparent 38%),linear-gradient(180deg,#111827,#0f172a);color:#f8fafc}.back-link.svelte-ksomkq{display:inline-flex;align-items:center;gap:.4rem;color:#cbd5e1;text-decoration:none;margin-bottom:2rem}.hero.svelte-ksomkq{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:2rem;align-items:stretch}.hero-copy.svelte-ksomkq,.preview-panel.svelte-ksomkq,.panel.svelte-ksomkq{background:#0f172ab8;border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 24px 80px #0f172a59;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-copy.svelte-ksomkq{padding:2rem}.eyebrow.svelte-ksomkq{display:inline-flex;padding:.4rem .8rem;border-radius:999px;background:linear-gradient(135deg,var(--accent-from),var(--accent-to));color:#0f172a;font-size:.85rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}h1.svelte-ksomkq{font-size:clamp(2.4rem,5vw,4.6rem);line-height:.95;margin:1rem 0}.summary.svelte-ksomkq{font-size:1.1rem;line-height:1.7;color:#cbd5e1;max-width:60ch}.status-row.svelte-ksomkq{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center;margin:1.5rem 0}.status-pill.svelte-ksomkq{display:inline-flex;align-items:center;padding:.45rem .85rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-weight:700}.availability.svelte-ksomkq{color:#94a3b8;max-width:44rem;line-height:1.6}.tech-stack.svelte-ksomkq{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.tech-stack.svelte-ksomkq span:where(.svelte-ksomkq){padding:.55rem .8rem;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#e2e8f0;font-weight:600}.cta-row.svelte-ksomkq{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.75rem}.cta.svelte-ksomkq{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.2rem;border-radius:14px;text-decoration:none;font-weight:700;transition:transform .2s ease,border-color .2s ease,background .2s ease}.cta.svelte-ksomkq:hover{transform:translateY(-1px)}.cta.primary.svelte-ksomkq{background:linear-gradient(135deg,var(--accent-from),var(--accent-to));color:#0f172a}.cta.secondary.svelte-ksomkq,.cta.ghost.svelte-ksomkq{border:1px solid rgba(255,255,255,.14);color:#f8fafc}.cta.secondary.svelte-ksomkq{background:#ffffff0f}.cta.ghost.svelte-ksomkq{background:transparent}.preview-panel.svelte-ksomkq{padding:1rem;display:flex;flex-direction:column;gap:.9rem}.preview-panel.svelte-ksomkq picture{display:block}.panel-label.svelte-ksomkq{font-size:.85rem;font-weight:700;color:#cbd5e1;letter-spacing:.05em;text-transform:uppercase}.demo-preview-surface.svelte-ksomkq,.preview-placeholder.svelte-ksomkq{width:100%;height:100%;min-height:320px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#020617b3}.demo-preview-surface.svelte-ksomkq{overflow:hidden}.preview-gallery.svelte-ksomkq{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:.75rem}.preview-gallery.svelte-ksomkq button:where(.svelte-ksomkq){padding:0;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:transparent;overflow:hidden;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.preview-gallery.svelte-ksomkq button:where(.svelte-ksomkq):hover,.preview-gallery.svelte-ksomkq button.active:where(.svelte-ksomkq){border-color:#ffffff47;transform:translateY(-1px)}.preview-thumb{width:100%;height:72px;display:block;object-fit:contain;padding:.3rem;background:radial-gradient(circle at top,rgba(96,165,250,.12),transparent 48%),linear-gradient(180deg,#0e172bf5,#080c18fa)}.preview-placeholder.svelte-ksomkq{display:flex;align-items:center;justify-content:center;padding:2rem}.placeholder-window.svelte-ksomkq{width:min(100%,420px);border-radius:18px;background:linear-gradient(180deg,#ffffff1a,#0f172ae6);border:1px solid rgba(255,255,255,.1);overflow:hidden}.placeholder-bar.svelte-ksomkq{height:10px;background:linear-gradient(90deg,var(--accent-from),var(--accent-to))}.placeholder-content.svelte-ksomkq{display:flex;flex-direction:column;gap:.9rem;padding:1.4rem;color:#e2e8f0}.placeholder-content.svelte-ksomkq span:where(.svelte-ksomkq):last-child{color:#94a3b8;line-height:1.6}.details-grid.svelte-ksomkq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem}.panel.svelte-ksomkq{padding:1.6rem}.panel.svelte-ksomkq h2:where(.svelte-ksomkq){margin:0 0 1rem;font-size:1.15rem}.panel.svelte-ksomkq ul:where(.svelte-ksomkq){margin:0;padding-left:1.2rem;color:#cbd5e1;line-height:1.8}.highlight-grid.svelte-ksomkq{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem}.highlight-card.svelte-ksomkq{padding:1rem;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.highlight-label.svelte-ksomkq{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:.45rem}.highlight-card.svelte-ksomkq strong:where(.svelte-ksomkq){font-size:1rem;line-height:1.4}@media(max-width:960px){.demo-page.svelte-ksomkq{padding:1.25rem}.hero.svelte-ksomkq,.details-grid.svelte-ksomkq{grid-template-columns:1fr}}