/* KioskInteract brand layer for the copied self-contained map demo. */
.kpm-demo{
  --kpm-ink:#172139;
  --kpm-muted:#626879;
  --kpm-paper:#f4f6fb;
  --kpm-sand:#e8edf8;
  --kpm-line:#d8dfeb;
  --kpm-accent:#284fa6;
  --kpm-brown:#284fa6;
}
.kpm-demo .kpm-eyebrow>span{background:#f4793b}
.kpm-demo .kpm-intro em{color:#284fa6}
.kpm-demo .kpm-button{background:#284fa6;border-color:#284fa6}
.kpm-demo .kpm-button:hover{background:#1e408b;border-color:#1e408b}
.kpm-demo .kpm-stage{background:#f4f6fb;border-color:#d8dfeb;box-shadow:0 28px 64px -44px #17213973}
.kpm-demo .kpm-toolbar,.kpm-demo .kpm-steps{background:#faf9f6}
.kpm-demo .kpm-visual{background:radial-gradient(ellipse at 54% 48%,#fff 0%,#f1f4fa 60%,#e5ebf6 100%)}
.kpm-demo .kpm-rail{background:#f8f9fc;border-color:#d8dfeb}
.kpm-demo .kpm-sector button[aria-pressed=true]{background:#fff;border-color:#cbd6eb}
.kpm-demo .kpm-marker .kpm-pin{border-color:#fff;box-shadow:0 4px 12px #17213929,0 0 0 1px #284fa633}
.kpm-demo .kpm-marker[aria-pressed=true] .kpm-pin{background:#284fa6;border-color:#284fa6;box-shadow:0 0 0 5px #284fa61f,0 6px 13px #1721392e}
.kpm-demo .kpm-marker-label{background:#fff;border-color:#d8dfeb}
.kpm-demo .kpm-view-controls button:first-child{background:#172139;border-color:#172139}
.kpm-demo .kpm-showroom-note>span,.kpm-demo .kpm-orientation{color:#68738b}
.kpm-demo .kpm-showroom-note strong{color:#284fa6}
.kpm-demo .kpm-showroom-note small{color:#626879}
.kpm-demo .kpm-route-preview{border-color:#d8dfeb;background:#fffffff5;box-shadow:0 10px 30px #17213914}
.kpm-demo .kpm-route-preview strong{color:#284fa6}
.kpm-demo .kpm-route-progress{background:#dce3f1}
.kpm-demo .kpm-route-progress span{background:#f4793b}
.kpm-demo .kpm-map-action{background:#fff;border-color:#c8d3e8;box-shadow:0 9px 26px #17213924}
.kpm-demo .kpm-map-action-title{color:#172139}
.kpm-demo .kpm-map-action .kpm-route-button{background:#284fa6;border-color:#284fa6}
.kpm-demo .kpm-map-details{color:#284fa6}
.kpm-demo[data-route] .kpm-map-action{border-color:#284fa6}
.kpm-demo .kpm-place-number{color:#68738b}
.kpm-demo .kpm-place-list button{border-color:#e0e5ef}
.kpm-demo .kpm-place-list button:hover,.kpm-demo .kpm-place-list button[aria-pressed=true]{background:#e8edf8}
.kpm-demo .kpm-final-cta{background:#e8edf8}
/* Consistent web typography without changing the interactive scene. */
.kpm-demo{font-family:"Plus Jakarta Sans",Arial,sans-serif}
.kpm-demo h1,.kpm-demo h2,.kpm-demo h3,.kpm-demo .kpm-showroom-note strong{font-family:inherit;font-weight:600;letter-spacing:-.035em}
.kpm-demo .kpm-intro em{font-style:normal}
.kpm-demo .kpm-button{border-radius:99px;font-size:15px;min-height:52px}
.kpm-demo .kpm-stage,.kpm-demo .kpm-final-cta{border-radius:24px}
.kpm-demo .kpm-sector button{font-family:inherit;font-size:14px;border-radius:99px}
.kpm-demo .kpm-place-list button{font-family:inherit;font-size:14px;line-height:1.5;min-height:48px}
.kpm-demo .kpm-rail>p,.kpm-demo .kpm-detail-description{font-size:14px;line-height:1.65}
.kpm-demo .kpm-map-action-title{font-size:14px}
.kpm-demo .kpm-map-action .kpm-route-button{font-size:13px;border-radius:99px}
.kpm-demo .kpm-map-details{font-size:12px}
@media(max-width:650px){.kpm-demo .kpm-sector button{font-size:13px}.kpm-demo .kpm-intro h1{font-size:clamp(30px,8vw,38px)}}
.kpm-demo .kpm-map-heading h3{font-family:inherit;font-weight:600}