/* Demo UI extends the shared DJ SOS stylesheet. */
.demo-hero{padding:74px 0 62px}.demo-hero h1{font-size:clamp(42px,5vw,64px);max-width:920px}.demo-hero em{display:inline}.demo-hero p{max-width:710px}.demo-warning{padding:15px 18px;max-width:720px;background:#fff3df;color:#703b12;border:1px solid #ffd195;border-radius:12px;font-size:13px;line-height:1.55;margin-top:20px}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0}.demo-panel{padding:28px;border:1px solid #dce3ee;border-radius:18px;background:#fff;box-shadow:0 12px 32px #1b304507;display:flex;flex-direction:column;gap:11px}.demo-panel-head{display:flex;align-items:center;gap:14px;margin-bottom:6px}.demo-panel-head h3{margin:5px 0}.demo-panel h3{margin:4px 0 12px}.demo-icon{display:grid;place-items:center;font-size:24px;width:50px;height:50px;border-radius:14px;color:#f04452;background:#ffecef}.demo-icon.dj{color:#5c65d2;background:#ededff}.demo-panel label{font-weight:700;font-size:13px;color:#3d4b60}.demo-select{width:100%;background:#fdfefe;border:1px solid #cbd4e0;border-radius:10px;padding:12px;font:inherit;color:#182238;min-height:44px}.demo-range{width:100%;accent-color:#ec4353}.toggle-line{display:flex;align-items:center;gap:10px;margin-top:12px}.toggle-line input{width:20px;height:20px;accent-color:#e94356}.match-result{display:flex;align-items:center;gap:20px;border-radius:16px;border:1px solid #cfdbd6;padding:24px;background:#f0faf5;margin:28px 0 20px}.match-result.negative{background:#fff4f2;border-color:#ffc9c5}.match-symbol{font-size:28px;font-weight:900;background:#ddf6e8;color:#198959;width:60px;min-width:60px;height:60px;border-radius:15px;display:grid;place-items:center}.negative .match-symbol{background:#ffe1de;color:#c83d49}.match-result h3{font-size:20px;margin:4px 0}.match-result p{margin:0 0 8px;font-size:14px;color:#44516a}.match-result small{font-size:12px;color:#768397}.distance{margin-left:auto;white-space:nowrap;font-size:21px}.offer-demo{margin-top:50px}.chat-demo{min-height:125px;max-height:270px;overflow:auto;border-radius:12px;background:#f4f6fa;padding:14px}.chat-bubble{padding:12px 14px;border-radius:10px;background:#fff;margin:0 0 10px;box-shadow:0 2px 5px #0000000a}.chat-bubble.client{background:#e5eeff}.chat-bubble small{color:#6b7891;font-size:10px}.chat-bubble p{color:#21314b;margin:6px 0}.demo-explainer{max-width:820px;color:#657189;line-height:1.85}.pwa-install{background:#f04452;color:#fff}@media(max-width:700px){.demo-grid{grid-template-columns:1fr}.demo-panel{padding:20px}.match-result{align-items:flex-start;gap:14px;flex-wrap:wrap}.distance{width:100%;text-align:left;margin-left:74px}.demo-hero{padding:55px 0 42px}}