.ba.svelte-t7dth2{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:14px;overflow:hidden;border:1px solid var(--line);cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;background:#000;box-shadow:0 24px 80px #0000008c}.layer.svelte-t7dth2{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.clip.svelte-t7dth2{will-change:clip-path}.divider.svelte-t7dth2{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);box-shadow:0 0 12px var(--accent-glo);transform:translate(-1px);pointer-events:none}.knob.svelte-t7dth2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent);color:#04222b;font-size:13px;font-weight:700;letter-spacing:-1px;box-shadow:0 4px 18px #00000080}.tag.svelte-t7dth2{position:absolute;top:12px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:4px 9px;border-radius:6px;background:#05080da8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text);pointer-events:none}.tag.left.svelte-t7dth2{left:12px}.tag.right.svelte-t7dth2{right:12px;color:var(--accent)}.ba.svelte-t7dth2:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.panel.svelte-13nie2l{margin:0;text-align:center}.badge.svelte-13nie2l{display:grid;place-items:center;margin:0 auto 6px;width:72px;height:72px;border-radius:18px;background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);filter:drop-shadow(0 0 14px currentColor)}.badge.svelte-13nie2l svg:where(.svelte-13nie2l){width:46px;height:46px}canvas.svelte-13nie2l{width:100%;aspect-ratio:1;display:block;border-radius:14px;border:1px solid var(--line);background:#000;box-shadow:0 18px 60px #00000080}figcaption.svelte-13nie2l{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.hero.svelte-1uha8ag{padding-top:68px}.grid.svelte-1uha8ag{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.cta.svelte-1uha8ag{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 14px}.cta.center.svelte-1uha8ag{justify-content:center;margin-top:40px}.note.svelte-1uha8ag{font-size:14px}.cap.svelte-1uha8ag{font-size:13px;margin-top:12px;text-align:center}.difference.svelte-1uha8ag .full:where(.svelte-1uha8ag){margin-top:30px}.demos.svelte-1uha8ag{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px}.live.svelte-1uha8ag .lead:where(.svelte-1uha8ag){max-width:70ch}@media (max-width: 760px){.demos.svelte-1uha8ag{grid-template-columns:1fr}}.difference.svelte-1uha8ag .lead:where(.svelte-1uha8ag){max-width:68ch}.steps.svelte-1uha8ag{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.why.svelte-1uha8ag{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}.n.svelte-1uha8ag{font-family:var(--mono);color:var(--accent);font-size:13px;letter-spacing:.1em}.card.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin-top:10px}@media (max-width: 900px){.grid.svelte-1uha8ag{grid-template-columns:1fr;gap:36px}.steps.svelte-1uha8ag{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.steps.svelte-1uha8ag,.why.svelte-1uha8ag{grid-template-columns:1fr}}