@charset "UTF-8";:root{--bg-color: #0a0a0f;--text-primary: #fff;--text-secondary: #ccc;--accent-color: #00ffcc;--glass-bg: rgba(10, 10, 15, .6);--glass-border: rgba(255, 255, 255, .1);--accent-glow: rgba(0, 255, 204, .4);--accent-2: #3178c6;--accent-2-glow: rgba(49, 120, 198, .5);--accent-2-tint: rgba(49, 120, 198, .16);--accent-2-bright: #5b9fe0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,sans-serif;background-color:var(--bg-color);color:var(--text-primary);overflow:hidden}body #mapContainer{position:fixed;inset:0}body #demoOverlay{position:fixed;inset:0;transition:all 1s ease;display:flex;flex-direction:column}body #demoOverlay nav,body #demoOverlay footer{background:var(--glass-bg);color:var(--text-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}body #demoOverlay nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--glass-border)}body #demoOverlay nav .logo{font-size:1.5em;font-weight:800}body #demoOverlay nav .logo svg{vertical-align:top;display:inline-block;height:1.2em;padding-right:.2em;stroke:var(--text-secondary);fill:none;stroke-width:6px}body #demoOverlay nav .links a{color:var(--text-secondary);text-decoration:none;display:inline-flex;align-items:center;margin-left:1rem;font-size:1.2rem;font-weight:500;transition:color .2s}body #demoOverlay nav .links a:hover{color:var(--accent-color)}body #demoOverlay nav .links a svg{display:block;flex-shrink:0;fill:currentColor;stroke:none;width:22px;height:22px;margin-top:2px}body #demoOverlay nav .links a svg path,body #demoOverlay nav .links a svg ellipse{fill:currentColor;stroke:none;stroke-width:0}body #demoOverlay main{flex:1;display:flex;flex-direction:column;background:#0009;padding:2.5rem 2rem;justify-content:flex-start;align-items:center;text-align:center;overflow-y:auto}body #demoOverlay main .title{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.1;margin-bottom:1rem}body #demoOverlay main .highlight{color:var(--accent-color);text-shadow:0 0 30px var(--accent-glow)}body #demoOverlay main .tagline{font-size:clamp(.95rem,2vw,1.15rem);color:var(--text-secondary);margin-bottom:1.75rem;line-height:1.6;max-width:640px}body #demoOverlay main .apps{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;max-width:900px;margin-bottom:2rem}body #demoOverlay main .apps .card{display:flex;flex-direction:column;text-align:left;padding:1.5rem 1.6rem;border-radius:16px;text-decoration:none;color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}body #demoOverlay main .apps .card:hover{transform:translateY(-4px);border-color:var(--accent-color);box-shadow:0 10px 30px #00000073}body #demoOverlay main .apps .card .card-eyebrow{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-2-bright);font-weight:700;margin-bottom:.5rem}body #demoOverlay main .apps .card .card-title{font-size:1.35rem;font-weight:800;margin-bottom:.5rem}body #demoOverlay main .apps .card .card-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.55}body #demoOverlay main .apps .card .card-cta{margin-top:auto;padding-top:1.1rem;font-size:.85rem;font-weight:600;color:var(--accent-color)}body #demoOverlay main .apps .card.featured{grid-column:1/-1;flex-direction:row;padding:0;overflow:hidden;border-color:var(--accent-glow);box-shadow:0 0 40px #00ffcc1f}body #demoOverlay main .apps .card.featured .card-poster{display:block;flex:0 0 42%;width:42%;height:300px;align-self:center;object-fit:cover;background:#0d0d12}body #demoOverlay main .apps .card.featured .card-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:1.8rem 2rem}body #demoOverlay main .apps .card.featured .card-title{font-size:1.9rem}body #demoOverlay main .apps .card.featured .card-desc{font-size:1rem}body #demoOverlay main .apps .card.featured .card-cta{margin-top:1.2rem;padding-top:0}body #demoOverlay footer{padding:1.5rem;text-align:center;font-size:.8rem;border-top:1px solid var(--glass-border)}body #demoOverlay footer a{color:var(--text-secondary);text-decoration:none}body button{padding:.8rem 2rem;font-size:1rem;font-weight:600;border-radius:50px;background-color:var(--accent-color);color:#000;cursor:pointer;transition:all .5s ease;border:none}body button:hover{transform:translateY(-2px)}body button.primary{box-shadow:0 0 20px var(--accent-glow)}body button.primary:hover{box-shadow:0 0 30px var(--accent-glow)}body button.secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--glass-border);backdrop-filter:blur(10px)}body button.secondary:hover{background-color:#ffffff1a}@media (max-width: 640px){body #demoOverlay main{justify-content:flex-start;padding:1.5rem}body #demoOverlay main .apps{grid-template-columns:1fr}body #demoOverlay main .apps .card.featured{flex-direction:column}body #demoOverlay main .apps .card.featured .card-poster{width:100%;flex-basis:auto;height:168px;min-height:0}body #demoOverlay main .apps .card.featured .card-body{padding:1.4rem 1.5rem}body #demoOverlay main .apps .card.featured .card-title{font-size:1.6rem}}body #demoOverlay main .tabs{display:inline-flex;gap:.3rem;margin-bottom:1.75rem;padding:.35rem;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}body #demoOverlay main .tabs .tab{padding:.7rem 2rem;border-radius:999px;border:none;background:transparent;color:var(--text-secondary);font-size:1.05rem;font-weight:600;cursor:pointer;box-shadow:none;transition:color .2s ease,background .2s ease,box-shadow .2s ease}body #demoOverlay main .tabs .tab:hover{color:var(--text-primary);background:var(--accent-2-tint);transform:none}body #demoOverlay main .tabs .tab.is-active{background:var(--accent-2);color:#fff;box-shadow:0 4px 18px var(--accent-2-glow)}body #demoOverlay main .tabs .tab.is-active:hover{transform:none;color:#fff;background:var(--accent-2)}body #demoOverlay main .apps.tech{align-items:start}body #demoOverlay main .apps.tech .card.tech-card:hover{transform:none;border-color:var(--glass-border);box-shadow:none}body #demoOverlay main .apps.tech .card.tech-card .doclinks{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}body #demoOverlay main .apps.tech .card.tech-card .doclinks.demos{margin-top:.5rem}body #demoOverlay main .apps.tech .card.tech-card .doclinks a{display:inline-flex;align-items:center;padding:.35rem .8rem;border-radius:8px;font-size:.8rem;font-weight:600;text-decoration:none;color:var(--accent-color);background:#00ffcc14;border:1px solid rgba(0,255,204,.25);transition:background .15s ease}body #demoOverlay main .apps.tech .card.tech-card .doclinks a:hover{background:#00ffcc29}body #demoOverlay main .apps.tech .card.tech-card .doclinks.demos a{color:var(--accent-2-bright);background:#5b9fe01a;border-color:#5b9fe04d}body #demoOverlay main .apps.tech .card.tech-card .doclinks.demos a:hover{background:#5b9fe02e}body #demoOverlay main .apps.tech .tech-note{grid-column:1/-1;text-align:center;margin:.25rem 0 0;font-size:.85rem;color:var(--text-secondary)}body #demoOverlay main .apps.tech .tech-note a{color:var(--accent-color);text-decoration:none}body #demoOverlay main .apps.tech .tech-note a:hover{text-decoration:underline}body #demoOverlay main .apps[hidden]{display:none}body #demoOverlay main .apps .card{position:relative}body #demoOverlay main .apps .card .card-badge{position:absolute;top:1rem;right:1rem;z-index:3;padding:.24rem .62rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.03em;white-space:nowrap;border:1px solid;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}body #demoOverlay main .apps .card .card-badge.v2{color:var(--accent-color);border-color:var(--accent-color);background:#0a0a0fb8}body #demoOverlay main .apps .card .card-badge.v1{color:var(--text-secondary);border-color:var(--glass-border);background:#0a0a0fb8}body #demoOverlay main .apps.tech .card.tech-card .doclinks-label{display:block;margin-top:1rem;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);opacity:.7}body #demoOverlay main .apps.tech .card.tech-card .doclinks.demos{margin-top:.45rem}