:root,[data-theme=dark]{color-scheme:dark;--font-display: "Martian Mono", ui-monospace, SFMono-Regular, monospace;--font-body: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--bg-primary: #0a0b0e;--bg-secondary: #121519;--bg-tertiary: #1b1f27;--bg-elevated: #242935;--bg-panel: #171b22;--border: #4c515b;--border-subtle: #383d46;--border-strong: #616772;--text-primary: #e0e4ea;--text-secondary: #b9bfca;--text-muted: #99a0ad;--text-faint: #7e8694;--lud-amber: #ff9a3d;--lud-amber-hover: #ffb15e;--lud-amber-dim: rgba(255, 154, 61, .13);--lud-amber-border: rgba(255, 154, 61, .42);--accent-ink: #ff9a3d;--on-amber: #1a0d02;--gradient-molten: linear-gradient(135deg, #c2410c 0%, #ff7a1a 26%, #ffc25c 52%, #ff9a3d 76%, #d2540a 100%);--green: #46b07d;--green-dim: rgba(70, 176, 125, .14);--red: #d9756f;--red-dim: rgba(217, 117, 111, .13);--warning: #e0a24a;--warning-dim: rgba(224, 162, 74, .13);--info: #7ba6c0;--info-dim: rgba(123, 166, 192, .13);--success: var(--green);--error: var(--red);--critical: #e5514c;--critical-dim: rgba(229, 81, 76, .16);--critical-border: rgba(229, 81, 76, .48);--on-critical: #150e0e;--ai: #4fc8d6;--ai-dim: rgba(79, 200, 214, .13);--ai-border: rgba(79, 200, 214, .42);--viz-1: #ff9a3d;--viz-2: #7790bf;--viz-3: #cbb072;--viz-4: #66a89d;--viz-5: #9b86bf;--viz-6: #c891ad;--viz-7: #7ba6c0;--viz-8: #8b919e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--shadow-glow-amber: 0 0 22px rgba(255, 154, 61, .22);--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur-med: .18s;--dur-slow: .42s;--t-fast: var(--dur-fast) var(--ease-out);--t-med: var(--dur-med) var(--ease-out);--t-slow: var(--dur-slow) var(--ease-out)}:root[data-theme=light],[data-theme=light]{color-scheme:light;--bg-primary: #f1f2f4;--bg-secondary: #ffffff;--bg-tertiary: #e9eaee;--bg-elevated: #ffffff;--bg-panel: #ffffff;--border: #abafb5;--border-subtle: #cacdd1;--border-strong: #8e939b;--text-primary: #141319;--text-secondary: #444b56;--text-muted: #5e6470;--text-faint: #5c6270;--lud-amber: #d9741a;--lud-amber-hover: #b85f10;--lud-amber-dim: rgba(217, 116, 26, .13);--lud-amber-border: rgba(217, 116, 26, .42);--accent-ink: #8f4b06;--on-amber: #1a0d02;--green: #177d4a;--red: #c0392b;--warning: #9a6207;--info: #2f6f96;--ai: #127e8a;--critical: #cc2f26;--critical-dim: rgba(204, 47, 38, .14);--critical-border: rgba(204, 47, 38, .42);--on-critical: #ffffff;--viz-1: #b85510;--viz-2: #4f6aa0;--viz-3: #7f6a26;--viz-4: #3a7568;--viz-5: #755aa0;--viz-6: #9e5677;--viz-7: #3f6f92;--viz-8: #5e6470;--shadow-sm: 0 1px 2px rgba(20, 18, 14, .07);--shadow-md: 0 4px 12px rgba(20, 18, 14, .09);--shadow-lg: 0 12px 32px rgba(20, 18, 14, .12);--shadow-glow-amber: 0 0 22px rgba(217, 116, 26, .16)}@media(prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light;--bg-primary: #f1f2f4;--bg-secondary: #ffffff;--bg-tertiary: #e9eaee;--bg-elevated: #ffffff;--bg-panel: #ffffff;--border: #abafb5;--border-subtle: #cacdd1;--border-strong: #8e939b;--text-primary: #141319;--text-secondary: #444b56;--text-muted: #5e6470;--text-faint: #5c6270;--lud-amber: #d9741a;--lud-amber-hover: #b85f10;--lud-amber-dim: rgba(217, 116, 26, .13);--lud-amber-border: rgba(217, 116, 26, .42);--accent-ink: #8f4b06;--on-amber: #1a0d02;--green: #177d4a;--red: #c0392b;--warning: #9a6207;--info: #2f6f96;--ai: #127e8a;--critical: #cc2f26;--critical-dim: rgba(204, 47, 38, .14);--critical-border: rgba(204, 47, 38, .42);--on-critical: #ffffff;--viz-1: #b85510;--viz-2: #4f6aa0;--viz-3: #7f6a26;--viz-4: #3a7568;--viz-5: #755aa0;--viz-6: #9e5677;--viz-7: #3f6f92;--viz-8: #5e6470;--shadow-sm: 0 1px 2px rgba(20, 18, 14, .07);--shadow-md: 0 4px 12px rgba(20, 18, 14, .09);--shadow-lg: 0 12px 32px rgba(20, 18, 14, .12);--shadow-glow-amber: 0 0 22px rgba(217, 116, 26, .16)}}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur-med: 0ms;--dur-slow: 0ms}}:root{--bg-floor: #07080a;--gradient-floor: linear-gradient( 180deg, var(--bg-primary) 0%, var(--bg-floor) 100% );--prod-vision: var(--viz-2);--prod-engine: var(--viz-4);--prod-reach: var(--viz-6);--st-live: var(--green);--st-built: var(--info);--st-wiring: var(--warning);--st-planned: var(--viz-8);--st-live-dim: color-mix(in srgb, var(--st-live) 13%, transparent);--st-built-dim: color-mix(in srgb, var(--st-built) 13%, transparent);--st-wiring-dim: color-mix(in srgb, var(--st-wiring) 13%, transparent);--st-planned-dim: color-mix(in srgb, var(--st-planned) 13%, transparent);--prod-vision-dim: color-mix(in srgb, var(--prod-vision) 12%, transparent);--prod-vision-border: color-mix(in srgb, var(--prod-vision) 34%, transparent);--prod-engine-dim: color-mix(in srgb, var(--prod-engine) 12%, transparent);--prod-engine-border: color-mix(in srgb, var(--prod-engine) 34%, transparent);--prod-reach-dim: color-mix(in srgb, var(--prod-reach) 12%, transparent);--prod-reach-border: color-mix(in srgb, var(--prod-reach) 34%, transparent);--radius-2xl: 22px;--sp-10: 40px;--sp-12: 48px;--maxw: 1120px;--nav-h: 64px}@media(prefers-color-scheme:light){:root{--bg-floor: #e3e5ea;--st-live: #126b3f;--st-built: #275f81;--st-wiring: #855407;--st-planned: #545a66}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;scroll-padding-top:calc(var(--nav-h) + var(--sp-6))}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg-floor);color:var(--text-secondary);font-family:var(--font-body);font-size:17px;line-height:1.6;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--lud-amber);outline-offset:2px;border-radius:var(--radius-sm)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--sp-6)}.section{padding:clamp(56px,9vw,104px) 0}.section--ruled{border-top:1px solid var(--border-subtle)}.kicker{font-family:var(--font-mono);font-size:clamp(10px,1.4vw,12px);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink)}.sec-h{font-family:var(--font-display);font-weight:700;font-size:clamp(25px,3.4vw,37px);line-height:1.18;letter-spacing:-.01em;color:var(--text-primary);margin-top:var(--sp-4);max-width:22ch;text-wrap:balance}.sec-sub{color:var(--text-muted);font-size:17px;margin-top:var(--sp-4);max-width:62ch}.mono{font-family:var(--font-mono)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--font-body);font-weight:700;font-size:15px;line-height:1.2;border-radius:9px;padding:11px 20px;cursor:pointer;border:1px solid transparent;white-space:nowrap;transition:transform var(--t-fast),filter var(--t-med),border-color var(--t-med),color var(--t-med),background var(--t-med)}.btn--primary{background:var(--gradient-molten);color:var(--on-amber);box-shadow:0 6px 22px #ff9a3d33}.btn--primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn--ghost{background:var(--bg-panel);color:var(--text-primary);border-color:var(--border)}.btn--ghost:hover{border-color:var(--lud-amber);color:var(--accent-ink)}.btn--sm{padding:9px 16px;font-size:14px}.btn--lg{padding:14px 26px;font-size:16px}@media(prefers-reduced-motion:reduce){.btn:hover{transform:none}}.card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--sp-7);transition:border-color var(--t-med),transform var(--t-med)}.status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px 3px 7px;border-radius:var(--radius-full);border:1px solid currentColor;white-space:nowrap}.status svg{flex:none}.status--live{color:var(--st-live);background:var(--st-live-dim)}.status--built{color:var(--st-built);background:var(--st-built-dim)}.status--wiring{color:var(--st-wiring);background:var(--st-wiring-dim)}.status--planned{color:var(--st-planned);background:var(--st-planned-dim)}.tag{display:inline-block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.03em;color:var(--text-faint);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:3px 8px}.ticks{display:flex;flex-direction:column;gap:var(--sp-3)}.ticks li{display:flex;gap:var(--sp-3);align-items:flex-start;font-size:14.5px;line-height:1.55;color:var(--text-secondary)}.ticks li svg{flex:none;margin-top:4px;color:var(--tick-color, var(--lud-amber))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--sp-4);top:-100px;z-index:100;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--lud-amber);border-radius:var(--radius-md);padding:10px 16px;font-weight:600;transition:top var(--t-fast)}.skip-link:focus{top:var(--sp-3)}.loop{margin:0}.loop-frame{position:relative;background:radial-gradient(520px 340px at 50% 34%,var(--lud-amber-dim),transparent 72%),var(--gradient-floor);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--sp-4) var(--sp-4) var(--sp-6);overflow:hidden}.loop-mode{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--text-muted);background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:5px 12px 5px 10px}.loop-mode-dot{width:7px;height:7px;border-radius:50%;flex:none}.loop-mode-dot--demo{background:var(--st-planned);box-shadow:0 0 0 3px var(--st-planned-dim)}.loop-mode-dot--live{background:var(--st-live);box-shadow:0 0 0 3px var(--st-live-dim)}.loop-mode-dot--replay{background:var(--st-built);border-radius:2px;box-shadow:0 0 0 3px var(--st-built-dim)}.loop-svg{width:100%;height:auto;display:block;margin:var(--sp-2) auto 0;max-width:780px;overflow:visible}.loop-ring{stroke:var(--border-subtle);stroke-width:1;opacity:.75}.loop-edge-line{stroke-width:2;stroke-linecap:round;opacity:.5;transition:opacity var(--t-slow)}.loop-edge.is-active .loop-edge-line{opacity:1}.loop-edge-flow{stroke-width:3.5;stroke-linecap:round;stroke-dasharray:3 15;opacity:.9;animation:loop-crawl 1.1s linear infinite}@keyframes loop-crawl{to{stroke-dashoffset:-18}}.loop-edge-label{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;fill:var(--text-faint);transition:fill var(--t-slow)}.loop-edge.is-active .loop-edge-label{fill:var(--accent-ink)}.loop-edge-event{font-family:var(--font-mono);font-size:11.5px;fill:var(--text-muted)}.loop-node-card{fill:var(--bg-panel);stroke:var(--border-subtle);stroke-width:1;transition:stroke var(--t-slow),fill var(--t-slow)}.loop-node.is-active .loop-node-card{fill:var(--bg-elevated);stroke:var(--lud-amber-border)}.loop-node-badge{stroke-width:1;transition:opacity var(--t-slow)}.loop-node--vision .loop-node-badge{fill:var(--prod-vision-dim);stroke:var(--prod-vision-border)}.loop-node--engine .loop-node-badge{fill:var(--prod-engine-dim);stroke:var(--prod-engine-border)}.loop-node--reach .loop-node-badge{fill:var(--prod-reach-dim);stroke:var(--prod-reach-border)}.loop-node--vision .loop-node-glyph{color:var(--prod-vision)}.loop-node--engine .loop-node-glyph{color:var(--prod-engine)}.loop-node--reach .loop-node-glyph{color:var(--prod-reach)}.loop-node-name{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.01em;fill:var(--text-primary)}.loop-node-role{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;fill:var(--text-muted)}.loop-node--vision .loop-node-role{fill:var(--prod-vision)}.loop-node--engine .loop-node-role{fill:var(--prod-engine)}.loop-node--reach .loop-node-role{fill:var(--prod-reach)}.loop-chip-box{fill:var(--bg-elevated);stroke:var(--lud-amber-border);stroke-width:1}.loop-chip-text{font-family:var(--font-mono);font-size:11.5px;fill:var(--text-primary)}.loop-caption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:var(--sp-2) var(--sp-3);margin:var(--sp-4) auto 0;max-width:62ch;text-align:center;min-height:3.2em}.loop-caption-type{font-family:var(--font-mono);font-size:12.5px;color:var(--accent-ink);background:var(--lud-amber-dim);border:1px solid var(--lud-amber-border);border-radius:var(--radius-sm);padding:2px 7px}.loop-caption-route{font-family:var(--font-mono);font-size:12px;color:var(--text-faint)}.loop-caption-detail{flex-basis:100%;font-size:14.5px;line-height:1.5;color:var(--text-secondary)}.loop-legend{margin-top:var(--sp-6);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-primary);padding:var(--sp-6)}.loop-legend-h{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-weight:500}.loop-legend>ul{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6);margin-top:var(--sp-5)}.loop-legend-route{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:12.5px;font-weight:600;color:var(--text-primary);line-height:1.4;flex-wrap:wrap}.loop-legend-dot{width:8px;height:8px;border-radius:2px;flex:none}.loop-legend-dot--vision{background:var(--prod-vision)}.loop-legend-dot--engine{background:var(--prod-engine)}.loop-legend-dot--reach{background:var(--prod-reach)}.loop-legend-events{margin-top:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-3)}.loop-legend-events li{display:flex;flex-direction:column;gap:3px;border-left:2px solid var(--border);padding-left:var(--sp-3)}.loop-legend-events code{font-family:var(--font-mono);font-size:12px;color:var(--accent-ink)}.loop-legend-events span{font-size:13.5px;line-height:1.5;color:var(--text-muted)}.loop-legend-note{margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--border-subtle);font-size:13.5px;line-height:1.6;color:var(--text-muted)}.loop-legend-note a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:2px}@media(max-width:900px){.loop-legend>ul{grid-template-columns:1fr;gap:var(--sp-5)}}@media(max-width:720px){.loop-node-name{font-size:17px}.loop-node-role{font-size:12px}.loop-edge-label{font-size:15px}.loop-edge-event,.loop-chip-text{font-size:13px}.loop-frame{padding:var(--sp-3) var(--sp-3) var(--sp-5)}.loop-legend{padding:var(--sp-5)}}@media(prefers-reduced-motion:reduce){.loop-edge-flow{animation:none}}.loop-edge--return .loop-edge-line{stroke-width:1.5;stroke-dasharray:6 6;opacity:.42}.loop-edge--return.is-active .loop-edge-line{opacity:.95}.loop-edge--return .loop-edge-label,.loop-edge--return .loop-edge-event{font-size:10.5px}@media(max-width:720px){.loop-edge--return .loop-edge-label,.loop-edge--return .loop-edge-event{font-size:13px}}