:root{color-scheme:light;--neutral-0: oklch(100% 0 0);--neutral-1: oklch(99% 0 0);--neutral-2: oklch(97.8% 0 0);--neutral-3: oklch(95.8% 0 0);--neutral-4: oklch(91.5% 0 0);--neutral-5: oklch(84% 0 0);--neutral-6: oklch(72% 0 0);--neutral-7: oklch(59% 0 0);--neutral-8: oklch(46% 0 0);--neutral-9: oklch(34% 0 0);--neutral-10: oklch(23% 0 0);--neutral-11: oklch(15% 0 0);--background: var(--neutral-0);--surface: var(--neutral-0);--surface-raised: var(--neutral-0);--surface-muted: var(--neutral-2);--foreground: var(--neutral-11);--text-secondary: var(--neutral-8);--text-muted: var(--neutral-7);--border: oklch(93.5% 0 0);--border-subtle: oklch(96.5% 0 0);--border-strong: oklch(82% 0 0);--accent: oklch(33% 0 0);--accent-strong: oklch(24% 0 0);--accent-subtle: oklch(33% 0 0 / .1);--accent-foreground: var(--background);--control-on: oklch(23% 0 0);--control-glyph: oklch(100% 0 0);--control-track: oklch(89.5% 0 0);--control-track-hover: oklch(86% 0 0);--control-thumb: oklch(100% 0 0);--control-thumb-on: oklch(100% 0 0);--control-thumb-shadow: 0 0 0 .5px oklch(0% 0 0 / .07), 0 1px 2px oklch(0% 0 0 / .14), 0 2px 6px oklch(0% 0 0 / .06);--control-on-subtle: color-mix(in oklab, var(--control-on) 10%, transparent);--control-fill: var(--control-on);--focus-ring: transparent;--success: oklch(49% .19 150);--warning: oklch(58% .18 75);--danger: oklch(54% .21 25);--shadow-resting: 0 1px 2px oklch(0% 0 0 / .035);--shadow-raised: 0 6px 18px oklch(0% 0 0 / .065), 0 1px 3px oklch(0% 0 0 / .035);--shadow-floating: 0 20px 48px oklch(0% 0 0 / .105), 0 3px 10px oklch(0% 0 0 / .045);--arc-gradient-from: oklch(90% .045 300);--arc-gradient-to: oklch(92% .045 65);--arc-gradient: linear-gradient(100deg, var(--arc-gradient-from), var(--arc-gradient-to));--arc-gradient-foreground: oklch(22% .01 300);--arc-gradient-soft: linear-gradient(135deg, oklch(97.5% .016 300), oklch(98% .016 65));--arc-gradient-line: linear-gradient(100deg, oklch(83% .06 300), oklch(86% .06 65));--arc-gradient-ink: linear-gradient(100deg, oklch(47% .1 300), oklch(50% .09 55));--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-control: 1.125rem;--radius-panel: 1.625rem;--radius-surface: 2.125rem;--radius-pill: 9999px;--control-height-sm: 2.25rem;--control-height-md: 2.75rem;--control-height-lg: 3.125rem;--font-display: var(--font-geist, "Geist Variable"), sans-serif;--font-body: var(--font-inter, "Inter Variable"), sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3.25rem;--text-5xl: 4.5rem;--tracking-display: -.03em;--tracking-body: -.01em;--leading-display: 1.1;--leading-body: 1.4;--ease-enter: cubic-bezier(.16,1,.3,1);--ease-standard: cubic-bezier(.22,1,.36,1);--ease-exit: cubic-bezier(.7,0,.84,0);--ease-in-out: cubic-bezier(.65,0,.35,1);--ease-spring: linear(0, .0258, .09, .1763, .2732, .3724, .4683, .5573, .6376, .7082, .7689, .8202, .8628, .8976, .9256, .9476, .9648, .9778, .9875, .9945, .9994, 1.0026, 1.0047, 1.0058, 1.0062, 1.0062, 1.0059, 1.0055, 1.0049, 1.0043, 1.0036, 1.0031, 1.0025, 1.002, 1.0016, 1.0013, 1);--duration-instant: .12s;--duration-fast: .16s;--duration-standard: .24s;--duration-considered: .48s;--duration-spring: .58s}:root[data-theme=dark]{color-scheme:dark;--background: oklch(19% 0 0);--surface: oklch(21.5% 0 0);--surface-raised: oklch(24% 0 0);--surface-muted: oklch(26% 0 0);--foreground: oklch(96% 0 0);--text-secondary: oklch(77% 0 0);--text-muted: oklch(64% 0 0);--border: oklch(29% 0 0);--border-subtle: oklch(25% 0 0);--border-strong: oklch(40% 0 0);--focus-ring: transparent;--accent: oklch(80% 0 0);--accent-strong: oklch(91% 0 0);--accent-subtle: oklch(80% 0 0 / .13);--control-on: oklch(93% 0 0);--control-glyph: oklch(19% 0 0);--control-track: oklch(33% 0 0);--control-track-hover: oklch(37% 0 0);--control-thumb: oklch(97% 0 0);--control-thumb-on: oklch(19% 0 0);--control-fill: oklch(62% 0 0);--control-thumb-shadow: 0 0 0 .5px oklch(0% 0 0 / .3), 0 1px 2px oklch(0% 0 0 / .35), 0 2px 6px oklch(0% 0 0 / .2);--success: oklch(78% .18 150);--warning: oklch(83% .17 80);--danger: oklch(76% .2 25);--shadow-resting: 0 1px 2px oklch(0% 0 0 / .18);--shadow-raised: 0 8px 22px oklch(0% 0 0 / .22);--shadow-floating: 0 22px 55px oklch(0% 0 0 / .34);--arc-gradient-from: oklch(38% .05 300);--arc-gradient-to: oklch(40% .045 60);--arc-gradient-foreground: oklch(96% .005 300);--arc-gradient-soft: linear-gradient(135deg, oklch(23.5% .016 300), oklch(24% .014 65));--arc-gradient-line: linear-gradient(100deg, oklch(48% .06 300), oklch(52% .055 65));--arc-gradient-ink: linear-gradient(100deg, oklch(82% .07 300), oklch(86% .065 70))}:root[data-accent=neutral]{--accent: oklch(33% 0 0);--accent-strong: oklch(24% 0 0);--accent-subtle: oklch(33% 0 0 / .1)}:root[data-accent=violet]{--accent: #7747ff;--accent-strong: #5528ce;--accent-subtle: rgb(119 71 255 / .13)}:root[data-accent=blue]{--accent: #0562ef;--accent-strong: #074db7;--accent-subtle: rgb(5 98 239 / .12)}:root[data-accent=green]{--accent: #0db879;--accent-strong: #087c54;--accent-subtle: rgb(13 184 121 / .13);--accent-foreground: #102016}:root[data-accent=amber]{--accent: #f3ad20;--accent-strong: #9c6300;--accent-subtle: rgb(243 173 32 / .16);--accent-foreground: #20190d}:root[data-accent=orange]{--accent: #f48120;--accent-strong: #aa4700;--accent-subtle: rgb(244 129 32 / .13);--accent-foreground: #17130f}:root[data-accent=coral]{--accent: #f15f55;--accent-strong: #b92c27;--accent-subtle: rgb(241 95 85 / .14);--accent-foreground: #21110f}:root[data-accent=rose]{--accent: #ed4e9d;--accent-strong: #ae2570;--accent-subtle: rgb(237 78 157 / .14);--accent-foreground: #250f1b}:root[data-theme=dark][data-accent=neutral]{--accent: oklch(80% 0 0);--accent-strong: oklch(91% 0 0);--accent-subtle: oklch(80% 0 0 / .13)}:root[data-theme=dark][data-accent=violet]{--accent: #a78bff;--accent-strong: #c7b7ff;--accent-subtle: rgb(119 71 255 / .22)}:root[data-theme=dark][data-accent=blue]{--accent: #6ba3ff;--accent-strong: #a4c7ff;--accent-subtle: rgb(5 98 239 / .22)}:root[data-theme=dark][data-accent=green]{--accent: #53dca6;--accent-strong: #93efd0;--accent-subtle: rgb(13 184 121 / .2)}:root[data-theme=dark][data-accent=amber]{--accent: #ffcb62;--accent-strong: #ffe0a1;--accent-subtle: rgb(243 173 32 / .2)}:root[data-theme=dark][data-accent=orange]{--accent: #ffad5e;--accent-strong: #ffd0a0;--accent-subtle: rgb(244 129 32 / .2);--accent-foreground: #17130f}:root[data-theme=dark][data-accent=coral]{--accent: #ff9386;--accent-strong: #ffc1ba;--accent-subtle: rgb(241 95 85 / .2)}:root[data-theme=dark][data-accent=rose]{--accent: #ff8bc5;--accent-strong: #ffc0df;--accent-subtle: rgb(237 78 157 / .2)}:root[data-accent=neutral]{--control-on: oklch(23% 0 0);--control-thumb-on: oklch(100% 0 0);--control-glyph: oklch(100% 0 0)}:root[data-accent=violet]{--control-on: #7747ff;--control-thumb-on: #fff;--control-glyph: #fff}:root[data-accent=blue]{--control-on: #0562ef;--control-thumb-on: #fff;--control-glyph: #fff}:root[data-accent=green]{--control-on: #10a870;--control-thumb-on: #fff;--control-glyph: #fff}:root[data-accent=amber]{--control-on: #eda11a;--control-thumb-on: #fff;--control-glyph: #2a1c03}:root[data-accent=orange]{--control-on: #f07818;--control-thumb-on: #fff;--control-glyph: #fff}:root[data-accent=coral]{--control-on: #ec564b;--control-thumb-on: #fff;--control-glyph: #fff}:root[data-accent=rose]{--control-on: #e64494;--control-thumb-on: #fff;--control-glyph: #fff}:root[data-theme=dark][data-accent=neutral]{--control-on: oklch(93% 0 0);--control-thumb-on: oklch(19% 0 0);--control-glyph: oklch(19% 0 0)}:root[data-theme=dark][data-accent=violet]{--control-on: #8a66ff;--control-thumb-on: #fff;--control-glyph: #fff;--control-fill: #8a66ff}:root[data-theme=dark][data-accent=blue]{--control-on: #3b82f6;--control-thumb-on: #fff;--control-glyph: #fff;--control-fill: #3b82f6}:root[data-theme=dark][data-accent=green]{--control-on: #1fae78;--control-thumb-on: #fff;--control-glyph: #fff;--control-fill: #1fae78}:root[data-theme=dark][data-accent=amber]{--control-on: #e8a52a;--control-thumb-on: #fff;--control-glyph: #241803;--control-fill: #e8a52a}:root[data-theme=dark][data-accent=orange]{--control-on: #ef873a;--control-thumb-on: #fff;--control-glyph: #fff;--control-fill: #ef873a}:root[data-theme=dark][data-accent=coral]{--control-on: #ec6a60;--control-thumb-on: #fff;--control-glyph: #fff;--control-fill: #ec6a60}:root[data-theme=dark][data-accent=rose]{--control-on: #e457a0;--control-thumb-on: #fff;--control-glyph: #fff;--control-fill: #e457a0}:root{--series-1: #1f7dcf;--series-2: #7128a5;--series-3: #e58f00;--series-4: #009e84}:root[data-theme=dark]{--series-1: #55adff;--series-2: #9c37be;--series-3: #e66e00;--series-4: #00a861}@supports (color: oklch(from red clamp(.4,l * sign(max(c - .02,0)) + .5,.8) c h)){:root{--series-1: oklch(from var(--accent) calc(l*sign(max(c - .02, 0)) + .58*(1 - sign(max(c - .02, 0)))) calc(c*sign(max(c - .02, 0)) + .15*(1 - sign(max(c - .02, 0)))) calc(h*sign(max(c - .02, 0)) + 250*(1 - sign(max(c - .02, 0)))) );--series-2: oklch(from var(--accent) clamp(.45, l * sign(max(c - .02, 0)) + .58 * (1 - sign(max(c - .02, 0))) - .25, .76) .19 calc(h*sign(max(c - .02, 0)) + 250*(1 - sign(max(c - .02, 0))) + 57) );--series-3: oklch(from var(--accent) clamp(.45, l * sign(max(c - .02, 0)) + .58 * (1 - sign(max(c - .02, 0))) + .14, .76) .18 calc(h*sign(max(c - .02, 0)) + 250*(1 - sign(max(c - .02, 0))) + 184) );--series-4: oklch(from var(--accent) clamp(.45, l * sign(max(c - .02, 0)) + .58 * (1 - sign(max(c - .02, 0))), .76) .21 calc(h*sign(max(c - .02, 0)) + 250*(1 - sign(max(c - .02, 0))) + 292) )}:root[data-theme=dark]{--series-1: oklch(from var(--accent) calc(l*sign(max(c - .02, 0)) + .73*(1 - sign(max(c - .02, 0)))) calc(c*sign(max(c - .02, 0)) + .15*(1 - sign(max(c - .02, 0)))) calc(h*sign(max(c - .02, 0)) + 250*(1 - sign(max(c - .02, 0)))) );--series-2: oklch(from var(--accent) clamp(.485, l * sign(max(c - .02, 0)) + .73 * (1 - sign(max(c - .02, 0))) - .19, .665) .21 calc(h*sign(max(c - .02, 0)) + 250*(1 - sign(max(c - .02, 0))) + 66) );--series-3: oklch(from var(--accent) clamp(.485, l * sign(max(c - .02, 0)) + .73 * (1 - sign(max(c - .02, 0))) + .02, .665) .21 calc(h*sign(max(c - .02, 0)) + 250*(1 - sign(max(c - .02, 0))) + 175) );--series-4: oklch(from var(--accent) clamp(.485, l * sign(max(c - .02, 0)) + .73 * (1 - sign(max(c - .02, 0))) - .1, .665) .18 calc(h*sign(max(c - .02, 0)) + 250*(1 - sign(max(c - .02, 0))) + 270) )}}:is(*:focus,*:focus-visible,*:focus-within){outline:none!important}:root,:root[data-theme=light]{--action-background: var(--accent);--action-foreground: var(--accent-foreground);--accent: #00d639;--accent-strong: #008a28;--accent-subtle: #00d63918;--accent-foreground: #07130a;--control-on: #008a28;--control-fill: #008a28;--control-glyph: #fff;--control-thumb-on: #fff;--focus-ring: #008a28;--radius-control: 2px;--radius-panel: 3px;--radius-surface: 4px;--radius-pill: 2px;--font-body: "Segoe UI", Arial, sans-serif;--font-display: "Segoe UI", Arial, sans-serif;--background: #f1f1f2;--surface: #fafafa;--surface-raised: #ffffff;--surface-muted: #ebebed;--foreground: #1c1c1f;--text-secondary: #55555c;--text-muted: #74747c;--border: #dedee1;--border-subtle: #e7e7e9;--border-strong: #c4c4c9;--arc-gradient: linear-gradient(110deg, #00d639, #99edac);--arc-gradient-foreground: #07130a;--arc-gradient-soft: linear-gradient(135deg, #ececee, #f5f5f6);--arc-gradient-line: linear-gradient(110deg, #00d639, #a8d9b5);--arc-gradient-ink: linear-gradient(110deg, #007a23, #246337)}:root[data-theme=dark]{--background: #161618;--surface: #1d1d20;--surface-raised: #252528;--surface-muted: #2a2a2e;--foreground: #ececee;--text-secondary: #b3b3b8;--text-muted: #8d8d94;--border: #323236;--border-subtle: #29292c;--border-strong: #4b4b51;--action-background: var(--accent);--action-foreground: var(--accent-foreground);--accent: #00d639;--accent-strong: #64ed89;--accent-subtle: #00d63920;--accent-foreground: #07130a;--control-on: #00d639;--control-fill: #00d639;--control-glyph: #07130a;--control-thumb-on: #07130a;--focus-ring: #00d639;--arc-gradient: linear-gradient(110deg, #00d639, #75eba0);--arc-gradient-soft: linear-gradient(135deg, #1b1b1e, #161618);--arc-gradient-line: linear-gradient(110deg, #00d639, #245d35);--arc-gradient-ink: linear-gradient(110deg, #00d639, #a6f6bc)}:root :is(button,a,input,textarea,select,[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--focus-ring)!important;outline-offset:4px}:root{--logo-full: url(/protodocs-logo-full-light.png);--logo-mini: url(/protodocs-mini-light.png);--page-max: 76rem;--gutter: clamp(1rem, 4vw, 2.5rem);--rail: 15rem;--c4-app: #008a28;--c4-db: #1d5fb0;--c4-tp: #955800;--c4-on-fill: #ffffff;--c4-un-bg: #ffffff;--c4-un-ink: #000000;--c4-un-line: #2e2e2e;--c4-group-ink: #3c3c3c;--c4-group-line: #c9c9c5;--c4-edge: #8a8a86;--c4-added: #008a28;--c4-removed: #b3261e;--stream-cloud: #1d5fb0;--stream-traffic: #7a3fc8;--stream-code: #008a28}:root[data-theme=dark]{--logo-full: url(/protodocs-logo-full-dark.png);--logo-mini: url(/protodocs-mini-dark.png);--c4-tp: #8a5200;--c4-un-bg: #1d1d20;--c4-un-ink: #ffffff;--c4-un-line: #d6d6d6;--c4-group-ink: #c4c4c4;--c4-group-line: #323236;--c4-edge: #4b4b51;--c4-added: #00d639;--c4-removed: #ff8a80;--stream-cloud: #7fb4f0;--stream-traffic: #b996f2;--stream-code: #64ed89}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-body);letter-spacing:var(--tracking-body);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}::selection{background:color-mix(in oklab,var(--accent) 34%,transparent);color:var(--foreground)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}h1,h2,h3,p,ul,ol,dl,figure{margin:0}h1,h2,h3{font-family:var(--font-display);text-wrap:balance}p{text-wrap:pretty}a{color:inherit}img{display:block;max-width:100%}code,.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.92em}.skip{position:absolute;left:var(--space-4);top:-4rem;z-index:100;padding:var(--space-2) var(--space-3);background:var(--foreground);color:var(--background);border-radius:var(--radius-control);text-decoration:none}.skip:focus{top:var(--space-4)}.brand-name{white-space:nowrap}.brand-bracket{color:var(--accent-strong)}.logo{display:block;width:146px;height:32px;background:var(--logo-full) no-repeat left center / contain}.logo-link{display:block;line-height:0;border-radius:var(--radius-control)}.display{font-size:clamp(2.5rem,1.6rem + 3.6vw,4.5rem);font-weight:600;line-height:1.02;letter-spacing:-.035em}.display em{font-style:normal;color:var(--accent-strong)}.headline{font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem);font-weight:600;line-height:1.1;letter-spacing:var(--tracking-display)}.lede{font-size:clamp(1rem,.95rem + .3vw,1.1875rem);line-height:1.5;color:var(--text-secondary);max-width:38rem}.body-copy{font-size:var(--text-base);line-height:1.55;color:var(--text-secondary);max-width:34rem}.body-copy strong{color:var(--foreground);font-weight:600}.micro{font-size:var(--text-xs);font-weight:500;color:var(--text-muted)}.note{font-size:.8125rem;color:var(--text-muted)}.linkish{color:var(--foreground);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px;transition:text-decoration-color var(--duration-fast) var(--ease-standard)}.linkish:hover{text-decoration-color:var(--accent)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.action-link{text-decoration:none}.action-note{font-size:.8125rem;color:var(--text-muted)}.panel,.sheet{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-resting);min-width:0}.panel{padding:var(--space-6);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);align-content:start}.panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--space-3) var(--space-5)}.panel-title{display:grid;gap:var(--space-1);max-width:40rem}.panel-title h2,.panel-title h3{font-size:var(--text-xl);font-weight:500;letter-spacing:var(--tracking-display)}.panel-title p{color:var(--text-secondary)}.panel-block{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.panel-block+.panel-block{padding-top:var(--space-5);border-top:1px solid var(--border-subtle)}.panel-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);margin:calc(var(--space-6) * -1) calc(var(--space-6) * -1) 0;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle)}.kv-block{display:grid;grid-template-columns:minmax(10rem,max-content) minmax(0,1fr);gap:var(--space-3) var(--space-4);align-items:baseline;margin:0}.kv-block dt{font-size:var(--text-xs);font-weight:500;color:var(--text-muted)}.kv-block dd{margin:0;min-width:0;overflow-wrap:anywhere}.unknown-pill{display:inline-flex;align-items:center;gap:5px;min-height:22px;padding:0 8px;border:1px dashed var(--border-strong);border-radius:var(--radius-pill);font-size:11px;font-weight:500;color:var(--text-secondary)}.env-pills{display:flex;flex-wrap:wrap;gap:var(--space-1)}.bar-key{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:0;padding:0;list-style:none}.key-item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.8125rem;color:var(--text-secondary)}.swatch{width:18px;height:12px;border:1.5px solid;border-radius:3px;flex:none}.sw-app{background:var(--c4-app);border-color:var(--c4-app)}.sw-db{background:var(--c4-db);border-color:var(--c4-db)}.sw-tp{background:var(--c4-tp);border-color:var(--c4-tp)}.sw-un{background:var(--c4-un-bg);border-color:var(--c4-un-line);border-style:dashed}.sw-added{height:0;border-width:3px 0 0;border-radius:0;border-color:var(--c4-added)}.sw-removed{height:0;border-width:2px 0 0;border-style:dashed;border-radius:0;border-color:var(--c4-removed)}.diagram{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:var(--space-2);margin:0;min-width:0}.diagram-caption{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.scroll-hint{display:none;font-size:var(--text-xs);color:var(--text-muted)}.diagram-frame{position:relative;display:grid;align-content:center;border:1px solid var(--border);border-radius:var(--radius-panel);background-color:var(--surface-muted);background-image:radial-gradient(var(--border-strong) 1px,transparent 1.2px);background-size:18px 18px;overflow-x:auto;overscroll-behavior-x:contain}.diagram-frame svg{display:block;width:100%;min-width:46rem;height:auto}.c4-boundary rect{fill:none;stroke:var(--c4-group-line);stroke-width:1.25;stroke-dasharray:6 5}.c4-boundary text{fill:var(--c4-group-ink);font-size:13px;font-weight:600}.c4-edge path{fill:none;stroke:var(--c4-edge);stroke-width:1.25}.c4-edge[data-change=added] path{stroke:var(--c4-added);stroke-width:3}.c4-edge[data-change=removed] path{stroke:var(--c4-removed);stroke-width:2;stroke-dasharray:6 5}.c4-edge[data-dim=true]{opacity:.28}.c4-edge-label{pointer-events:none}.c4-edge text{fill:var(--text-secondary);font-size:13px;paint-order:stroke;stroke:var(--surface-muted);stroke-width:5px;stroke-linejoin:round}.c4-arrow{fill:var(--c4-edge)}.c4-node{cursor:pointer;outline:none}.c4-node .box{stroke-width:1.5;transition:stroke var(--duration-fast) var(--ease-standard),stroke-width var(--duration-fast) var(--ease-standard),filter var(--duration-fast) var(--ease-standard)}.c4-node[data-kind=app] .box{fill:var(--c4-app);stroke:var(--c4-app)}.c4-node[data-kind=db] .box,.c4-node[data-kind=person] .box{fill:var(--c4-db);stroke:var(--c4-db)}.c4-node .rim{fill:none;stroke:var(--c4-on-fill);stroke-opacity:.5;stroke-width:1.25}.c4-node[data-kind=third] .box{fill:var(--c4-tp);stroke:var(--c4-tp)}.c4-node[data-kind=unknown] .box{fill:var(--c4-un-bg);stroke:var(--c4-un-line);stroke-dasharray:5 4}.c4-node:hover .box,.c4-node:focus-visible .box{stroke:var(--foreground);stroke-dasharray:none}.c4-node[data-selected=true] .box{stroke:var(--foreground);stroke-dasharray:none;stroke-width:3;filter:drop-shadow(0 6px 14px oklch(0% 0 0 / .14))}.c4-node[data-dim=true]{opacity:.32}.c4-label{display:grid;align-content:center;gap:2px;height:100%;padding:8px 12px;text-align:center;color:var(--c4-on-fill);font-family:var(--font-body);line-height:1.25}.c4-label b{font-size:16px;font-weight:600;overflow-wrap:anywhere}.c4-label i,.c4-label span{opacity:.85}.c4-label i{font-style:normal;font-size:12px}.c4-label span{font-size:12.5px}.c4-node[data-kind=unknown] .c4-label{color:var(--c4-un-ink)}.stream-dot{width:9px;height:9px;border-radius:1px;background:currentColor}.stream-cloud{color:var(--stream-cloud)}.stream-traffic{color:var(--stream-traffic)}.stream-code{color:var(--stream-code)}.stream-chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:500;color:var(--text-secondary)}.stream-chip.stream-cloud,.stream-dot.stream-cloud{color:var(--stream-cloud)}.stream-chip.stream-traffic,.stream-dot.stream-traffic{color:var(--stream-traffic)}.stream-chip.stream-code,.stream-dot.stream-code{color:var(--stream-code)}.inspector{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);align-content:start;min-width:0;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface)}.insp-head{display:grid;gap:var(--space-1)}.insp-head h3{font-family:var(--font-body);font-weight:500;font-size:var(--text-lg);line-height:1.3;overflow-wrap:anywhere}.insp-section{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.insp-section h4{margin:0;font-size:.8125rem;font-weight:500}.route-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--radius-control)}.route-list li{padding:var(--space-2) var(--space-3);font-size:.78rem}.route-list li+li{border-top:1px solid var(--border-subtle)}.route-param{color:var(--accent-strong)}.suggestion{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid color-mix(in oklab,var(--accent) 45%,var(--border));border-radius:var(--radius-control);background:var(--accent-subtle)}.suggestion p{font-size:.8125rem}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface)}.data-table{width:100%;border-collapse:collapse;font-size:.8125rem}.data-table th{text-align:left;font-size:var(--text-xs);font-weight:500;color:var(--text-muted);background:var(--surface-muted);white-space:nowrap}.data-table th,.data-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);vertical-align:top}.data-table tr:last-child td{border-bottom:0}.data-table td.when{color:var(--text-muted);white-space:nowrap}.integrations{display:grid;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:var(--space-3)}.integration{display:grid;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:var(--space-1) var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface)}.integration img{grid-row:span 2;width:2.5rem;height:2.5rem;object-fit:contain;border-radius:var(--radius-control)}.integration b{font-weight:600}.integration span{font-size:var(--text-xs);color:var(--text-secondary)}.integration[data-available=false]{background:transparent;border-style:dashed}.integration[data-available=false] img{filter:grayscale(1);opacity:.7}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--space-4);align-items:stretch}.plan{display:grid;grid-template-rows:auto auto auto 1fr;gap:var(--space-4);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-resting)}.plan[data-highlight=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-raised)}.plan-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.plan h3{font-size:var(--text-lg);font-weight:600}.plan-desc{margin-top:var(--space-1);color:var(--text-secondary)}.plan-price{display:flex;align-items:baseline;gap:var(--space-1);min-height:2.75rem}.plan-price strong{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;letter-spacing:var(--tracking-display)}.plan-price span{color:var(--text-muted)}.plan .action-link>*{width:100%}.plan-features{list-style:none;padding:0;display:grid;gap:var(--space-2);align-content:start;color:var(--text-secondary)}.plan-features li{display:grid;grid-template-columns:1rem minmax(0,1fr);gap:var(--space-2)}.plan-features svg{margin-top:2px;color:var(--accent-strong)}.plans-state{padding:var(--space-6);border:1px dashed var(--border-strong);border-radius:var(--radius-panel);color:var(--text-secondary)}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in oklab,var(--background) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color var(--duration-standard) var(--ease-standard)}.topbar[data-scrolled=true]{border-bottom-color:var(--border)}.topbar-inner{display:flex;align-items:center;gap:var(--space-6);max-width:var(--page-max);margin:0 auto;padding:var(--space-3) var(--gutter);min-height:4rem}.topbar nav{display:flex;gap:var(--space-1);margin-right:auto}.topbar nav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.topbar nav a:hover{color:var(--foreground);background:var(--surface-muted)}@media(max-width:860px){.topbar nav{display:none}.topbar-inner{justify-content:space-between}.topbar .hide-narrow{display:none}}.page{max-width:var(--page-max);margin:0 auto;padding:0 var(--gutter)}.section{padding-block:clamp(4rem,3rem + 4vw,7rem)}.section+.section{border-top:1px solid var(--border-subtle)}.section-intro{display:grid;gap:var(--space-4);margin-bottom:clamp(2rem,1.5rem + 2vw,3rem);max-width:44rem}.closer{display:grid;gap:var(--space-6);justify-items:start;padding:clamp(2.5rem,2rem + 4vw,5rem);border-radius:var(--radius-surface);background:var(--surface-raised);color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border)}.closer .headline{max-width:22ch}.closer p{color:var(--text-secondary);max-width:36rem;font-size:var(--text-base)}.closer .brand-bracket{color:var(--accent)}.footer{border-top:1px solid var(--border);background:var(--surface)}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4) var(--space-8);max-width:var(--page-max);margin:0 auto;padding:var(--space-8) var(--gutter)}.footer nav{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5)}.footer nav a{color:var(--text-secondary);text-decoration:none}.footer nav a:hover{color:var(--foreground)}.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,1rem + 4vw,4.5rem);align-items:start}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:var(--space-4);align-items:stretch}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr)}}@media(max-width:900px){.split{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.panel{padding:var(--space-5) var(--space-4)}.panel-toolbar{margin:calc(var(--space-5) * -1) calc(var(--space-4) * -1) 0;padding-inline:var(--space-4)}.kv-block{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}.kv-block dd+dt{margin-top:var(--space-2)}}.match{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-4)}.match-side{display:grid;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-raised)}.match-side b{font-size:var(--text-lg);font-weight:500}.match-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-control);border:1px dashed var(--border-strong);color:var(--text-muted);font-size:var(--text-lg);transition:background-color var(--duration-standard) var(--ease-standard),border-color var(--duration-standard) var(--ease-standard),color var(--duration-standard) var(--ease-standard)}.match-mark[data-state=merged]{border-style:solid;border-color:var(--accent);background:var(--accent);color:var(--accent-foreground)}.match-mark[data-state=rejected]{border-style:solid;color:var(--danger)}@media(max-width:640px){.match{grid-template-columns:minmax(0,1fr);justify-items:stretch}.match-mark{justify-self:center}}:root[data-theme]{--font-body: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif}.toolbar-title{margin-right:auto;font-family:var(--font-body);font-size:var(--text-base);font-weight:500}.source-rows{display:grid;margin:0;padding:0;list-style:none}.source-row{display:grid;grid-template-columns:2rem minmax(0,1fr) minmax(0,auto);align-items:center;gap:var(--space-3) var(--space-4);padding-block:var(--space-3)}.source-row+.source-row{border-top:1px solid var(--border-subtle)}.source-row img{width:2rem;height:2rem;object-fit:contain;border-radius:var(--radius-control)}.source-name{display:grid;min-width:0}.source-name b{font-weight:600}.source-name span,.source-status{font-size:var(--text-xs);color:var(--text-secondary)}.source-status{display:inline-flex;align-items:center;gap:var(--space-2);justify-self:end;text-align:right}.status-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--success)}@media(max-width:760px){.scroll-hint{display:inline}.diagram-frame[data-more-end=true]{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}.diagram-frame[data-more-start=true]{-webkit-mask-image:linear-gradient(270deg,#000 85%,transparent);mask-image:linear-gradient(270deg,#000 85%,transparent)}.diagram-frame[data-more-start=true][data-more-end=true]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.source-row{grid-template-columns:2rem minmax(0,1fr)}.source-status{grid-column:2;justify-self:start;text-align:left}}._button_nbt02_3{position:relative;display:inline-flex;min-height:var(--control-height-md);align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-control);padding:0 var(--space-4);font:inherit;font-size:var(--text-sm);font-weight:500;line-height:var(--leading-body);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}._button_nbt02_3:disabled{cursor:not-allowed;opacity:.52}._button_nbt02_3[aria-busy=true]{cursor:progress}._button_nbt02_3:is([aria-haspopup]:not([aria-haspopup=false]),[data-state],[role=combobox]){transform:none!important}._labelSlot_nbt02_17{position:relative;display:inline-flex;min-width:0;align-items:center;justify-content:center;transition:opacity var(--duration-fast) var(--ease-standard)}._labelSlot_nbt02_17[data-morphing]{clip-path:inset(-50% calc(var(--space-3) * -1))}._labelContent_nbt02_21{display:inline-flex;flex:none;align-items:center}._labelPhase_nbt02_23{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap}._labelPhase_nbt02_23 svg{flex:none}._primary_nbt02_27{color:var(--action-foreground, var(--background));background:var(--action-background, var(--foreground));border-color:var(--action-background, var(--foreground))}._secondary_nbt02_29{color:var(--foreground);background:var(--surface);border-color:var(--border)}._ghost_nbt02_31{color:var(--text-secondary);background:transparent;border-color:transparent}._danger_nbt02_33{color:var(--danger);background:var(--surface);border-color:var(--border)}@media(hover:hover)and (pointer:fine){._primary_nbt02_27:hover:not(:disabled){opacity:.91;box-shadow:var(--shadow-resting)}._secondary_nbt02_29:hover:not(:disabled){background:var(--surface-muted);box-shadow:var(--shadow-resting)}._ghost_nbt02_31:hover:not(:disabled){color:var(--foreground);background:var(--surface-muted)}._danger_nbt02_33:hover:not(:disabled){border-color:var(--danger);background:var(--surface-muted)}}._primary_nbt02_27:active:not(:disabled){opacity:.84}._secondary_nbt02_29:active:not(:disabled),._ghost_nbt02_31:active:not(:disabled){color:var(--foreground);background:var(--surface-muted)}._danger_nbt02_33:active:not(:disabled){border-color:var(--danger);background:var(--surface-muted)}._sm_nbt02_55{min-height:var(--control-height-sm);padding-inline:var(--space-3);font-size:var(--text-sm)}._md_nbt02_57{min-height:var(--control-height-md)}._lg_nbt02_59{min-height:var(--control-height-lg);padding-inline:var(--space-5);font-size:var(--text-sm)}._loader_nbt02_61{position:absolute;left:50%;top:50%;display:grid;width:var(--space-4);height:var(--space-4);margin:calc(var(--space-4) / -2)}._spinner_nbt02_63{border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:_spin_nbt02_63 .7s linear infinite}._loadingLabel_nbt02_65{opacity:0}@keyframes _spin_nbt02_63{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){._button_nbt02_3{transition:none}._labelSlot_nbt02_17{transition:opacity var(--duration-instant) linear}._spinner_nbt02_63{animation-duration:.01ms;animation-iteration-count:1}}