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