.demo-immersive-banner{background:#fff2bd;color:#402f06;border-top:1px solid #e4cc6b;border-bottom:1px solid #e4cc6b}.demo-immersive-banner .container{display:flex;align-items:center;gap:12px;justify-content:center;padding:10px 18px;font-size:12px}.demo-immersive-banner b{font-size:11px;letter-spacing:.09em;text-transform:uppercase}.demo-immersive-banner span{opacity:.78}.demo-corner{position:absolute;z-index:12;left:18px;top:18px;padding:8px 11px;border-radius:999px;background:#f6d967;color:#332600;font:900 9px/1 system-ui;letter-spacing:.1em;border:1px solid rgba(0,0,0,.13);box-shadow:0 8px 24px rgba(0,0,0,.14)}.demo-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.demo-actions a{display:inline-flex;align-items:center;min-height:42px}.demo-note{margin:18px 0;padding:14px 16px;border:1px solid rgba(30,81,62,.13);border-radius:14px;background:#f6faf5;color:#365448;font-size:12px;line-height:1.6}.demo-note b{color:#143b2d}.demo-map-banner{background:#f7dd76;color:#2b250b}.demo-map-banner .container{display:flex;gap:10px;align-items:center;justify-content:center;padding:9px 16px;font-size:11px}.demo-map-banner b{letter-spacing:.08em}.demo-vt-link{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:10px;background:#e4f3a0;color:#123526;font-size:10px;font-weight:900;text-decoration:none}.demo-vt-link:hover{filter:brightness(.97)}
@media(max-width:700px){.demo-immersive-banner .container,.demo-map-banner .container{align-items:flex-start;flex-direction:column}.demo-corner{top:72px;left:10px}.demo-actions{flex-direction:column}.demo-actions a{width:100%;justify-content:center}}