:root{--purple: #534AB7;--purple-light: #6b5fd4;--teal: #00d4aa;--ink: #1a1a1a;--muted: #6b7280;--border: #e8e8e6;--dark: #0a0a0f;--dark2: #131320}.svelte-1du1zi4,.svelte-1du1zi4:before,.svelte-1du1zi4:after{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,-apple-system,sans-serif;background:#fafaf9;color:var(--ink);-webkit-font-smoothing:antialiased}nav.svelte-1du1zi4{background:#0a0a0ff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:100}.nav-inner.svelte-1du1zi4{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:60px}.nav-right.svelte-1du1zi4{display:flex;align-items:center;gap:10px}.btn-ghost.svelte-1du1zi4{font-size:13px;font-weight:600;color:#fff9;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:7px 14px;text-decoration:none;transition:all .15s}.btn-ghost.svelte-1du1zi4:hover{color:#fff;border-color:#ffffff4d}.btn-primary.svelte-1du1zi4{font-size:13px;font-weight:700;color:#fff;background:var(--purple);border:none;border-radius:8px;padding:8px 16px;text-decoration:none;transition:all .15s}.btn-primary.svelte-1du1zi4:hover{background:var(--purple-light)}.hero.svelte-1du1zi4{background:linear-gradient(135deg,var(--dark) 0%,var(--dark2) 60%,#1a1030 100%);padding:48px 24px 40px;text-align:center;position:relative;overflow:hidden}.hero.svelte-1du1zi4:before{content:"";position:absolute;top:-120px;left:50%;transform:translate(-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(83,74,183,.2) 0%,transparent 65%);pointer-events:none}.hero-badge.svelte-1du1zi4{display:inline-flex;align-items:center;gap:8px;background:#00d4aa1a;border:1px solid rgba(0,212,170,.3);border-radius:99px;padding:5px 16px;font-size:12px;font-weight:700;color:var(--teal);letter-spacing:.05em;text-transform:uppercase;margin-bottom:18px}.live-dot.svelte-1du1zi4{width:7px;height:7px;border-radius:50%;background:var(--teal);animation:svelte-1du1zi4-blink 2s infinite}@keyframes svelte-1du1zi4-blink{0%,to{opacity:1}50%{opacity:.3}}.hero.svelte-1du1zi4 h1:where(.svelte-1du1zi4){font-family:Syne,sans-serif;font-size:clamp(26px,4vw,44px);font-weight:900;color:#fff;line-height:1.1;letter-spacing:-.025em;margin-bottom:12px}.hero.svelte-1du1zi4 h1:where(.svelte-1du1zi4) em:where(.svelte-1du1zi4){font-style:normal;color:var(--teal)}.hero.svelte-1du1zi4 p:where(.svelte-1du1zi4){font-size:15px;color:#ffffff80;max-width:500px;margin:0 auto;line-height:1.65}.demo-wrap.svelte-1du1zi4{max-width:1200px;margin:0 auto;padding:48px 24px 80px;display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:start}.device-col.svelte-1du1zi4{display:flex;flex-direction:column}.demo-tabs.svelte-1du1zi4{display:flex;gap:4px;background:#e8e8e6;padding:4px;border-radius:12px 12px 0 0}.demo-tab.svelte-1du1zi4{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border-radius:8px 8px 0 0;border:none;background:transparent;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .18s;white-space:nowrap}.demo-tab.svelte-1du1zi4:hover:not(.active){background:#fff9;color:var(--ink)}.demo-tab.active.svelte-1du1zi4{background:#fff;color:var(--ink);box-shadow:0 1px 6px #00000014}.tab-letter.svelte-1du1zi4{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:11px;font-weight:800;background:#00000012;color:var(--muted);transition:all .2s;flex-shrink:0}.demo-tab.active.svelte-1du1zi4 .tab-letter:where(.svelte-1du1zi4){background:var(--purple);color:#fff}.device-frame.svelte-1du1zi4{background:#1c1c2e;border:2px solid rgba(255,255,255,.1);border-top:none;border-radius:0 0 20px 20px;box-shadow:0 24px 64px #00000040,0 0 0 1px #534ab71a;overflow:hidden}.device-bar.svelte-1du1zi4{display:flex;align-items:center;gap:6px;background:#141422;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.device-dot.svelte-1du1zi4{width:9px;height:9px;border-radius:50%}.device-url.svelte-1du1zi4{flex:1;height:22px;background:#ffffff0f;border-radius:5px;margin-left:6px;display:flex;align-items:center;padding:0 10px;font-size:10px;color:#ffffff4d;font-family:JetBrains Mono,monospace}.topic-iframe.svelte-1du1zi4{display:block;width:100%;height:680px;border:none;background:#fafaf9}.tab-hint.svelte-1du1zi4{background:#534ab70f;border:1px solid rgba(83,74,183,.12);border-top:none;border-radius:0 0 12px 12px;padding:10px 16px;font-size:12.5px;color:var(--purple);font-weight:600;display:flex;align-items:center;gap:8px}.context-col.svelte-1du1zi4{position:sticky;top:80px;display:flex;flex-direction:column;gap:24px}.panel-eyebrow.svelte-1du1zi4{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--purple);margin-bottom:8px}.panel-title.svelte-1du1zi4{font-family:Syne,sans-serif;font-size:24px;font-weight:900;color:var(--ink);line-height:1.15;letter-spacing:-.02em;margin-bottom:10px}.panel-sub.svelte-1du1zi4{font-size:14px;color:var(--muted);line-height:1.65}.feature-list.svelte-1du1zi4{display:flex;flex-direction:column;gap:10px}.feature-item.svelte-1du1zi4{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#fff;border:1.5px solid var(--border);border-radius:12px;transition:border-color .15s,background .15s;cursor:pointer}.feature-item.svelte-1du1zi4:hover{border-color:#534ab740}.feature-item.active-feature.svelte-1du1zi4{border-color:var(--purple);background:#534ab708}.feature-emoji.svelte-1du1zi4{font-size:20px;flex-shrink:0;margin-top:1px}.feature-label.svelte-1du1zi4{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:2px}.feature-desc.svelte-1du1zi4{font-size:12px;color:var(--muted);line-height:1.5}.cta-box.svelte-1du1zi4{background:linear-gradient(135deg,#f5f4ff,#ede9ff);border:1.5px solid rgba(83,74,183,.15);border-radius:16px;padding:22px}.cta-title.svelte-1du1zi4{font-family:Syne,sans-serif;font-size:17px;font-weight:900;color:var(--ink);margin-bottom:6px}.cta-sub.svelte-1du1zi4{font-size:13px;color:var(--muted);margin-bottom:16px;line-height:1.6}.cta-btns.svelte-1du1zi4{display:flex;flex-direction:column;gap:8px}.btn-cta-primary.svelte-1du1zi4{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;font-weight:700;background:var(--purple);color:#fff;border:none;border-radius:9px;padding:12px 20px;text-decoration:none;cursor:pointer;transition:all .15s}.btn-cta-primary.svelte-1du1zi4:hover{background:var(--purple-light);transform:translateY(-1px)}.btn-cta-secondary.svelte-1du1zi4{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13.5px;font-weight:600;background:#fff;color:var(--muted);border:1.5px solid var(--border);border-radius:9px;padding:11px 20px;text-decoration:none;cursor:pointer;transition:all .15s}.btn-cta-secondary.svelte-1du1zi4:hover{color:var(--ink);border-color:#bbb}.setup-warning.svelte-1du1zi4{background:#fefce8;border:1.5px solid #fbbf24;border-radius:12px;padding:16px 20px;font-size:13.5px;color:#92400e;line-height:1.6}.setup-warning.svelte-1du1zi4 strong:where(.svelte-1du1zi4){display:block;margin-bottom:6px;font-size:14px}@media(max-width:900px){.demo-wrap.svelte-1du1zi4{grid-template-columns:1fr}.context-col.svelte-1du1zi4{position:static}}@media(max-width:540px){.hero.svelte-1du1zi4{padding:36px 16px 28px}.demo-wrap.svelte-1du1zi4{padding:28px 16px 60px}.demo-tab.svelte-1du1zi4 span:where(.svelte-1du1zi4):not(.tab-letter){display:none}.topic-iframe.svelte-1du1zi4{height:560px}}@media(prefers-reduced-motion:reduce){.live-dot.svelte-1du1zi4{animation:none}}