@font-face{font-family:Inter;src:url(/fonts/InterRegular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/InterMedium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/InterBold.woff2) format("woff2");font-weight:600 700;font-style:normal;font-display:swap}:root{--color-neutral-0: #ffffff;--color-neutral-100: #f7f7f8;--color-neutral-150: #ededed;--color-neutral-200: #e2e2e4;--color-neutral-300: #c8c9cb;--color-neutral-400: #b2b2b3;--color-neutral-500: #909192;--color-neutral-600: #696a6d;--color-neutral-700: #4f5054;--color-neutral-800: #3e3f42;--color-neutral-900: #2a2a2d;--color-neutral-950: #1d1e20;--color-neutral-1000: #141415;--color-blue-100: #f3f7fc;--color-blue-200: #d4e2f7;--color-blue-300: #b5cdf5;--color-blue-400: #8caef8;--color-blue-500: #6b90fa;--color-blue-600: #3e5fff;--color-blue-700: #243dcc;--color-blue-800: #263482;--color-blue-900: #22294f;--color-blue-950: #1a1f3d;--color-blue-1000: #12162b;--color-green-100: #ecf9ee;--color-green-200: #b7f2c5;--color-green-300: #81e4a2;--color-green-400: #37c871;--color-green-500: #0ea464;--color-green-600: #0a8550;--color-green-700: #075f3c;--color-green-800: #05472b;--color-green-900: #043420;--color-green-950: #032617;--color-green-1000: #02180e;--color-yellow-100: #fff6db;--color-yellow-200: #fee071;--color-yellow-300: #fac900;--color-yellow-400: #d1a900;--color-yellow-500: #ae8604;--color-yellow-600: #8e6c10;--color-yellow-700: #654a0b;--color-yellow-800: #4e3709;--color-yellow-900: #3c2a07;--color-yellow-950: #2d2006;--color-yellow-1000: #1b1509;--color-red-100: #fcefee;--color-red-200: #f9d7d3;--color-red-300: #f6beb9;--color-red-400: #f29086;--color-red-500: #ec6255;--color-red-600: #e02f1f;--color-red-700: #9e1c10;--color-red-800: #771209;--color-red-900: #5a0e07;--color-red-950: #450c07;--color-red-1000: #2f0704;--bg-product-anti-virus: #efe4fb;--bg-product-scam-protection: #f8ecdf;--bg-product-dark-web-monitor: #f5dddc;--bg-product-meshnet: #d7e3f6;--chart-1: #6387ee;--chart-2: #ec6255;--chart-3: #ba8555;--chart-4: #e85e83;--chart-5: #e4700c;--chart-6: #3a9e85;--chart-7: #967cc2;--chart-8: #909192;--bg-primary: var(--color-neutral-100);--bg-secondary: var(--color-neutral-0);--bg-tertiary: var(--color-neutral-150);--bg-accent: var(--color-blue-600);--bg-accent-subtle: var(--color-blue-100);--bg-accent-active: var(--color-blue-700);--bg-success: var(--color-green-600);--bg-success-subtle: var(--color-green-100);--bg-warning: var(--color-yellow-300);--bg-warning-subtle: var(--color-yellow-100);--bg-critical: var(--color-red-600);--bg-critical-subtle: var(--color-red-100);--bg-disabled: var(--color-neutral-300);--bg-overlay: rgba(20, 20, 21, .5);--bg-inverse: var(--color-neutral-950);--bg-glass: rgba(247, 247, 248, .7);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-accent: var(--color-blue-600);--text-accent-active: var(--color-blue-700);--text-primary-on-color: var(--color-neutral-0);--text-secondary-on-color:var(--color-neutral-100);--text-disabled: var(--color-neutral-400);--text-success: var(--color-green-700);--text-warning: var(--color-yellow-700);--text-critical: var(--color-red-700);--text-placeholder: var(--color-neutral-600);--border-primary: var(--color-neutral-300);--border-secondary: var(--color-neutral-200);--border-input: var(--color-neutral-500);--border-accent: var(--color-blue-600);--border-success: var(--color-green-400);--border-warning: var(--color-yellow-300);--border-critical: var(--color-red-400);--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--fs-2xs: .6875rem;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.375rem;--fs-3xl: 1.5rem;--fs-4xl: 1.625rem;--fs-5xl: 1.75rem;--fs-6xl: 2rem;--fs-7xl: 2.5rem;--fs-8xl: 3rem;--fs-9xl: 3.5rem;--fw-normal: 400;--fw-medium: 500;--fw-bold: 600;--ls-2xs: -.047rem;--ls-xs: -.031rem;--ls-sm: -.016rem;--ls-md: 0;--ls-lg: .016rem;--radius-none: 0;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--bw-none: 0;--bw-sm: .5px;--bw-md: 1px;--bw-lg: 2px;--bw-xl: 3px;--blur-sm: 8px;--blur-md: 16px;--blur-lg: 24px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 10%);--shadow-md: 0 2px 4px 0 rgb(0 0 0 / 16%);--shadow-lg: 0 4px 8px 0 rgb(0 0 0 / 16%);--shadow-bevel: 0 2px 8px 0 rgba(0,0,0,.04);--shadow-modal: 0 4px 8px 0 rgb(0 0 0 / 16%);--shadow-popover: 0 2px 4px 0 rgb(0 0 0 / 16%);--shadow-bottom-sheet: 0 -4px 8px 0 rgb(0 0 0 / 16%);--shadow-focus: 0 0 0 2px var(--color-neutral-0), 0 0 0 4px var(--color-blue-600);--shadow-focus-inset: inset 0 0 0 2px var(--color-blue-600), inset 0 0 0 4px var(--color-neutral-0);--shadow-app-icon-feature: 0 2px 3px 0 rgba(0, 0, 0, .2);--bg-gradient-primary-end: rgba(247, 247, 248, 0);--bg-gradient-secondary-start: var(--color-neutral-0);--bg-gradient-secondary-end: rgba(255, 255, 255, 0);--badge-glass-sheen: linear-gradient(74deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.24) 100%);--glass-border-gradient: linear-gradient(135deg, rgba(255,255,255,.6) 0%, rgba(255,255,255,.12) 50%, rgba(255,255,255,.4) 100%);--glass-border-gradient-y: linear-gradient(180deg, rgba(255,255,255,.6) 0%, rgba(255,255,255,.12) 50%, rgba(255,255,255,.4) 100%);--app-icon-surface: linear-gradient(180deg, #f7f7f8 0%, #ededed 100%);--app-icon-surface-inset: inset 0 .75px .75px 0 rgba(255,255,255,.3);--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--duration-fast: .15s;--duration-medium: .25s;--duration-slow: .4s;--bp-xs: 320px;--bp-md: 768px;--bp-lg: 1200px;--container-sm: 608px;--container-md: 736px;--container-lg: 960px}.dark{--bg-primary: var(--color-neutral-1000);--bg-secondary: var(--color-neutral-950);--bg-tertiary: var(--color-neutral-900);--bg-accent-subtle: var(--color-blue-900);--bg-success-subtle: var(--color-green-900);--bg-warning-subtle: var(--color-yellow-900);--bg-critical-subtle: var(--color-red-900);--bg-disabled: var(--color-neutral-800);--bg-glass: rgba(20, 20, 21, .7);--bg-inverse: var(--color-neutral-0);--text-primary: var(--color-neutral-0);--text-secondary: var(--color-neutral-500);--text-accent: var(--color-blue-500);--text-accent-active: var(--color-blue-400);--text-disabled: var(--color-neutral-700);--text-success: var(--color-green-400);--text-warning: var(--color-yellow-300);--text-critical: var(--color-red-400);--text-placeholder: var(--color-neutral-400);--border-primary: var(--color-neutral-700);--border-secondary: var(--color-neutral-800);--border-input: var(--color-neutral-600);--border-success: var(--color-green-600);--border-warning: var(--color-yellow-600);--border-critical: var(--color-red-600);--bg-gradient-primary-end: rgba(20, 20, 21, 0);--bg-gradient-secondary-start: var(--color-neutral-950);--bg-gradient-secondary-end: rgba(29, 30, 32, 0);--bg-product-anti-virus: #45226e;--bg-product-scam-protection: #5f4b30;--bg-product-dark-web-monitor: #4b0d07;--bg-product-meshnet: #172a62}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary)}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.aa-display{font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:var(--fs-3xl);line-height:32px;letter-spacing:var(--ls-md)}.aa-heading{font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:var(--fs-xl);line-height:26px;letter-spacing:var(--ls-md)}.aa-heading-2xl{font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:var(--fs-6xl);line-height:40px;letter-spacing:var(--ls-sm)}.aa-heading-xl{font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:var(--fs-5xl);line-height:36px;letter-spacing:var(--ls-sm)}.aa-heading-lg{font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:var(--fs-4xl);line-height:34px;letter-spacing:var(--ls-sm)}.aa-heading-md{font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:var(--fs-3xl);line-height:32px;letter-spacing:var(--ls-md)}.aa-heading-sm{font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:var(--fs-xl);line-height:26px;letter-spacing:var(--ls-md)}.aa-subHeading{font-family:var(--font-sans);font-weight:var(--fw-medium);font-size:var(--fs-md);line-height:22px}.aa-body{font-family:var(--font-sans);font-weight:var(--fw-normal);font-size:var(--fs-md);line-height:22px}.aa-body-lg{font-family:var(--font-sans);font-weight:var(--fw-normal);font-size:var(--fs-lg);line-height:24px}.aa-body-sm,.aa-subBody{font-family:var(--font-sans);font-weight:var(--fw-normal);font-size:var(--fs-sm);line-height:20px}.aa-body-xs,.aa-caption{font-family:var(--font-sans);font-weight:var(--fw-normal);font-size:var(--fs-xs);line-height:18px}.aa-caption-medium{font-family:var(--font-sans);font-weight:var(--fw-medium);font-size:var(--fs-xs);line-height:18px}.aa-body-2xs{font-family:var(--font-sans);font-weight:var(--fw-normal);font-size:var(--fs-2xs);line-height:18px}.aa-bg-primary{background:var(--bg-primary)}.aa-bg-secondary{background:var(--bg-secondary)}.aa-bg-tertiary{background:var(--bg-tertiary)}.aa-bg-accent{background:var(--bg-accent)}.aa-bg-accent-subtle{background:var(--bg-accent-subtle)}.aa-bg-success{background:var(--bg-success)}.aa-bg-success-subtle{background:var(--bg-success-subtle)}.aa-bg-warning{background:var(--bg-warning)}.aa-bg-warning-subtle{background:var(--bg-warning-subtle)}.aa-bg-critical{background:var(--bg-critical)}.aa-bg-critical-subtle{background:var(--bg-critical-subtle)}.aa-bg-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md))}.aa-glass-ring:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;padding:1px;background:var(--glass-border-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.aa-bg-inverse{background:var(--bg-inverse);color:var(--text-primary-on-color)}.aa-text-primary{color:var(--text-primary)}.aa-text-secondary{color:var(--text-secondary)}.aa-text-accent{color:var(--text-accent)}.aa-text-on-color{color:var(--text-primary-on-color)}.aa-text-success{color:var(--text-success)}.aa-text-warning{color:var(--text-warning)}.aa-text-critical{color:var(--text-critical)}.aa-text-disabled{color:var(--text-disabled)}.aa-text-placeholder{color:var(--text-placeholder)}.aa-card{background:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-bevel);border:var(--bw-md) solid transparent}.dark .aa-card{box-shadow:0 2px 8px #0000,inset 0 .5px #ffffff29}.aa-focus:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.aa-focus-inset:focus-visible{outline:none;box-shadow:var(--shadow-focus-inset)}.aa-trans-fast{transition:all var(--duration-fast) var(--ease-out)}.aa-trans-medium{transition:all var(--duration-medium) var(--ease-out)}.aa-trans-slow{transition:all var(--duration-slow) var(--ease-out)}html,body,#root{height:100%;margin:0;background:#0b0b0c}#root{display:flex;align-items:stretch}.demo-sidebar{width:clamp(334px,calc(28vw + 14px),594px);padding-right:14px;scrollbar-gutter:stable}.demo-arch-cards{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(216px,1fr))}@keyframes gpop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes gring{0%{box-shadow:0 0 #e02f1f73}70%{box-shadow:0 0 0 22px #e02f1f00}to{box-shadow:0 0 #e02f1f00}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--color-neutral-800);border-radius:4px}::-webkit-scrollbar-track{background:transparent}