:root{--crust:#dce0e8;--mantle:#e6e9ef;--base:#eff1f5;--surface0:#ccd0da;--surface1:#bcc0cc;--overlay:#8c8fa1;--subtext:#6c6f85;--text:#4c4f69;--blue:#1e66f5;--green:#2f8a1f;--mauve:#8839ef;--peach:#e0530a;--pink:#d4529f;--yellow:#b0700f;--teal:#00969e;--lav:#5a71f0;--red:#d20f39;--yellow-ink:#8d642f;--lav-ink:#5565c2;--peach-ink:#ac522b;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--crust:#11111b;--mantle:#181825;--base:#1e1e2e;--surface0:#313244;--surface1:#45475a;--overlay:#6c7086;--subtext:#a6adc8;--text:#cdd6f4;--blue:#89b4fa;--green:#a6e3a1;--mauve:#cba6f7;--peach:#fab387;--pink:#f5c2e7;--yellow:#f9e2af;--teal:#94e2d5;--lav:#b4befe;--red:#f38ba8;--yellow-ink:#f9e2af;--lav-ink:#b4befe;--peach-ink:#fab387}}:root[data-theme=light]{--crust:#dce0e8;--mantle:#e6e9ef;--base:#eff1f5;--surface0:#ccd0da;--surface1:#bcc0cc;--overlay:#8c8fa1;--subtext:#6c6f85;--text:#4c4f69;--blue:#1e66f5;--green:#2f8a1f;--mauve:#8839ef;--peach:#e0530a;--pink:#d4529f;--yellow:#b0700f;--teal:#00969e;--lav:#5a71f0;--red:#d20f39;--yellow-ink:#8d642f;--lav-ink:#5565c2;--peach-ink:#ac522b}:root[data-theme=dark]{--crust:#11111b;--mantle:#181825;--base:#1e1e2e;--surface0:#313244;--surface1:#45475a;--overlay:#6c7086;--subtext:#a6adc8;--text:#cdd6f4;--blue:#89b4fa;--green:#a6e3a1;--mauve:#cba6f7;--peach:#fab387;--pink:#f5c2e7;--yellow:#f9e2af;--teal:#94e2d5;--lav:#b4befe;--red:#f38ba8;--yellow-ink:#f9e2af;--lav-ink:#b4befe;--peach-ink:#fab387}.cluster-label{font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;pointer-events:none;text-shadow:0 1px 4px var(--crust);align-items:center;gap:6px;font-size:11px;display:flex}.cluster-label .dot{border-radius:50%;flex:none;width:7px;height:7px}.node-label{font-family:var(--font-mono);color:var(--text);white-space:nowrap;pointer-events:none;text-shadow:0 1px 4px var(--crust);font-size:11px;transform:translate(-50%,-180%)}.node-label.dim{color:var(--subtext)}.district-label{font-family:var(--font-mono);white-space:nowrap;pointer-events:none;paint-order:stroke fill;-webkit-text-stroke:3px var(--base);flex-direction:column;align-items:center;gap:1px;display:flex}.district-label .name{letter-spacing:-.01em;font-size:15px;font-weight:500}.district-label .count{letter-spacing:.1em;color:var(--subtext);font-size:10px}.district-weight{font-family:var(--font-mono);color:var(--subtext);background:color-mix(in srgb, var(--base) 80%, transparent);border:1px solid var(--surface0);pointer-events:none;border-radius:999px;padding:1px 6px;font-size:10px}html,body,#root{background:var(--base);min-height:100%;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}html{overflow-x:hidden}.page{--canvas-left:38vw;position:relative}.hero{width:100%;height:100dvh;position:relative}.beat{pointer-events:none;align-items:center;height:100dvh;display:flex;position:relative}.stage{inset:0 0 0 var(--canvas-left);z-index:0;position:fixed}.stage canvas{display:block;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 16%);mask-image:linear-gradient(90deg,#0000 0,#000 16%);touch-action:pan-y!important}.hero-copy{z-index:10;pointer-events:none;flex-direction:column;justify-content:center;gap:22px;width:min(560px,46vw);height:100%;padding:0 0 0 clamp(28px,6vw,92px);display:flex;position:relative}.hero-copy>*{pointer-events:auto}.wordmark{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--subtext);font-size:.9375rem}.wordmark .cursor{color:var(--lav)}.hero h1{font-family:var(--font-mono);letter-spacing:-.035em;color:var(--text);text-wrap:balance;margin:0;font-size:clamp(2rem,4.4vw,3.4rem);font-weight:500;line-height:1.06}.hero p{max-width:46ch;color:var(--subtext);margin:0;font-size:1rem;line-height:1.65}.hero-actions{gap:10px;margin-top:6px;display:flex}.cta{font-family:var(--font-mono);color:var(--text);border:1px solid var(--surface0);background:var(--mantle);transition:transform .16s var(--ease-out), border-color .16s ease;border-radius:9px;padding:10px 18px;font-size:.875rem;text-decoration:none}.cta.primary{background:var(--lav);border-color:var(--lav);color:var(--base)}.cta:active{transform:scale(.97)}.hero-hint{font-family:var(--font-mono);color:var(--overlay);max-width:34em;margin-top:4px;font-size:.72rem;line-height:1.7}.hero-hint .live{border:1px solid var(--surface0);color:var(--subtext);letter-spacing:.06em;text-transform:uppercase;vertical-align:1px;border-radius:999px;align-items:center;gap:6px;margin-right:10px;padding:2px 8px 2px 7px;font-size:.62rem;display:inline-flex}.hero-hint .live:before{content:"";background:var(--green);border-radius:50%;width:5px;height:5px}.theme-toggle{z-index:10;font-family:var(--font-mono);color:var(--subtext);background:var(--mantle);border:1px solid var(--surface0);cursor:pointer;transition:transform .14s var(--ease-out), border-color .14s ease;border-radius:8px;padding:7px 13px;font-size:.75rem;position:absolute;top:26px;right:28px}.theme-toggle:active{transform:scale(.96)}.status{left:calc(50vw - var(--canvas-left));z-index:3;border:1px solid var(--surface0);background:color-mix(in srgb, var(--mantle) 88%, transparent);-webkit-backdrop-filter:blur(12px)saturate(160%);backdrop-filter:blur(12px)saturate(160%);font-family:var(--font-mono);color:var(--subtext);white-space:nowrap;pointer-events:none;animation:caption-in .32s var(--ease-out) both;border-radius:999px;align-items:center;gap:9px;padding:9px 16px;font-size:.78rem;display:flex;position:absolute;bottom:46px;transform:translate(-50%);box-shadow:0 6px 20px -8px #00000038}.status:before{content:"";background:var(--dot,var(--overlay));width:6px;height:6px;transition:background-color .26s var(--ease-out);border-radius:50%;flex:none}@keyframes caption-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.beat-copy{width:min(520px, var(--canvas-left));z-index:10;pointer-events:auto;opacity:0;transition:opacity .52s var(--ease-out), transform .52s var(--ease-out);padding:0 40px 0 clamp(28px,6vw,92px);position:relative;transform:translateY(14px)}.beat.on .beat-copy{opacity:1;transform:none}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--subtext);margin-bottom:14px;font-size:.68rem;display:block}.beat[data-lens=impact] .eyebrow{color:var(--yellow-ink)}.beat[data-lens=path] .eyebrow{color:var(--lav-ink)}.beat[data-lens=whatif] .eyebrow{color:var(--peach-ink)}.beat[data-lens=replay] .eyebrow{color:var(--lav-ink)}.beat h2{font-family:var(--font-mono);letter-spacing:-.028em;color:var(--text);margin:0 0 18px;font-size:clamp(1.45rem,2.3vw,2.05rem);line-height:1.15}.beat p{max-width:40ch;color:var(--subtext);margin:0;font-size:.95rem;line-height:1.65}@media (width<=820px){.page{--canvas-left:0px}.stage{inset:0}.hero-copy{width:100%;padding-right:28px}.stage canvas{-webkit-mask-image:linear-gradient(#0000 0,#000 34%);mask-image:linear-gradient(#0000 0,#000 34%)}.status{display:none}.beat{align-items:flex-start;padding-top:12vh}.beat-copy{width:100%;padding:0 28px}}@media (hover:hover) and (pointer:fine){.cta:hover,.theme-toggle:hover{border-color:var(--lav)}}@media (prefers-reduced-motion:reduce){.cta{transition:none}.status{animation:none}.theme-toggle{transition:none}.beat-copy{transition:opacity .2s linear;transform:none}}