:root{--bg-page:#0a0a0b;--bg-soft:#111114;--bg-elevated:#18181c;--bg-deep:#1f1f24;--bg-glass:#ffffff0a;--bg-glass-hover:#ffffff14;--fg:#f5f5f7;--fg-soft:#a1a1aa;--fg-dim:#71717a;--fg-ghost:#52525b;--accent:#00d4ff;--accent-soft:#67e8f9;--accent-deep:#0891b2;--accent-glow:#00d4ff2e;--accent-glow-strong:#00d4ff73;--gold:#fbbf24;--gold-soft:#fde68a;--gold-glow:#fbbf2433;--c-buergermeister:#fbbf24;--c-haendler:#60a5fa;--c-bauer:#34d399;--c-forscher:#7dd3fc;--c-kuenstler:#c084fc;--c-crisis:#f87171;--border:#ffffff14;--border-strong:#ffffff29;--border-accent:#00d4ff4d;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #0006;--shadow-lg:0 20px 60px #00000080;--shadow-glow:0 0 40px var(--accent-glow);--shadow-glow-strong:0 0 60px var(--accent-glow-strong);--shadow-card:0 0 0 1px var(--border), 0 4px 24px #0000004d;--shadow-card-hover:0 0 0 1px var(--accent-glow), 0 8px 40px var(--accent-glow);--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", sans-serif;--font-display:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-greek:"Inter", system-ui, sans-serif;--text-xs:11px;--text-sm:13px;--text-md:15px;--text-lg:17px;--text-xl:clamp(20px, 2vw, 24px);--text-2xl:clamp(26px, 3vw, 32px);--text-3xl:clamp(34px, 4vw, 44px);--text-display:clamp(48px, 7vw, 84px);--text-hero:clamp(72px, 12vw, 160px);--leading-tight:1.02;--leading-snug:1.32;--leading-base:1.65;--leading-loose:1.85;--tracking-tighter:-.04em;--tracking-tight:-.02em;--tracking-base:0;--tracking-wide:.08em;--tracking-mark:.22em;--weight-thin:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:900;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--space-11:192px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-xl:22px;--radius-pill:999px;--width-narrow:640px;--width-base:880px;--width-wide:1200px;--width-mega:1440px;--ease-awwwards:cubic-bezier(.22, 1, .36, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.2, .8, .2, 1);--dur-instant:90ms;--dur-fast:.18s;--dur-base:.3s;--dur-slow:.6s;--dur-cinematic:1s;--brand-mark:"meetmyagent · polis";--brand-tagline:"Fuenf KI-Buerger bauen eine Stadt.";--blur-sm:blur(8px);--blur-md:blur(16px);--blur-lg:blur(24px)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}:root{--dur-fast:0s;--dur-base:0s;--dur-slow:0s;--dur-cinematic:0s}}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-page);color:var(--fg-soft);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh}.container{max-width:var(--width-wide);padding:0 var(--space-5);margin:0 auto}.container-narrow{max-width:var(--width-base);padding:0 var(--space-5);margin:0 auto}.topbar{z-index:50;-webkit-backdrop-filter:var(--blur-md);border-bottom:1px solid var(--border);padding:var(--space-5) 0;background:#0a0a0bc7;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.brand{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--fg);align-items:baseline;gap:8px;text-decoration:none;display:inline-flex}.brand-dot{color:var(--accent);font-weight:var(--weight-bold)}.brand-suffix{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-mark);color:var(--fg-dim)}.nav-links{gap:var(--space-5);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);flex-wrap:wrap;align-items:center;display:flex}.nav-links a{color:var(--fg-soft);transition:color var(--dur-fast) var(--ease-out);padding:4px 0;text-decoration:none}.nav-links a:hover,.nav-links a.is-current{color:var(--accent)}.mobile-menu-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);cursor:pointer;width:44px;height:44px;transition:border-color var(--dur-fast) var(--ease-out);background:0 0;justify-content:center;align-items:center;padding:0;display:none}.mobile-menu-toggle:hover{border-color:var(--accent)}.mobile-menu-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mobile-menu-toggle svg{width:20px;height:20px}@media (max-width:880px){.topbar-inner{flex-wrap:nowrap}.mobile-menu-toggle{display:inline-flex}.nav-links{background:var(--bg-page);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:var(--space-3) var(--space-5);max-height:0;transition:max-height var(--dur-base) var(--ease-out);flex-direction:column;align-items:stretch;gap:0;position:absolute;top:100%;left:0;right:0;overflow:hidden}.nav-links a{border-bottom:1px solid var(--border);align-items:center;min-height:44px;padding:12px 0;display:flex}.nav-links a:last-of-type{border-bottom:none}.nav-links.is-open{max-height:480px}}section{padding:var(--space-9) 0}section+section{border-top:1px solid var(--border)}h1{font-family:var(--font-sans);font-size:clamp(2.2rem,5.5vw,4rem);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);font-weight:var(--weight-semibold);color:var(--fg);margin-bottom:var(--space-5);max-width:22ch}h2{font-family:var(--font-sans);font-size:clamp(1.5rem,2.8vw,2.1rem);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);font-weight:var(--weight-semibold);color:var(--fg);margin-bottom:var(--space-4)}h3{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--fg);margin-bottom:var(--space-2);font-weight:var(--weight-semibold)}h4{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-mark);color:var(--fg-dim);font-weight:var(--weight-medium);margin-bottom:var(--space-3)}p{color:var(--fg-soft);max-width:66ch}p+p{margin-top:var(--space-4)}a{color:var(--accent);transition:color var(--dur-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--accent-soft)}code,.mono{font-family:var(--font-mono);color:var(--fg);font-size:.92em}ul{list-style:none}.hero{padding:var(--space-10) 0 var(--space-9)}@media (max-width:720px){.hero{padding:var(--space-8) 0 var(--space-7)}section{padding:var(--space-7) 0}.btn{min-height:44px;padding:var(--space-3) var(--space-4);text-align:center;flex-grow:1;justify-content:center}.cta-row{align-items:stretch;gap:var(--space-3);flex-direction:column}.cta-row .btn{width:100%}}@media (min-width:721px) and (max-width:1024px){.btn{min-height:44px}}.badge-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.badge{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--accent);border:1px solid var(--border-accent);border-radius:var(--radius-pill);background:var(--accent-glow);align-items:center;gap:8px;padding:5px 12px;display:inline-flex}.badge .dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.live-tick{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-dim);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-glass);align-items:center;gap:8px;padding:5px 10px;display:inline-flex}.live-tick.has-data{color:var(--fg-soft);border-color:var(--border-strong)}.live-tick strong{color:var(--accent);font-weight:var(--weight-semibold)}.hero-tagline{font-size:var(--text-xl);color:var(--fg-soft);line-height:var(--leading-snug);max-width:56ch;margin-bottom:var(--space-6)}.hero-tagline strong{color:var(--fg);font-weight:var(--weight-medium)}.cta-row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.btn{padding:var(--space-3) var(--space-5);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);border-radius:var(--radius-sm);transition:all var(--dur-fast) var(--ease-out);border:1px solid var(--accent);color:var(--accent);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent-glow);color:var(--accent-soft);transform:translateY(-1px)}.btn.primary{background:var(--accent);color:var(--bg-page);font-weight:var(--weight-semibold)}.btn.primary:hover{background:var(--accent-soft);color:var(--bg-page);box-shadow:var(--shadow-glow)}.btn.ghost{border-color:var(--border);color:var(--fg-soft)}.btn.ghost:hover{border-color:var(--border-strong);color:var(--fg);background:var(--bg-glass)}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-mark);color:var(--accent);margin-bottom:var(--space-3)}.stack-list{gap:var(--space-5);margin-top:var(--space-5);grid-template-columns:1fr;list-style:none;display:grid}@media (min-width:720px){.stack-list{gap:var(--space-6) var(--space-7);grid-template-columns:1fr 1fr}}.stack-item{border-left:2px solid var(--border);padding-left:var(--space-4);transition:border-color var(--dur-fast) var(--ease-out)}.stack-item:hover{border-left-color:var(--accent)}.stack-item h3{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--fg);margin-bottom:var(--space-2)}.stack-item h3 a{color:inherit}.stack-item h3 a:hover{color:var(--accent)}.stack-item p{font-size:var(--text-sm);color:var(--fg-dim);line-height:var(--leading-snug);max-width:50ch}.stack-meta{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-left:6px;font-size:10px;display:inline-block}.chess-block{background:linear-gradient(135deg, var(--bg-elevated), var(--bg-soft));border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;overflow:hidden}.chess-block:before{content:"";background:radial-gradient(circle at 20% 0%, var(--accent-glow), transparent 50%);pointer-events:none;position:absolute;inset:0}.chess-block-inner{z-index:1;position:relative}.chess-block .eyebrow{color:var(--gold)}.chess-block h2{margin-bottom:var(--space-4)}.chess-block p{margin-bottom:var(--space-5);max-width:60ch}.live-strip{gap:var(--space-5);margin-bottom:var(--space-6);padding:var(--space-4) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.live-stat{flex-direction:column;gap:2px;display:flex}.live-stat .label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--fg-dim);font-size:10px}.live-stat .value{font-family:var(--font-mono);font-size:var(--text-md);color:var(--fg);font-weight:var(--weight-semibold)}.live-stat .value.accent{color:var(--accent)}.boards-grid{gap:var(--space-5);margin-top:var(--space-5);grid-template-columns:1fr;display:grid}@media (min-width:720px){.boards-grid{grid-template-columns:repeat(2,1fr)}}.board-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color var(--dur-fast) var(--ease-out)}.board-card:hover{border-color:var(--border-strong)}.board-card__head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.board-card__title h3{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--fg);font-weight:var(--weight-semibold);margin:0 0 4px}.board-card__tagline{font-size:var(--text-xs);color:var(--fg-soft);max-width:none;margin:0 0 4px;font-style:italic}.board-card__model{color:var(--fg-dim);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0;font-size:10px}.board-card__status{flex-shrink:0;align-items:center;gap:6px;display:flex}.board-card__pulse{border-radius:50%;width:8px;height:8px}.board-card__pulse.thinking{animation:1.2s ease-in-out infinite pulse}.board-card__status-text{color:var(--fg-dim);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:10px}.board-card__elo{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-soft);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:baseline;gap:8px;display:flex}.board-card__elo-label{color:var(--fg-dim)}.board-card__elo-value{font-size:var(--text-lg);color:var(--accent);font-weight:var(--weight-semibold)}.board-card__elo-games{color:var(--fg-dim);margin-left:auto}.board-card__foot{align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.board-card__foot .mono.small{color:var(--fg-dim);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:10px}.board-card__link{color:var(--accent);margin-left:auto}.board-card__link:hover{color:var(--accent-soft)}.mono.small{font-size:10px}.stat-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:var(--text-sm);margin-top:var(--space-4)}.stat-table th,.stat-table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.stat-table th{color:var(--fg-dim);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:var(--text-xs)}.stat-table td{color:var(--fg-soft)}.stat-table td.accent{color:var(--accent)}.stat-table tr:last-child td{border-bottom:none}.faq-list{gap:var(--space-2);margin-top:var(--space-5);flex-direction:column;display:flex}.faq-list details{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-soft);padding:var(--space-4) var(--space-5);transition:border-color var(--dur-fast) var(--ease-out)}.faq-list details[open]{border-color:var(--border-accent)}.faq-list summary{cursor:pointer;font-weight:var(--weight-medium);color:var(--fg);justify-content:space-between;align-items:center;gap:var(--space-3);outline:none;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-family:var(--font-mono);font-size:var(--text-lg);color:var(--accent);transition:transform var(--dur-fast) var(--ease-out)}.faq-list details[open] summary:after{content:"−"}.faq-list details p{margin-top:var(--space-3);color:var(--fg-soft)}.faq-list h3{margin-top:var(--space-6);margin-bottom:var(--space-3);color:var(--fg-dim);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.footer{border-top:1px solid var(--border);padding:var(--space-8) 0 var(--space-5);margin-top:var(--space-7)}.footer-grid{gap:var(--space-6);margin-bottom:var(--space-7);grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;display:grid}@media (max-width:1100px){.footer-grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width:720px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}}.footer-brand-desc{font-size:var(--text-sm);color:var(--fg-dim);max-width:36ch;margin-top:var(--space-3)}.footer h4{margin-bottom:var(--space-3)}.footer ul{flex-direction:column;gap:6px;display:flex}.footer a.link{font-size:var(--text-sm);color:var(--fg-soft);transition:color var(--dur-fast) var(--ease-out);text-decoration:none}.footer a.link:hover{color:var(--accent)}.social-row{gap:var(--space-3);margin-top:var(--space-4);display:flex}.social-row a{border:1px solid var(--border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--fg-soft);transition:all var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.social-row a:hover{color:var(--accent);border-color:var(--border-accent);background:var(--bg-glass)}.social-row svg{width:14px;height:14px}.eco-system{padding:var(--space-6) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:var(--space-5)}.eco-eyebrow{text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-mark);color:var(--fg-dim);margin-bottom:var(--space-3)}.eco-subline{text-align:center;font-size:var(--text-sm);color:var(--fg-soft);max-width:56ch;margin:0 auto var(--space-5)}.eco-grid{gap:var(--space-5) var(--space-6);flex-wrap:wrap;justify-content:center;display:flex}.eco-grid a{text-align:center;color:var(--fg-soft);transition:color var(--dur-fast) var(--ease-out);flex-direction:column;gap:2px;display:flex}.eco-grid a:hover{color:var(--accent)}.eco-grid .domain{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg);font-weight:var(--weight-medium)}.eco-grid a:hover .domain{color:var(--accent)}.eco-grid .tag{color:var(--fg-dim);font-size:11px}.eco-grid a.eco-self{opacity:.7;cursor:default}.eco-grid a.eco-self .domain,.eco-grid a.eco-self:hover .domain{color:var(--gold)}.eco-grid a.eco-self .tag{color:var(--gold);opacity:.7}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--space-3);font-family:var(--font-mono);color:var(--fg-dim);padding-top:var(--space-4);border-top:1px solid var(--border);flex-wrap:wrap;font-size:11px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}