.demo-intro{max-width:1440px;margin:24px auto;padding:24px 28px;background:var(--accent-soft);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:var(--ui-radius,4px);display:flex;align-items:center;gap:28px;justify-content:space-between}
.demo-intro h1{font-family:var(--font-display);font-size:26px;letter-spacing:-.02em;margin:0 0 8px;color:var(--brand)}
.demo-intro p{font-size:14px;line-height:1.7;margin:0;color:var(--ink-2);max-width:720px}
.demo-actions{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}
.demo-actions button,.demo-actions a{min-height:44px;white-space:nowrap}
.demo-actions a{display:inline-flex;align-items:center;text-decoration:none}
.demo-note{display:block;margin-top:6px;font-size:12px;color:var(--ink-2)}
#btnAuth,.adm-tab[data-tab="auth"],#btnTestCopy{display:none!important}
@media(max-width:1496px){.demo-intro{margin:20px 24px}}
@media(max-width:700px){.demo-intro{margin:16px;padding:18px;display:block}.demo-intro h1{font-size:23px}.demo-actions{margin-top:16px}.demo-actions button{flex:1}.demo-intro p{font-size:13px}}
@media print{.demo-intro{display:none!important}}