@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&family=Ubuntu+Mono:wght@400;700&display=swap";:root{--co-brand-navy: #171a32;--co-brand-cyan: #09aff4;--co-navy-900: #050b16;--co-navy-800: #0b1628;--co-navy-700: #111f36;--co-navy-600: #171a32;--co-navy-500: #1c2a40;--co-navy-400: #2a3b57;--co-blue-800: #003060;--co-blue-700: #004070;--co-blue-600: #005080;--co-blue-500: #0a6ea8;--co-blue-400: #2e8cc4;--co-cyan-700: #00688f;--co-cyan-600: #0089c7;--co-cyan-500: #00b4e0;--co-cyan-400: #00d9ff;--co-cyan-300: #6ff0ff;--co-cyan-200: #b8f7ff;--co-magenta-700: #64175a;--co-magenta-500: #871e81;--co-violet-600: #8841a7;--co-violet-500: #654aa9;--co-indigo-500: #5963c4;--co-indigo-600: #3d559c;--co-periwinkle-300: #a9b6e6;--gradient-spectrum: linear-gradient(115deg, #3a0f36 0%, #871e81 30%, #654aa9 60%, #3d559c 100%);--scrim-spectrum: linear-gradient(90deg, rgba(20,6,24,.85) 0%, rgba(20,6,24,.55) 50%, rgba(20,6,24,.15) 100%);--co-grey-000: #ffffff;--co-grey-025: #f7f8fb;--co-grey-050: #f0f2f7;--co-grey-100: #e5e7eb;--co-grey-200: #d1d5db;--co-grey-300: #b3bacb;--co-grey-400: #9ca3af;--co-grey-500: #6b7280;--co-grey-600: #4b5563;--co-grey-700: #374151;--co-grey-800: #1f2937;--co-grey-900: #111827;--co-green-600: #16a34a;--co-green-500: #22c55e;--co-green-400: #4ade80;--co-green-100: #c8f5e2;--co-amber-600: #9c5000;--co-amber-500: #ff9500;--co-amber-100: #ffe8c4;--co-red-600: #c1121f;--co-red-500: #ff2d20;--co-red-400: #f87171;--co-red-100: #ffdad6;--co-violet-500: #6d28ff;--co-violet-100: #e4dcff;--surface-canvas: var(--co-navy-900);--surface-card: var(--co-navy-800);--surface-sunken: #070f1d;--surface-raised: var(--co-navy-700);--surface-chrome: #040914;--surface-chrome-hover: #0e1a30;--surface-chrome-active: var(--co-cyan-700);--surface-inverse: var(--co-grey-025);--surface-terminal: #02060e;--surface-hover: rgba(0, 180, 224, .05);--surface-selected: rgba(0, 180, 224, .12);--surface-disabled: #0d1526;--text-heading: #ffffff;--text-body: var(--co-grey-400);--text-strong: var(--co-grey-200);--text-muted: var(--co-grey-500);--text-faint: var(--co-grey-600);--text-inverse: var(--co-navy-900);--text-inverse-muted: #4c5468;--text-link: var(--co-cyan-500);--text-link-hover: var(--co-cyan-400);--text-code: var(--co-cyan-300);--border-subtle: rgba(28, 42, 64, .3);--border-default: rgba(28, 42, 64, .5);--border-strong: #2a3b57;--border-chrome: #12203a;--border-inverse: #16255a;--border-focus: var(--co-cyan-400);--border-accent: rgba(0, 180, 224, .3);--accent-primary: var(--co-cyan-500);--accent-primary-hover: var(--co-cyan-400);--accent-primary-active: var(--co-cyan-600);--accent-secondary: var(--co-cyan-400);--accent-glow: var(--co-cyan-400);--accent-on-primary: #ffffff;--accent-tint: rgba(0, 180, 224, .1);--accent-tint-strong: rgba(0, 180, 224, .2);--gradient-brand: linear-gradient(90deg, var(--co-cyan-500), var(--co-cyan-400));--gradient-card-highlight: linear-gradient(180deg, rgba(0,180,224,.1), rgba(0,180,224,0));--state-running: #2ce8a5;--state-running-fill: var(--co-green-500);--state-running-bg: #042b1e;--state-provisioning: var(--co-cyan-300);--state-provisioning-fill: var(--co-cyan-500);--state-provisioning-bg: #052736;--state-grace: #ffb340;--state-grace-fill: var(--co-amber-500);--state-grace-bg: #33200a;--state-suspended: #93a0c2;--state-suspended-fill: var(--co-grey-400);--state-suspended-bg: #151d36;--state-error: #ff7a70;--state-error-fill: var(--co-red-500);--state-error-bg: #3a0f0c;--state-demo: #b39cff;--state-demo-fill: var(--co-violet-500);--state-demo-bg: #1e1442;--env-dev: var(--co-cyan-300);--env-dev-bg: #062637;--env-prod: #b0b6ff;--env-prod-bg: #191b4a;--chart-1: var(--co-cyan-400);--chart-2: #b0b6ff;--chart-3: var(--co-red-500);--chart-4: var(--co-green-500);--chart-5: var(--co-amber-500);--chart-grid: #1a2340}:root{--font-display: "Ubuntu", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-sans: "Ubuntu", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "Ubuntu Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-hero: clamp(2.25rem, 1.2rem + 4.5vw, 4.5rem);--text-h2: clamp(1.875rem, 1.4rem + 2vw, 3rem);--text-h3: 1.25rem;--text-lead: 1.125rem;--text-3xl: 32px;--text-2xl: 26px;--text-xl: 21px;--text-lg: 17px;--text-md: 15px;--text-sm: 14px;--text-xs: 12px;--text-2xs: 11px;--leading-tight: 1.05;--leading-snug: 1.3;--leading-normal: 1.5;--leading-loose: 1.65;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 500;--weight-bold: 700;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-caps: .08em;--type-hero: var(--weight-bold) var(--text-hero)/var(--leading-tight) var(--font-display);--type-h2: var(--weight-bold) var(--text-h2)/1.15 var(--font-display);--type-h3: var(--weight-medium) var(--text-h3)/var(--leading-snug) var(--font-display);--type-lead: var(--weight-regular) var(--text-lead)/var(--leading-loose) var(--font-sans);--type-display: var(--weight-bold) var(--text-3xl)/1.15 var(--font-display);--type-page-title: var(--weight-medium) var(--text-2xl)/1.15 var(--font-display);--type-section: var(--weight-medium) var(--text-lg)/var(--leading-snug) var(--font-display);--type-card-title: var(--weight-medium) var(--text-md)/var(--leading-snug) var(--font-sans);--type-body: var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-sans);--type-body-lg: var(--weight-regular) var(--text-md)/var(--leading-loose) var(--font-sans);--type-label: var(--weight-medium) var(--text-xs)/1.2 var(--font-sans);--type-eyebrow: var(--weight-medium) var(--text-2xs)/1.2 var(--font-sans);--type-mono: var(--weight-regular) var(--text-sm)/1.45 var(--font-mono);--type-mono-sm: var(--weight-regular) var(--text-xs)/1.45 var(--font-mono);--type-metric: var(--weight-bold) var(--text-2xl)/1.1 var(--font-display)}:root{--space-0: 0;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 16px;--space-8: 20px;--space-9: 24px;--space-10: 32px;--space-11: 40px;--space-12: 48px;--space-13: 64px;--space-14: 80px;--space-15: 96px;--space-16: 128px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--border-width: 1px;--border-width-strong: 2px;--content-max: 1280px;--content-narrow: 1024px;--content-reading: 768px;--section-pad: clamp(96px, 8vw, 128px);--nav-height: 80px;--sidebar-width: 232px;--sidebar-width-collapsed: 56px;--topbar-height: 52px;--page-gutter: var(--space-9);--row-height: 44px;--row-height-dense: 36px;--control-height: 32px;--control-height-lg: 44px;--control-height-sm: 26px}:root{--shadow-none: none;--shadow-xs: 0 1px 1px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .45);--shadow-modal: 0 24px 64px rgba(0, 0, 0, .55);--shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .25);--shadow-brand: 0 10px 25px -5px rgba(0, 180, 224, .25);--shadow-brand-lg: 0 20px 40px -10px rgba(0, 180, 224, .3);--shadow-brand-hover: 0 20px 40px -10px rgba(0, 180, 224, .5);--glow-cyan: 0 0 28px rgba(0, 217, 255, .55);--glow-ambient: radial-gradient(closest-side, rgba(0, 180, 224, .08), transparent);--ring-focus: 0 0 0 2px rgba(0, 217, 255, .6);--ring-focus-inverse: 0 0 0 2px rgba(111, 240, 255, .7);--ring-danger: 0 0 0 2px rgba(255, 45, 32, .45);--scrim-hero: linear-gradient(180deg, rgba(5,11,22,.2) 0%, rgba(5,11,22,.4) 50%, var(--co-navy-900) 100%);--scrim-bottom: linear-gradient(180deg, rgba(5,11,22,0) 0%, rgba(5,11,22,.9) 100%);--backdrop-nav: rgba(5, 11, 22, .9)}:root{--ease-standard: cubic-bezier(.2, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--duration-instant: 80ms;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .6s;--duration-hero: .7s;--reveal-distance: 24px;--stagger: 70ms;--transition-control: background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);--pulse-provisioning: 2s var(--ease-standard) infinite}@keyframes co-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes co-stripe{0%{background-position:0 0}to{background-position:24px 0}}@keyframes co-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-hero: 0ms;--reveal-distance: 0px}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--surface-canvas);color:var(--text-body);font:var(--type-body);-webkit-font-smoothing:antialiased;text-wrap:pretty}h1,h2,h3,h4{margin:0;font-family:var(--font-display);color:var(--text-heading);letter-spacing:var(--tracking-tight)}h1{font:var(--type-page-title)}h2{font:var(--type-section)}h3{font:var(--type-card-title);font-family:var(--font-display)}p{margin:0 0 var(--space-6)}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover);text-decoration:underline;text-underline-offset:2px}code,kbd,samp,pre{font-family:var(--font-mono);font-size:var(--text-xs)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--ring-focus)}::selection{background:var(--co-cyan-400);color:var(--co-navy-900)}.co-eyebrow{font:var(--type-eyebrow);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}.co-mono{font-family:var(--font-mono)}.co-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}html{color-scheme:dark}.co-grad-text{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.co-badge-pill{display:inline-block;padding:6px 16px;border-radius:var(--radius-pill);border:1px solid var(--border-accent);background:var(--accent-tint);color:var(--accent-primary);font:var(--type-label)}.co-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border:0;border-radius:var(--radius-pill);background:var(--gradient-brand);color:var(--accent-on-primary);font:var(--weight-medium) 16px/1 var(--font-sans);box-shadow:var(--shadow-brand-lg);cursor:pointer;transition:var(--transition-control)}.co-btn-primary:hover{background:var(--co-cyan-400);box-shadow:var(--shadow-brand-hover);color:var(--accent-on-primary)}.co-btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:var(--radius-pill);border:1px solid var(--co-grey-700);background:transparent;color:var(--co-grey-200);font:var(--weight-medium) 16px/1 var(--font-sans);cursor:pointer;transition:var(--transition-control)}.co-btn-secondary:hover{border-color:var(--co-grey-500);color:#fff}.co-btn-soft{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-pill);border:1px solid rgba(0,180,224,.2);background:var(--accent-tint);color:var(--accent-primary);font:var(--type-label);cursor:pointer}.co-btn-soft:hover{background:var(--accent-tint-strong)}.co-card{background:#0b162880;border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:32px;transition:border-color var(--duration-normal) var(--ease-standard),background-color var(--duration-normal) var(--ease-standard)}.co-card:hover{border-color:var(--border-accent);background:var(--surface-hover)}.co-card--highlight{border-color:#00b4e080;background:var(--gradient-card-highlight);box-shadow:0 20px 40px -10px #00b4e01a}.co-icon-tile{width:48px;height:48px;border-radius:var(--radius-md);background:var(--accent-tint);color:var(--accent-primary);display:flex;align-items:center;justify-content:center}.co-input{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:#0b162880;color:#fff;font:var(--type-body)}.co-input::placeholder{color:var(--text-faint)}.co-input:focus{outline:none;border-color:#00b4e080;box-shadow:0 0 0 1px #00b4e04d}.co-reveal{opacity:0;transform:translateY(var(--reveal-distance));transition:opacity var(--duration-slow) ease,transform var(--duration-slow) ease}.co-reveal.in{opacity:1;transform:none}.co-aside-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:var(--space-6);align-items:start}.co-aside-layout>aside{position:sticky;top:0}@media(max-width:1100px){.co-aside-layout{grid-template-columns:minmax(0,1fr)}.co-aside-layout>aside{position:static}}.co-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
