@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--font-ui:var(--font-sans)}}@layer base,components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:56.25rem){.container{max-width:56.25rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:67.5rem){.container{max-width:67.5rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.-rotate-90{rotate:-90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.resize-none{resize:none}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.bg-ui-panel{background-color:var(--panel)}.font-ui{font-family:var(--font-sans)}.text-ui-text{color:var(--text)}.lowercase{text-transform:lowercase}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.overline{text-decoration-line:overline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#07070a;--color-background:#0d0d12;--color-surface:#131317;--color-elevated:#1a1a20;--color-surface-hover:#202028;--color-border-subtle:#202129;--color-border:#2b2c36;--color-border-strong:#3a3c48;--color-text:#f7f9ff;--color-text-secondary:#b2b5bf;--color-text-muted:#7c808b;--color-text-faint:#7c808b;--color-text-disabled:#555862;--color-text-on-brand:#fff;--color-text-inverse:#0d0d12;--color-link:#8ea9ff;--brand-logo-blue:#3174ff;--brand-logo-violet:#5b2df7;--brand-action-blue:#1b66ff;--brand-action-violet:#6a22ff;--brand-action-blue-active:#1556d8;--brand-action-violet-active:#571ace;--brand-soft:#1c1f2e;--color-primary:var(--brand-action-blue);--color-primary-start:var(--brand-action-blue);--color-primary-end:var(--brand-action-violet);--color-focus:#8ea9ff;--color-selection:#151a34;--color-selection-border:#3d5ddb;--chart-start:#5975ff;--chart-end:#4a1fb6;--chart-grid:#242631;--color-overlay:#020205b8;--color-shadow:#000;--status-disconnected:#8b8e99;--status-disconnected-soft:#1f1f24;--status-disconnected-border:#35353b;--status-connecting:#6f8cff;--status-connecting-soft:#1c1f2e;--status-connecting-border:#2d3558;--status-checking:#e4b657;--status-checking-soft:#28231d;--status-checking-border:#4e4129;--status-protected:#43e982;--status-protected-soft:#182822;--status-protected-border:#204f35;--status-recovering:#7b83ff;--status-recovering-soft:#1d1e2e;--status-recovering-border:#303258;--status-failed:#ff5b6e;--status-failed-soft:#2b1a20;--status-failed-border:#55272f;--status-unavailable:#818895;--status-unavailable-soft:#1e1f24;--status-unavailable-border:#32343a;--color-success:var(--status-protected);--color-warning:var(--status-checking);--color-danger:var(--status-failed);--color-info:var(--status-connecting);--status-info-text:var(--status-connecting);--status-success-text:var(--status-protected);--status-warning-text:var(--status-checking);--status-danger-text:var(--status-failed);--button-danger-text:var(--status-failed);--button-on-success:var(--color-text-inverse);--button-on-warning:var(--color-text-inverse);--button-on-danger:var(--color-text-inverse);--toast-background:var(--color-background);--field-background:var(--color-elevated);--field-background-hover:var(--color-surface-hover);--field-border:var(--color-border);--field-focus-border:var(--color-focus);--field-error-text:var(--status-failed);--field-error-border:var(--status-failed-border);--field-error-background:var(--status-failed-soft);--button-accent-text:var(--color-link);--button-accent-border:var(--color-selection-border);--button-accent-background:var(--brand-soft);--button-hover-filter:brightness(1.12);--control-hover-background:var(--color-surface-hover);--connection-track:var(--color-border-subtle);--gradient-logo:linear-gradient(135deg, var(--brand-logo-blue), var(--brand-logo-violet));--gradient-action:linear-gradient(100deg, var(--brand-action-blue), var(--brand-action-violet));--gradient-action-active:linear-gradient(100deg, var(--brand-action-blue-active), var(--brand-action-violet-active));--gradient-chart:linear-gradient(180deg, var(--chart-start), var(--chart-end));--gradient-route:var(--gradient-action);--font-sans:var(--font-geologica), Arial, sans-serif;--font-mono:var(--font-jetbrains-mono), "Courier New", monospace;--radius-xs:.5rem;--radius-sm:.625rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.375rem;--radius-2xl:1.75rem;--radius-pill:999px;--motion-fast:.14s;--motion-standard:.22s;--motion-ring:1.2s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--shadow-float:0 22px 70px #00000057;--shadow-control:0 8px 24px #00000038;--shadow-overlay:var(--shadow-float);--focus-ring:0 0 0 3px var(--color-focus)}@supports (color:color-mix(in lab, red, red)){:root{--focus-ring:0 0 0 3px color-mix(in srgb, var(--color-focus) 35%, transparent)}}:root{--z-dropdown:200;--z-popover:300;--z-sticky:400;--z-backdrop:500;--z-dialog:600;--z-drawer:700;--z-command:800;--z-toast:900;--scrollbar-thumb:var(--color-border-strong);--scrollbar-thumb-hover:var(--color-text-muted);--scrollbar-thumb-active:var(--color-text-secondary);--scrollbar-track:var(--color-canvas);--preview-dark-surface:#0d0d12;--preview-dark-elevated:#1a1a20;--preview-dark-border:#2b2c36;--preview-light-canvas:#f5f7fc;--preview-light-surface:#fff;--preview-light-elevated:#eef1f6;--preview-light-border:#d5dae5;--surface-canvas:var(--color-canvas);--surface-muted:var(--color-surface);--surface-raised:var(--color-background);--line-subtle:var(--color-border-subtle);--text-primary:var(--color-text);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-muted);--text-on-brand:var(--color-text-on-brand);--brand-solid:var(--brand-action-blue);--gradient-brand:var(--gradient-action);--shadow-lg:var(--shadow-float);--shadow-action:var(--shadow-control);--shadow-action-hover:var(--shadow-float);--ink:var(--color-canvas);--ink-soft:var(--color-background);--panel:var(--color-surface);--panel-raised:var(--color-elevated);--panel-hover:var(--color-surface-hover);--line:var(--color-border);--line-soft:var(--color-border-subtle);--control-line:var(--color-border-strong);--text:var(--color-text);--text-soft:var(--color-text-secondary);--muted:var(--color-text-muted);--faint:var(--color-text-faint);--blue:var(--brand-action-blue);--blue-text:var(--color-link);--blue-strong:var(--brand-action-blue-active);--indigo:var(--brand-action-blue);--violet:var(--brand-action-violet);--violet-text:var(--color-link);--green:var(--status-protected);--amber:var(--status-checking);--red:var(--status-failed);--on-success:var(--button-on-success);--on-warning:var(--button-on-warning);--on-danger:var(--button-on-danger);--connect-blue:var(--brand-logo-blue);--connect-indigo:var(--brand-action-blue);--connect-violet:var(--brand-logo-violet);--connect-green:var(--status-protected);--focus:var(--color-focus);--on-signal:var(--color-text-on-brand);--shadow-dialog:var(--shadow-float);--shadow-color:var(--color-shadow);--scroll-track:var(--scrollbar-track);--scroll-thumb:var(--scrollbar-thumb);--scroll-thumb-hover:var(--scrollbar-thumb-hover);--scroll-thumb-active:var(--scrollbar-thumb-active)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#f5f7fc;--color-background:#fff;--color-surface:#f8f9fc;--color-elevated:#eef1f6;--color-surface-hover:#e8ecf3;--color-border-subtle:#e6e9f0;--color-border:#d5dae5;--color-border-strong:#b9c1cf;--color-text:#0d0d12;--color-text-secondary:#4f5563;--color-text-muted:#68707f;--color-text-faint:#68707f;--color-text-disabled:#a0a7b4;--color-text-on-brand:#fff;--color-text-inverse:#f7f9ff;--color-link:#155bda;--brand-logo-blue:#115bda;--brand-logo-violet:#4a1cbb;--brand-action-blue:#155bda;--brand-action-violet:#4a1cbb;--brand-action-blue-active:#104fc3;--brand-action-violet-active:#3f159f;--brand-soft:#eef2ff;--color-primary:var(--brand-action-blue);--color-primary-start:var(--brand-action-blue);--color-primary-end:var(--brand-action-violet);--color-focus:#245fe5;--color-selection:#eef2ff;--color-selection-border:#afc0f3;--chart-start:#3155d6;--chart-end:#6a3cc5;--chart-grid:#e1e5ee;--color-overlay:#0d0d126b;--color-shadow:#1f2a44;--status-disconnected:#5f6673;--status-disconnected-soft:#f2f3f4;--status-disconnected-border:#dcdde0;--status-connecting:#3155d6;--status-connecting-soft:#eff1fc;--status-connecting-border:#d2daf6;--status-checking:#8a5a00;--status-checking-soft:#f6f2eb;--status-checking-border:#e5dbc7;--status-protected:#137a45;--status-protected-soft:#ecf4f0;--status-protected-border:#cbe2d6;--status-recovering:#4c46c8;--status-recovering-soft:#f1f0fb;--status-recovering-border:#d8d6f3;--status-failed:#c73549;--status-failed-soft:#fbeff0;--status-failed-border:#f3d3d7;--status-unavailable:#646c7a;--status-unavailable-soft:#f3f3f4;--status-unavailable-border:#dddfe2;--color-success:var(--status-protected);--color-warning:var(--status-checking);--color-danger:var(--status-failed);--color-info:var(--status-connecting);--status-info-text:var(--status-connecting);--status-success-text:var(--status-protected);--status-warning-text:var(--status-checking);--status-danger-text:var(--status-failed);--button-danger-text:var(--status-failed);--button-on-success:var(--color-text-on-brand);--button-on-warning:var(--color-text-on-brand);--button-on-danger:var(--color-text-on-brand);--toast-background:var(--color-background);--field-background:var(--color-elevated);--field-background-hover:var(--color-surface-hover);--field-border:var(--color-border);--field-focus-border:var(--color-focus);--field-error-text:var(--status-failed);--field-error-border:var(--status-failed-border);--field-error-background:var(--status-failed-soft);--button-accent-text:var(--color-link);--button-accent-border:var(--color-selection-border);--button-accent-background:var(--brand-soft);--button-hover-filter:brightness(.96);--control-hover-background:var(--color-surface-hover);--connection-track:var(--color-border-subtle);--gradient-logo:linear-gradient(135deg, var(--brand-logo-blue), var(--brand-logo-violet));--gradient-action:linear-gradient(100deg, var(--brand-action-blue), var(--brand-action-violet));--gradient-action-active:linear-gradient(100deg, var(--brand-action-blue-active), var(--brand-action-violet-active));--gradient-chart:linear-gradient(180deg, var(--chart-start), var(--chart-end));--gradient-route:var(--gradient-action);--shadow-float:0 22px 70px #1f2a4424;--shadow-control:0 8px 24px #1f2a4414;--shadow-overlay:var(--shadow-float);--focus-ring:0 0 0 3px var(--color-focus)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=light]{--focus-ring:0 0 0 3px color-mix(in srgb, var(--color-focus) 24%, transparent)}}:root[data-theme=light]{--scrollbar-thumb:var(--color-border-strong);--scrollbar-thumb-hover:var(--color-text-muted);--scrollbar-thumb-active:var(--color-text-secondary);--scrollbar-track:var(--color-canvas);--surface-canvas:var(--color-canvas);--surface-muted:var(--color-surface);--surface-raised:var(--color-background);--line-subtle:var(--color-border-subtle);--text-primary:var(--color-text);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-muted);--text-on-brand:var(--color-text-on-brand);--brand-solid:var(--brand-action-blue);--gradient-brand:var(--gradient-action);--shadow-lg:var(--shadow-float);--shadow-action:var(--shadow-control);--shadow-action-hover:var(--shadow-float);--ink:var(--color-canvas);--ink-soft:var(--color-background);--panel:var(--color-surface);--panel-raised:var(--color-elevated);--panel-hover:var(--color-surface-hover);--line:var(--color-border);--line-soft:var(--color-border-subtle);--control-line:var(--color-border-strong);--text:var(--color-text);--text-soft:var(--color-text-secondary);--muted:var(--color-text-muted);--faint:var(--color-text-faint);--blue:var(--brand-action-blue);--blue-text:var(--color-link);--blue-strong:var(--brand-action-blue-active);--indigo:var(--brand-action-blue);--violet:var(--brand-action-violet);--violet-text:var(--color-link);--green:var(--status-protected);--amber:var(--status-checking);--red:var(--status-failed);--on-success:var(--button-on-success);--on-warning:var(--button-on-warning);--on-danger:var(--button-on-danger);--connect-blue:var(--brand-logo-blue);--connect-indigo:var(--brand-action-blue);--connect-violet:var(--brand-logo-violet);--connect-green:var(--status-protected);--focus:var(--color-focus);--on-signal:var(--color-text-on-brand);--shadow-dialog:var(--shadow-float);--shadow-color:var(--color-shadow);--scroll-track:var(--scrollbar-track);--scroll-thumb:var(--scrollbar-thumb);--scroll-thumb-hover:var(--scrollbar-thumb-hover);--scroll-thumb-active:var(--scrollbar-thumb-active)}[data-section-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#07070a;--color-background:#0d0d12;--color-surface:#131317;--color-elevated:#1a1a20;--color-surface-hover:#202028;--color-border-subtle:#202129;--color-border:#2b2c36;--color-border-strong:#3a3c48;--color-text:#f7f9ff;--color-text-secondary:#b2b5bf;--color-text-muted:#7c808b;--color-text-faint:#7c808b;--color-text-disabled:#555862;--color-text-on-brand:#fff;--color-text-inverse:#0d0d12;--color-link:#8ea9ff;--brand-logo-blue:#3174ff;--brand-logo-violet:#5b2df7;--brand-action-blue:#1b66ff;--brand-action-violet:#6a22ff;--brand-action-blue-active:#1556d8;--brand-action-violet-active:#571ace;--brand-soft:#1c1f2e;--color-primary:var(--brand-action-blue);--color-primary-start:var(--brand-action-blue);--color-primary-end:var(--brand-action-violet);--color-focus:#8ea9ff;--color-selection:#151a34;--color-selection-border:#3d5ddb;--chart-start:#5975ff;--chart-end:#4a1fb6;--chart-grid:#242631;--color-overlay:#020205b8;--color-shadow:#000;--status-disconnected:#8b8e99;--status-disconnected-soft:#1f1f24;--status-disconnected-border:#35353b;--status-connecting:#6f8cff;--status-connecting-soft:#1c1f2e;--status-connecting-border:#2d3558;--status-checking:#e4b657;--status-checking-soft:#28231d;--status-checking-border:#4e4129;--status-protected:#43e982;--status-protected-soft:#182822;--status-protected-border:#204f35;--status-recovering:#7b83ff;--status-recovering-soft:#1d1e2e;--status-recovering-border:#303258;--status-failed:#ff5b6e;--status-failed-soft:#2b1a20;--status-failed-border:#55272f;--status-unavailable:#818895;--status-unavailable-soft:#1e1f24;--status-unavailable-border:#32343a;--color-success:var(--status-protected);--color-warning:var(--status-checking);--color-danger:var(--status-failed);--color-info:var(--status-connecting);--status-info-text:var(--status-connecting);--status-success-text:var(--status-protected);--status-warning-text:var(--status-checking);--status-danger-text:var(--status-failed);--button-danger-text:var(--status-failed);--button-on-success:var(--color-text-inverse);--button-on-warning:var(--color-text-inverse);--button-on-danger:var(--color-text-inverse);--toast-background:var(--color-background);--field-background:var(--color-elevated);--field-background-hover:var(--color-surface-hover);--field-border:var(--color-border);--field-focus-border:var(--color-focus);--field-error-text:var(--status-failed);--field-error-border:var(--status-failed-border);--field-error-background:var(--status-failed-soft);--button-accent-text:var(--color-link);--button-accent-border:var(--color-selection-border);--button-accent-background:var(--brand-soft);--button-hover-filter:brightness(1.12);--control-hover-background:var(--color-surface-hover);--connection-track:var(--color-border-subtle);--gradient-logo:linear-gradient(135deg, var(--brand-logo-blue), var(--brand-logo-violet));--gradient-action:linear-gradient(100deg, var(--brand-action-blue), var(--brand-action-violet));--gradient-action-active:linear-gradient(100deg, var(--brand-action-blue-active), var(--brand-action-violet-active));--gradient-chart:linear-gradient(180deg, var(--chart-start), var(--chart-end));--gradient-route:var(--gradient-action);--shadow-float:0 22px 70px #00000057;--shadow-control:0 8px 24px #00000038;--shadow-overlay:var(--shadow-float);--focus-ring:0 0 0 3px var(--color-focus)}@supports (color:color-mix(in lab, red, red)){[data-section-theme=dark]{--focus-ring:0 0 0 3px color-mix(in srgb, var(--color-focus) 35%, transparent)}}[data-section-theme=dark]{--scrollbar-thumb:var(--color-border-strong);--scrollbar-thumb-hover:var(--color-text-muted);--scrollbar-thumb-active:var(--color-text-secondary);--scrollbar-track:var(--color-canvas);--surface-canvas:var(--color-canvas);--surface-muted:var(--color-surface);--surface-raised:var(--color-background);--line-subtle:var(--color-border-subtle);--text-primary:var(--color-text);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-muted);--text-on-brand:var(--color-text-on-brand);--brand-solid:var(--brand-action-blue);--gradient-brand:var(--gradient-action);--shadow-lg:var(--shadow-float);--shadow-action:var(--shadow-control);--shadow-action-hover:var(--shadow-float);--ink:var(--color-canvas);--ink-soft:var(--color-background);--panel:var(--color-surface);--panel-raised:var(--color-elevated);--panel-hover:var(--color-surface-hover);--line:var(--color-border);--line-soft:var(--color-border-subtle);--control-line:var(--color-border-strong);--text:var(--color-text);--text-soft:var(--color-text-secondary);--muted:var(--color-text-muted);--faint:var(--color-text-faint);--blue:var(--brand-action-blue);--blue-text:var(--color-link);--blue-strong:var(--brand-action-blue-active);--indigo:var(--brand-action-blue);--violet:var(--brand-action-violet);--violet-text:var(--color-link);--green:var(--status-protected);--amber:var(--status-checking);--red:var(--status-failed);--on-success:var(--button-on-success);--on-warning:var(--button-on-warning);--on-danger:var(--button-on-danger);--connect-blue:var(--brand-logo-blue);--connect-indigo:var(--brand-action-blue);--connect-violet:var(--brand-logo-violet);--connect-green:var(--status-protected);--focus:var(--color-focus);--on-signal:var(--color-text-on-brand);--shadow-dialog:var(--shadow-float);--shadow-color:var(--color-shadow);--scroll-track:var(--scrollbar-track);--scroll-thumb:var(--scrollbar-thumb);--scroll-thumb-hover:var(--scrollbar-thumb-hover);--scroll-thumb-active:var(--scrollbar-thumb-active)}[data-section-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#f5f7fc;--color-background:#fff;--color-surface:#f8f9fc;--color-elevated:#eef1f6;--color-surface-hover:#e8ecf3;--color-border-subtle:#e6e9f0;--color-border:#d5dae5;--color-border-strong:#b9c1cf;--color-text:#0d0d12;--color-text-secondary:#4f5563;--color-text-muted:#68707f;--color-text-faint:#68707f;--color-text-disabled:#a0a7b4;--color-text-on-brand:#fff;--color-text-inverse:#f7f9ff;--color-link:#155bda;--brand-logo-blue:#115bda;--brand-logo-violet:#4a1cbb;--brand-action-blue:#155bda;--brand-action-violet:#4a1cbb;--brand-action-blue-active:#104fc3;--brand-action-violet-active:#3f159f;--brand-soft:#eef2ff;--color-primary:var(--brand-action-blue);--color-primary-start:var(--brand-action-blue);--color-primary-end:var(--brand-action-violet);--color-focus:#245fe5;--color-selection:#eef2ff;--color-selection-border:#afc0f3;--chart-start:#3155d6;--chart-end:#6a3cc5;--chart-grid:#e1e5ee;--color-overlay:#0d0d126b;--color-shadow:#1f2a44;--status-disconnected:#5f6673;--status-disconnected-soft:#f2f3f4;--status-disconnected-border:#dcdde0;--status-connecting:#3155d6;--status-connecting-soft:#eff1fc;--status-connecting-border:#d2daf6;--status-checking:#8a5a00;--status-checking-soft:#f6f2eb;--status-checking-border:#e5dbc7;--status-protected:#137a45;--status-protected-soft:#ecf4f0;--status-protected-border:#cbe2d6;--status-recovering:#4c46c8;--status-recovering-soft:#f1f0fb;--status-recovering-border:#d8d6f3;--status-failed:#c73549;--status-failed-soft:#fbeff0;--status-failed-border:#f3d3d7;--status-unavailable:#646c7a;--status-unavailable-soft:#f3f3f4;--status-unavailable-border:#dddfe2;--color-success:var(--status-protected);--color-warning:var(--status-checking);--color-danger:var(--status-failed);--color-info:var(--status-connecting);--status-info-text:var(--status-connecting);--status-success-text:var(--status-protected);--status-warning-text:var(--status-checking);--status-danger-text:var(--status-failed);--button-danger-text:var(--status-failed);--button-on-success:var(--color-text-on-brand);--button-on-warning:var(--color-text-on-brand);--button-on-danger:var(--color-text-on-brand);--toast-background:var(--color-background);--field-background:var(--color-elevated);--field-background-hover:var(--color-surface-hover);--field-border:var(--color-border);--field-focus-border:var(--color-focus);--field-error-text:var(--status-failed);--field-error-border:var(--status-failed-border);--field-error-background:var(--status-failed-soft);--button-accent-text:var(--color-link);--button-accent-border:var(--color-selection-border);--button-accent-background:var(--brand-soft);--button-hover-filter:brightness(.96);--control-hover-background:var(--color-surface-hover);--connection-track:var(--color-border-subtle);--gradient-logo:linear-gradient(135deg, var(--brand-logo-blue), var(--brand-logo-violet));--gradient-action:linear-gradient(100deg, var(--brand-action-blue), var(--brand-action-violet));--gradient-action-active:linear-gradient(100deg, var(--brand-action-blue-active), var(--brand-action-violet-active));--gradient-chart:linear-gradient(180deg, var(--chart-start), var(--chart-end));--gradient-route:var(--gradient-action);--shadow-float:0 22px 70px #1f2a4424;--shadow-control:0 8px 24px #1f2a4414;--shadow-overlay:var(--shadow-float);--focus-ring:0 0 0 3px var(--color-focus)}@supports (color:color-mix(in lab, red, red)){[data-section-theme=light]{--focus-ring:0 0 0 3px color-mix(in srgb, var(--color-focus) 24%, transparent)}}[data-section-theme=light]{--scrollbar-thumb:var(--color-border-strong);--scrollbar-thumb-hover:var(--color-text-muted);--scrollbar-thumb-active:var(--color-text-secondary);--scrollbar-track:var(--color-canvas);--surface-canvas:var(--color-canvas);--surface-muted:var(--color-surface);--surface-raised:var(--color-background);--line-subtle:var(--color-border-subtle);--text-primary:var(--color-text);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-muted);--text-on-brand:var(--color-text-on-brand);--brand-solid:var(--brand-action-blue);--gradient-brand:var(--gradient-action);--shadow-lg:var(--shadow-float);--shadow-action:var(--shadow-control);--shadow-action-hover:var(--shadow-float);--ink:var(--color-canvas);--ink-soft:var(--color-background);--panel:var(--color-surface);--panel-raised:var(--color-elevated);--panel-hover:var(--color-surface-hover);--line:var(--color-border);--line-soft:var(--color-border-subtle);--control-line:var(--color-border-strong);--text:var(--color-text);--text-soft:var(--color-text-secondary);--muted:var(--color-text-muted);--faint:var(--color-text-faint);--blue:var(--brand-action-blue);--blue-text:var(--color-link);--blue-strong:var(--brand-action-blue-active);--indigo:var(--brand-action-blue);--violet:var(--brand-action-violet);--violet-text:var(--color-link);--green:var(--status-protected);--amber:var(--status-checking);--red:var(--status-failed);--on-success:var(--button-on-success);--on-warning:var(--button-on-warning);--on-danger:var(--button-on-danger);--connect-blue:var(--brand-logo-blue);--connect-indigo:var(--brand-action-blue);--connect-violet:var(--brand-logo-violet);--connect-green:var(--status-protected);--focus:var(--color-focus);--on-signal:var(--color-text-on-brand);--shadow-dialog:var(--shadow-float);--shadow-color:var(--color-shadow);--scroll-track:var(--scrollbar-track);--scroll-thumb:var(--scrollbar-thumb);--scroll-thumb-hover:var(--scrollbar-thumb-hover);--scroll-thumb-active:var(--scrollbar-thumb-active)}:root{--font-sans:"Geologica", Arial, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--radius-control:var(--radius-sm);--radius-card:var(--radius-xl);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-xl:1.5rem;--line-height-tight:1.15;--line-height-normal:1.5;--line-height-relaxed:1.7}:root,[data-section-theme=dark]{--brand-dark-display:none;--brand-light-display:block}:root[data-theme=light],[data-section-theme=light]{--brand-dark-display:block;--brand-light-display:none}*{box-sizing:border-box;scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}::-webkit-scrollbar-thumb:active{background:var(--scroll-thumb-active)}html{background:var(--color-surface);scroll-behavior:smooth;scroll-padding-top:var(--shell-sticky-offset)}body{background:var(--color-surface);color:var(--text);font-family:var(--font-sans);margin:0;font-size:15px;line-height:1.5}button,input,select,textarea{color:inherit;font:inherit}button,select,label[for],input[type=checkbox],input[type=radio]{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}code,kbd,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}kbd{background:var(--panel-hover);border:1px solid var(--control-line);color:var(--muted);border-radius:5px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:10px;display:inline-flex}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}::selection{background:var(--blue)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in srgb, var(--blue) 35%, transparent)}}::selection{color:var(--text)}.srOnly{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;inset:0 auto auto 0;overflow:hidden}.appShell{min-height:100dvh}.sidebar{background:var(--ink-soft)}@supports (color:color-mix(in lab, red, red)){.sidebar{background:color-mix(in srgb, var(--ink-soft) 95%, transparent)}}.sidebar{border-right:1px solid var(--line-soft);height:100dvh;width:var(--sidebar-width);z-index:var(--z-navigation);flex-direction:column;padding:26px 16px 18px;display:flex;position:fixed;top:0;left:0}.brand{letter-spacing:-.04em;align-items:center;gap:8px;padding:0 10px;font-size:20px;font-weight:650;display:flex}.brand small{color:var(--faint);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin-left:auto;font-size:9px;font-weight:500}.brand__mark{object-fit:contain;vertical-align:middle;flex-shrink:0;width:32px;height:32px;display:inline-block}.sidebar__nav{flex-direction:column;gap:4px;margin-top:58px;display:flex}.sidebar__label{color:var(--faint);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0 12px 12px;font-size:9px}.sidebar__nav a{color:var(--muted);border:1px solid #0000;border-radius:10px;grid-template-columns:19px 1fr auto;align-items:center;gap:11px;min-height:43px;padding:0 11px;font-size:13px;transition:background-color .16s,color .16s,border-color .16s;display:grid;position:relative}.sidebar__nav a:hover{background:var(--panel);color:var(--text)}.sidebar__nav a.is-active{background:linear-gradient(90deg, var(--blue), var(--violet))}@supports (color:color-mix(in lab, red, red)){.sidebar__nav a.is-active{background:linear-gradient(90deg, color-mix(in srgb, var(--blue) 16%, transparent), color-mix(in srgb, var(--violet) 6%, transparent))}}.sidebar__nav a.is-active{border-color:var(--indigo)}@supports (color:color-mix(in lab, red, red)){.sidebar__nav a.is-active{border-color:color-mix(in srgb, var(--indigo) 24%, transparent)}}.sidebar__nav a.is-active{color:var(--text)}.sidebar__nav a.is-active:before{background:linear-gradient(var(--blue), var(--violet));content:"";border-radius:3px;width:3px;height:22px;position:absolute;left:-17px}.sidebar__nav a small{color:var(--faint);font-family:var(--font-mono);font-size:9px}.sidebar__footer{gap:12px;margin-top:auto;display:grid}.sidebar__footer .uiButton{justify-content:space-between;width:100%}.sidebarStatus{border-top:1px solid var(--line-soft);align-items:center;gap:10px;padding:18px 10px 2px;display:flex}.sidebarStatus>span:last-child{gap:1px;display:grid}.sidebarStatus strong{font-size:12px;font-weight:550}.sidebarStatus small{color:var(--faint);font-family:var(--font-mono);font-size:9px}.statusPulse{background:var(--green);box-shadow:0 0 0 5px var(--green), 0 0 14px var(--green);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.statusPulse{box-shadow:0 0 0 5px color-mix(in srgb, var(--green) 10%, transparent), 0 0 14px color-mix(in srgb, var(--green) 40%, transparent)}}.statusPulse{width:7px;height:7px}.statusPulse--warning{background:var(--amber);box-shadow:0 0 0 5px var(--amber)}@supports (color:color-mix(in lab, red, red)){.statusPulse--warning{box-shadow:0 0 0 5px color-mix(in srgb, var(--amber) 10%, transparent)}}.matrixMark{grid-template-columns:repeat(3,4px);gap:2px;display:grid}.matrixMark span{opacity:.28;background:currentColor;border-radius:50%;width:4px;height:4px}.matrixMark span:nth-child(2),.matrixMark span:nth-child(4),.matrixMark span:nth-child(5),.matrixMark span:nth-child(8){opacity:.9}.matrixMark--compact{grid-template-columns:repeat(3,3px);gap:2px}.matrixMark--compact span{width:3px;height:3px}.mainCanvas{margin-left:var(--sidebar-width);min-width:0}.utilityBar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--ink);align-items:center}@supports (color:color-mix(in lab, red, red)){.utilityBar{background:color-mix(in srgb, var(--ink) 82%, transparent)}}.utilityBar{border-bottom:1px solid var(--line-soft);height:64px;z-index:var(--z-sticky);justify-content:space-between;padding:0 32px;display:flex;position:sticky;top:0}.utilityBar__path{color:var(--faint);font-family:var(--font-mono);align-items:center;gap:8px;font-size:10px;display:flex}.utilityBar__path strong{color:var(--muted);font-weight:500}.utilityBar__actions{align-items:center;gap:10px;display:flex}.commandTrigger{background:var(--panel);border:1px solid var(--control-line);border-radius:var(--radius-sm);color:var(--muted);align-items:center;gap:8px;height:34px;padding:0 7px 0 10px;font-size:11px;display:flex}.commandTrigger:hover{background:var(--panel-hover);color:var(--text)}.commandTrigger kbd{min-width:19px;height:19px}.mobileCatalog{display:none}.catalogSection{max-width:1600px;margin:0 auto;padding:96px 48px 0}.hero{grid-template-columns:minmax(0,.92fr) minmax(420px,.72fr);align-items:center;gap:clamp(40px,6vw,96px);min-height:calc(100dvh - 64px);padding-top:56px;padding-bottom:72px;display:grid;position:relative}.hero:before{background-image:radial-gradient(circle, var(--line) 1px, transparent 1.2px)}@supports (color:color-mix(in lab, red, red)){.hero:before{background-image:radial-gradient(circle, color-mix(in srgb, var(--line) 60%, transparent) 1px, transparent 1.2px)}}.hero:before{content:"";opacity:.26;pointer-events:none;background-size:20px 20px;width:520px;height:400px;position:absolute;top:22%;left:8%;-webkit-mask-image:radial-gradient(circle,#000,#0000 68%);mask-image:radial-gradient(circle,#000,#0000 68%)}.hero__copy{z-index:1;flex-direction:column;align-items:flex-start;display:flex;position:relative}.hero__kicker{color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-top:24px;font-size:10px}.hero h1{letter-spacing:-.07em;margin-top:22px;font-size:clamp(54px,6.2vw,96px);font-weight:440;line-height:.89}.hero h1 span{color:var(--muted)}.hero__copy>p{color:var(--text-soft);max-width:720px;margin-top:30px;font-size:clamp(16px,1.4vw,20px);line-height:1.6}.hero__actions{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.hero__meta{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:32px;width:100%;max-width:560px;margin-top:54px;padding-top:20px;display:grid}.hero__meta span{gap:3px;display:grid}.hero__meta strong{font-family:var(--font-mono);font-size:20px;font-weight:500}.hero__meta small{color:var(--muted);font-size:11px}.connectionPanel{background:radial-gradient(circle at 75% 20%, var(--indigo), transparent 34%), var(--panel)}@supports (color:color-mix(in lab, red, red)){.connectionPanel{background:radial-gradient(circle at 75% 20%, color-mix(in srgb, var(--indigo) 13%, transparent), transparent 34%), var(--panel)}}.connectionPanel{border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--on-signal), 0 30px 90px var(--shadow-color);border-radius:26px}@supports (color:color-mix(in lab, red, red)){.connectionPanel{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--on-signal) 3.5%, transparent), 0 30px 90px color-mix(in srgb, var(--shadow-color) 24%, transparent)}}.connectionPanel{min-height:650px;padding:22px;position:relative;overflow:hidden}.connectionPanel:after{border:1px solid var(--violet)}@supports (color:color-mix(in lab, red, red)){.connectionPanel:after{border:1px solid color-mix(in srgb, var(--violet) 12%, transparent)}}.connectionPanel:after{content:"";border-radius:50%;width:210px;height:210px;position:absolute;top:-105px;right:-105px}.connectionPanel__top,.cardHeader{justify-content:space-between;align-items:center;display:flex}.eyebrow{color:var(--faint);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:9px}.routeField{max-width:410px;height:340px;margin:4px auto 10px;position:relative}.routeField__grid{background-image:radial-gradient(circle, var(--line) 1.35px, transparent 1.5px);opacity:.85;background-size:13px 13px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 18%,#0000 69%);mask-image:radial-gradient(circle,#000 18%,#0000 69%)}.routeOrbit{border:1px solid var(--line);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.routeOrbit--outer{width:292px;height:292px}.routeOrbit--inner{border-color:var(--indigo)}@supports (color:color-mix(in lab, red, red)){.routeOrbit--inner{border-color:color-mix(in srgb, var(--indigo) 28%, transparent)}}.routeOrbit--inner{width:222px;height:222px}.routeOrbit--inner:before{background:conic-gradient(from 210deg, var(--blue), var(--indigo), var(--violet), transparent 38%, transparent 88%, var(--blue));border-radius:inherit;content:"";-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.connectionPanel--connecting .routeOrbit--inner:before,.connectionPanel--recovering .routeOrbit--inner:before{animation:1.4s linear infinite routeSpin}.connectionPanel--off .routeOrbit--inner:before{opacity:.18}.connectionPanel--recovering .routeOrbit--inner:before{background:conic-gradient(var(--amber), transparent 32%)}.connectionCore{text-align:center;flex-direction:column;align-items:center;width:220px;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.connectionCore__eyebrow{color:var(--green);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;font-size:8px}.connectionPanel--off .connectionCore__eyebrow{color:var(--muted)}.connectionPanel--connecting .connectionCore__eyebrow{color:var(--blue-text)}.connectionPanel--recovering .connectionCore__eyebrow{color:var(--amber)}.connectionCore strong{letter-spacing:-.04em;margin-top:8px;font-size:28px;font-weight:500}.connectionCore small{color:var(--muted);margin-top:5px;font-size:11px}.connectionCore__timer{color:var(--text-soft);font-family:var(--font-mono);margin-top:16px;font-size:13px}.gatewayStrip{background:var(--panel-raised)}@supports (color:color-mix(in lab, red, red)){.gatewayStrip{background:color-mix(in srgb, var(--panel-raised) 88%, transparent)}}.gatewayStrip{border:1px solid var(--line);border-radius:var(--radius-md);grid-template-columns:1.4fr .8fr .9fr;gap:10px;margin-top:-2px;padding:15px 17px;display:grid;position:relative}.gatewayStrip>span{align-items:center;gap:10px;display:flex}.gatewayStrip>span>span:last-child,.gatewayStrip>span:not(:first-child){display:grid}.gatewayStrip small{color:var(--faint);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:8px}.gatewayStrip strong{font-size:12px;font-weight:520}.flag{background:var(--flag-background);color:#0000;border-radius:4px;justify-content:center;align-items:center;width:24px;min-width:24px;height:18px;font-size:0;display:inline-flex}.connectionAction{width:100%;margin-top:14px}.connectionRecovery{color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;margin:10px auto 0;padding:6px;font-size:11px;display:flex}.connectionRecovery:hover{color:var(--text)}@keyframes routeSpin{to{transform:rotate(360deg)}}.uiButton{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;min-width:0;font-size:12px;font-weight:560;transition:background-color .16s,border-color .16s,color .16s,transform .12s;display:inline-flex;position:relative}.uiButton:hover:not(:disabled){transform:translateY(-1px)}.uiButton:active:not(:disabled){transform:translateY(0)}.uiButton:disabled{opacity:.42}.uiButton--sm{height:34px;padding:0 12px}.uiButton--md{height:42px;padding:0 16px}.uiButton--lg{height:49px;padding:0 20px}.uiButton__content{justify-content:center;align-items:center;gap:8px;display:flex}.uiButton--solid.uiButton--brand{background:linear-gradient(110deg, var(--blue), var(--indigo) 52%, var(--violet));color:var(--on-signal)}.uiButton--solid.uiButton--neutral{background:var(--text);color:var(--ink)}.uiButton--solid.uiButton--success{background:var(--green);color:var(--on-success)}.uiButton--solid.uiButton--warning{background:var(--amber);color:var(--on-warning)}.uiButton--solid.uiButton--danger{background:var(--red);color:var(--on-danger)}.uiButton--outline{border-color:var(--control-line);color:var(--text-soft);background:0 0}.uiButton--outline:hover:not(:disabled){background:var(--panel-hover);border-color:currentColor}@supports (color:color-mix(in lab, red, red)){.uiButton--outline:hover:not(:disabled){border-color:color-mix(in srgb, currentColor 30%, var(--line))}}.uiButton--outline:hover:not(:disabled){color:var(--text)}.uiButton--outline.uiButton--brand{border-color:var(--blue-text);color:var(--blue)}@supports (color:color-mix(in lab, red, red)){.uiButton--outline.uiButton--brand{color:color-mix(in srgb, var(--blue) 70%, var(--text))}}.uiButton--outline.uiButton--warning{border-color:var(--amber);color:var(--amber)}.uiButton--outline.uiButton--danger{border-color:var(--red);color:var(--red)}.uiButton--ghost{color:var(--muted);background:0 0}.uiButton--ghost:hover:not(:disabled){background:var(--panel-hover);color:var(--text)}.uiButton--ghost.uiButton--brand{color:var(--blue)}@supports (color:color-mix(in lab, red, red)){.uiButton--ghost.uiButton--brand{color:color-mix(in srgb, var(--blue) 70%, var(--text))}}.iconButton{border-radius:var(--radius-sm);color:var(--muted);background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;transition:color .16s,background-color .16s,border-color .16s;display:inline-flex}.iconButton--md{width:36px;height:36px}.iconButton--sm{width:30px;height:30px}.iconButton:hover:not(:disabled),.iconButton.is-selected{background:var(--panel-hover);border-color:var(--control-line);color:var(--text)}.iconButton:disabled{opacity:.35}.spinner{border:2px solid var(--line);border-top-color:var(--blue);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spinner;display:inline-block}.spinner--small{border-color:var(--on-signal)}@supports (color:color-mix(in lab, red, red)){.spinner--small{border-color:color-mix(in srgb, var(--on-signal) 32%, transparent)}}.spinner--small{border-top-color:currentColor;width:14px;height:14px}@keyframes spinner{to{transform:rotate(360deg)}}.badge{background:var(--panel-hover);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;align-self:flex-start;align-items:center;gap:6px;height:25px;padding:0 9px;font-size:9px;display:inline-flex}.badge__dot{opacity:.85;background:currentColor;border-radius:50%;width:5px;height:5px}.badge--info{background:var(--blue)}@supports (color:color-mix(in lab, red, red)){.badge--info{background:color-mix(in srgb, var(--blue) 10%, transparent)}}.badge--info{border-color:var(--blue)}@supports (color:color-mix(in lab, red, red)){.badge--info{border-color:color-mix(in srgb, var(--blue) 25%, transparent)}}.badge--info{color:var(--blue)}@supports (color:color-mix(in lab, red, red)){.badge--info{color:color-mix(in srgb, var(--blue) 70%, var(--text))}}.badge--success{background:var(--green)}@supports (color:color-mix(in lab, red, red)){.badge--success{background:color-mix(in srgb, var(--green) 9%, transparent)}}.badge--success{border-color:var(--green)}@supports (color:color-mix(in lab, red, red)){.badge--success{border-color:color-mix(in srgb, var(--green) 23%, transparent)}}.badge--success{color:var(--green)}.badge--warning{background:var(--amber)}@supports (color:color-mix(in lab, red, red)){.badge--warning{background:color-mix(in srgb, var(--amber) 9%, transparent)}}.badge--warning{border-color:var(--amber)}@supports (color:color-mix(in lab, red, red)){.badge--warning{border-color:color-mix(in srgb, var(--amber) 24%, transparent)}}.badge--warning{color:var(--amber)}.badge--danger{background:var(--red)}@supports (color:color-mix(in lab, red, red)){.badge--danger{background:color-mix(in srgb, var(--red) 9%, transparent)}}.badge--danger{border-color:var(--red)}@supports (color:color-mix(in lab, red, red)){.badge--danger{border-color:color-mix(in srgb, var(--red) 22%, transparent)}}.badge--danger{color:var(--red)}.badge--violet{background:var(--violet)}@supports (color:color-mix(in lab, red, red)){.badge--violet{background:color-mix(in srgb, var(--violet) 11%, transparent)}}.badge--violet{border-color:var(--violet)}@supports (color:color-mix(in lab, red, red)){.badge--violet{border-color:color-mix(in srgb, var(--violet) 26%, transparent)}}.badge--violet{color:var(--violet)}@supports (color:color-mix(in lab, red, red)){.badge--violet{color:color-mix(in srgb, var(--violet) 64%, var(--text))}}.avatar{background:var(--blue);align-items:center}@supports (color:color-mix(in lab, red, red)){.avatar{background:color-mix(in srgb, var(--blue) 15%, transparent)}}.avatar{border:1px solid var(--blue)}@supports (color:color-mix(in lab, red, red)){.avatar{border:1px solid color-mix(in srgb, var(--blue) 30%, transparent)}}.avatar{color:var(--blue);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.avatar{color:color-mix(in srgb, var(--blue) 65%, var(--text))}}.avatar{font-family:var(--font-mono);flex:none;justify-content:center;font-weight:650;display:inline-flex}.avatar--sm{width:32px;height:32px;font-size:9px}.avatar--md{width:40px;height:40px;font-size:11px}.avatar--lg{width:52px;height:52px;font-size:14px}.avatar--violet{background:var(--violet)}@supports (color:color-mix(in lab, red, red)){.avatar--violet{background:color-mix(in srgb, var(--violet) 14%, transparent)}}.avatar--violet{border-color:var(--violet)}@supports (color:color-mix(in lab, red, red)){.avatar--violet{border-color:color-mix(in srgb, var(--violet) 30%, transparent)}}.avatar--violet{color:var(--violet)}@supports (color:color-mix(in lab, red, red)){.avatar--violet{color:color-mix(in srgb, var(--violet) 62%, var(--text))}}.avatar--green{background:var(--green)}@supports (color:color-mix(in lab, red, red)){.avatar--green{background:color-mix(in srgb, var(--green) 12%, transparent)}}.avatar--green{border-color:var(--green)}@supports (color:color-mix(in lab, red, red)){.avatar--green{border-color:color-mix(in srgb, var(--green) 28%, transparent)}}.avatar--green{color:var(--green)}.avatar--amber{background:var(--amber)}@supports (color:color-mix(in lab, red, red)){.avatar--amber{background:color-mix(in srgb, var(--amber) 12%, transparent)}}.avatar--amber{border-color:var(--amber)}@supports (color:color-mix(in lab, red, red)){.avatar--amber{border-color:color-mix(in srgb, var(--amber) 28%, transparent)}}.avatar--amber{color:var(--amber)}.sectionHeader{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);align-items:end;gap:48px;margin-bottom:46px;padding-top:24px;display:grid}.sectionHeader h2{letter-spacing:-.055em;max-width:780px;margin-top:12px;font-size:clamp(34px,4vw,60px);font-weight:440;line-height:1}.sectionHeader>p{color:var(--muted);max-width:540px;font-size:14px;line-height:1.75}.sectionLabel{grid-template-columns:auto 1fr;align-items:center;gap:18px;margin:34px 0 18px;display:grid}.sectionLabel span:first-child{color:var(--muted);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:9px}.sectionLabel span:last-child{background:var(--line-soft);height:1px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);min-width:0;padding:20px}.cardHeader{gap:16px;margin-bottom:20px}.cardHeader>div{gap:5px;display:grid}.cardHeader h3{letter-spacing:-.025em;font-size:18px;font-weight:520}.cardHeader>code,.cardHeader>kbd,.cardHeader>span:not(.badge):not(.spinner){color:var(--faint);font-size:9px}.colorGrid{grid-template-columns:repeat(9,minmax(105px,1fr));gap:8px;display:grid}.colorToken{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:1fr auto;display:grid;overflow:hidden}.colorToken>span{grid-column:1/-1;height:72px}.colorToken strong,.colorToken code,.colorToken small{padding-left:10px;padding-right:10px}.colorToken strong{margin-top:9px;font-size:10px}.colorToken code{color:var(--muted);text-align:right;margin-top:9px;font-size:8px}.colorToken small{color:var(--faint);grid-column:1/-1;padding-bottom:9px;font-size:8px}.foundationGrid{grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px;display:grid}.typeSample{border-bottom:1px solid var(--line-soft);border-top:1px solid var(--line-soft);letter-spacing:-.06em;padding:30px 0;font-size:clamp(36px,4vw,62px);font-weight:420;line-height:.98}.typeSample span{color:var(--muted)}.typeScale{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px;display:grid}.typeScale span{gap:8px;display:grid}.typeScale small,.spaceRows small{color:var(--faint);font-family:var(--font-mono);font-size:8px}.typeScale strong{font-size:21px;font-weight:500}.spaceRows{gap:12px;margin-top:26px;display:grid}.spaceRows span{font-family:var(--font-mono);grid-template-columns:34px 20px 1fr;align-items:center;gap:12px;font-size:10px;display:grid}.spaceRows i{background:linear-gradient(90deg, var(--blue), var(--violet));justify-self:end;height:5px}.radiusRows{border-top:1px solid var(--line-soft);grid-template-columns:repeat(4,1fr);gap:10px;margin-top:26px;padding-top:18px;display:grid}.radiusRows span{background:var(--panel-raised);border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);justify-content:center;align-items:center;height:48px;font-size:9px;display:flex}.radiusSm{border-radius:8px}.radiusMd{border-radius:14px}.radiusLg{border-radius:20px}.radiusPill{border-radius:999px}.identityStrip{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);grid-template-columns:220px 220px 1fr;align-items:stretch;display:grid;overflow:hidden}.logoLockup{border-right:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:22px;display:grid}.logoLockup strong{letter-spacing:-.035em;font-size:18px}.logoLockup small{color:var(--faint);font-family:var(--font-mono);text-transform:uppercase;grid-column:1/-1;font-size:8px}.iconRun{grid-template-columns:repeat(9,minmax(50px,1fr));display:grid}.iconRun>span{border-right:1px solid var(--line-soft);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:94px;display:flex}.iconRun>span:last-child{border:0}.iconRun small{color:var(--faint);font-family:var(--font-mono);font-size:7px}.componentGrid{gap:12px;display:grid}.componentGrid--buttons{grid-template-columns:minmax(0,1.42fr) minmax(320px,.58fr)}.buttonMatrix{grid-template-columns:60px 1fr;gap:13px;display:grid}.componentRowLabel{color:var(--faint);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-self:center;font-size:8px}.buttonMatrix>div{flex-wrap:wrap;gap:8px;display:flex}.iconButtonRow{align-items:center}.switchStack{border-bottom:1px solid var(--line-soft)}.switchRow{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:18px;padding:15px 0;display:flex}.switchRow__copy{gap:2px;display:grid}.switchRow__label{font-size:12px;font-weight:520}.switchRow__description{color:var(--muted);font-size:10px}.switch{background:var(--control-line);border:1px solid var(--control-line);border-radius:var(--radius-pill);width:44px;height:25px;padding:2px;transition:background-color .18s;position:relative}.switch[aria-checked=true]{background:linear-gradient(90deg, var(--blue), var(--violet));border-color:#0000}.switch__thumb{background:var(--on-signal);border-radius:50%;width:19px;height:19px;transition:transform .18s;display:block;transform:translate(0)}.switch[aria-checked=true] .switch__thumb{transform:translate(19px)}.badgeRun{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.checkRows{gap:10px;margin-top:18px;display:grid}.checkRows label{color:var(--text-soft);align-items:center;gap:9px;font-size:11px;display:flex}input[type=checkbox],input[type=radio]{accent-color:var(--blue);width:18px;height:18px}input[type=checkbox]:not(:checked){box-shadow:0 0 0 1px var(--control-line);border-radius:3px}input[type=radio]:not(:checked){box-shadow:0 0 0 1px var(--control-line);border-radius:50%}.checkboxTarget{justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.formShowcase{margin-top:0;padding:0}.tabs{border-bottom:1px solid var(--line);gap:4px;padding:0 20px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;height:48px;padding:0 14px;font-size:11px;position:relative}.tabs button:hover,.tabs button[aria-selected=true]{color:var(--text)}.tabs button[aria-selected=true]:after{background:linear-gradient(90deg, var(--blue), var(--violet));content:"";height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.formShowcase__body{grid-template-columns:.36fr 1fr;display:grid}.formShowcase__intro{border-right:1px solid var(--line);padding:30px}.formShowcase__intro h3{letter-spacing:-.04em;margin-top:18px;font-size:24px;font-weight:500}.formShowcase__intro p{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.7}.demoForm{padding:28px 30px 22px}.formGrid{grid-template-columns:1fr 1fr;gap:4px 14px;display:grid}.field{gap:7px;display:grid}.field__label{justify-content:space-between;align-items:center;font-size:10px;font-weight:560;display:flex}.field__optional{color:var(--faint);font-family:var(--font-mono);font-size:8px;font-weight:400}.fieldControl{background:var(--ink-soft);border:1px solid var(--control-line);border-radius:var(--radius-sm);color:var(--muted);align-items:center;gap:9px;min-height:44px;padding:0 12px;transition:border-color .16s,box-shadow .16s;display:flex}.fieldControl:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue)}@supports (color:color-mix(in lab, red, red)){.fieldControl:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--blue) 12%, transparent)}}.fieldControl:focus-within{color:var(--text-soft)}.fieldControl--error{border-color:var(--red)}.fieldControl input,.fieldControl select,.fieldControl textarea{color:var(--text);background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0}.fieldControl>input{min-height:42px}.fieldControl input::placeholder,.searchField input::placeholder,.fieldControl textarea::placeholder{color:var(--faint)}.fieldControl__action{color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.fieldControl__action:hover{color:var(--text)}.field__message{color:var(--faint);min-height:11px;font-size:9px;line-height:1.2;display:block}.field__message--error{color:var(--red)}.fieldControl--select{position:relative}.fieldControl--select select{appearance:none;cursor:pointer;height:42px}.fieldControl--select svg{pointer-events:none;transform:rotate(90deg)}.fieldControl--textarea{align-items:flex-start;padding-top:10px;padding-bottom:10px}.fieldControl textarea{resize:none;min-height:78px;line-height:1.55}.formActions{border-top:1px solid var(--line-soft);justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;padding-top:18px;display:flex}.searchField{background:var(--ink-soft);border:1px solid var(--control-line);border-radius:var(--radius-sm);color:var(--muted);align-items:center;gap:8px;min-height:40px;padding:0 9px 0 11px;display:flex;position:relative}.searchField:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue)}@supports (color:color-mix(in lab, red, red)){.searchField:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--blue) 12%, transparent)}}.searchField input{color:var(--text);background:0 0;border:0;outline:0;width:100%;min-width:100px;min-height:38px;padding:0;font-size:11px}.searchField input::-webkit-search-cancel-button{display:none}.searchField__clear{color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.searchField__clear:hover{color:var(--text)}.searchField__result{color:var(--faint);font-family:var(--font-mono);white-space:nowrap;font-size:8px}.componentGrid--small{grid-template-columns:repeat(3,1fr);margin-top:12px}.chipRun{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.filterChip{background:var(--blue);align-items:center}@supports (color:color-mix(in lab, red, red)){.filterChip{background:color-mix(in srgb, var(--blue) 10%, transparent)}}.filterChip{border:1px solid var(--blue)}@supports (color:color-mix(in lab, red, red)){.filterChip{border:1px solid color-mix(in srgb, var(--blue) 22%, transparent)}}.filterChip{border-radius:var(--radius-pill);color:var(--blue)}@supports (color:color-mix(in lab, red, red)){.filterChip{color:color-mix(in srgb, var(--blue) 60%, var(--text))}}.filterChip{gap:4px;min-height:28px;padding:0 3px 0 9px;font-size:9px;display:inline-flex}.filterChip button{color:inherit;background:0 0;border:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.clearFilters{color:var(--muted);background:0 0;border:0;padding:0 5px;font-size:9px}.progressRows{gap:22px;display:grid}.progressRows label,.progressRows label>span:first-child{gap:4px;display:grid}.progressRows strong{font-size:11px}.progressRows small{color:var(--muted);font-size:9px}progress{accent-color:var(--blue);background:var(--line-soft);border-radius:var(--radius-pill);border:0;width:100%;height:6px;margin-top:8px;overflow:hidden}progress::-webkit-progress-bar{background:var(--line-soft)}progress::-webkit-progress-value{background:linear-gradient(90deg, var(--blue), var(--violet))}.stepProgress{grid-template-columns:repeat(12,1fr);gap:4px;margin-top:8px;display:grid}.stepProgress i{background:var(--line);border-radius:2px;height:5px}.stepProgress i.is-complete{background:linear-gradient(90deg, var(--blue), var(--violet))}.dropZone{border:1px dashed var(--control-line);text-align:center;border-radius:12px;flex-direction:column;align-items:center;min-height:176px;padding:20px;transition:background-color .16s,border-color .16s;display:flex}.dropZone:hover,.dropZone:focus-within{background:var(--blue)}@supports (color:color-mix(in lab, red, red)){.dropZone:hover,.dropZone:focus-within{background:color-mix(in srgb, var(--blue) 4%, transparent)}}.dropZone:hover,.dropZone:focus-within{border-color:var(--blue)}.dropZone input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute}.dropZone>span:first-of-type{background:var(--blue);align-items:center}@supports (color:color-mix(in lab, red, red)){.dropZone>span:first-of-type{background:color-mix(in srgb, var(--blue) 10%, transparent)}}.dropZone>span:first-of-type{border:1px solid var(--blue)}@supports (color:color-mix(in lab, red, red)){.dropZone>span:first-of-type{border:1px solid color-mix(in srgb, var(--blue) 20%, transparent)}}.dropZone>span:first-of-type{color:var(--blue-text);border-radius:10px;justify-content:center;width:42px;height:42px;margin-bottom:10px;display:flex}.dropZone strong{font-size:11px}.dropZone small{color:var(--muted);margin-top:3px;font-size:9px}.dropZone__button{color:var(--blue-text);margin-top:12px;font-size:10px}.metricGrid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.metricCard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);padding:18px;position:relative;overflow:hidden}.metricCard:after{background:var(--blue);content:"";opacity:.8;width:42%;height:2px;position:absolute;bottom:0;left:0}.metricCard--violet:after{background:var(--violet);width:68%}.metricCard--green:after{background:var(--green);width:84%}.metricCard--amber:after{background:var(--amber);width:56%}.metricCard__header{color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.metricCard__icon{background:var(--panel-hover);border:1px solid var(--line);color:var(--text-soft);border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.metricCard>strong{font-family:var(--font-mono);letter-spacing:-.04em;margin-top:15px;font-size:clamp(24px,2.2vw,34px);font-weight:500;display:block}.metricCard__change{color:var(--faint);margin-top:4px;font-size:9px;display:block}.tableCard{margin-top:12px;padding:0;overflow:hidden}.tableToolbar{justify-content:space-between;align-items:center;gap:24px;padding:20px;display:flex}.tableToolbar>div:first-child{gap:3px;display:grid}.tableToolbar h3{font-size:19px;font-weight:520}.tableToolbar small{color:var(--faint);font-size:9px}.tableToolbar__controls{align-items:center;gap:8px;display:flex}.tableToolbar__controls .searchField{min-width:230px}.tableToolbar__controls>select,.trafficCard select{appearance:none;background:var(--ink-soft);border:1px solid var(--control-line);border-radius:var(--radius-sm);color:var(--text-soft);height:40px;padding:0 28px 0 12px;font-size:10px}.bulkBar{background:var(--blue);align-items:center}@supports (color:color-mix(in lab, red, red)){.bulkBar{background:color-mix(in srgb, var(--blue) 8%, transparent)}}.bulkBar{border-bottom:1px solid var(--blue)}@supports (color:color-mix(in lab, red, red)){.bulkBar{border-bottom:1px solid color-mix(in srgb, var(--blue) 18%, transparent)}}.bulkBar{border-top:1px solid var(--blue)}@supports (color:color-mix(in lab, red, red)){.bulkBar{border-top:1px solid color-mix(in srgb, var(--blue) 18%, transparent)}}.bulkBar{justify-content:space-between;min-height:48px;padding:6px 18px;display:flex}.bulkBar strong{color:var(--blue)}@supports (color:color-mix(in lab, red, red)){.bulkBar strong{color:color-mix(in srgb, var(--blue) 60%, var(--text))}}.bulkBar strong{font-size:10px}.bulkBar>span{gap:6px;display:flex}.tableScroller{border-bottom:1px solid var(--line-soft);border-top:1px solid var(--line-soft);scrollbar-gutter:stable;overflow-x:auto}.dataTable{border-collapse:collapse;width:100%;min-width:900px}.dataTable th,.dataTable td{border-bottom:1px solid var(--line-soft);padding:var(--row-padding,13px) 14px;text-align:left;vertical-align:middle;white-space:nowrap}.dataTable[data-density=compact]{--row-padding:7px;font-size:11px}.dataTable thead{background:var(--panel-raised);z-index:10;position:sticky;top:0}.dataTable th{color:var(--faint);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;font-size:8px;font-weight:500}.dataTable td{color:var(--text-soft);font-size:10px}.dataTable tbody tr{transition:background-color .14s}.dataTable tbody tr:hover,.dataTable tbody tr.is-selected{background:var(--blue)}@supports (color:color-mix(in lab, red, red)){.dataTable tbody tr:hover,.dataTable tbody tr.is-selected{background:color-mix(in srgb, var(--blue) 5.5%, transparent)}}.dataTable tbody tr:last-child td{border-bottom:0}.dataTable .dataTable__check{text-align:center;width:44px}.sortButton{color:inherit;font:inherit;min-height:32px;text-transform:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex}.sortButton:hover{color:var(--text)}.deviceName{align-items:center;gap:9px;display:flex}.deviceName>span:first-child{background:var(--panel-hover);border:1px solid var(--line);border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.deviceName>span:last-child{gap:1px;display:grid}.deviceName strong{color:var(--text);font-size:10px;font-weight:520}.deviceName small{color:var(--faint);font-family:var(--font-mono);font-size:8px}.tableFooter{justify-content:space-between;align-items:center;min-height:60px;padding:10px 18px;display:flex}.tableFooter>span{color:var(--faint);font-family:var(--font-mono);font-size:8px}.pagination,.pagination__pages{align-items:center;gap:4px;display:flex}.pagination__pages button{color:var(--muted);font-family:var(--font-mono);background:0 0;border:1px solid #0000;border-radius:7px;min-width:30px;height:30px;font-size:9px}.pagination__pages button:hover{background:var(--panel-hover);color:var(--text)}.pagination__pages button.is-current{background:var(--blue)}@supports (color:color-mix(in lab, red, red)){.pagination__pages button.is-current{background:color-mix(in srgb, var(--blue) 12%, transparent)}}.pagination__pages button.is-current{border-color:var(--blue)}@supports (color:color-mix(in lab, red, red)){.pagination__pages button.is-current{border-color:color-mix(in srgb, var(--blue) 25%, transparent)}}.pagination__pages button.is-current{color:var(--blue)}@supports (color:color-mix(in lab, red, red)){.pagination__pages button.is-current{color:color-mix(in srgb, var(--blue) 60%, var(--text))}}.componentGrid--analytics{grid-template-columns:1.55fr .65fr;margin-top:12px}.trafficSummary{align-items:end;gap:32px;display:flex}.trafficSummary>span{gap:3px;display:grid}.trafficSummary small{color:var(--muted);font-size:9px}.trafficSummary strong{font-size:20px;font-weight:500}.trafficSummary .badge{margin-left:auto}.lineChart{height:270px;margin-top:20px;position:relative}.lineChart__grid{background-image:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);background-size:100% 25%,14.28% 100%;position:absolute;inset:0 0 24px}.lineChart svg{width:100%;height:calc(100% - 24px);position:absolute;bottom:24px;left:0}.lineChart__axis{color:var(--faint);font-family:var(--font-mono);justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.donutRow{justify-content:center;align-items:center;gap:26px;padding:14px 0 24px;display:flex}.donut{background:conic-gradient(var(--blue) var(--donut-value), var(--line-soft) 0);border-radius:50%;justify-content:center;align-items:center;width:118px;height:118px;display:flex;position:relative}.donut:before{background:var(--panel);content:"";border-radius:50%;position:absolute;inset:12px}.donut>span{flex-direction:column;align-items:center;display:flex;position:relative}.donut strong{font-family:var(--font-mono);font-size:20px;font-weight:500}.donut small{color:var(--faint);font-size:8px}.donutRow>div{gap:9px;display:grid}.donutRow>div>span{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:7px;font-size:9px;display:grid}.donutRow>div strong{color:var(--text);font-family:var(--font-mono);font-size:9px}.legendDot{background:var(--blue);border-radius:50%;width:6px;height:6px}.legendDot--violet{background:var(--violet)}.legendDot--amber{background:var(--amber)}.gatewayList{border-top:1px solid var(--line-soft)}.gatewayList li{border-bottom:1px solid var(--line-soft);grid-template-columns:1fr 100px auto;align-items:center;gap:12px;padding:13px 0;display:grid}.gatewayList li:last-child{border:0}.gatewayList li>span:first-child{align-items:center;gap:8px;font-size:10px;display:flex}.gatewayList li>strong{font-size:9px;font-weight:500}.miniBars{align-items:end;gap:2px;height:28px;display:flex}.miniBars>span{background:var(--blue);opacity:.65;border-radius:2px 2px 0 0;flex:1;min-width:3px}.miniBars--violet>span{background:var(--violet)}.miniBars--green>span{background:var(--green)}.alertStack{grid-template-columns:1fr 1fr;gap:8px;display:grid}.inlineAlert{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:auto 1fr;align-items:flex-start;gap:12px;padding:14px;display:grid}.inlineAlert__icon{background:var(--blue);align-items:center}@supports (color:color-mix(in lab, red, red)){.inlineAlert__icon{background:color-mix(in srgb, var(--blue) 10%, transparent)}}.inlineAlert__icon{color:var(--blue-text);border-radius:7px;justify-content:center;width:32px;height:32px;display:flex}.inlineAlert>span:last-child{gap:2px;display:grid}.inlineAlert strong{font-size:11px}.inlineAlert>span>span{color:var(--muted);font-size:10px}.inlineAlert--success{border-color:var(--green)}@supports (color:color-mix(in lab, red, red)){.inlineAlert--success{border-color:color-mix(in srgb, var(--green) 22%, transparent)}}.inlineAlert--success .inlineAlert__icon{background:var(--green)}@supports (color:color-mix(in lab, red, red)){.inlineAlert--success .inlineAlert__icon{background:color-mix(in srgb, var(--green) 9%, transparent)}}.inlineAlert--success .inlineAlert__icon{color:var(--green)}.inlineAlert--warning{border-color:var(--amber)}@supports (color:color-mix(in lab, red, red)){.inlineAlert--warning{border-color:color-mix(in srgb, var(--amber) 24%, transparent)}}.inlineAlert--warning .inlineAlert__icon{background:var(--amber)}@supports (color:color-mix(in lab, red, red)){.inlineAlert--warning .inlineAlert__icon{background:color-mix(in srgb, var(--amber) 9%, transparent)}}.inlineAlert--warning .inlineAlert__icon{color:var(--amber)}.inlineAlert--danger{border-color:var(--red)}@supports (color:color-mix(in lab, red, red)){.inlineAlert--danger{border-color:color-mix(in srgb, var(--red) 22%, transparent)}}.inlineAlert--danger .inlineAlert__icon{background:var(--red)}@supports (color:color-mix(in lab, red, red)){.inlineAlert--danger .inlineAlert__icon{background:color-mix(in srgb, var(--red) 9%, transparent)}}.inlineAlert--danger .inlineAlert__icon{color:var(--red)}.stateGrid{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px;display:grid}.stateCard{flex-direction:column;align-items:flex-start;min-height:230px;display:flex;position:relative;overflow:hidden}.stateOrb{border:1px solid var(--line);color:var(--blue-text);border-radius:50%;justify-content:center;align-self:center;align-items:center;width:82px;height:82px;margin:4px 0 20px;display:flex;position:relative}.stateOrb:before{content:"";opacity:.6;background-image:radial-gradient(circle,currentColor 1px,#0000 1.3px);background-size:7px 7px;border-radius:50%;position:absolute;inset:-18px;-webkit-mask-image:radial-gradient(circle,#0000 36%,#000 38%,#0000 72%);mask-image:radial-gradient(circle,#0000 36%,#000 38%,#0000 72%)}.stateCard--off .stateOrb{color:var(--muted)}.stateCard--recovering .stateOrb{color:var(--amber)}.stateCard--failed .stateOrb{color:var(--red)}.stateCard>strong{margin-top:12px;font-size:15px;font-weight:520}.stateCard>small{color:var(--muted);margin-top:2px;font-size:9px}.stateCard>.uiButton{width:100%;margin-top:auto}.componentGrid--states{grid-template-columns:repeat(3,1fr);margin-top:12px}.emptyState,.loadingPanel,.errorPanel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:20px;display:flex}.emptyState__icon,.errorPanel>span:first-child{background:var(--panel-hover);border:1px solid var(--line);color:var(--muted);border-radius:11px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;display:flex}.emptyState h3,.loadingPanel>strong,.errorPanel>strong{font-size:14px;font-weight:520}.emptyState p,.errorPanel p{color:var(--muted);max-width:270px;margin:6px 0 15px;font-size:10px;line-height:1.55}.loaderRing{border:1px solid var(--line);color:var(--blue-text);border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:16px;display:flex;position:relative}.loaderRing:before{border:2px solid #0000;border-left-color:var(--blue);content:"";border-radius:50%;animation:1.2s linear infinite spinner;position:absolute;inset:-2px}.loadingPanel small{color:var(--muted);margin:4px 0 14px;font-size:9px}.errorPanel>span:first-child{background:var(--red)}@supports (color:color-mix(in lab, red, red)){.errorPanel>span:first-child{background:color-mix(in srgb, var(--red) 8%, transparent)}}.errorPanel>span:first-child{border-color:var(--red)}@supports (color:color-mix(in lab, red, red)){.errorPanel>span:first-child{border-color:color-mix(in srgb, var(--red) 22%, transparent)}}.errorPanel>span:first-child{color:var(--red)}.errorPanel>div{gap:6px;display:flex}.feedbackActions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.miniAppGrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.miniApp{flex-direction:column;min-height:300px;display:flex;position:relative;overflow:hidden}.miniApp:before{background:radial-gradient(circle, var(--blue), transparent 70%)}@supports (color:color-mix(in lab, red, red)){.miniApp:before{background:radial-gradient(circle, color-mix(in srgb, var(--blue) 13%, transparent), transparent 70%)}}.miniApp:before{content:"";width:180px;height:180px;position:absolute;top:-90px;right:-80px}.miniApp--violet:before{background:radial-gradient(circle, var(--violet), transparent 70%)}@supports (color:color-mix(in lab, red, red)){.miniApp--violet:before{background:radial-gradient(circle, color-mix(in srgb, var(--violet) 16%, transparent), transparent 70%)}}.miniApp--green:before{background:radial-gradient(circle, var(--green), transparent 70%)}@supports (color:color-mix(in lab, red, red)){.miniApp--green:before{background:radial-gradient(circle, color-mix(in srgb, var(--green) 11%, transparent), transparent 70%)}}.miniApp--amber:before{background:radial-gradient(circle, var(--amber), transparent 70%)}@supports (color:color-mix(in lab, red, red)){.miniApp--amber:before{background:radial-gradient(circle, color-mix(in srgb, var(--amber) 12%, transparent), transparent 70%)}}.miniApp__header{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid;position:relative}.miniApp__header>span:nth-child(2){gap:1px;display:grid}.miniApp__header small{color:var(--faint);font-family:var(--font-mono);text-transform:uppercase;font-size:8px}.miniApp__header strong{font-size:14px;font-weight:520}.miniApp__icon{background:var(--blue);align-items:center}@supports (color:color-mix(in lab, red, red)){.miniApp__icon{background:color-mix(in srgb, var(--blue) 10%, transparent)}}.miniApp__icon{border:1px solid var(--blue)}@supports (color:color-mix(in lab, red, red)){.miniApp__icon{border:1px solid color-mix(in srgb, var(--blue) 20%, transparent)}}.miniApp__icon{color:var(--blue-text);border-radius:9px;justify-content:center;width:40px;height:40px;display:flex}.miniApp--violet .miniApp__icon{background:var(--violet)}@supports (color:color-mix(in lab, red, red)){.miniApp--violet .miniApp__icon{background:color-mix(in srgb, var(--violet) 10%, transparent)}}.miniApp--violet .miniApp__icon{border-color:var(--violet)}@supports (color:color-mix(in lab, red, red)){.miniApp--violet .miniApp__icon{border-color:color-mix(in srgb, var(--violet) 20%, transparent)}}.miniApp--violet .miniApp__icon{color:var(--violet)}@supports (color:color-mix(in lab, red, red)){.miniApp--violet .miniApp__icon{color:color-mix(in srgb, var(--violet) 65%, var(--text))}}.miniApp--green .miniApp__icon{background:var(--green)}@supports (color:color-mix(in lab, red, red)){.miniApp--green .miniApp__icon{background:color-mix(in srgb, var(--green) 9%, transparent)}}.miniApp--green .miniApp__icon{border-color:var(--green)}@supports (color:color-mix(in lab, red, red)){.miniApp--green .miniApp__icon{border-color:color-mix(in srgb, var(--green) 20%, transparent)}}.miniApp--green .miniApp__icon{color:var(--green)}.miniApp--amber .miniApp__icon{background:var(--amber)}@supports (color:color-mix(in lab, red, red)){.miniApp--amber .miniApp__icon{background:color-mix(in srgb, var(--amber) 9%, transparent)}}.miniApp--amber .miniApp__icon{border-color:var(--amber)}@supports (color:color-mix(in lab, red, red)){.miniApp--amber .miniApp__icon{border-color:color-mix(in srgb, var(--amber) 20%, transparent)}}.miniApp--amber .miniApp__icon{color:var(--amber)}.miniApp__body{flex-direction:column;flex:1;justify-content:center;padding:22px 0 15px;display:flex;position:relative}.miniApp__action{border:0;border-top:1px solid var(--line-soft);color:var(--muted);text-align:left;background:0 0;justify-content:space-between;align-items:center;min-height:46px;margin:0 -20px -20px;padding:0 20px;font-size:10px;display:flex}.miniApp__action:hover{background:var(--panel-hover);color:var(--text)}.miniConnection{align-items:center;gap:14px;display:flex}.miniConnection__ring{border:1px solid var(--blue);box-shadow:0 0 0 8px var(--blue), 0 0 24px var(--blue);border-radius:50%;align-items:center}@supports (color:color-mix(in lab, red, red)){.miniConnection__ring{box-shadow:0 0 0 8px color-mix(in srgb, var(--blue) 6%, transparent), 0 0 24px color-mix(in srgb, var(--blue) 14%, transparent)}}.miniConnection__ring{color:var(--blue-text);justify-content:center;width:64px;height:64px;display:flex}.miniConnection>span:last-child,.postureScore>span:last-child{gap:3px;display:grid}.miniConnection strong,.postureScore strong{font-size:19px;font-weight:520}.miniConnection small,.postureScore small{color:var(--muted);font-size:9px}.miniStats{border-top:1px solid var(--line-soft);grid-template-columns:1fr 1fr;margin-top:20px;padding-top:14px;display:grid}.miniStats span{gap:3px;display:grid}.miniStats small{color:var(--faint);font-size:8px}.miniStats strong{font-family:var(--font-mono);font-size:11px;font-weight:500}.avatarPile{align-items:center;display:flex}.avatarPile .avatar{box-shadow:0 0 0 3px var(--panel);margin-right:-5px}.avatarPile>span:last-child{background:var(--panel-hover);border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:8px;font-size:8px;display:flex}.miniList{border-top:1px solid var(--line-soft);margin-top:16px}.miniList li{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:10px;min-height:38px;font-size:10px;display:flex}.miniList li:last-child{border-bottom:0}.miniList li>span:first-child{align-items:center;gap:8px;display:flex}.postureScore{align-items:center;gap:20px;display:flex}.postureScore .donut{width:86px;height:86px}.postureScore .donut:before{inset:9px}.postureScore .donut strong{font-size:15px}.miniChart,.miniChart .miniBars{height:82px}.planCard{justify-content:space-between;align-items:center;display:flex}.planCard>span{gap:2px;display:grid}.planCard small{color:var(--muted);font-size:9px}.planCard strong{font-family:var(--font-mono);font-size:20px;font-weight:500}.planCard strong small{font-family:var(--font-sans)}.usageBar{background:var(--line-soft);border-radius:var(--radius-pill);height:6px;margin:20px 0 7px;overflow:hidden}.usageBar span{background:linear-gradient(90deg, var(--blue), var(--violet));border-radius:inherit;height:100%;display:block}.codeBlock{background:var(--ink-soft);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted);font-family:var(--font-mono);gap:10px;padding:13px;font-size:9px;display:grid}.codeBlock span{justify-content:space-between;display:flex}.codeBlock em{color:var(--green);font-style:normal}.codeBlock span:last-child em{color:var(--blue-text)}.codeBlock b{font-weight:400}.apiKey{border-top:1px solid var(--line-soft);align-items:center;gap:8px;margin-top:14px;padding-top:12px;display:flex}.apiKey span{color:var(--muted);flex:1;font-size:9px}.incident{align-items:center;gap:13px;display:flex}.incident>span:last-child{gap:2px;display:grid}.incident strong{font-size:12px}.incident small{color:var(--muted);font-size:9px}.miniTimeline{border-left:1px solid var(--line);gap:10px;margin:18px 0 0 3px;padding-left:15px;display:grid}.miniTimeline li{color:var(--muted);font-size:9px;position:relative}.miniTimeline i{background:var(--amber);border-radius:50%;width:5px;height:5px;position:absolute;top:5px;left:-18px}.policyRule{grid-template-columns:auto 1fr auto auto 1fr;align-items:center;gap:8px;display:grid}.policyRule span{color:var(--faint);font-family:var(--font-mono);font-size:8px}.policyRule strong{background:var(--ink-soft);border:1px solid var(--line);border-radius:7px;padding:10px;font-size:9px;font-weight:500}.componentGrid--patterns{grid-template-columns:1.1fr .85fr 1.05fr}.timeline{position:relative}.timeline:before{background:var(--line);content:"";width:1px;position:absolute;top:18px;bottom:18px;left:16px}.timelineItem{grid-template-columns:33px 1fr;gap:12px;padding:0 0 20px;display:grid;position:relative}.timelineItem:last-child{padding-bottom:0}.timelineItem__icon{background:var(--panel-raised);border:1px solid var(--line);color:var(--muted);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:33px;height:33px;display:flex;position:relative}.timelineItem>span:last-child{gap:2px;padding-top:2px;display:grid}.timelineItem strong{font-size:11px}.timelineItem p{color:var(--muted);font-size:9px}.timelineItem small{color:var(--faint);font-family:var(--font-mono);margin-top:3px;font-size:8px}.authForm{gap:2px;display:grid}.authForm .uiButton{width:100%}.divider{color:var(--faint);text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:9px 0;font-size:8px;display:grid}.divider:before,.divider:after{background:var(--line-soft);content:"";height:1px}.notificationList{margin:-4px -20px -20px}.notificationList button{border:0;border-bottom:1px solid var(--line-soft);color:inherit;text-align:left;background:0 0;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px;width:100%;padding:14px 20px;display:grid}.notificationList button:last-child{border:0}.notificationList button:hover{background:var(--panel-hover)}.notificationIcon{background:var(--blue);align-items:center}@supports (color:color-mix(in lab, red, red)){.notificationIcon{background:color-mix(in srgb, var(--blue) 9%, transparent)}}.notificationIcon{color:var(--blue-text);border-radius:8px;justify-content:center;width:34px;height:34px;display:flex}.notificationIcon--warning{background:var(--amber)}@supports (color:color-mix(in lab, red, red)){.notificationIcon--warning{background:color-mix(in srgb, var(--amber) 9%, transparent)}}.notificationIcon--warning{color:var(--amber)}.notificationIcon--success{background:var(--green)}@supports (color:color-mix(in lab, red, red)){.notificationIcon--success{background:color-mix(in srgb, var(--green) 9%, transparent)}}.notificationIcon--success{color:var(--green)}.notificationList button>span:last-child{grid-template-columns:1fr auto;gap:2px;display:grid}.notificationList strong{font-size:10px}.notificationList small{color:var(--muted);grid-column:1;font-size:9px}.notificationList em{color:var(--faint);font-family:var(--font-mono);grid-area:1/2;font-size:8px;font-style:normal}.pageFooter{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:150px;margin-top:82px;display:grid}.pageFooter>span{align-items:center;gap:8px;display:flex}.pageFooter>span .brand__mark{width:28px;height:28px}.pageFooter p{color:var(--muted);max-width:530px;font-size:10px}.pageFooter a{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.pageFooter a:hover{color:var(--text)}.dialogBackdrop{background:var(--shadow-color);align-items:center}@supports (color:color-mix(in lab, red, red)){.dialogBackdrop{background:color-mix(in srgb, var(--shadow-color) 72%, transparent)}}.dialogBackdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));z-index:var(--z-dialog);justify-content:center;display:flex;position:fixed;inset:0}.dialog{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-dialog);width:100%;max-width:520px;max-height:calc(100dvh - 40px);padding:22px;animation:.22s ease-out dialogIn;overflow:auto}.dialog__header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.dialog__header>div{gap:6px;display:grid}.dialog__header h2{letter-spacing:-.04em;font-size:23px;font-weight:520}.dialog__description{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.6}.dialog__body{margin-top:20px}.dialog__footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:22px;padding-top:18px;display:flex}.dialogForm{grid-template-columns:1fr 1fr;gap:2px;display:grid}@keyframes dialogIn{0%{opacity:0;transform:scale(1.035)translateY(6px)}to{opacity:1;transform:none}}.commandPalette{gap:5px;display:grid}.commandPalette .searchField{margin-bottom:8px}.commandPalette>a{border-radius:var(--radius-sm);color:var(--muted);border:1px solid #0000;justify-content:space-between;align-items:center;min-height:42px;padding:0 10px;display:flex}.commandPalette>a:hover,.commandPalette>a:focus-visible{background:var(--panel-hover);border-color:var(--line);color:var(--text)}.commandPalette>a>span{align-items:center;gap:9px;display:flex}.toastViewport{pointer-events:none;width:min(380px,100vw - 40px);z-index:var(--z-toast);position:fixed;bottom:20px;right:20px}.toast{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 18px 55px var(--shadow-color);align-items:flex-start;animation:.22s ease-out toastIn}@supports (color:color-mix(in lab, red, red)){.toast{box-shadow:0 18px 55px color-mix(in srgb, var(--shadow-color) 28%, transparent)}}.toast{pointer-events:auto;grid-template-columns:auto 1fr auto;gap:10px;padding:13px;display:grid}.toast__icon{background:var(--green);align-items:center}@supports (color:color-mix(in lab, red, red)){.toast__icon{background:color-mix(in srgb, var(--green) 9%, transparent)}}.toast__icon{color:var(--green);border-radius:8px;justify-content:center;width:34px;height:34px;display:flex}.toast--danger .toast__icon{background:var(--red)}@supports (color:color-mix(in lab, red, red)){.toast--danger .toast__icon{background:color-mix(in srgb, var(--red) 9%, transparent)}}.toast--danger .toast__icon{color:var(--red)}.toast--warning .toast__icon{background:var(--amber)}@supports (color:color-mix(in lab, red, red)){.toast--warning .toast__icon{background:color-mix(in srgb, var(--amber) 9%, transparent)}}.toast--warning .toast__icon{color:var(--amber)}.toast--info .toast__icon{background:var(--blue)}@supports (color:color-mix(in lab, red, red)){.toast--info .toast__icon{background:color-mix(in srgb, var(--blue) 9%, transparent)}}.toast--info .toast__icon{color:var(--blue-text)}.toast__copy{gap:2px;padding-top:2px;display:grid}.toast__copy strong{font-size:11px}.toast__copy span{color:var(--muted);font-size:9px}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:1280px){.colorGrid{grid-template-columns:repeat(5,1fr)}.componentGrid--small{grid-template-columns:1fr 1fr}.componentGrid--small>.card:last-child{grid-column:1/-1}.miniAppGrid{grid-template-columns:repeat(2,1fr)}.componentGrid--patterns{grid-template-columns:1fr 1fr}.componentGrid--patterns>.card:last-child{grid-column:1/-1}}@media (max-width:1080px){:root{--sidebar-width:220px}.catalogSection{padding-left:28px;padding-right:28px}.hero{grid-template-columns:minmax(0,.8fr) minmax(390px,.7fr);gap:32px}.hero h1{font-size:56px}.connectionPanel{min-height:620px}.iconRun{grid-template-columns:repeat(5,1fr)}.iconRun span:nth-child(n+6){border-top:1px solid var(--line-soft)}.componentGrid--buttons,.componentGrid--analytics{grid-template-columns:1fr}.metricGrid{grid-template-columns:1fr 1fr}.tableToolbar{flex-direction:column;align-items:flex-start}.tableToolbar__controls{flex-wrap:wrap;width:100%}.componentGrid--states{grid-template-columns:1fr 1fr}}@media (max-width:900px){.sidebar{display:none}.mainCanvas{margin-left:0}.utilityBar{height:auto;min-height:64px;padding:12px 20px}.utilityBar__path{display:none}.mobileCatalog{gap:6px;max-width:calc(100vw - 220px);display:flex;overflow-x:auto}.mobileCatalog a{border:1px solid var(--control-line);border-radius:var(--radius-pill);color:var(--muted);flex:none;align-items:center;min-height:36px;padding:0 11px;font-size:9px;display:flex}.mobileCatalog a.is-active{background:var(--blue)}@supports (color:color-mix(in lab, red, red)){.mobileCatalog a.is-active{background:color-mix(in srgb, var(--blue) 10%, transparent)}}.mobileCatalog a.is-active{border-color:var(--blue)}@supports (color:color-mix(in lab, red, red)){.mobileCatalog a.is-active{border-color:color-mix(in srgb, var(--blue) 30%, transparent)}}.mobileCatalog a.is-active{color:var(--blue)}@supports (color:color-mix(in lab, red, red)){.mobileCatalog a.is-active{color:color-mix(in srgb, var(--blue) 60%, var(--text))}}.commandTrigger span{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero__copy{max-width:700px}.connectionPanel{justify-self:center;width:100%;max-width:560px}.sectionHeader{grid-template-columns:1fr;align-items:start;gap:20px}.foundationGrid{grid-template-columns:1fr}.identityStrip{grid-template-columns:1fr 1fr}.iconRun{grid-column:1/-1}.componentGrid--buttons,.formShowcase__body{grid-template-columns:1fr}.formShowcase__intro{border-bottom:1px solid var(--line);border-right:0}.alertStack{grid-template-columns:1fr}.stateGrid{grid-template-columns:repeat(3,1fr)}.pageFooter{grid-template-columns:1fr auto}.pageFooter p{grid-area:2/1/auto/-1}}@media (max-width:640px){:root{--shell-sticky-offset:97px}.utilityBar{flex-wrap:wrap;align-items:flex-start}.mobileCatalog{order:2;width:100%;max-width:100%}.utilityBar__actions{margin-left:auto}.commandTrigger{display:none}.catalogSection{padding-top:72px;padding-left:16px;padding-right:16px}.hero{padding-top:48px}.hero h1{font-size:clamp(45px,15vw,64px)}.hero__copy>p{font-size:15px}.hero__actions{flex-direction:column;align-items:stretch;width:100%}.hero__actions .uiButton{width:100%}.hero__meta{gap:12px}.connectionPanel{border-radius:20px;min-height:590px;padding:16px}.routeField{height:320px;transform:scale(.9)}.gatewayStrip{grid-template-columns:1fr 1fr}.gatewayStrip>span:first-child{grid-column:1/-1}.sectionHeader h2{font-size:36px}.colorGrid{grid-template-columns:repeat(3,1fr)}.colorToken>span{height:54px}.typeScale{grid-template-columns:1fr 1fr}.identityStrip{grid-template-columns:1fr}.logoLockup{border-bottom:1px solid var(--line);border-right:0}.iconRun{grid-column:auto;grid-template-columns:repeat(3,1fr)}.buttonMatrix{grid-template-columns:1fr}.componentRowLabel{margin-top:8px}.formGrid,.componentGrid--small,.metricGrid,.componentGrid--states,.miniAppGrid,.componentGrid--patterns{grid-template-columns:1fr}.componentGrid--small>.card:last-child,.componentGrid--patterns>.card:last-child{grid-column:auto}.tabs{overflow-x:auto}.formShowcase__intro,.demoForm{padding:20px}.tableToolbar__controls .searchField{width:100%;min-width:100%}.tableToolbar__controls>select{flex:1}.bulkBar,.tableFooter{flex-direction:column;align-items:flex-start;gap:8px}.pagination{justify-content:space-between;align-self:stretch}.stateGrid{grid-template-columns:1fr 1fr}.stateCard{min-height:215px}.alertStack,.dialogForm{grid-template-columns:1fr}.dialog__footer{flex-direction:column-reverse;align-items:stretch}.dialog__footer .uiButton{width:100%}.pageFooter{grid-template-columns:1fr;padding:28px 0}.pageFooter p,.pageFooter a{grid-area:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.connectionPanel--connecting .routeOrbit--inner:before,.connectionPanel--recovering .routeOrbit--inner:before{animation:none}}@media (forced-colors:active){*{scrollbar-color:auto}.uiButton,.card,.fieldControl,.searchField,.badge,.dialog{forced-color-adjust:auto}}@font-face{font-family:Geologica;src:url(/fonts/geologica-variable.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:optional}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-variable.woff2)format("woff2");font-style:normal;font-weight:100 800;font-display:optional}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}