/* Website showcase: the launcher circles (home.css) on the dark website */
.gk-show { --surface: #120e06; --bg: #0a0803; --text: #f1f5f9; --text-2: #cbd5e1; --muted: #94a3b8; --border: rgba(255, 255, 255, .1); --accent: #bda062; --on-accent: #1c1608; }
.gk-show .mode-scene { filter: brightness(.88) saturate(.95); }
.gk-show .mode-card.ped { --mc-soft: rgba(189, 160, 98, .18); }
.gk-show .mode-card.bus { --mc-soft: rgba(244, 63, 94, .18); }
.gk-show .mode-card.train { --mc-soft: rgba(99, 102, 241, .22); }
.gk-show .mode-card.metro { --mc-soft: rgba(8, 145, 178, .22); }
.gk-show .mode-card.stad { --mc-soft: rgba(34, 197, 94, .18); }
.gk-show .mode-card.evac { --mc-soft: rgba(244, 63, 94, .2); }
.gk-show .home-sec.tech { margin-top: 38px; }
.gk-show .home-sec.tech.t-traffic b::before { background: linear-gradient(90deg, #e11d48, #4f46e5); }
.gk-show .home-sec.tech.t-ped b::before { background: linear-gradient(90deg, #8f7433, #16a34a); }
.gk-show .home-sec.tech b { font-size: clamp(22px, 2.6vw, 28px); }
.gk-show .mode-grid { max-width: 1040px; margin: 0 auto; }
.gk-show .mode-card, .gk-show .mode-card * { font-family: inherit; }
.gk-show .mode-body h2 { color: var(--text); }
.gk-show .mode-card { animation: none; }
@media (max-width: 980px) { .gk-show .mode-grid { grid-template-columns: 1fr; } }