:root{--font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--gray-0: #ffffff;--gray-100: #fcfcfd;--gray-200: #f7f7f8;--gray-300: #e3e4e8;--gray-400: #c4c7cf;--gray-500: #828897;--gray-600: #5f697c;--gray-700: #3d4452;--gray-800: #25282d;--canvas: #f5f4f2;--primary-0: #f9fbff;--primary-100: #f4f8ff;--primary-200: #e5eeff;--primary-300: #cce0ff;--primary-400: #538eff;--primary-500: #3e69ff;--primary-600: #0031e5;--primary-700: #042ebf;--primary-800: #0e31aa;--primary-900: #021d6e;--primary-1000: #011551;--success: #6beaa1;--success-strong: #2ea160;--success-soft: #e9fcf1;--danger: #ee4444;--danger-soft: #fdecec;--cyan: #6ad8c4;--cyan-soft: #e9f9f6;--violet: #5b5bf0;--orange: #f59331;--orange-soft: #fdf0e3;--divider: #edf0f3;--sidebar-blue: #227cd6;--sidebar-azure: #22b1d6;--sidebar-turquoise: #37cde1;--sidebar-spring: #40de89;--sidebar-neon: #aef064;--brand-grad-from: #1a42ff;--brand-grad-to: #42d4ff;--brand-gradient: linear-gradient(135deg, var(--brand-grad-from) 0%, var(--brand-grad-to) 100%);--brand-gradient-radial: radial-gradient(circle at 30% 20%, var(--brand-grad-to) 0%, var(--brand-grad-from) 75%);--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 24px;--r-pill: 999px;--shadow-sb-0: 0 1px 2px 0 rgba(16, 24, 40, .05);--shadow-sb-1: 0 4px 12px -2px rgba(16, 24, 40, .06), 0 2px 4px -2px rgba(16, 24, 40, .04);--shadow-sb-2: 0 8px 24px -6px rgba(16, 24, 40, .1), 0 4px 8px -4px rgba(16, 24, 40, .06);--shadow-sb-3: 0 12px 32px -8px rgba(16, 24, 40, .14), 0 6px 12px -6px rgba(16, 24, 40, .06);--shadow-sb-4: 0 24px 48px -12px rgba(16, 24, 40, .18), 0 8px 16px -8px rgba(16, 24, 40, .08);--shadow-focus-ring: 0 0 0 4px rgba(62, 105, 255, .2);--shadow-danger-ring: 0 0 0 4px rgba(238, 68, 68, .18);--shadow-success-ring: 0 0 0 4px rgba(107, 234, 161, .22);--container-width: 1400px;--container-gutter: 24px;--container: var(--container-width);--bg: var(--gray-0);--bg-soft: var(--gray-200);--bg-tinted: var(--primary-100);--bg-dark: #0a0e1a;--bg-dark-soft: #131829;--ink: var(--gray-800);--ink-2: var(--gray-700);--ink-muted: var(--gray-600);--ink-faint: var(--gray-500);--ink-inv: var(--gray-100);--ink-inv-muted: var(--gray-500);--line: var(--gray-300);--line-strong: var(--gray-400);--line-dark: #1f2540;--ok: var(--success-strong);--warn: var(--orange);--bad: var(--danger);--shadow-card: var(--shadow-sb-1);--shadow-lift: var(--shadow-sb-3);--font-display: var(--font-sans);--font-body: var(--font-sans);--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-weight:400;font-size:16px;line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img,svg{display:block;max-width:100%}*:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}.header-search input:focus-visible{box-shadow:none}dialog:focus,dialog:focus-visible{outline:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 99999s ease-in-out 0s;-webkit-text-fill-color:currentColor;caret-color:currentColor}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}.skip-link{position:absolute;top:-100px;left:16px;z-index:9999;padding:10px 18px;background:var(--primary-600);color:#fff;border-radius:var(--r-pill);font-weight:600;transition:top .15s ease}.skip-link:focus{top:12px}.container,.container-shell{width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:var(--container-gutter)}@media (max-width: 640px){.container,.container-shell{padding-inline:18px}}@media (max-width: 380px){.container,.container-shell{padding-inline:14px}}.eyebrow{font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-600);margin-bottom:16px}h1,h2,h3,h4{font-family:var(--font-sans);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--ink)}.h-display{font-family:var(--font-sans);font-size:clamp(40px,6vw,64px);font-weight:800;letter-spacing:-.025em;line-height:1.05}.h-section{font-family:var(--font-sans);font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.02em}.h-feature{font-family:var(--font-sans);font-size:19px;font-weight:600;letter-spacing:-.01em}.lead{font-size:17px;line-height:1.55;color:var(--ink-muted)}.accent{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-weight:600;font-size:15px;padding:14px 22px;border-radius:var(--r-pill);transition:transform .15s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:var(--shadow-sb-2)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-sb-3)}.btn-ghost{color:var(--ink);background:transparent;border:1px solid var(--line-strong)}.btn-ghost:hover{background:var(--bg-soft);border-color:var(--ink)}.btn-sm{padding:9px 16px;font-size:14px}.btn-lg{padding:16px 28px;font-size:16px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r-2xl);padding:24px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sb-2);border-color:var(--line-strong)}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:var(--r-pill);white-space:nowrap}.status:before{content:"";width:6px;height:6px;border-radius:50%}.status.ok{background:var(--success-soft);color:var(--success-strong)}.status.ok:before{background:var(--success-strong)}.status.warn{background:var(--orange-soft);color:#b45309}.status.warn:before{background:var(--orange)}.status.bad{background:var(--danger-soft);color:#b91c1c}.status.bad:before{background:var(--danger)}
