.demo-gate{max-width:46ch;margin-top:30px}.demo-gate label{letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;display:block}.demo-gate-row{flex-wrap:wrap;gap:10px;display:flex}.demo-gate input{border:1px solid var(--line);background:var(--card);min-width:0;color:var(--fg);font-size:var(--fs-5);flex:240px;padding:11px 14px}.demo-gate input:focus-visible{outline:2px solid var(--signal);outline-offset:1px}.demo-gate-note{color:var(--mut);font-size:var(--fs-4);margin:10px 0 0}.sec-head h1{letter-spacing:-.035em;text-wrap:balance;max-width:20ch;margin-bottom:18px;font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.04}.demo-head .eyebrow:before{transform:none}.demo-toolbar{justify-content:flex-end;margin:14px 0 12px;display:flex}.demo-toolbar .demo-gate{width:100%;max-width:46ch;margin-top:0}.demo-toolbar .demo-gate-note{margin-top:8px}@media (max-width:640px){.demo-toolbar{justify-content:stretch}.demo-toolbar .btn{width:100%}}