body>header{gap:24px}
#municipal-identity{display:flex;align-items:center;gap:14px;text-align:left}
#municipal-identity strong,#municipal-identity small{display:block}
#municipal-identity small,.demo-caption,figcaption{color:var(--muted)}
.municipal-logo{width:95px;max-height:54px;object-fit:contain}
body>main{width:min(100% - 40px,1280px);margin:auto;padding:24px 0 60px}
.demo-navigation{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.demo-navigation button[hidden]{display:none}
.preview-hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:34px;background:var(--soft);border-radius:18px;overflow:hidden;padding:30px}
.preview-hero h1,.preview-heading{font-family:Manrope,var(--font);font-size:clamp(2.1rem,5vw,4.6rem);line-height:1.03;letter-spacing:-.045em;margin:.15em 0}
.preview-hero p{max-width:34ch;line-height:1.55}
.preview-hero figure{margin:0}
.preview-hero img{width:100%;height:clamp(220px,32vw,390px);object-fit:cover;border-radius:12px}
.guided-demo{margin:24px 0;padding:20px 0;border-block:1px solid var(--line)}
.guided-demo button,#scenario button,[data-facility],#try-booking{background:var(--ink);color:white;border:0;border-radius:7px;padding:10px 14px;margin:4px 6px 4px 0}
#scenario{max-width:760px;background:white;border:1px solid var(--line);padding:24px;border-radius:12px}
#scenario label{display:block;margin:10px 0}
#scenario input:not([type=checkbox]),#scenario select{max-width:100%;display:block;padding:9px;border:1px solid var(--line);border-radius:6px}
#status{overflow-wrap:anywhere}
[data-preview-role=staff] .preview-heading{font-size:clamp(1.9rem,4vw,3rem)}
@media(max-width:650px){.preview-hero{grid-template-columns:1fr;padding:18px}.municipal-logo{width:60px}body>main{width:min(100% - 24px,1280px)}}