.demo-card{max-width:680px;margin:3rem auto;padding:2rem;background:#fff;border:1px solid #d8e1e8;border-radius:16px;font-family:system-ui;color:#17304b;box-shadow:0 6px 25px #17304b12}.demo-card img{height:auto}.demo-eyebrow{color:#526a80}.demo-card label{display:block;font-weight:650;margin:1rem 0 .4rem}.demo-card input{box-sizing:border-box;width:100%;padding:.8rem;border:1px solid #8197ac;border-radius:7px;font-size:1rem}.demo-card button{display:block;margin:1rem 0;padding:.8rem 1.2rem;background:#153e64;color:white;border:0;border-radius:7px;font-size:1rem;cursor:pointer}.demo-card button:disabled{opacity:.6}.demo-card section{border-top:1px solid #d8e1e8;padding-top:1rem;margin-top:1rem}.demo-banner{box-sizing:border-box;background:#fff5d8;color:#483800;padding:.8rem 1.3rem;font:14px/1.5 system-ui;border-bottom:1px solid #dfc775}.demo-banner strong{display:block}.demo-banner nav{display:flex;gap:1rem;flex-wrap:wrap}.demo-banner a{color:#173e64;text-decoration:underline}.demo-card [hidden]{display:none}#demo-feedback{min-height:1.5em}@media(max-width:720px){.demo-card{margin:1rem;padding:1.3rem}.demo-banner{padding:.7rem 1rem}}
