.demo{max-width:900px;margin:0 auto;padding:48px 24px 96px}.demo header{text-align:center;flex-direction:column;align-items:center;margin-bottom:48px;display:flex}.demo .logo{width:clamp(72px,14vw,112px);height:auto;margin-bottom:20px;display:block}.demo h1{letter-spacing:-.03em;flex-direction:column;margin:0 0 16px;font-size:clamp(2.5rem,8vw,4.5rem);line-height:1;display:flex}.demo header p{color:#555;max-width:560px;margin:0 auto;line-height:1.5}.demo header .cta{margin-top:20px}.demo .cta-button{color:#f3f1ec;background:#1a1a1a;border-radius:999px;margin-left:6px;padding:8px 18px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s,background .15s;display:inline-block}.demo .cta-button:hover{background:#000;transform:translateY(-1px)}.demo header .cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.demo header .cta .cta-button{margin-left:0}.demo section{flex-direction:column;align-items:center;gap:20px;margin:48px 0;display:flex}.demo section h2{color:#777;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:1rem;font-weight:600}.demo .howto{text-align:left;background:#fff;border:1px solid #e5e0d5;border-radius:12px;align-items:stretch;padding:24px 28px;line-height:1.6}.demo .howto h2{text-align:center}.demo pre{color:#f3f1ec;background:#1a1a1a;border-radius:8px;padding:16px 20px;font-size:.9rem;line-height:1.5;overflow-x:auto}.demo code{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.92em}.demo p code{background:#f3f1ec;border-radius:4px;padding:1px 6px}.demo .footer{text-align:center;color:#777;border-top:1px solid #e5e0d5;margin-top:64px;padding-top:24px;font-size:.875rem}.demo .footer a{color:#1a1a1a;border-bottom:1px solid #c5beac;font-weight:600;text-decoration:none;transition:border-color .15s}.demo .footer a:hover{border-bottom-color:#1a1a1a}@media (width<=640px){.demo{padding:32px 16px 64px}.demo h1{letter-spacing:-.02em}.demo header{margin-bottom:32px}.demo section{gap:14px;margin:32px 0}.demo .howto{padding:18px 16px}.demo pre{padding:12px 14px;font-size:.8rem}}:root{color:#1a1a1a;background:#f3f1ec;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}