.demo-page.svelte-1xmjmrw{position:relative;min-height:calc(100vh - 60px);padding:4rem 1.5rem 6rem;overflow:hidden}.demo-container.svelte-1xmjmrw{max-width:960px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:3rem}.about-hero-card.svelte-1xmjmrw{background:#f7f3ec;border-radius:2rem;padding:3rem 0}@media(min-width:640px){.about-hero-card.svelte-1xmjmrw{padding:3.5rem 0}}.about-hero-card.svelte-1xmjmrw .monochrome:where(.svelte-1xmjmrw){background:linear-gradient(180deg,#111,#800 55%,#ef4444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(239,68,68,.08))}.about-hero-sub.svelte-1xmjmrw{color:#3c3a36;font-weight:500;letter-spacing:.01em}.about-badge.svelte-1xmjmrw{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem 1.1rem;border-radius:999px;border:1px solid #ddd6c9;background:#ffffff80;color:#e8172c;font-size:.75rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase}.about-badge-icon.svelte-1xmjmrw{line-height:1;display:flex;align-items:center}.demo-features.svelte-1xmjmrw{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;position:relative;z-index:1}.demo-feature-card.svelte-1xmjmrw{display:flex;align-items:flex-start;gap:.875rem;padding:1.25rem;border-radius:14px;border:1px solid var(--surface-2, #121214);background:var(--surface-1, #0a0a0a);transition:all .25s cubic-bezier(.4,0,.2,1);cursor:default}.demo-feature-card--active.svelte-1xmjmrw{border-color:#ef444440;background:#ef44440a;transform:translateY(-2px)}.demo-feature-icon.svelte-1xmjmrw{flex-shrink:0;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ef444414;color:#ef4444}.demo-feature-title.svelte-1xmjmrw{font-size:.85rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.demo-feature-desc.svelte-1xmjmrw{font-size:.76rem;line-height:1.45;color:var(--text-secondary, #a1a1aa);margin:0}.demo-embed-wrapper.svelte-1xmjmrw{width:100%;position:relative;z-index:1;border-radius:16px;overflow:hidden;border:1px solid var(--surface-2, #121214);background:var(--surface-1, #0a0a0a);box-shadow:0 0 60px #ef44440f,0 16px 48px #0006}.demo-placeholder.svelte-1xmjmrw{position:relative;width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden}.demo-grid-pattern.svelte-1xmjmrw{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}.demo-placeholder-content.svelte-1xmjmrw{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.demo-play-ring.svelte-1xmjmrw{position:relative;width:80px;height:80px;border-radius:50%;background:#ef44441f;border:2px solid rgba(239,68,68,.35);display:flex;align-items:center;justify-content:center;color:#ef4444;cursor:pointer;transition:all .3s ease}.demo-play-ring.svelte-1xmjmrw:hover{background:#ef444433;border-color:#ef444499;transform:scale(1.06);box-shadow:0 0 40px #ef444433}.demo-play-ring-pulse.svelte-1xmjmrw{position:absolute;inset:-8px;border-radius:50%;border:1.5px solid rgba(239,68,68,.2);animation:svelte-1xmjmrw-pulse-ring 2.5s ease-out infinite}@keyframes svelte-1xmjmrw-pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.35);opacity:0}}.demo-play-label.svelte-1xmjmrw{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0}.demo-play-sublabel.svelte-1xmjmrw{font-size:.75rem;color:var(--text-muted, #52525b);margin:0}.demo-iframe-container.svelte-1xmjmrw{width:100%;aspect-ratio:16 / 9}.demo-cta.svelte-1xmjmrw{display:flex;align-items:center;gap:2rem;position:relative;z-index:1}.demo-cta-button.svelte-1xmjmrw{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.75rem;border-radius:100px;background:#ef4444;color:#000;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:all .25s ease}.demo-cta-button.svelte-1xmjmrw:hover{background:#dc2626;box-shadow:0 0 32px #ef44444d;transform:translateY(-1px)}.demo-cta-link.svelte-1xmjmrw{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-secondary, #a1a1aa);font-size:.8rem;font-weight:500;text-decoration:none;transition:color .2s ease}.demo-cta-link.svelte-1xmjmrw:hover{color:var(--text-primary)}@media(max-width:768px){.demo-page.svelte-1xmjmrw{padding:2.5rem 1rem 4rem}.demo-features.svelte-1xmjmrw{grid-template-columns:1fr}.demo-cta.svelte-1xmjmrw{flex-direction:column;gap:1rem}}