.marketing-site .io-demo{border:1px solid var(--line-strong);border-radius:16px;overflow:hidden;background:var(--surface);margin-top:26px}.marketing-site .io-heading{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--line);background:var(--surface-2);font-size:10px;color:var(--muted)}.marketing-site .io-heading .mono{color:var(--accent-ink);font-size:10px}.marketing-site .io-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:18px 20px 0}.marketing-site .io-tabs button{display:flex;gap:7px;align-items:center;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink-2);font-size:12px;cursor:pointer}.marketing-site .io-tabs button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink)}.marketing-site .io-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.marketing-site .io-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:22px;animation:io-enter .3s both}.marketing-site .io-body h3{font-size:20px;line-height:1.4;letter-spacing:-.025em;color:var(--ink);margin:0 0 12px}.marketing-site .io-body p{font-size:13px;color:var(--ink-2);line-height:1.9}.marketing-site .io-body a{display:inline-block;margin-top:10px;font-size:12px;color:var(--accent-ink)}.marketing-site .io-code{min-width:0;padding:15px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.marketing-site .io-code>span{color:var(--muted);font:9px monospace}.marketing-site .io-code pre{padding:0;margin:16px 0;overflow-x:auto;font-size:11px;line-height:1.9;color:var(--ink);background:transparent}.marketing-site .io-code p{margin:0;padding-top:12px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}@keyframes io-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.marketing-site .io-body{grid-template-columns:minmax(0,1fr);padding:16px}.marketing-site .io-tabs{padding-inline:16px}}@media(prefers-reduced-motion:reduce){.marketing-site .io-body{animation:none}}