.demo-container{max-width:960px;font-family:var(--font-sans,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);color:var(--foreground,#262626);flex-direction:column;gap:2rem;margin:0 auto;padding:2rem 1.5rem 6rem;display:flex}.demo-container section{background:var(--card,#fff);border:1px solid var(--border,#e0e0e0);border-radius:.75rem;padding:1.75rem;box-shadow:0 4px 12px #0000000f}.demo-container h1{margin-bottom:.75rem;font-size:2rem}.demo-container h2{margin-bottom:1rem;font-size:1.5rem}.demo-container h3{color:var(--foreground,#262626);margin-top:1rem;margin-bottom:.5rem;font-size:1.1rem}.embedded-target{min-height:480px;position:relative}.cta-row{flex-wrap:wrap;gap:1rem;display:flex}.cta-row button{background:var(--primary,#262626);color:var(--primary-foreground,#fafafa);cursor:pointer;border:none;border-radius:6px;padding:.6rem 1.4rem;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 12px #0000001a}.cta-row button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000026}.cta-row button:active{transform:translateY(0)}.code-example{border:1px solid var(--border,#e0e0e0);background:#141414;border-radius:.5rem;margin:1rem 0;padding:1rem;overflow-x:auto}.code-example pre{font-family:var(--font-mono,"JetBrains Mono", ui-monospace, monospace);color:#c9c9c9;margin:0;font-size:.875rem;line-height:1.6}.code-example code{font-family:inherit;font-size:inherit;color:inherit}.demo-container code{background:var(--accent,#f5f5f5);font-family:var(--font-mono,"JetBrains Mono", ui-monospace, monospace);color:var(--foreground,#262626);border-radius:.25rem;padding:.2rem .4rem;font-size:.9em}