@charset "UTF-8";

@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url('/assets/inter-roman-cyrillic.5f2c6c8c.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url('/assets/inter-roman-cyrillic-ext.e75737ce.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url('/assets/inter-roman-greek.d5a6d92a.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url('/assets/inter-roman-greek-ext.ab0619bc.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url('/assets/inter-roman-latin.2ed14f66.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url('/assets/inter-roman-latin-ext.0030eebd.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url('/assets/inter-roman-vietnamese.14ce25a6.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: 'Italic';
  src: url('/assets/inter-italic-cyrillic.ea42a392.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: 'Italic';
  src: url('/assets/inter-italic-cyrillic-ext.33bd5a8e.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: 'Italic';
  src: url('/assets/inter-italic-greek.8f4463c4.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: 'Italic';
  src: url('/assets/inter-italic-greek-ext.4fbe9427.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: 'Italic';
  src: url('/assets/inter-italic-latin.bd3b6f56.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: 'Italic';
  src: url('/assets/inter-italic-latin-ext.bd8920cc.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: 'Italic';
  src: url('/assets/inter-italic-vietnamese.6ce511fb.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* Chinese quotes rendering fix. 中英文弯引号共享 Unicode 码位，确保引号使用中文字体渲染 */
@font-face {
  font-family: 'Chinese Quotes';
  src: local('PingFang SC Regular'), local('PingFang SC'), local('SimHei'),
    local('Source Han Sans SC');
  unicode-range: U+2018, U+2019, U+201C, U+201D; /* 分别是 ‘’“” */
}
/**
 * Colors: Solid
 * -------------------------------------------------------------------------- */

:root {
  --vp-c-white: #ffffff;
  --vp-c-black: #000000;

  --vp-c-neutral: var(--vp-c-black);
  --vp-c-neutral-inverse: var(--vp-c-white);
}

.dark {
  --vp-c-neutral: var(--vp-c-white);
  --vp-c-neutral-inverse: var(--vp-c-black);
}

/**
 * Colors: Palette
 *
 * The primitive colors used for accent colors. These colors are referenced
 * by functional colors such as "Text", "Background", or "Brand".
 *
 * Each colors have exact same color scale system with 3 levels of solid
 * colors with different brightness, and 1 soft color.
 * 
 * - `XXX-1`: The most solid color used mainly for colored text. It must
 *   satisfy the contrast ratio against when used on top of `XXX-soft`.
 *
 * - `XXX-2`: The color used mainly for hover state of the button.
 *
 * - `XXX-3`: The color for solid background, such as bg color of the button.
 *    It must satisfy the contrast ratio with pure white (#ffffff) text on
 *    top of it.
 *
 * - `XXX-soft`: The color used for subtle background such as custom container
 *    or badges. It must satisfy the contrast ratio when putting `XXX-1` colors
 *    on top of it.
 *
 *    The soft color must be semi transparent alpha channel. This is crucial
 *    because it allows adding multiple "soft" colors on top of each other
 *    to create a accent, such as when having inline code block inside
 *    custom containers.
 * -------------------------------------------------------------------------- */

:root {
  --vp-c-gray-1: #dddde3;
  --vp-c-gray-2: #e4e4e9;
  --vp-c-gray-3: #ebebef;
  --vp-c-gray-soft: rgba(142, 150, 170, 0.14);

  --vp-c-indigo-1: #3451b2;
  --vp-c-indigo-2: #3a5ccc;
  --vp-c-indigo-3: #5672cd;
  --vp-c-indigo-soft: rgba(100, 108, 255, 0.14);

  --vp-c-green-1: #18794e;
  --vp-c-green-2: #299764;
  --vp-c-green-3: #30a46c;
  --vp-c-green-soft: rgba(16, 185, 129, 0.14);

  --vp-c-yellow-1: #915930;
  --vp-c-yellow-2: #946300;
  --vp-c-yellow-3: #9f6a00;
  --vp-c-yellow-soft: rgba(234, 179, 8, 0.14);

  --vp-c-red-1: #b8272c;
  --vp-c-red-2: #d5393e;
  --vp-c-red-3: #e0575b;
  --vp-c-red-soft: rgba(244, 63, 94, 0.14);

  --vp-c-sponsor: #db2777;
}

.dark {
  --vp-c-gray-1: #515c67;
  --vp-c-gray-2: #414853;
  --vp-c-gray-3: #32363f;
  --vp-c-gray-soft: rgba(101, 117, 133, 0.16);

  --vp-c-indigo-1: #a8b1ff;
  --vp-c-indigo-2: #5c73e7;
  --vp-c-indigo-3: #3e63dd;
  --vp-c-indigo-soft: rgba(100, 108, 255, 0.16);

  --vp-c-green-1: #3dd68c;
  --vp-c-green-2: #30a46c;
  --vp-c-green-3: #298459;
  --vp-c-green-soft: rgba(16, 185, 129, 0.16);

  --vp-c-yellow-1: #f9b44e;
  --vp-c-yellow-2: #da8b17;
  --vp-c-yellow-3: #a46a0a;
  --vp-c-yellow-soft: rgba(234, 179, 8, 0.16);

  --vp-c-red-1: #f66f81;
  --vp-c-red-2: #f14158;
  --vp-c-red-3: #b62a3c;
  --vp-c-red-soft: rgba(244, 63, 94, 0.16);
}

/**
 * Colors: Background
 *
 * - `bg`: The bg color used for main screen.
 *
 * - `bg-alt`: The alternative bg color used in places such as "sidebar",
 *   or "code block".
 *
 * - `bg-elv`: The elevated bg color. This is used at parts where it "floats",
 *   such as "dialog".
 *
 * - `bg-soft`: The bg color to slightly ditinguish some components from
 *   the page. Used for things like "carbon ads" or "table".
 * -------------------------------------------------------------------------- */

:root {
  --vp-c-bg: #ffffff;
  --vp-c-bg-alt: #f6f6f7;
  --vp-c-bg-elv: #ffffff;
  --vp-c-bg-soft: #f6f6f7;
}

.dark {
  --vp-c-bg: #1b1b1f;
  --vp-c-bg-alt: #161618;
  --vp-c-bg-elv: #202127;
  --vp-c-bg-soft: #202127;
}

/**
 * Colors: Borders
 *
 * - `divider`: This is used for separators. This is used to divide sections
 *   within the same components, such as having separator on "h2" heading.
 *
 * - `border`: This is designed for borders on interactive components.
 *   For example this should be used for a button outline.
 *
 * - `gutter`: This is used to divide components in the page. For example
 *   the header and the lest of the page.
 * -------------------------------------------------------------------------- */

:root {
  --vp-c-border: #c2c2c4;
  --vp-c-divider: #e2e2e3;
  --vp-c-gutter: #e2e2e3;
}

.dark {
  --vp-c-border: #3c3f44;
  --vp-c-divider: #2e2e32;
  --vp-c-gutter: #000000;
}

/**
 * Colors: Text
 *
 * - `text-1`: Used for primary text.
 *
 * - `text-2`: Used for muted texts, such as "inactive menu" or "info texts".
 *
 * - `text-3`: Used for subtle texts, such as "placeholders" or "caret icon".
 * -------------------------------------------------------------------------- */

:root {
  --vp-c-text-1: rgba(60, 60, 67);
  --vp-c-text-2: rgba(60, 60, 67, 0.78);
  --vp-c-text-3: rgba(60, 60, 67, 0.56);
}

.dark {
  --vp-c-text-1: rgba(255, 255, 245, 0.86);
  --vp-c-text-2: rgba(235, 235, 245, 0.6);
  --vp-c-text-3: rgba(235, 235, 245, 0.38);
}

/**
 * Colors: Function
 *
 * - `default`: The color used purely for subtle indication without any
 *   special meanings attched to it such as bg color for menu hover state.
 *
 * - `brand`: Used for primary brand colors, such as link text, button with
 *   brand theme, etc.
 *
 * - `tip`: Used to indicate useful information. The default theme uses the
 *   brand color for this by default.
 *
 * - `warning`: Used to indicate warning to the users. Used in custom
 *   container, badges, etc.
 *
 * - `danger`: Used to show error, or dangerous message to the users. Used
 *   in custom container, badges, etc.
 *
 * To understand the scaling system, refer to "Colors: Palette" section.
 * -------------------------------------------------------------------------- */

:root {
  --vp-c-default-1: var(--vp-c-gray-1);
  --vp-c-default-2: var(--vp-c-gray-2);
  --vp-c-default-3: var(--vp-c-gray-3);
  --vp-c-default-soft: var(--vp-c-gray-soft);

  --vp-c-brand-1: var(--vp-c-indigo-1);
  --vp-c-brand-2: var(--vp-c-indigo-2);
  --vp-c-brand-3: var(--vp-c-indigo-3);
  --vp-c-brand-soft: var(--vp-c-indigo-soft);

  /* DEPRECATED: Use `--vp-c-brand-1` instead. */
  --vp-c-brand: var(--vp-c-brand-1);

  --vp-c-tip-1: var(--vp-c-brand-1);
  --vp-c-tip-2: var(--vp-c-brand-2);
  --vp-c-tip-3: var(--vp-c-brand-3);
  --vp-c-tip-soft: var(--vp-c-brand-soft);

  --vp-c-warning-1: var(--vp-c-yellow-1);
  --vp-c-warning-2: var(--vp-c-yellow-2);
  --vp-c-warning-3: var(--vp-c-yellow-3);
  --vp-c-warning-soft: var(--vp-c-yellow-soft);

  --vp-c-danger-1: var(--vp-c-red-1);
  --vp-c-danger-2: var(--vp-c-red-2);
  --vp-c-danger-3: var(--vp-c-red-3);
  --vp-c-danger-soft: var(--vp-c-red-soft);
}

/**
 * Typography
 * -------------------------------------------------------------------------- */

:root {
  --vp-font-family-base: 'Chinese Quotes', 'Inter var', 'Inter', ui-sans-serif,
    system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Helvetica, Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --vp-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco,
    Consolas, 'Liberation Mono', 'Courier New', monospace;
}

/**
 * Shadows
 * -------------------------------------------------------------------------- */

:root {
  --vp-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.06);
  --vp-shadow-2: 0 3px 12px rgba(0, 0, 0, 0.07), 0 1px 4px rgba(0, 0, 0, 0.07);
  --vp-shadow-3: 0 12px 32px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.08);
  --vp-shadow-4: 0 14px 44px rgba(0, 0, 0, 0.12), 0 3px 9px rgba(0, 0, 0, 0.12);
  --vp-shadow-5: 0 18px 56px rgba(0, 0, 0, 0.16), 0 4px 12px rgba(0, 0, 0, 0.16);
}

/**
 * Z-indexes
 * -------------------------------------------------------------------------- */

:root {
  --vp-z-index-footer: 10;
  --vp-z-index-local-nav: 20;
  --vp-z-index-nav: 30;
  --vp-z-index-layout-top: 40;
  --vp-z-index-backdrop: 50;
  --vp-z-index-sidebar: 60;
}

/**
 * Icons
 * -------------------------------------------------------------------------- */

:root {
  --vp-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2'/%3E%3C/svg%3E");
  --vp-icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m-6 9 2 2 4-4'/%3E%3C/svg%3E");
}

/**
 * Layouts
 * -------------------------------------------------------------------------- */

:root {
  --vp-layout-max-width: 1440px;
}

/**
 * Component: Header Anchor
 * -------------------------------------------------------------------------- */

:root {
  --vp-header-anchor-symbol: '#';
}

/**
 * Component: Code
 * -------------------------------------------------------------------------- */

:root {
  --vp-code-line-height: 1.7;
  --vp-code-font-size: 0.875em;
  --vp-code-color: var(--vp-c-brand-1);
  --vp-code-link-color: var(--vp-c-brand-1);
  --vp-code-link-hover-color: var(--vp-c-brand-2);
  --vp-code-bg: var(--vp-c-default-soft);

  --vp-code-block-color: var(--vp-c-text-2);
  --vp-code-block-bg: var(--vp-c-bg-alt);
  --vp-code-block-divider-color: var(--vp-c-gutter);

  --vp-code-lang-color: var(--vp-c-text-3);

  --vp-code-line-highlight-color: var(--vp-c-default-soft);
  --vp-code-line-number-color: var(--vp-c-text-3);

  --vp-code-line-diff-add-color: var(--vp-c-green-soft);
  --vp-code-line-diff-add-symbol-color: var(--vp-c-green-1);

  --vp-code-line-diff-remove-color: var(--vp-c-red-soft);
  --vp-code-line-diff-remove-symbol-color: var(--vp-c-red-1);

  --vp-code-line-warning-color: var(--vp-c-yellow-soft);
  --vp-code-line-error-color: var(--vp-c-red-soft);

  --vp-code-copy-code-border-color: var(--vp-c-divider);
  --vp-code-copy-code-bg: var(--vp-c-bg-soft);
  --vp-code-copy-code-hover-border-color: var(--vp-c-divider);
  --vp-code-copy-code-hover-bg: var(--vp-c-bg);
  --vp-code-copy-code-active-text: var(--vp-c-text-2);
  --vp-code-copy-copied-text-content: 'Copied';

  --vp-code-tab-divider: var(--vp-code-block-divider-color);
  --vp-code-tab-text-color: var(--vp-c-text-2);
  --vp-code-tab-bg: var(--vp-code-block-bg);
  --vp-code-tab-hover-text-color: var(--vp-c-text-1);
  --vp-code-tab-active-text-color: var(--vp-c-text-1);
  --vp-code-tab-active-bar-color: var(--vp-c-brand-1);
}

/**
 * Component: Button
 * -------------------------------------------------------------------------- */

:root {
  --vp-button-brand-border: transparent;
  --vp-button-brand-text: var(--vp-c-white);
  --vp-button-brand-bg: var(--vp-c-brand-3);
  --vp-button-brand-hover-border: transparent;
  --vp-button-brand-hover-text: var(--vp-c-white);
  --vp-button-brand-hover-bg: var(--vp-c-brand-2);
  --vp-button-brand-active-border: transparent;
  --vp-button-brand-active-text: var(--vp-c-white);
  --vp-button-brand-active-bg: var(--vp-c-brand-1);

  --vp-button-alt-border: transparent;
  --vp-button-alt-text: var(--vp-c-text-1);
  --vp-button-alt-bg: var(--vp-c-default-3);
  --vp-button-alt-hover-border: transparent;
  --vp-button-alt-hover-text: var(--vp-c-text-1);
  --vp-button-alt-hover-bg: var(--vp-c-default-2);
  --vp-button-alt-active-border: transparent;
  --vp-button-alt-active-text: var(--vp-c-text-1);
  --vp-button-alt-active-bg: var(--vp-c-default-1);

  --vp-button-sponsor-border: var(--vp-c-text-2);
  --vp-button-sponsor-text: var(--vp-c-text-2);
  --vp-button-sponsor-bg: transparent;
  --vp-button-sponsor-hover-border: var(--vp-c-sponsor);
  --vp-button-sponsor-hover-text: var(--vp-c-sponsor);
  --vp-button-sponsor-hover-bg: transparent;
  --vp-button-sponsor-active-border: var(--vp-c-sponsor);
  --vp-button-sponsor-active-text: var(--vp-c-sponsor);
  --vp-button-sponsor-active-bg: transparent;
}

/**
 * Component: Custom Block
 * -------------------------------------------------------------------------- */

:root {
  --vp-custom-block-font-size: 14px;
  --vp-custom-block-code-font-size: 13px;

  --vp-custom-block-info-border: transparent;
  --vp-custom-block-info-text: var(--vp-c-text-1);
  --vp-custom-block-info-bg: var(--vp-c-default-soft);
  --vp-custom-block-info-code-bg: var(--vp-c-default-soft);

  --vp-custom-block-tip-border: transparent;
  --vp-custom-block-tip-text: var(--vp-c-text-1);
  --vp-custom-block-tip-bg: var(--vp-c-brand-soft);
  --vp-custom-block-tip-code-bg: var(--vp-c-brand-soft);

  --vp-custom-block-warning-border: transparent;
  --vp-custom-block-warning-text: var(--vp-c-text-1);
  --vp-custom-block-warning-bg: var(--vp-c-warning-soft);
  --vp-custom-block-warning-code-bg: var(--vp-c-warning-soft);

  --vp-custom-block-danger-border: transparent;
  --vp-custom-block-danger-text: var(--vp-c-text-1);
  --vp-custom-block-danger-bg: var(--vp-c-danger-soft);
  --vp-custom-block-danger-code-bg: var(--vp-c-danger-soft);

  --vp-custom-block-details-border: var(--vp-custom-block-info-border);
  --vp-custom-block-details-text: var(--vp-custom-block-info-text);
  --vp-custom-block-details-bg: var(--vp-custom-block-info-bg);
  --vp-custom-block-details-code-bg: var(--vp-custom-block-info-code-bg);
}

/**
 * Component: Input
 * -------------------------------------------------------------------------- */

:root {
  --vp-input-border-color: var(--vp-c-border);
  --vp-input-bg-color: var(--vp-c-bg-alt);

  --vp-input-switch-bg-color: var(--vp-c-gray-soft);
}

/**
 * Component: Nav
 * -------------------------------------------------------------------------- */

:root {
  --vp-nav-height: 64px;
  --vp-nav-bg-color: var(--vp-c-bg);
  --vp-nav-screen-bg-color: var(--vp-c-bg);
  --vp-nav-logo-height: 24px;
}

.hide-nav {
  --vp-nav-height: 0px;
}

.hide-nav .VPSidebar {
  --vp-nav-height: 22px;
}

/**
 * Component: Local Nav
 * -------------------------------------------------------------------------- */

:root {
  --vp-local-nav-bg-color: var(--vp-c-bg);
}

/**
 * Component: Sidebar
 * -------------------------------------------------------------------------- */

:root {
  --vp-sidebar-width: 272px;
  --vp-sidebar-bg-color: var(--vp-c-bg-alt);
}

/**
 * Colors Backdrop
 * -------------------------------------------------------------------------- */

:root {
  --vp-backdrop-bg-color: rgba(0, 0, 0, 0.6);
}

/**
 * Component: Home
 * -------------------------------------------------------------------------- */

:root {
  --vp-home-hero-name-color: var(--vp-c-brand-1);
  --vp-home-hero-name-background: transparent;

  --vp-home-hero-image-background-image: none;
  --vp-home-hero-image-filter: none;
}

/**
 * Component: Badge
 * -------------------------------------------------------------------------- */

:root {
  --vp-badge-info-border: transparent;
  --vp-badge-info-text: var(--vp-c-text-2);
  --vp-badge-info-bg: var(--vp-c-default-soft);

  --vp-badge-tip-border: transparent;
  --vp-badge-tip-text: var(--vp-c-brand-1);
  --vp-badge-tip-bg: var(--vp-c-brand-soft);

  --vp-badge-warning-border: transparent;
  --vp-badge-warning-text: var(--vp-c-warning-1);
  --vp-badge-warning-bg: var(--vp-c-warning-soft);

  --vp-badge-danger-border: transparent;
  --vp-badge-danger-text: var(--vp-c-danger-1);
  --vp-badge-danger-bg: var(--vp-c-danger-soft);
}

/**
 * Component: Carbon Ads
 * -------------------------------------------------------------------------- */

:root {
  --vp-carbon-ads-text-color: var(--vp-c-text-1);
  --vp-carbon-ads-poweredby-color: var(--vp-c-text-2);
  --vp-carbon-ads-bg-color: var(--vp-c-bg-soft);
  --vp-carbon-ads-hover-text-color: var(--vp-c-brand-1);
  --vp-carbon-ads-hover-poweredby-color: var(--vp-c-text-1);
}

/**
  * Component: Local Search
  * -------------------------------------------------------------------------- */

:root {
  --vp-local-search-bg: var(--vp-c-bg);
  --vp-local-search-result-bg: var(--vp-c-bg);
  --vp-local-search-result-border: var(--vp-c-divider);
  --vp-local-search-result-selected-bg: var(--vp-c-bg);
  --vp-local-search-result-selected-border: var(--vp-c-brand-1);
  --vp-local-search-highlight-bg: var(--vp-c-brand-1);
  --vp-local-search-highlight-text: var(--vp-c-neutral-inverse);
}
@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    animation-delay: -1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    background-attachment: initial !important;
    scroll-behavior: auto !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
  }
}

*,
::before,
::after {
  box-sizing: border-box;
}

html {
  line-height: 1.4;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
}

html.dark {
  color-scheme: dark;
}

body {
  margin: 0;
  width: 100%;
  min-width: 320px;
  min-height: 100vh;
  line-height: 24px;
  font-family: var(--vp-font-family-base);
  font-size: 16px;
  font-weight: 400;
  color: var(--vp-c-text-1);
  background-color: var(--vp-c-bg);
  direction: ltr;
  font-synthesis: style;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

main {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
}

p {
  margin: 0;
}

strong,
b {
  font-weight: 600;
}

/**
 * Avoid 300ms click delay on touch devices that support the `touch-action`
 * CSS property.
 *
 * In particular, unlike most other browsers, IE11+Edge on Windows 10 on
 * touch devices and IE Mobile 10-11 DON'T remove the click delay when
 * `<meta name="viewport" content="width=device-width">` is present.
 * However, they DO support removing the click delay via
 * `touch-action: manipulation`.
 *
 * See:
 * - http://v4-alpha.getbootstrap.com/content/reboot/#click-delay-optimization-for-touch
 * - http://caniuse.com/#feat=css-touch-action
 * - http://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay
 */
a,
area,
button,
[role='button'],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

a {
  color: inherit;
  text-decoration: inherit;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

blockquote {
  margin: 0;
}

pre,
code,
kbd,
samp {
  font-family: var(--vp-font-family-mono);
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
}

figure {
  margin: 0;
}

img,
video {
  max-width: 100%;
  height: auto;
}

button,
input,
optgroup,
select,
textarea {
  border: 0;
  padding: 0;
  line-height: inherit;
  color: inherit;
}

button {
  padding: 0;
  font-family: inherit;
  background-color: transparent;
  background-image: none;
}

button:enabled,
[role='button']:enabled {
  cursor: pointer;
}

button:focus,
button:focus-visible {
  outline: 1px dotted;
  outline: 4px auto -webkit-focus-ring-color;
}

button:focus:not(:focus-visible) {
  outline: none !important;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
}

table {
  border-collapse: collapse;
}

input {
  background-color: transparent;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: var(--vp-c-text-3);
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: var(--vp-c-text-3);
}

input::placeholder,
textarea::placeholder {
  color: var(--vp-c-text-3);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type='number'] {
  -moz-appearance: textfield;
}

textarea {
  resize: vertical;
}

select {
  -webkit-appearance: none;
}

fieldset {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
p {
  overflow-wrap: break-word;
}

vite-error-overlay {
  z-index: 9999;
}

mjx-container {
  display: inline-block;
  margin: auto 2px -2px;
}

mjx-container > svg {
  margin: auto;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
}
.custom-block {
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 16px 16px 8px;
  line-height: 24px;
  font-size: var(--vp-custom-block-font-size);
  color: var(--vp-c-text-2);
}

.custom-block.info {
  border-color: var(--vp-custom-block-info-border);
  color: var(--vp-custom-block-info-text);
  background-color: var(--vp-custom-block-info-bg);
}

.custom-block.info a,
.custom-block.info code {
  color: var(--vp-c-brand-1);
}

.custom-block.info a:hover {
  color: var(--vp-c-brand-2);
}

.custom-block.info code {
  background-color: var(--vp-custom-block-info-code-bg);
}

.custom-block.tip {
  border-color: var(--vp-custom-block-tip-border);
  color: var(--vp-custom-block-tip-text);
  background-color: var(--vp-custom-block-tip-bg);
}

.custom-block.tip a,
.custom-block.tip code {
  color: var(--vp-c-brand-1);
}

.custom-block.tip a:hover {
  color: var(--vp-c-brand-2);
}

.custom-block.tip code {
  background-color: var(--vp-custom-block-tip-code-bg);
}

.custom-block.warning {
  border-color: var(--vp-custom-block-warning-border);
  color: var(--vp-custom-block-warning-text);
  background-color: var(--vp-custom-block-warning-bg);
}

.custom-block.warning a,
.custom-block.warning code {
  color: var(--vp-c-warning-1);
}

.custom-block.warning a:hover {
  color: var(--vp-c-warning-2);
}

.custom-block.warning code {
  background-color: var(--vp-custom-block-warning-code-bg);
}

.custom-block.danger {
  border-color: var(--vp-custom-block-danger-border);
  color: var(--vp-custom-block-danger-text);
  background-color: var(--vp-custom-block-danger-bg);
}

.custom-block.danger a,
.custom-block.danger code {
  color: var(--vp-c-danger-1);
}

.custom-block.danger a:hover {
  color: var(--vp-c-danger-2);
}

.custom-block.danger code {
  background-color: var(--vp-custom-block-danger-code-bg);
}

.custom-block.details {
  border-color: var(--vp-custom-block-details-border);
  color: var(--vp-custom-block-details-text);
  background-color: var(--vp-custom-block-details-bg);
}

.custom-block.details a {
  color: var(--vp-c-brand-1);
}

.custom-block.details a:hover {
  color: var(--vp-c-brand-2);
}

.custom-block.details code {
  background-color: var(--vp-custom-block-details-code-bg);
}

.custom-block-title {
  font-weight: 600;
}

.custom-block p + p {
  margin: 8px 0;
}

.custom-block.details summary {
  margin: 0 0 8px;
  font-weight: 700;
  cursor: pointer;
}

.custom-block.details summary + p {
  margin: 8px 0;
}

.custom-block a {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: opacity 0.25s;
}

.custom-block a:hover {
  opacity: 0.75;
}

.custom-block code {
  font-size: var(--vp-custom-block-code-font-size);
}

.custom-block.custom-block th,
.custom-block.custom-block blockquote > p {
  font-size: var(--vp-custom-block-font-size);
  color: inherit;
}
.dark .vp-code-light {
  display: none;
}

html:not(.dark) .vp-code-dark {
  display: none;
}
.vp-code-group {
  margin-top: 16px;
}

.vp-code-group .tabs {
  position: relative;
  display: flex;
  margin-right: -24px;
  margin-left: -24px;
  padding: 0 12px;
  background-color: var(--vp-code-tab-bg);
  overflow-x: auto;
  overflow-y: hidden;
  box-shadow: inset 0 -1px var(--vp-code-tab-divider);
}

@media (min-width: 640px) {
  .vp-code-group .tabs {
    margin-right: 0;
    margin-left: 0;
    border-radius: 8px 8px 0 0;
  }
}

.vp-code-group .tabs input {
  position: fixed;
  opacity: 0;
  pointer-events: none;
}

.vp-code-group .tabs label {
  position: relative;
  display: inline-block;
  border-bottom: 1px solid transparent;
  padding: 0 12px;
  line-height: 48px;
  font-size: 14px;
  font-weight: 500;
  color: var(--vp-code-tab-text-color);
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.25s;
}

.vp-code-group .tabs label::after {
  position: absolute;
  right: 8px;
  bottom: -1px;
  left: 8px;
  z-index: 1;
  height: 2px;
  border-radius: 2px;
  content: '';
  background-color: transparent;
  transition: background-color 0.25s;
}

.vp-code-group label:hover {
  color: var(--vp-code-tab-hover-text-color);
}

.vp-code-group input:checked + label {
  color: var(--vp-code-tab-active-text-color);
}

.vp-code-group input:checked + label::after {
  background-color: var(--vp-code-tab-active-bar-color);
}

.vp-code-group div[class*='language-'],
.vp-block {
  display: none;
  margin-top: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.vp-code-group div[class*='language-'].active,
.vp-block.active {
  display: block;
}

.vp-block {
  padding: 20px 24px;
}
/**
 * Headings
 * -------------------------------------------------------------------------- */

.vp-doc h1,
.vp-doc h2,
.vp-doc h3,
.vp-doc h4,
.vp-doc h5,
.vp-doc h6 {
  position: relative;
  font-weight: 600;
  outline: none;
}

.vp-doc h1 {
  letter-spacing: -0.02em;
  line-height: 40px;
  font-size: 28px;
}

.vp-doc h2 {
  margin: 48px 0 16px;
  border-top: 1px solid var(--vp-c-divider);
  padding-top: 24px;
  letter-spacing: -0.02em;
  line-height: 32px;
  font-size: 24px;
}

.vp-doc h3 {
  margin: 32px 0 0;
  letter-spacing: -0.01em;
  line-height: 28px;
  font-size: 20px;
}

.vp-doc .header-anchor {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -0.87em;
  font-weight: 500;
  user-select: none;
  opacity: 0;
  text-decoration: none;
  transition:
    color 0.25s,
    opacity 0.25s;
}

.vp-doc .header-anchor:before {
  content: var(--vp-header-anchor-symbol);
}

.vp-doc h1:hover .header-anchor,
.vp-doc h1 .header-anchor:focus,
.vp-doc h2:hover .header-anchor,
.vp-doc h2 .header-anchor:focus,
.vp-doc h3:hover .header-anchor,
.vp-doc h3 .header-anchor:focus,
.vp-doc h4:hover .header-anchor,
.vp-doc h4 .header-anchor:focus,
.vp-doc h5:hover .header-anchor,
.vp-doc h5 .header-anchor:focus,
.vp-doc h6:hover .header-anchor,
.vp-doc h6 .header-anchor:focus {
  opacity: 1;
}

@media (min-width: 768px) {
  .vp-doc h1 {
    letter-spacing: -0.02em;
    line-height: 40px;
    font-size: 32px;
  }
}

.vp-doc h2 .header-anchor {
  top: 24px;
}

/**
 * Paragraph and inline elements
 * -------------------------------------------------------------------------- */

.vp-doc p,
.vp-doc summary {
  margin: 16px 0;
}

.vp-doc p {
  line-height: 28px;
}

.vp-doc blockquote {
  margin: 16px 0;
  border-left: 2px solid var(--vp-c-divider);
  padding-left: 16px;
  transition: border-color 0.5s;
}

.vp-doc blockquote > p {
  margin: 0;
  font-size: 16px;
  color: var(--vp-c-text-2);
  transition: color 0.5s;
}

.vp-doc a {
  font-weight: 500;
  color: var(--vp-c-brand-1);
  text-decoration: underline;
  text-underline-offset: 2px;
  transition:
    color 0.25s,
    opacity 0.25s;
}

.vp-doc a:hover {
  color: var(--vp-c-brand-2);
}

.vp-doc strong {
  font-weight: 600;
}

/**
 * Lists
 * -------------------------------------------------------------------------- */

.vp-doc ul,
.vp-doc ol {
  padding-left: 1.25rem;
  margin: 16px 0;
}

.vp-doc ul {
  list-style: disc;
}

.vp-doc ol {
  list-style: decimal;
}

.vp-doc li + li {
  margin-top: 8px;
}

.vp-doc li > ol,
.vp-doc li > ul {
  margin: 8px 0 0;
}

/**
 * Table
 * -------------------------------------------------------------------------- */

.vp-doc table {
  display: block;
  border-collapse: collapse;
  margin: 20px 0;
  overflow-x: auto;
}

.vp-doc tr {
  border-top: 1px solid var(--vp-c-divider);
  transition: background-color 0.5s;
}

.vp-doc tr:nth-child(2n) {
  background-color: var(--vp-c-bg-soft);
}

.vp-doc th,
.vp-doc td {
  border: 1px solid var(--vp-c-divider);
  padding: 8px 16px;
}

.vp-doc th {
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  color: var(--vp-c-text-2);
  background-color: var(--vp-c-bg-soft);
}

.vp-doc td {
  font-size: 14px;
}

/**
 * Decorational elements
 * -------------------------------------------------------------------------- */

.vp-doc hr {
  margin: 16px 0;
  border: none;
  border-top: 1px solid var(--vp-c-divider);
}

/**
 * Custom Block
 * -------------------------------------------------------------------------- */

.vp-doc .custom-block {
  margin: 16px 0;
}

.vp-doc .custom-block p {
  margin: 8px 0;
  line-height: 24px;
}

.vp-doc .custom-block p:first-child {
  margin: 0;
}

.vp-doc .custom-block div[class*='language-'] {
  margin: 8px 0;
  border-radius: 8px;
}

.vp-doc .custom-block div[class*='language-'] code {
  font-weight: 400;
  background-color: transparent;
}

.vp-doc .custom-block .vp-code-group .tabs {
  margin: 0;
  border-radius: 8px 8px 0 0;
}

/**
 * Code
 * -------------------------------------------------------------------------- */

/* inline code */
.vp-doc :not(pre, h1, h2, h3, h4, h5, h6) > code {
  font-size: var(--vp-code-font-size);
  color: var(--vp-code-color);
}

.vp-doc :not(pre) > code {
  border-radius: 4px;
  padding: 3px 6px;
  background-color: var(--vp-code-bg);
  transition:
    color 0.25s,
    background-color 0.5s;
}

.vp-doc a > code {
  color: var(--vp-code-link-color);
}

.vp-doc a:hover > code {
  color: var(--vp-code-link-hover-color);
}

.vp-doc h1 > code,
.vp-doc h2 > code,
.vp-doc h3 > code {
  font-size: 0.9em;
}

.vp-doc div[class*='language-'],
.vp-block {
  position: relative;
  margin: 16px -24px;
  background-color: var(--vp-code-block-bg);
  overflow-x: auto;
  transition: background-color 0.5s;
}

@media (min-width: 640px) {
  .vp-doc div[class*='language-'],
  .vp-block {
    border-radius: 8px;
    margin: 16px 0;
  }
}

@media (max-width: 639px) {
  .vp-doc li div[class*='language-'] {
    border-radius: 8px 0 0 8px;
  }
}

.vp-doc div[class*='language-'] + div[class*='language-'],
.vp-doc div[class$='-api'] + div[class*='language-'],
.vp-doc div[class*='language-'] + div[class$='-api'] > div[class*='language-'] {
  margin-top: -8px;
}

.vp-doc [class*='language-'] pre,
.vp-doc [class*='language-'] code {
  /*rtl:ignore*/
  direction: ltr;
  /*rtl:ignore*/
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.vp-doc [class*='language-'] pre {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 20px 0;
  background: transparent;
  overflow-x: auto;
}

.vp-doc [class*='language-'] code {
  display: block;
  padding: 0 24px;
  width: fit-content;
  min-width: 100%;
  line-height: var(--vp-code-line-height);
  font-size: var(--vp-code-font-size);
  color: var(--vp-code-block-color);
  transition: color 0.5s;
}

.vp-doc [class*='language-'] code .highlighted {
  background-color: var(--vp-code-line-highlight-color);
  transition: background-color 0.5s;
  margin: 0 -24px;
  padding: 0 24px;
  width: calc(100% + 2 * 24px);
  display: inline-block;
}

.vp-doc [class*='language-'] code .highlighted.error {
  background-color: var(--vp-code-line-error-color);
}

.vp-doc [class*='language-'] code .highlighted.warning {
  background-color: var(--vp-code-line-warning-color);
}

.vp-doc [class*='language-'] code .diff {
  transition: background-color 0.5s;
  margin: 0 -24px;
  padding: 0 24px;
  width: calc(100% + 2 * 24px);
  display: inline-block;
}

.vp-doc [class*='language-'] code .diff::before {
  position: absolute;
  left: 10px;
}

.vp-doc [class*='language-'] .has-focused-lines .line:not(.has-focus) {
  filter: blur(0.095rem);
  opacity: 0.4;
  transition:
    filter 0.35s,
    opacity 0.35s;
}

.vp-doc [class*='language-'] .has-focused-lines .line:not(.has-focus) {
  opacity: 0.7;
  transition:
    filter 0.35s,
    opacity 0.35s;
}

.vp-doc [class*='language-']:hover .has-focused-lines .line:not(.has-focus) {
  filter: blur(0);
  opacity: 1;
}

.vp-doc [class*='language-'] code .diff.remove {
  background-color: var(--vp-code-line-diff-remove-color);
  opacity: 0.7;
}

.vp-doc [class*='language-'] code .diff.remove::before {
  content: '-';
  color: var(--vp-code-line-diff-remove-symbol-color);
}

.vp-doc [class*='language-'] code .diff.add {
  background-color: var(--vp-code-line-diff-add-color);
}

.vp-doc [class*='language-'] code .diff.add::before {
  content: '+';
  color: var(--vp-code-line-diff-add-symbol-color);
}

.vp-doc div[class*='language-'].line-numbers-mode {
  /*rtl:ignore*/
  padding-left: 32px;
}

.vp-doc .line-numbers-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  /*rtl:ignore*/
  left: 0;
  z-index: 3;
  /*rtl:ignore*/
  border-right: 1px solid var(--vp-code-block-divider-color);
  padding-top: 20px;
  width: 32px;
  text-align: center;
  font-family: var(--vp-font-family-mono);
  line-height: var(--vp-code-line-height);
  font-size: var(--vp-code-font-size);
  color: var(--vp-code-line-number-color);
  transition:
    border-color 0.5s,
    color 0.5s;
}

.vp-doc [class*='language-'] > button.copy {
  /*rtl:ignore*/
  direction: ltr;
  position: absolute;
  top: 12px;
  /*rtl:ignore*/
  right: 12px;
  z-index: 3;
  border: 1px solid var(--vp-code-copy-code-border-color);
  border-radius: 4px;
  width: 40px;
  height: 40px;
  background-color: var(--vp-code-copy-code-bg);
  opacity: 0;
  cursor: pointer;
  background-image: var(--vp-icon-copy);
  background-position: 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  transition:
    border-color 0.25s,
    background-color 0.25s,
    opacity 0.25s;
}

.vp-doc [class*='language-']:hover > button.copy,
.vp-doc [class*='language-'] > button.copy:focus {
  opacity: 1;
}

.vp-doc [class*='language-'] > button.copy:hover,
.vp-doc [class*='language-'] > button.copy.copied {
  border-color: var(--vp-code-copy-code-hover-border-color);
  background-color: var(--vp-code-copy-code-hover-bg);
}

.vp-doc [class*='language-'] > button.copy.copied,
.vp-doc [class*='language-'] > button.copy:hover.copied {
  /*rtl:ignore*/
  border-radius: 0 4px 4px 0;
  background-color: var(--vp-code-copy-code-hover-bg);
  background-image: var(--vp-icon-copied);
}

.vp-doc [class*='language-'] > button.copy.copied::before,
.vp-doc [class*='language-'] > button.copy:hover.copied::before {
  position: relative;
  top: -1px;
  /*rtl:ignore*/
  transform: translateX(calc(-100% - 1px));
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--vp-code-copy-code-hover-border-color);
  /*rtl:ignore*/
  border-right: 0;
  border-radius: 4px 0 0 4px;
  padding: 0 10px;
  width: fit-content;
  height: 40px;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  color: var(--vp-code-copy-code-active-text);
  background-color: var(--vp-code-copy-code-hover-bg);
  white-space: nowrap;
  content: var(--vp-code-copy-copied-text-content);
}

.vp-doc [class*='language-'] > span.lang {
  position: absolute;
  top: 2px;
  /*rtl:ignore*/
  right: 8px;
  z-index: 2;
  font-size: 12px;
  font-weight: 500;
  color: var(--vp-code-lang-color);
  transition:
    color 0.4s,
    opacity 0.4s;
}

.vp-doc [class*='language-']:hover > button.copy + span.lang,
.vp-doc [class*='language-'] > button.copy:focus + span.lang {
  opacity: 0;
}

/**
 * Component: Team
 * -------------------------------------------------------------------------- */

.vp-doc .VPTeamMembers {
  margin-top: 24px;
}

.vp-doc .VPTeamMembers.small.count-1 .container {
  margin: 0 !important;
  max-width: calc((100% - 24px) / 2) !important;
}

.vp-doc .VPTeamMembers.small.count-2 .container,
.vp-doc .VPTeamMembers.small.count-3 .container {
  max-width: 100% !important;
}

.vp-doc .VPTeamMembers.medium.count-1 .container {
  margin: 0 !important;
  max-width: calc((100% - 24px) / 2) !important;
}

/* prettier-ignore */
:is(.vp-external-link-icon, .vp-doc a[href*='://'], .vp-doc a[target='_blank']):not(.no-icon)::after {
  display: inline-block;
  margin-top: -1px;
  margin-left: 4px;
  width: 11px;
  height: 11px;
  background: currentColor;
  color: var(--vp-c-text-3);
  flex-shrink: 0;
  --icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z' /%3E%3C/svg%3E");
  -webkit-mask-image: var(--icon);
  mask-image: var(--icon);
}

.vp-external-link-icon::after {
  content: '';
}
/**
 * VPSponsors styles are defined as global because a new class gets
 * allied in onMounted` hook and we can't use socped style.
 */
.vp-sponsor {
  border-radius: 16px;
  overflow: hidden;
}

.vp-sponsor.aside {
  border-radius: 12px;
}

.vp-sponsor-section + .vp-sponsor-section {
  margin-top: 4px;
}

.vp-sponsor-tier {
  margin-bottom: 4px;
  text-align: center;
  letter-spacing: 1px;
  line-height: 24px;
  width: 100%;
  font-weight: 600;
  color: var(--vp-c-text-2);
  background-color: var(--vp-c-bg-soft);
}

.vp-sponsor.normal .vp-sponsor-tier {
  padding: 13px 0 11px;
  font-size: 14px;
}

.vp-sponsor.aside .vp-sponsor-tier {
  padding: 9px 0 7px;
  font-size: 12px;
}

.vp-sponsor-grid + .vp-sponsor-tier {
  margin-top: 4px;
}

.vp-sponsor-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.vp-sponsor-grid.xmini .vp-sponsor-grid-link {
  height: 64px;
}
.vp-sponsor-grid.xmini .vp-sponsor-grid-image {
  max-width: 64px;
  max-height: 22px;
}

.vp-sponsor-grid.mini .vp-sponsor-grid-link {
  height: 72px;
}
.vp-sponsor-grid.mini .vp-sponsor-grid-image {
  max-width: 96px;
  max-height: 24px;
}

.vp-sponsor-grid.small .vp-sponsor-grid-link {
  height: 96px;
}
.vp-sponsor-grid.small .vp-sponsor-grid-image {
  max-width: 96px;
  max-height: 24px;
}

.vp-sponsor-grid.medium .vp-sponsor-grid-link {
  height: 112px;
}
.vp-sponsor-grid.medium .vp-sponsor-grid-image {
  max-width: 120px;
  max-height: 36px;
}

.vp-sponsor-grid.big .vp-sponsor-grid-link {
  height: 184px;
}
.vp-sponsor-grid.big .vp-sponsor-grid-image {
  max-width: 192px;
  max-height: 56px;
}

.vp-sponsor-grid[data-vp-grid='2'] .vp-sponsor-grid-item {
  width: calc((100% - 4px) / 2);
}

.vp-sponsor-grid[data-vp-grid='3'] .vp-sponsor-grid-item {
  width: calc((100% - 4px * 2) / 3);
}

.vp-sponsor-grid[data-vp-grid='4'] .vp-sponsor-grid-item {
  width: calc((100% - 4px * 3) / 4);
}

.vp-sponsor-grid[data-vp-grid='5'] .vp-sponsor-grid-item {
  width: calc((100% - 4px * 4) / 5);
}

.vp-sponsor-grid[data-vp-grid='6'] .vp-sponsor-grid-item {
  width: calc((100% - 4px * 5) / 6);
}

.vp-sponsor-grid-item {
  flex-shrink: 0;
  width: 100%;
  background-color: var(--vp-c-bg-soft);
  transition: background-color 0.25s;
}

.vp-sponsor-grid-item:hover {
  background-color: var(--vp-c-default-soft);
}

.vp-sponsor-grid-item:hover .vp-sponsor-grid-image {
  filter: grayscale(0) invert(0);
}

.vp-sponsor-grid-item.empty:hover {
  background-color: var(--vp-c-bg-soft);
}

.dark .vp-sponsor-grid-item:hover {
  background-color: var(--vp-c-white);
}

.dark .vp-sponsor-grid-item.empty:hover {
  background-color: var(--vp-c-bg-soft);
}

.vp-sponsor-grid-link {
  display: flex;
}

.vp-sponsor-grid-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.vp-sponsor-grid-image {
  max-width: 100%;
  filter: grayscale(1);
  transition: filter 0.25s;
}

.dark .vp-sponsor-grid-image {
  filter: grayscale(1) invert(1);
}

.VPBadge[data-v-03b37436] {
  display: inline-block;
  margin-left: 2px;
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 0 10px;
  line-height: 22px;
  font-size: 12px;
  font-weight: 500;
  transform: translateY(-2px);
}
.vp-doc h1 > .VPBadge[data-v-03b37436] {
  margin-top: 4px;
  vertical-align: top;
}
.vp-doc h2 > .VPBadge[data-v-03b37436] {
  margin-top: 3px;
  padding: 0 8px;
  vertical-align: top;
}
.vp-doc h3 > .VPBadge[data-v-03b37436] {
  vertical-align: middle;
}
.vp-doc h4 > .VPBadge[data-v-03b37436],
.vp-doc h5 > .VPBadge[data-v-03b37436],
.vp-doc h6 > .VPBadge[data-v-03b37436] {
  vertical-align: middle;
  line-height: 18px;
}
.VPBadge.info[data-v-03b37436] {
  border-color: var(--vp-badge-info-border);
  color: var(--vp-badge-info-text);
  background-color: var(--vp-badge-info-bg);
}
.VPBadge.tip[data-v-03b37436] {
  border-color: var(--vp-badge-tip-border);
  color: var(--vp-badge-tip-text);
  background-color: var(--vp-badge-tip-bg);
}
.VPBadge.warning[data-v-03b37436] {
  border-color: var(--vp-badge-warning-border);
  color: var(--vp-badge-warning-text);
  background-color: var(--vp-badge-warning-bg);
}
.VPBadge.danger[data-v-03b37436] {
  border-color: var(--vp-badge-danger-border);
  color: var(--vp-badge-danger-text);
  background-color: var(--vp-badge-danger-bg);
}

.VPBackdrop[data-v-126cb9ce] {
  position: fixed;
  top: 0;
  /*rtl:ignore*/
  right: 0;
  bottom: 0;
  /*rtl:ignore*/
  left: 0;
  z-index: var(--vp-z-index-backdrop);
  background: var(--vp-backdrop-bg-color);
  transition: opacity 0.5s;
}
.VPBackdrop.fade-enter-from[data-v-126cb9ce],
.VPBackdrop.fade-leave-to[data-v-126cb9ce] {
  opacity: 0;
}
.VPBackdrop.fade-leave-active[data-v-126cb9ce] {
  transition-duration: .25s;
}
@media (min-width: 1280px) {
.VPBackdrop[data-v-126cb9ce] {
    display: none;
}
}

.NotFound[data-v-1015037a] {
  padding: 64px 24px 96px;
  text-align: center;
}
@media (min-width: 768px) {
.NotFound[data-v-1015037a] {
    padding: 96px 32px 168px;
}
}
.code[data-v-1015037a] {
  line-height: 64px;
  font-size: 64px;
  font-weight: 600;
}
.title[data-v-1015037a] {
  padding-top: 12px;
  letter-spacing: 2px;
  line-height: 20px;
  font-size: 20px;
  font-weight: 700;
}
.divider[data-v-1015037a] {
  margin: 24px auto 18px;
  width: 64px;
  height: 1px;
  background-color: var(--vp-c-divider);
}
.quote[data-v-1015037a] {
  margin: 0 auto;
  max-width: 256px;
  font-size: 14px;
  font-weight: 500;
  color: var(--vp-c-text-2);
}
.action[data-v-1015037a] {
  padding-top: 20px;
}
.link[data-v-1015037a] {
  display: inline-block;
  border: 1px solid var(--vp-c-brand-1);
  border-radius: 16px;
  padding: 3px 16px;
  font-size: 14px;
  font-weight: 500;
  color: var(--vp-c-brand-1);
  transition:
    border-color 0.25s,
    color 0.25s;
}
.link[data-v-1015037a]:hover {
  border-color: var(--vp-c-brand-2);
  color: var(--vp-c-brand-2);
}

.root[data-v-4b164946] {
  position: relative;
  z-index: 1;
}
.nested[data-v-4b164946] {
  padding-left: 16px;
}
.outline-link[data-v-4b164946] {
  display: block;
  line-height: 28px;
  color: var(--vp-c-text-2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.5s;
  font-weight: 400;
}
.outline-link[data-v-4b164946]:hover,
.outline-link.active[data-v-4b164946] {
  color: var(--vp-c-text-1);
  transition: color 0.25s;
}
.outline-link.nested[data-v-4b164946] {
  padding-left: 13px;
}

.VPDocAsideOutline[data-v-62e05eb5] {
  display: none;
}
.VPDocAsideOutline.has-outline[data-v-62e05eb5] {
  display: block;
}
.content[data-v-62e05eb5] {
  position: relative;
  border-left: 1px solid var(--vp-c-divider);
  padding-left: 16px;
  font-size: 13px;
  font-weight: 500;
}
.outline-marker[data-v-62e05eb5] {
  position: absolute;
  top: 32px;
  left: -1px;
  z-index: 0;
  opacity: 0;
  width: 2px;
  border-radius: 2px;
  height: 18px;
  background-color: var(--vp-c-brand-1);
  transition:
    top 0.25s cubic-bezier(0, 1, 0.5, 1),
    background-color 0.5s,
    opacity 0.25s;
}
.outline-title[data-v-62e05eb5] {
  letter-spacing: 0.4px;
  line-height: 28px;
  font-size: 13px;
  font-weight: 600;
}

.VPDocAside[data-v-41db1404] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.spacer[data-v-41db1404] {
  flex-grow: 1;
}
.VPDocAside[data-v-41db1404] .spacer + .VPDocAsideSponsors,
.VPDocAside[data-v-41db1404] .spacer + .VPDocAsideCarbonAds {
  margin-top: 24px;
}
.VPDocAside[data-v-41db1404] .VPDocAsideSponsors + .VPDocAsideCarbonAds {
  margin-top: 16px;
}

.VPLastUpdated[data-v-be98f08e] {
  line-height: 24px;
  font-size: 14px;
  font-weight: 500;
  color: var(--vp-c-text-2);
}
@media (min-width: 640px) {
.VPLastUpdated[data-v-be98f08e] {
    line-height: 32px;
    font-size: 14px;
    font-weight: 500;
}
}

.VPDocFooter[data-v-e2312fe5] {
  margin-top: 64px;
}
.edit-info[data-v-e2312fe5] {
  padding-bottom: 18px;
}
@media (min-width: 640px) {
.edit-info[data-v-e2312fe5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 14px;
}
}
.edit-link-button[data-v-e2312fe5] {
  display: flex;
  align-items: center;
  border: 0;
  line-height: 32px;
  font-size: 14px;
  font-weight: 500;
  color: var(--vp-c-brand-1);
  transition: color 0.25s;
}
.edit-link-button[data-v-e2312fe5]:hover {
  color: var(--vp-c-brand-2);
}
.edit-link-icon[data-v-e2312fe5] {
  margin-right: 8px;
  width: 14px;
  height: 14px;
  fill: currentColor;
}
.prev-next[data-v-e2312fe5] {
  border-top: 1px solid var(--vp-c-divider);
  padding-top: 24px;
  display: grid;
  grid-row-gap: 8px;
}
@media (min-width: 640px) {
.prev-next[data-v-e2312fe5] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
}
}
.pager-link[data-v-e2312fe5] {
  display: block;
  border: 1px solid var(--vp-c-divider);
  border-radius: 8px;
  padding: 11px 16px 13px;
  width: 100%;
  height: 100%;
  transition: border-color 0.25s;
}
.pager-link[data-v-e2312fe5]:hover {
  border-color: var(--vp-c-brand-1);
}
.pager-link.next[data-v-e2312fe5] {
  margin-left: auto;
  text-align: right;
}
.desc[data-v-e2312fe5] {
  display: block;
  line-height: 20px;
  font-size: 12px;
  font-weight: 500;
  color: var(--vp-c-text-2);
}
.title[data-v-e2312fe5] {
  display: block;
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: var(--vp-c-brand-1);
  transition: color 0.25s;
}

.VPDocOutlineDropdown[data-v-9bb3f2d7] {
  margin-bottom: 48px;
}
.VPDocOutlineDropdown button[data-v-9bb3f2d7] {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  border: 1px solid var(--vp-c-border);
  padding: 4px 12px;
  color: var(--vp-c-text-2);
  background-color: var(--vp-c-default-soft);
  border-radius: 8px;
  transition: color 0.5s;
}
.VPDocOutlineDropdown button[data-v-9bb3f2d7]:hover {
  color: var(--vp-c-text-1);
  transition: color 0.25s;
}
.VPDocOutlineDropdown button.open[data-v-9bb3f2d7] {
  color: var(--vp-c-text-1);
}
.icon[data-v-9bb3f2d7] {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  fill: currentColor;
}
[data-v-9bb3f2d7] .outline-link {
  font-size: 14px;
  font-weight: 400;
}
.open > .icon[data-v-9bb3f2d7] {
  transform: rotate(90deg);
}
.items[data-v-9bb3f2d7] {
  margin-top: 12px;
  border-left: 1px solid var(--vp-c-divider);
}

.VPDoc[data-v-836bd90a] {
  padding: 32px 24px 96px;
  width: 100%;
}
.VPDoc .VPDocOutlineDropdown[data-v-836bd90a] {
  display: none;
}
@media (min-width: 960px) and (max-width: 1279px) {
.VPDoc .VPDocOutlineDropdown[data-v-836bd90a] {
    display: block;
}
}
@media (min-width: 768px) {
.VPDoc[data-v-836bd90a] {
    padding: 48px 32px 128px;
}
}
@media (min-width: 960px) {
.VPDoc[data-v-836bd90a] {
    padding: 32px 32px 0;
}
.VPDoc:not(.has-sidebar) .container[data-v-836bd90a] {
    display: flex;
    justify-content: center;
    max-width: 992px;
}
.VPDoc:not(.has-sidebar) .content[data-v-836bd90a] {
    max-width: 752px;
}
}
@media (min-width: 1280px) {
.VPDoc .container[data-v-836bd90a] {
    display: flex;
    justify-content: center;
}
.VPDoc .aside[data-v-836bd90a] {
    display: block;
}
}
@media (min-width: 1440px) {
.VPDoc:not(.has-sidebar) .content[data-v-836bd90a] {
    max-width: 784px;
}
.VPDoc:not(.has-sidebar) .container[data-v-836bd90a] {
    max-width: 1104px;
}
}
.container[data-v-836bd90a] {
  margin: 0 auto;
  width: 100%;
}
.aside[data-v-836bd90a] {
  position: relative;
  display: none;
  order: 2;
  flex-grow: 1;
  padding-left: 32px;
  width: 100%;
  max-width: 256px;
}
.left-aside[data-v-836bd90a] {
  order: 1;
  padding-left: unset;
  padding-right: 32px;
}
.aside-container[data-v-836bd90a] {
  position: fixed;
  top: 0;
  padding-top: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + var(--vp-doc-top-height, 0px) + 32px);
  width: 224px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
}
.aside-container[data-v-836bd90a]::-webkit-scrollbar {
  display: none;
}
.aside-curtain[data-v-836bd90a] {
  position: fixed;
  bottom: 0;
  z-index: 10;
  width: 224px;
  height: 32px;
  background: linear-gradient(transparent, var(--vp-c-bg) 70%);
}
.aside-content[data-v-836bd90a] {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - (var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 32px));
  padding-bottom: 32px;
}
.content[data-v-836bd90a] {
  position: relative;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 960px) {
.content[data-v-836bd90a] {
    padding: 0 32px 128px;
}
}
@media (min-width: 1280px) {
.content[data-v-836bd90a] {
    order: 1;
    margin: 0;
    min-width: 640px;
}
}
.content-container[data-v-836bd90a] {
  margin: 0 auto;
}
.VPDoc.has-aside .content-container[data-v-836bd90a] {
  max-width: 688px;
}
.external-link-icon-enabled[data-v-836bd90a] :is(.vp-doc a[href*='://'], .vp-doc a[target='_blank'])::after {
  content: '';
  color: currentColor;
}

.VPButton[data-v-f6ac30e1] {
  display: inline-block;
  border: 1px solid transparent;
  text-align: center;
  font-weight: 600;
  white-space: nowrap;
  transition: color 0.25s, border-color 0.25s, background-color 0.25s;
}
.VPButton[data-v-f6ac30e1]:active {
  transition: color 0.1s, border-color 0.1s, background-color 0.1s;
}
.VPButton.medium[data-v-f6ac30e1] {
  border-radius: 20px;
  padding: 0 20px;
  line-height: 38px;
  font-size: 14px;
}
.VPButton.big[data-v-f6ac30e1] {
  border-radius: 24px;
  padding: 0 24px;
  line-height: 46px;
  font-size: 16px;
}
.VPButton.brand[data-v-f6ac30e1] {
  border-color: var(--vp-button-brand-border);
  color: var(--vp-button-brand-text);
  background-color: var(--vp-button-brand-bg);
}
.VPButton.brand[data-v-f6ac30e1]:hover {
  border-color: var(--vp-button-brand-hover-border);
  color: var(--vp-button-brand-hover-text);
  background-color: var(--vp-button-brand-hover-bg);
}
.VPButton.brand[data-v-f6ac30e1]:active {
  border-color: var(--vp-button-brand-active-border);
  color: var(--vp-button-brand-active-text);
  background-color: var(--vp-button-brand-active-bg);
}
.VPButton.alt[data-v-f6ac30e1] {
  border-color: var(--vp-button-alt-border);
  color: var(--vp-button-alt-text);
  background-color: var(--vp-button-alt-bg);
}
.VPButton.alt[data-v-f6ac30e1]:hover {
  border-color: var(--vp-button-alt-hover-border);
  color: var(--vp-button-alt-hover-text);
  background-color: var(--vp-button-alt-hover-bg);
}
.VPButton.alt[data-v-f6ac30e1]:active {
  border-color: var(--vp-button-alt-active-border);
  color: var(--vp-button-alt-active-text);
  background-color: var(--vp-button-alt-active-bg);
}
.VPButton.sponsor[data-v-f6ac30e1] {
  border-color: var(--vp-button-sponsor-border);
  color: var(--vp-button-sponsor-text);
  background-color: var(--vp-button-sponsor-bg);
}
.VPButton.sponsor[data-v-f6ac30e1]:hover {
  border-color: var(--vp-button-sponsor-hover-border);
  color: var(--vp-button-sponsor-hover-text);
  background-color: var(--vp-button-sponsor-hover-bg);
}
.VPButton.sponsor[data-v-f6ac30e1]:active {
  border-color: var(--vp-button-sponsor-active-border);
  color: var(--vp-button-sponsor-active-text);
  background-color: var(--vp-button-sponsor-active-bg);
}

html:not(.dark) .VPImage.dark[data-v-3ff48986] {
  display: none;
}
.dark .VPImage.light[data-v-3ff48986] {
  display: none;
}

.VPHero[data-v-07a02837] {
  margin-top: calc((var(--vp-nav-height) + var(--vp-layout-top-height, 0px)) * -1);
  padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px) 24px 48px;
}
@media (min-width: 640px) {
.VPHero[data-v-07a02837] {
    padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 48px 64px;
}
}
@media (min-width: 960px) {
.VPHero[data-v-07a02837] {
    padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 64px 64px;
}
}
.container[data-v-07a02837] {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1152px;
}
@media (min-width: 960px) {
.container[data-v-07a02837] {
    flex-direction: row;
}
}
.main[data-v-07a02837] {
  position: relative;
  z-index: 10;
  order: 2;
  flex-grow: 1;
  flex-shrink: 0;
}
.VPHero.has-image .container[data-v-07a02837] {
  text-align: center;
}
@media (min-width: 960px) {
.VPHero.has-image .container[data-v-07a02837] {
    text-align: left;
}
}
@media (min-width: 960px) {
.main[data-v-07a02837] {
    order: 1;
    width: calc((100% / 3) * 2);
}
.VPHero.has-image .main[data-v-07a02837] {
    max-width: 592px;
}
}
.name[data-v-07a02837],
.text[data-v-07a02837] {
  max-width: 392px;
  letter-spacing: -0.4px;
  line-height: 40px;
  font-size: 32px;
  font-weight: 700;
  white-space: pre-wrap;
}
.VPHero.has-image .name[data-v-07a02837],
.VPHero.has-image .text[data-v-07a02837] {
  margin: 0 auto;
}
.name[data-v-07a02837] {
  color: var(--vp-home-hero-name-color);
}
.clip[data-v-07a02837] {
  background: var(--vp-home-hero-name-background);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: var(--vp-home-hero-name-color);
}
@media (min-width: 640px) {
.name[data-v-07a02837],
  .text[data-v-07a02837] {
    max-width: 576px;
    line-height: 56px;
    font-size: 48px;
}
}
@media (min-width: 960px) {
.name[data-v-07a02837],
  .text[data-v-07a02837] {
    line-height: 64px;
    font-size: 56px;
}
.VPHero.has-image .name[data-v-07a02837],
  .VPHero.has-image .text[data-v-07a02837] {
    margin: 0;
}
}
.tagline[data-v-07a02837] {
  padding-top: 8px;
  max-width: 392px;
  line-height: 28px;
  font-size: 18px;
  font-weight: 500;
  white-space: pre-wrap;
  color: var(--vp-c-text-2);
}
.VPHero.has-image .tagline[data-v-07a02837] {
  margin: 0 auto;
}
@media (min-width: 640px) {
.tagline[data-v-07a02837] {
    padding-top: 12px;
    max-width: 576px;
    line-height: 32px;
    font-size: 20px;
}
}
@media (min-width: 960px) {
.tagline[data-v-07a02837] {
    line-height: 36px;
    font-size: 24px;
}
.VPHero.has-image .tagline[data-v-07a02837] {
    margin: 0;
}
}
.actions[data-v-07a02837] {
  display: flex;
  flex-wrap: wrap;
  margin: -6px;
  padding-top: 24px;
}
.VPHero.has-image .actions[data-v-07a02837] {
  justify-content: center;
}
@media (min-width: 640px) {
.actions[data-v-07a02837] {
    padding-top: 32px;
}
}
@media (min-width: 960px) {
.VPHero.has-image .actions[data-v-07a02837] {
    justify-content: flex-start;
}
}
.action[data-v-07a02837] {
  flex-shrink: 0;
  padding: 6px;
}
.image[data-v-07a02837] {
  order: 1;
  margin: -76px -24px -48px;
}
@media (min-width: 640px) {
.image[data-v-07a02837] {
    margin: -108px -24px -48px;
}
}
@media (min-width: 960px) {
.image[data-v-07a02837] {
    flex-grow: 1;
    order: 2;
    margin: 0;
    min-height: 100%;
}
}
.image-container[data-v-07a02837] {
  position: relative;
  margin: 0 auto;
  width: 320px;
  height: 320px;
}
@media (min-width: 640px) {
.image-container[data-v-07a02837] {
    width: 392px;
    height: 392px;
}
}
@media (min-width: 960px) {
.image-container[data-v-07a02837] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    /*rtl:ignore*/
    transform: translate(-32px, -32px);
}
}
.image-bg[data-v-07a02837] {
  position: absolute;
  top: 50%;
  /*rtl:ignore*/
  left: 50%;
  border-radius: 50%;
  width: 192px;
  height: 192px;
  background-image: var(--vp-home-hero-image-background-image);
  filter: var(--vp-home-hero-image-filter);
  /*rtl:ignore*/
  transform: translate(-50%, -50%);
}
@media (min-width: 640px) {
.image-bg[data-v-07a02837] {
    width: 256px;
    height: 256px;
}
}
@media (min-width: 960px) {
.image-bg[data-v-07a02837] {
    width: 320px;
    height: 320px;
}
}
[data-v-07a02837] .image-src {
  position: absolute;
  top: 50%;
  /*rtl:ignore*/
  left: 50%;
  max-width: 192px;
  max-height: 192px;
  /*rtl:ignore*/
  transform: translate(-50%, -50%);
}
@media (min-width: 640px) {
[data-v-07a02837] .image-src {
    max-width: 256px;
    max-height: 256px;
}
}
@media (min-width: 960px) {
[data-v-07a02837] .image-src {
    max-width: 320px;
    max-height: 320px;
}
}

.VPFeature[data-v-e276f334] {
  display: block;
  border: 1px solid var(--vp-c-bg-soft);
  border-radius: 12px;
  height: 100%;
  background-color: var(--vp-c-bg-soft);
  transition: border-color 0.25s, background-color 0.25s;
}
.VPFeature.link[data-v-e276f334]:hover {
  border-color: var(--vp-c-brand-1);
}
.box[data-v-e276f334] {
  display: flex;
  flex-direction: column;
  padding: 24px;
  height: 100%;
}
.box[data-v-e276f334] >  .VPImage {
  margin-bottom: 20px;
}
.icon[data-v-e276f334] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  border-radius: 6px;
  background-color: var(--vp-c-default-soft);
  width: 48px;
  height: 48px;
  font-size: 24px;
  transition: background-color 0.25s;
}
.title[data-v-e276f334] {
  line-height: 24px;
  font-size: 16px;
  font-weight: 600;
}
.details[data-v-e276f334] {
  flex-grow: 1;
  padding-top: 8px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 500;
  color: var(--vp-c-text-2);
}
.link-text[data-v-e276f334] {
  padding-top: 8px;
}
.link-text-value[data-v-e276f334] {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: var(--vp-c-brand-1);
}
.link-text-icon[data-v-e276f334] {
  display: inline-block;
  margin-left: 6px;
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.VPFeatures[data-v-4a3f1daf] {
  position: relative;
  padding: 0 24px;
}
@media (min-width: 640px) {
.VPFeatures[data-v-4a3f1daf] {
    padding: 0 48px;
}
}
@media (min-width: 960px) {
.VPFeatures[data-v-4a3f1daf] {
    padding: 0 64px;
}
}
.container[data-v-4a3f1daf] {
  margin: 0 auto;
  max-width: 1152px;
}
.items[data-v-4a3f1daf] {
  display: flex;
  flex-wrap: wrap;
  margin: -8px;
}
.item[data-v-4a3f1daf] {
  padding: 8px;
  width: 100%;
}
@media (min-width: 640px) {
.item.grid-2[data-v-4a3f1daf],
  .item.grid-4[data-v-4a3f1daf],
  .item.grid-6[data-v-4a3f1daf] {
    width: calc(100% / 2);
}
}
@media (min-width: 768px) {
.item.grid-2[data-v-4a3f1daf],
  .item.grid-4[data-v-4a3f1daf] {
    width: calc(100% / 2);
}
.item.grid-3[data-v-4a3f1daf],
  .item.grid-6[data-v-4a3f1daf] {
    width: calc(100% / 3);
}
}
@media (min-width: 960px) {
.item.grid-4[data-v-4a3f1daf] {
    width: calc(100% / 4);
}
}

.VPHome[data-v-ad6a60e2] {
  padding-bottom: 96px;
}
.VPHome[data-v-ad6a60e2] .VPHomeSponsors {
  margin-top: 112px;
  margin-bottom: -128px;
}
@media (min-width: 768px) {
.VPHome[data-v-ad6a60e2] {
    padding-bottom: 128px;
}
}

.VPContent[data-v-a4866d1a] {
  flex-grow: 1;
  flex-shrink: 0;
  margin: var(--vp-layout-top-height, 0px) auto 0;
  width: 100%;
}
.VPContent.is-home[data-v-a4866d1a] {
  width: 100%;
  max-width: 100%;
}
.VPContent.has-sidebar[data-v-a4866d1a] {
  margin: 0;
}
@media (min-width: 960px) {
.VPContent[data-v-a4866d1a] {
    padding-top: var(--vp-nav-height);
}
.VPContent.has-sidebar[data-v-a4866d1a] {
    margin: var(--vp-layout-top-height, 0px) 0 0;
    padding-left: var(--vp-sidebar-width);
}
}
@media (min-width: 1440px) {
.VPContent.has-sidebar[data-v-a4866d1a] {
    padding-right: calc((100vw - var(--vp-layout-max-width)) / 2);
    padding-left: calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width));
}
}

.VPFooter[data-v-5c6a6fd9] {
  position: relative;
  z-index: var(--vp-z-index-footer);
  border-top: 1px solid var(--vp-c-gutter);
  padding: 32px 24px;
  background-color: var(--vp-c-bg);
}
.VPFooter.has-sidebar[data-v-5c6a6fd9] {
  display: none;
}
@media (min-width: 768px) {
.VPFooter[data-v-5c6a6fd9] {
    padding: 32px;
}
}
.container[data-v-5c6a6fd9] {
  margin: 0 auto;
  max-width: var(--vp-layout-max-width);
  text-align: center;
}
.message[data-v-5c6a6fd9],
.copyright[data-v-5c6a6fd9] {
  line-height: 24px;
  font-size: 14px;
  font-weight: 500;
  color: var(--vp-c-text-2);
}

.VPLocalNavOutlineDropdown[data-v-ae72277d] {
  padding: 12px 20px 11px;
}
.VPLocalNavOutlineDropdown button[data-v-ae72277d] {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  color: var(--vp-c-text-2);
  transition: color 0.5s;
  position: relative;
}
.VPLocalNavOutlineDropdown button[data-v-ae72277d]:hover {
  color: var(--vp-c-text-1);
  transition: color 0.25s;
}
.VPLocalNavOutlineDropdown button.open[data-v-ae72277d] {
  color: var(--vp-c-text-1);
}
.icon[data-v-ae72277d] {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
  width: 14px;
  height: 14px;
  fill: currentColor;
}
[data-v-ae72277d] .outline-link {
  font-size: 14px;
  padding: 2px 0;
}
.open > .icon[data-v-ae72277d] {
  transform: rotate(90deg);
}
.items[data-v-ae72277d] {
  position: absolute;
  top: 64px;
  right: 16px;
  left: 16px;
  display: grid;
  gap: 1px;
  border: 1px solid var(--vp-c-border);
  border-radius: 8px;
  background-color: var(--vp-c-gutter);
  max-height: calc(var(--vp-vh, 100vh) - 86px);
  overflow: hidden auto;
  box-shadow: var(--vp-shadow-3);
}
.header[data-v-ae72277d] {
  background-color: var(--vp-c-bg-soft);
}
.top-link[data-v-ae72277d] {
  display: block;
  padding: 0 16px;
  line-height: 48px;
  font-size: 14px;
  font-weight: 500;
  color: var(--vp-c-brand-1);
}
.outline[data-v-ae72277d] {
  padding: 8px 0;
  background-color: var(--vp-c-bg-soft);
}
.flyout-enter-active[data-v-ae72277d] {
  transition: all .2s ease-out;
}
.flyout-leave-active[data-v-ae72277d] {
  transition: all .15s ease-in;
}
.flyout-enter-from[data-v-ae72277d],
.flyout-leave-to[data-v-ae72277d] {
  opacity: 0;
  transform: translateY(-16px);
}

.VPLocalNav[data-v-5f03eea2] {
  position: sticky;
  top: 0;
  /*rtl:ignore*/
  left: 0;
  z-index: var(--vp-z-index-local-nav);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--vp-c-gutter);
  border-bottom: 1px solid var(--vp-c-gutter);
  padding-top: var(--vp-layout-top-height, 0px);
  width: 100%;
  background-color: var(--vp-local-nav-bg-color);
}
.VPLocalNav.fixed[data-v-5f03eea2] {
  position: fixed;
}
.VPLocalNav.reached-top[data-v-5f03eea2] {
  border-top-color: transparent;
}
@media (min-width: 960px) {
.VPLocalNav[data-v-5f03eea2] {
    display: none;
}
}
.menu[data-v-5f03eea2] {
  display: flex;
  align-items: center;
  padding: 12px 24px 11px;
  line-height: 24px;
  font-size: 12px;
  font-weight: 500;
  color: var(--vp-c-text-2);
  transition: color 0.5s;
}
.menu[data-v-5f03eea2]:hover {
  color: var(--vp-c-text-1);
  transition: color 0.25s;
}
@media (min-width: 768px) {
.menu[data-v-5f03eea2] {
    padding: 0 32px;
}
}
.menu-icon[data-v-5f03eea2] {
  margin-right: 8px;
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.VPOutlineDropdown[data-v-5f03eea2] {
  padding: 12px 24px 11px;
}
@media (min-width: 768px) {
.VPOutlineDropdown[data-v-5f03eea2] {
    padding: 12px 32px 11px;
}
}

.VPSwitch[data-v-6747a049] {
  position: relative;
  border-radius: 11px;
  display: block;
  width: 40px;
  height: 22px;
  flex-shrink: 0;
  border: 1px solid var(--vp-input-border-color);
  background-color: var(--vp-input-switch-bg-color);
  transition: border-color 0.25s !important;
}
.VPSwitch[data-v-6747a049]:hover {
  border-color: var(--vp-c-brand-1);
}
.check[data-v-6747a049] {
  position: absolute;
  top: 1px;
  /*rtl:ignore*/
  left: 1px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--vp-c-neutral-inverse);
  box-shadow: var(--vp-shadow-1);
  transition: transform 0.25s !important;
}
.icon[data-v-6747a049] {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  overflow: hidden;
}
.icon[data-v-6747a049] svg {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  fill: var(--vp-c-text-2);
}
.dark .icon[data-v-6747a049] svg {
  fill: var(--vp-c-text-1);
  transition: opacity 0.25s !important;
}

.sun[data-v-e63d7145] {
  opacity: 1;
}
.moon[data-v-e63d7145] {
  opacity: 0;
}
.dark .sun[data-v-e63d7145] {
  opacity: 0;
}
.dark .moon[data-v-e63d7145] {
  opacity: 1;
}
.dark .VPSwitchAppearance[data-v-e63d7145] .check {
  /*rtl:ignore*/
  transform: translateX(18px);
}

.VPNavBarAppearance[data-v-88163ea8] {
  display: none;
}
@media (min-width: 1280px) {
.VPNavBarAppearance[data-v-88163ea8] {
    display: flex;
    align-items: center;
}
}

.VPMenuGroup + .VPMenuLink[data-v-75a29367] {
  margin: 12px -12px 0;
  border-top: 1px solid var(--vp-c-divider);
  padding: 12px 12px 0;
}
.link[data-v-75a29367] {
  display: block;
  border-radius: 6px;
  padding: 0 12px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 500;
  color: var(--vp-c-text-1);
  white-space: nowrap;
  transition: background-color 0.25s, color 0.25s;
}
.link[data-v-75a29367]:hover {
  color: var(--vp-c-brand-1);
  background-color: var(--vp-c-default-soft);
}
.link.active[data-v-75a29367] {
  color: var(--vp-c-brand-1);
}

.VPMenuGroup[data-v-1af41941] {
  margin: 12px -12px 0;
  border-top: 1px solid var(--vp-c-divider);
  padding: 12px 12px 0;
}
.VPMenuGroup[data-v-1af41941]:first-child {
  margin-top: 0;
  border-top: 0;
  padding-top: 0;
}
.VPMenuGroup + .VPMenuGroup[data-v-1af41941] {
  margin-top: 12px;
  border-top: 1px solid var(--vp-c-divider);
}
.title[data-v-1af41941] {
  padding: 0 12px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 600;
  color: var(--vp-c-text-2);
  white-space: nowrap;
  transition: color 0.25s;
}

.VPMenu[data-v-0e56c988] {
  border-radius: 12px;
  padding: 12px;
  min-width: 128px;
  border: 1px solid var(--vp-c-divider);
  background-color: var(--vp-c-bg-elv);
  box-shadow: var(--vp-shadow-3);
  transition: background-color 0.5s;
  max-height: calc(100vh - var(--vp-nav-height));
  overflow-y: auto;
}
.VPMenu[data-v-0e56c988] .group {
  margin: 0 -12px;
  padding: 0 12px 12px;
}
.VPMenu[data-v-0e56c988] .group + .group {
  border-top: 1px solid var(--vp-c-divider);
  padding: 11px 12px 12px;
}
.VPMenu[data-v-0e56c988] .group:last-child {
  padding-bottom: 0;
}
.VPMenu[data-v-0e56c988] .group + .item {
  border-top: 1px solid var(--vp-c-divider);
  padding: 11px 16px 0;
}
.VPMenu[data-v-0e56c988] .item {
  padding: 0 16px;
  white-space: nowrap;
}
.VPMenu[data-v-0e56c988] .label {
  flex-grow: 1;
  line-height: 28px;
  font-size: 12px;
  font-weight: 500;
  color: var(--vp-c-text-2);
  transition: color .5s;
}
.VPMenu[data-v-0e56c988] .action {
  padding-left: 24px;
}

.VPFlyout[data-v-55129bb4] {
  position: relative;
}
.VPFlyout[data-v-55129bb4]:hover {
  color: var(--vp-c-brand-1);
  transition: color 0.25s;
}
.VPFlyout:hover .text[data-v-55129bb4] {
  color: var(--vp-c-text-2);
}
.VPFlyout:hover .icon[data-v-55129bb4] {
  fill: var(--vp-c-text-2);
}
.VPFlyout.active .text[data-v-55129bb4] {
  color: var(--vp-c-brand-1);
}
.VPFlyout.active:hover .text[data-v-55129bb4] {
  color: var(--vp-c-brand-2);
}
.VPFlyout:hover .menu[data-v-55129bb4],
.button[aria-expanded="true"] + .menu[data-v-55129bb4] {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.button[aria-expanded="false"] + .menu[data-v-55129bb4] {
  opacity: 0;
  visibility: hidden;
  transform: translateY(0);
}
.button[data-v-55129bb4] {
  display: flex;
  align-items: center;
  padding: 0 12px;
  height: var(--vp-nav-height);
  color: var(--vp-c-text-1);
  transition: color 0.5s;
}
.text[data-v-55129bb4] {
  display: flex;
  align-items: center;
  line-height: var(--vp-nav-height);
  font-size: 14px;
  font-weight: 500;
  color: var(--vp-c-text-1);
  transition: color 0.25s;
}
.option-icon[data-v-55129bb4] {
  margin-right: 0px;
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.text-icon[data-v-55129bb4] {
  margin-left: 4px;
  width: 14px;
  height: 14px;
  fill: currentColor;
}
.icon[data-v-55129bb4] {
  width: 20px;
  height: 20px;
  fill: currentColor;
  transition: fill 0.25s;
}
.menu[data-v-55129bb4] {
  position: absolute;
  top: calc(var(--vp-nav-height) / 2 + 20px);
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
}

.VPSocialLink[data-v-325ec1bc] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  color: var(--vp-c-text-2);
  transition: color 0.5s;
}
.VPSocialLink[data-v-325ec1bc]:hover {
  color: var(--vp-c-text-1);
  transition: color 0.25s;
}
.VPSocialLink[data-v-325ec1bc] >  svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.VPSocialLinks[data-v-9fdece80] {
  display: flex;
  justify-content: center;
}

.VPNavBarExtra[data-v-2e7b7b61] {
  display: none;
  margin-right: -12px;
}
@media (min-width: 768px) {
.VPNavBarExtra[data-v-2e7b7b61] {
    display: block;
}
}
@media (min-width: 1280px) {
.VPNavBarExtra[data-v-2e7b7b61] {
    display: none;
}
}
.trans-title[data-v-2e7b7b61] {
  padding: 0 24px 0 12px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 700;
  color: var(--vp-c-text-1);
}
.item.appearance[data-v-2e7b7b61],
.item.social-links[data-v-2e7b7b61] {
  display: flex;
  align-items: center;
  padding: 0 12px;
}
.item.appearance[data-v-2e7b7b61] {
  min-width: 176px;
}
.appearance-action[data-v-2e7b7b61] {
  margin-right: -2px;
}
.social-links-list[data-v-2e7b7b61] {
  margin: -4px -8px;
}

.VPNavBarHamburger[data-v-f46bb9c4] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: var(--vp-nav-height);
}
@media (min-width: 768px) {
.VPNavBarHamburger[data-v-f46bb9c4] {
    display: none;
}
}
.container[data-v-f46bb9c4] {
  position: relative;
  width: 16px;
  height: 14px;
  overflow: hidden;
}
.VPNavBarHamburger:hover .top[data-v-f46bb9c4]    { top: 0; left: 0; transform: translateX(4px);
}
.VPNavBarHamburger:hover .middle[data-v-f46bb9c4] { top: 6px; left: 0; transform: translateX(0);
}
.VPNavBarHamburger:hover .bottom[data-v-f46bb9c4] { top: 12px; left: 0; transform: translateX(8px);
}
.VPNavBarHamburger.active .top[data-v-f46bb9c4]    { top: 6px; transform: translateX(0) rotate(225deg);
}
.VPNavBarHamburger.active .middle[data-v-f46bb9c4] { top: 6px; transform: translateX(16px);
}
.VPNavBarHamburger.active .bottom[data-v-f46bb9c4] { top: 6px; transform: translateX(0) rotate(135deg);
}
.VPNavBarHamburger.active:hover .top[data-v-f46bb9c4],
.VPNavBarHamburger.active:hover .middle[data-v-f46bb9c4],
.VPNavBarHamburger.active:hover .bottom[data-v-f46bb9c4] {
  background-color: var(--vp-c-text-2);
  transition: top .25s, background-color .25s, transform .25s;
}
.top[data-v-f46bb9c4],
.middle[data-v-f46bb9c4],
.bottom[data-v-f46bb9c4] {
  position: absolute;
  width: 16px;
  height: 2px;
  background-color: var(--vp-c-text-1);
  transition: top .25s, background-color .5s, transform .25s;
}
.top[data-v-f46bb9c4]    { top: 0; left: 0; transform: translateX(0);
}
.middle[data-v-f46bb9c4] { top: 6px; left: 0; transform: translateX(8px);
}
.bottom[data-v-f46bb9c4] { top: 12px; left: 0; transform: translateX(4px);
}

.VPNavBarMenuLink[data-v-c03f8e37] {
  display: flex;
  align-items: center;
  padding: 0 12px;
  line-height: var(--vp-nav-height);
  font-size: 14px;
  font-weight: 500;
  color: var(--vp-c-text-1);
  transition: color 0.25s;
}
.VPNavBarMenuLink.active[data-v-c03f8e37] {
  color: var(--vp-c-brand-1);
}
.VPNavBarMenuLink[data-v-c03f8e37]:hover {
  color: var(--vp-c-brand-1);
}

.VPNavBarMenu[data-v-3aee3963] {
  display: none;
}
@media (min-width: 768px) {
.VPNavBarMenu[data-v-3aee3963] {
    display: flex;
}
}
/*! @docsearch/css 3.9.0 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */
:root{--docsearch-primary-color:#5468ff;--docsearch-text-color:#1c1e21;--docsearch-spacing:12px;--docsearch-icon-stroke-width:1.4;--docsearch-highlight-color:var(--docsearch-primary-color);--docsearch-muted-color:#969faf;--docsearch-container-background:rgba(101,108,133,.8);--docsearch-logo-color:#5468ff;--docsearch-modal-width:560px;--docsearch-modal-height:600px;--docsearch-modal-background:#f5f6f7;--docsearch-modal-shadow:inset 1px 1px 0 0 hsla(0,0%,100%,.5),0 3px 8px 0 #555a64;--docsearch-searchbox-height:56px;--docsearch-searchbox-background:#ebedf0;--docsearch-searchbox-focus-background:#fff;--docsearch-searchbox-shadow:inset 0 0 0 2px var(--docsearch-primary-color);--docsearch-hit-height:56px;--docsearch-hit-color:#444950;--docsearch-hit-active-color:#fff;--docsearch-hit-background:#fff;--docsearch-hit-shadow:0 1px 3px 0 #d4d9e1;--docsearch-key-gradient:linear-gradient(-225deg,#d5dbe4,#f8f8f8);--docsearch-key-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4);--docsearch-key-pressed-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 1px 0 rgba(30,35,90,.4);--docsearch-footer-height:44px;--docsearch-footer-background:#fff;--docsearch-footer-shadow:0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,.12)}html[data-theme=dark]{--docsearch-text-color:#f5f6f7;--docsearch-container-background:rgba(9,10,17,.8);--docsearch-modal-background:#15172a;--docsearch-modal-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--docsearch-searchbox-background:#090a11;--docsearch-searchbox-focus-background:#000;--docsearch-hit-color:#bec3c9;--docsearch-hit-shadow:none;--docsearch-hit-background:#090a11;--docsearch-key-gradient:linear-gradient(-26.5deg,#565872,#31355b);--docsearch-key-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3);--docsearch-key-pressed-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 1px 1px 0 #0304094d;--docsearch-footer-background:#1e2136;--docsearch-footer-shadow:inset 0 1px 0 0 rgba(73,76,106,.5),0 -4px 8px 0 rgba(0,0,0,.2);--docsearch-logo-color:#fff;--docsearch-muted-color:#7f8497}.DocSearch-Button{align-items:center;background:var(--docsearch-searchbox-background);border:0;border-radius:40px;color:var(--docsearch-muted-color);cursor:pointer;display:flex;font-weight:500;height:36px;justify-content:space-between;margin:0 0 0 16px;padding:0 8px;user-select:none}.DocSearch-Button:active,.DocSearch-Button:focus,.DocSearch-Button:hover{background:var(--docsearch-searchbox-focus-background);box-shadow:var(--docsearch-searchbox-shadow);color:var(--docsearch-text-color);outline:none}.DocSearch-Button-Container{align-items:center;display:flex}.DocSearch-Search-Icon{stroke-width:1.6}.DocSearch-Button .DocSearch-Search-Icon{color:var(--docsearch-text-color)}.DocSearch-Button-Placeholder{font-size:1rem;padding:0 12px 0 6px}.DocSearch-Button-Keys{display:flex;min-width:calc(40px + .8em)}.DocSearch-Button-Key{align-items:center;background:var(--docsearch-key-gradient);border:0;border-radius:3px;box-shadow:var(--docsearch-key-shadow);color:var(--docsearch-muted-color);display:flex;height:18px;justify-content:center;margin-right:.4em;padding:0 0 2px;position:relative;top:-1px;transition-duration:.1s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:20px}@media (prefers-reduced-motion){.DocSearch-Button-Key{transition:none}}.DocSearch-Button-Key--pressed{box-shadow:var(--docsearch-key-pressed-shadow);transform:translate3d(0,1px,0)}@media (max-width:768px){.DocSearch-Button-Keys,.DocSearch-Button-Placeholder{display:none}}.DocSearch--active{overflow:hidden!important}.DocSearch-Container,.DocSearch-Container *{box-sizing:border-box}.DocSearch-Container{background-color:var(--docsearch-container-background);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:200}.DocSearch-Container a{text-decoration:none}.DocSearch-Link{appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;font:inherit;margin:0;padding:0}.DocSearch-Modal{background:var(--docsearch-modal-background);border-radius:6px;box-shadow:var(--docsearch-modal-shadow);flex-direction:column;margin:60px auto auto;max-width:var(--docsearch-modal-width);position:relative}.DocSearch-SearchBar{display:flex;padding:var(--docsearch-spacing) var(--docsearch-spacing) 0}.DocSearch-Form{align-items:center;background:var(--docsearch-searchbox-focus-background);border-radius:4px;box-shadow:var(--docsearch-searchbox-shadow);display:flex;height:var(--docsearch-searchbox-height);margin:0;padding:0 var(--docsearch-spacing);position:relative;width:100%}.DocSearch-Input{appearance:none;background:transparent;border:0;color:var(--docsearch-text-color);flex:1;font:inherit;font-size:1.2em;height:100%;outline:none;padding:0 0 0 8px;width:80%}.DocSearch-Input::placeholder{color:var(--docsearch-muted-color);opacity:1}.DocSearch-Input::-webkit-search-cancel-button,.DocSearch-Input::-webkit-search-decoration,.DocSearch-Input::-webkit-search-results-button,.DocSearch-Input::-webkit-search-results-decoration{display:none}.DocSearch-LoadingIndicator,.DocSearch-MagnifierLabel,.DocSearch-Reset{margin:0;padding:0}.DocSearch-MagnifierLabel,.DocSearch-Reset{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}.DocSearch-Container--Stalled .DocSearch-MagnifierLabel,.DocSearch-LoadingIndicator{display:none}.DocSearch-Container--Stalled .DocSearch-LoadingIndicator{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Reset{animation:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;right:0;stroke-width:var(--docsearch-icon-stroke-width)}}.DocSearch-Reset{animation:fade-in .1s ease-in forwards;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;padding:2px;right:0;stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Reset[hidden]{display:none}.DocSearch-Reset:hover{color:var(--docsearch-highlight-color)}.DocSearch-LoadingIndicator svg,.DocSearch-MagnifierLabel svg{height:24px;width:24px}.DocSearch-Cancel{display:none}.DocSearch-Dropdown{max-height:calc(var(--docsearch-modal-height) - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height));min-height:var(--docsearch-spacing);overflow-y:auto;overflow-y:overlay;padding:0 var(--docsearch-spacing);scrollbar-color:var(--docsearch-muted-color) var(--docsearch-modal-background);scrollbar-width:thin}.DocSearch-Dropdown::-webkit-scrollbar{width:12px}.DocSearch-Dropdown::-webkit-scrollbar-track{background:transparent}.DocSearch-Dropdown::-webkit-scrollbar-thumb{background-color:var(--docsearch-muted-color);border:3px solid var(--docsearch-modal-background);border-radius:20px}.DocSearch-Dropdown ul{list-style:none;margin:0;padding:0}.DocSearch-Label{font-size:.75em;line-height:1.6em}.DocSearch-Help,.DocSearch-Label{color:var(--docsearch-muted-color)}.DocSearch-Help{font-size:.9em;margin:0;user-select:none}.DocSearch-Title{font-size:1.2em}.DocSearch-Logo a{display:flex}.DocSearch-Logo svg{color:var(--docsearch-logo-color);margin-left:8px}.DocSearch-Hits:last-of-type{margin-bottom:24px}.DocSearch-Hits mark{background:none;color:var(--docsearch-highlight-color)}.DocSearch-HitsFooter{color:var(--docsearch-muted-color);display:flex;font-size:.85em;justify-content:center;margin-bottom:var(--docsearch-spacing);padding:var(--docsearch-spacing)}.DocSearch-HitsFooter a{border-bottom:1px solid;color:inherit}.DocSearch-Hit{border-radius:4px;display:flex;padding-bottom:4px;position:relative;scroll-margin-top:40px}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--deleting{transition:none}}.DocSearch-Hit--deleting{opacity:0;transition:all .25s linear}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--favoriting{transition:none}}.DocSearch-Hit--favoriting{transform:scale(0);transform-origin:top center;transition:all .25s linear;transition-delay:.25s}.DocSearch-Hit a{background:var(--docsearch-hit-background);border-radius:4px;box-shadow:var(--docsearch-hit-shadow);display:block;padding-left:var(--docsearch-spacing);width:100%}.DocSearch-Hit-source{background:var(--docsearch-modal-background);color:var(--docsearch-highlight-color);font-size:.85em;font-weight:600;line-height:32px;margin:0 -4px;padding:8px 4px 0;position:sticky;top:0;z-index:10}.DocSearch-Hit-Tree{color:var(--docsearch-muted-color);height:var(--docsearch-hit-height);opacity:.5;stroke-width:var(--docsearch-icon-stroke-width);width:24px}.DocSearch-Hit[aria-selected=true] a{background-color:var(--docsearch-highlight-color)}.DocSearch-Hit[aria-selected=true] mark{text-decoration:underline}.DocSearch-Hit-Container{align-items:center;color:var(--docsearch-hit-color);display:flex;flex-direction:row;height:var(--docsearch-hit-height);padding:0 var(--docsearch-spacing) 0 0}.DocSearch-Hit-icon{height:20px;width:20px}.DocSearch-Hit-action,.DocSearch-Hit-icon{color:var(--docsearch-muted-color);stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Hit-action{align-items:center;display:flex;height:22px;width:22px}.DocSearch-Hit-action svg{display:block;height:18px;width:18px}.DocSearch-Hit-action+.DocSearch-Hit-action{margin-left:6px}.DocSearch-Hit-action-button{appearance:none;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;padding:2px}svg.DocSearch-Hit-Select-Icon{display:none}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon{display:block}.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:rgba(0,0,0,.2);transition:background-color .1s ease-in}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{transition:none}}.DocSearch-Hit-action-button:focus path,.DocSearch-Hit-action-button:hover path{fill:#fff}.DocSearch-Hit-content-wrapper{display:flex;flex:1 1 auto;flex-direction:column;font-weight:500;justify-content:center;line-height:1.2em;margin:0 8px;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:80%}.DocSearch-Hit-title{font-size:.9em}.DocSearch-Hit-path{color:var(--docsearch-muted-color);font-size:.75em}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-icon,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-text,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-title,.DocSearch-Hit[aria-selected=true] mark{color:var(--docsearch-hit-active-color)!important}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:rgba(0,0,0,.2);transition:none}}.DocSearch-ErrorScreen,.DocSearch-NoResults,.DocSearch-StartScreen{font-size:.9em;margin:0 auto;padding:36px 0;text-align:center;width:80%}.DocSearch-Screen-Icon{color:var(--docsearch-muted-color);padding-bottom:12px}.DocSearch-NoResults-Prefill-List{display:inline-block;padding-bottom:24px;text-align:left}.DocSearch-NoResults-Prefill-List ul{display:inline-block;padding:8px 0 0}.DocSearch-NoResults-Prefill-List li{list-style-position:inside;list-style-type:"» "}.DocSearch-Prefill{appearance:none;background:none;border:0;border-radius:1em;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;font-size:1em;font-weight:700;padding:0}.DocSearch-Prefill:focus,.DocSearch-Prefill:hover{outline:none;text-decoration:underline}.DocSearch-Footer{align-items:center;background:var(--docsearch-footer-background);border-radius:0 0 8px 8px;box-shadow:var(--docsearch-footer-shadow);display:flex;flex-direction:row-reverse;flex-shrink:0;height:var(--docsearch-footer-height);justify-content:space-between;padding:0 var(--docsearch-spacing);position:relative;user-select:none;width:100%;z-index:300}.DocSearch-Commands{color:var(--docsearch-muted-color);display:flex;list-style:none;margin:0;padding:0}.DocSearch-Commands li{align-items:center;display:flex}.DocSearch-Commands li:not(:last-of-type){margin-right:.8em}.DocSearch-Commands-Key{align-items:center;background:var(--docsearch-key-gradient);border:0;border-radius:2px;box-shadow:var(--docsearch-key-shadow);color:var(--docsearch-muted-color);display:flex;height:18px;justify-content:center;margin-right:.4em;padding:0 0 1px;width:20px}.DocSearch-VisuallyHiddenForAccessibility{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){:root{--docsearch-spacing:10px;--docsearch-footer-height:40px}.DocSearch-Dropdown{height:100%}.DocSearch-Container{height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);position:absolute}.DocSearch-Footer{border-radius:0;bottom:0;position:absolute}.DocSearch-Hit-content-wrapper{display:flex;position:relative;width:80%}.DocSearch-Modal{border-radius:0;box-shadow:none;height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);margin:0;max-width:100%;width:100%}.DocSearch-Dropdown{max-height:calc(var(--docsearch-vh, 1vh)*100 - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height))}.DocSearch-Cancel{appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;flex:none;font:inherit;font-size:1em;font-weight:500;margin-left:var(--docsearch-spacing);outline:none;overflow:hidden;padding:0;user-select:none;white-space:nowrap}.DocSearch-Commands,.DocSearch-Hit-Tree{display:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}
[class*='DocSearch'] {
  --docsearch-primary-color: var(--vp-c-brand-1);
  --docsearch-highlight-color: var(--docsearch-primary-color);
  --docsearch-text-color: var(--vp-c-text-1);
  --docsearch-muted-color: var(--vp-c-text-2);
  --docsearch-searchbox-shadow: none;
  --docsearch-searchbox-background: transparent;
  --docsearch-searchbox-focus-background: transparent;
  --docsearch-key-gradient: transparent;
  --docsearch-key-shadow: none;
  --docsearch-modal-background: var(--vp-c-bg-soft);
  --docsearch-footer-background: var(--vp-c-bg);
}
.dark [class*='DocSearch'] {
  --docsearch-modal-shadow: none;
  --docsearch-footer-shadow: none;
  --docsearch-logo-color: var(--vp-c-text-2);
  --docsearch-hit-background: var(--vp-c-default-soft);
  --docsearch-hit-color: var(--vp-c-text-2);
  --docsearch-hit-shadow: none;
}
.DocSearch-Button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 48px;
  height: 55px;
  background: transparent;
  transition: border-color 0.25s;
}
.DocSearch-Button:hover {
  background: transparent;
}
.DocSearch-Button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
.DocSearch-Button:focus:not(:focus-visible) {
  outline: none !important;
}
@media (min-width: 768px) {
.DocSearch-Button {
    justify-content: flex-start;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 0 10px 0 12px;
    width: 100%;
    height: 40px;
    background-color: var(--vp-c-bg-alt);
}
.DocSearch-Button:hover {
    border-color: var(--vp-c-brand-1);
    background: var(--vp-c-bg-alt);
}
}
.DocSearch-Button .DocSearch-Button-Container {
  display: flex;
  align-items: center;
}
.DocSearch-Button .DocSearch-Search-Icon {
  position: relative;
  width: 16px;
  height: 16px;
  color: var(--vp-c-text-1);
  fill: currentColor;
  transition: color 0.5s;
}
.DocSearch-Button:hover .DocSearch-Search-Icon {
  color: var(--vp-c-text-1);
}
@media (min-width: 768px) {
.DocSearch-Button .DocSearch-Search-Icon {
    top: 1px;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    color: var(--vp-c-text-2);
}
}
.DocSearch-Button .DocSearch-Button-Placeholder {
  display: none;
  margin-top: 2px;
  padding: 0 16px 0 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--vp-c-text-2);
  transition: color 0.5s;
}
.DocSearch-Button:hover .DocSearch-Button-Placeholder {
  color: var(--vp-c-text-1);
}
@media (min-width: 768px) {
.DocSearch-Button .DocSearch-Button-Placeholder {
    display: inline-block;
}
}
.DocSearch-Button .DocSearch-Button-Keys {
  /*rtl:ignore*/
  direction: ltr;
  display: none;
  min-width: auto;
}
@media (min-width: 768px) {
.DocSearch-Button .DocSearch-Button-Keys {
    display: flex;
    align-items: center;
}
}
.DocSearch-Button .DocSearch-Button-Key {
  display: block;
  margin: 2px 0 0 0;
  border: 1px solid var(--vp-c-divider);
  /*rtl:begin:ignore*/
  border-right: none;
  border-radius: 4px 0 0 4px;
  padding-left: 6px;
  /*rtl:end:ignore*/
  min-width: 0;
  width: auto;
  height: 22px;
  line-height: 22px;
  font-family: var(--vp-font-family-base);
  font-size: 12px;
  font-weight: 500;
  transition: color 0.5s, border-color 0.5s;
}
.DocSearch-Button .DocSearch-Button-Key + .DocSearch-Button-Key {
  /*rtl:begin:ignore*/
  border-right: 1px solid var(--vp-c-divider);
  border-left: none;
  border-radius: 0 4px 4px 0;
  padding-left: 2px;
  padding-right: 6px;
  /*rtl:end:ignore*/
}
.DocSearch-Button .DocSearch-Button-Key:first-child {
  font-size: 0 !important;
}
.DocSearch-Button .DocSearch-Button-Key:first-child:after {
  content: 'Ctrl';
  font-size: 12px;
  letter-spacing: normal;
  color: var(--docsearch-muted-color);
}
.mac .DocSearch-Button .DocSearch-Button-Key:first-child:after {
  content: '\2318';
}
.DocSearch-Button .DocSearch-Button-Key:first-child > * {
  display: none;
}

.VPNavBarSearch {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
.VPNavBarSearch {
    flex-grow: 1;
    padding-left: 24px;
}
}
@media (min-width: 960px) {
.VPNavBarSearch {
    padding-left: 32px;
}
}
.dark .DocSearch-Footer {
  border-top: 1px solid var(--vp-c-divider);
}
.DocSearch-Form {
  border: 1px solid var(--vp-c-brand-1);
  background-color: var(--vp-c-white);
}
.dark .DocSearch-Form {
  background-color: var(--vp-c-default-soft);
}
.DocSearch-Screen-Icon > svg {
  margin: auto;
}

.VPNavBarSocialLinks[data-v-5da88435] {
  display: none;
}
@media (min-width: 1280px) {
.VPNavBarSocialLinks[data-v-5da88435] {
    display: flex;
    align-items: center;
}
}

.title[data-v-2bbe5dfb] {
  display: flex;
  align-items: center;
  border-bottom: 1px solid transparent;
  width: 100%;
  height: var(--vp-nav-height);
  font-size: 16px;
  font-weight: 600;
  color: var(--vp-c-text-1);
  transition: opacity 0.25s;
}
@media (min-width: 960px) {
.title[data-v-2bbe5dfb] {
    flex-shrink: 0;
}
.VPNavBarTitle.has-sidebar .title[data-v-2bbe5dfb] {
    border-bottom-color: var(--vp-c-divider);
}
}
[data-v-2bbe5dfb] .logo {
  margin-right: 8px;
  height: var(--vp-nav-logo-height);
}

.VPNavBarTranslations[data-v-97a43944] {
  display: none;
}
@media (min-width: 1280px) {
.VPNavBarTranslations[data-v-97a43944] {
    display: flex;
    align-items: center;
}
}
.title[data-v-97a43944] {
  padding: 0 24px 0 12px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 700;
  color: var(--vp-c-text-1);
}

.VPNavBar[data-v-a2ee5170] {
  position: relative;
  border-bottom: 1px solid transparent;
  padding: 0 8px 0 24px;
  height: var(--vp-nav-height);
  pointer-events: none;
  white-space: nowrap;
}
@media (min-width: 768px) {
.VPNavBar[data-v-a2ee5170] {
    padding: 0 32px;
}
}
@media (min-width: 960px) {
.VPNavBar.has-sidebar[data-v-a2ee5170] {
    padding: 0;
}
.VPNavBar[data-v-a2ee5170]:not(.has-sidebar):not(.top) {
    border-bottom-color: var(--vp-c-gutter);
    background-color: var(--vp-nav-bg-color);
}
}
.container[data-v-a2ee5170] {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: calc(var(--vp-layout-max-width) - 64px);
  height: var(--vp-nav-height);
  pointer-events: none;
}
.container > .title[data-v-a2ee5170],
.container > .content[data-v-a2ee5170] {
  pointer-events: none;
}
.container[data-v-a2ee5170] * {
  pointer-events: auto;
}
@media (min-width: 960px) {
.VPNavBar.has-sidebar .container[data-v-a2ee5170] {
    max-width: 100%;
}
}
.title[data-v-a2ee5170] {
  flex-shrink: 0;
  height: calc(var(--vp-nav-height) - 1px);
  transition: background-color 0.5s;
}
@media (min-width: 960px) {
.VPNavBar.has-sidebar .title[data-v-a2ee5170] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 0 32px;
    width: var(--vp-sidebar-width);
    height: var(--vp-nav-height);
    background-color: transparent;
}
}
@media (min-width: 1440px) {
.VPNavBar.has-sidebar .title[data-v-a2ee5170] {
    padding-left: max(32px, calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));
    width: calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px);
}
}
.content[data-v-a2ee5170] {
  flex-grow: 1;
}
@media (min-width: 960px) {
.VPNavBar.has-sidebar .content[data-v-a2ee5170] {
    position: relative;
    z-index: 1;
    padding-right: 32px;
    padding-left: var(--vp-sidebar-width);
}
}
@media (min-width: 1440px) {
.VPNavBar.has-sidebar .content[data-v-a2ee5170] {
    padding-right: calc((100vw - var(--vp-layout-max-width)) / 2 + 32px);
    padding-left: calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width));
}
}
.content-body[data-v-a2ee5170] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: calc(var(--vp-nav-height) - 1px);
  transition: background-color 0.5s;
}
@media (min-width: 960px) {
.VPNavBar:not(.top) .content-body[data-v-a2ee5170]{
    position: relative;
    background-color: var(--vp-nav-bg-color);
}
}
@media (max-width: 767px) {
.content-body[data-v-a2ee5170] {
    column-gap: 0.5rem;
}
}
.menu + .translations[data-v-a2ee5170]::before,
.menu + .appearance[data-v-a2ee5170]::before,
.menu + .social-links[data-v-a2ee5170]::before,
.translations + .appearance[data-v-a2ee5170]::before,
.appearance + .social-links[data-v-a2ee5170]::before {
  margin-right: 8px;
  margin-left: 8px;
  width: 1px;
  height: 24px;
  background-color: var(--vp-c-divider);
  content: "";
}
.menu + .appearance[data-v-a2ee5170]::before,
.translations + .appearance[data-v-a2ee5170]::before {
  margin-right: 16px;
}
.appearance + .social-links[data-v-a2ee5170]::before {
  margin-left: 16px;
}
.social-links[data-v-a2ee5170] {
  margin-right: -8px;
}
@media (min-width: 960px) {
.VPNavBar.has-sidebar .curtain[data-v-a2ee5170] {
    position: absolute;
    right: 0;
    bottom: -31px;
    width: calc(100% - var(--vp-sidebar-width));
    height: 32px;
}
.VPNavBar.has-sidebar .curtain[data-v-a2ee5170]::before {
    display: block;
    width: 100%;
    height: 32px;
    background: linear-gradient(var(--vp-c-bg), transparent 70%);
    content: "";
}
}
@media (min-width: 1440px) {
.VPNavBar.has-sidebar .curtain[data-v-a2ee5170] {
    width: calc(100% - ((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width)));
}
}

.VPNavScreenAppearance[data-v-07e93095] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  padding: 12px 14px 12px 16px;
  background-color: var(--vp-c-bg-soft);
}
.text[data-v-07e93095] {
  line-height: 24px;
  font-size: 12px;
  font-weight: 500;
  color: var(--vp-c-text-2);
}

.VPNavScreenMenuLink[data-v-6c096e63] {
  display: block;
  border-bottom: 1px solid var(--vp-c-divider);
  padding: 12px 0 11px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 500;
  color: var(--vp-c-text-1);
  transition: border-color 0.25s, color 0.25s;
}
.VPNavScreenMenuLink[data-v-6c096e63]:hover {
  color: var(--vp-c-brand-1);
}

.VPNavScreenMenuGroupLink[data-v-dcbed438] {
  display: block;
  margin-left: 12px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
  color: var(--vp-c-text-1);
  transition: color 0.25s;
}
.VPNavScreenMenuGroupLink[data-v-dcbed438]:hover {
  color: var(--vp-c-brand-1);
}

.VPNavScreenMenuGroupSection[data-v-573be250] {
  display: block;
}
.title[data-v-573be250] {
  line-height: 32px;
  font-size: 13px;
  font-weight: 700;
  color: var(--vp-c-text-2);
  transition: color 0.25s;
}

.VPNavScreenMenuGroup[data-v-948c114c] {
  border-bottom: 1px solid var(--vp-c-divider);
  height: 48px;
  overflow: hidden;
  transition: border-color 0.5s;
}
.VPNavScreenMenuGroup .items[data-v-948c114c] {
  visibility: hidden;
}
.VPNavScreenMenuGroup.open .items[data-v-948c114c] {
  visibility: visible;
}
.VPNavScreenMenuGroup.open[data-v-948c114c] {
  padding-bottom: 10px;
  height: auto;
}
.VPNavScreenMenuGroup.open .button[data-v-948c114c] {
  padding-bottom: 6px;
  color: var(--vp-c-brand-1);
}
.VPNavScreenMenuGroup.open .button-icon[data-v-948c114c] {
  /*rtl:ignore*/
  transform: rotate(45deg);
}
.button[data-v-948c114c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 4px 11px 0;
  width: 100%;
  line-height: 24px;
  font-size: 14px;
  font-weight: 500;
  color: var(--vp-c-text-1);
  transition: color 0.25s;
}
.button[data-v-948c114c]:hover {
  color: var(--vp-c-brand-1);
}
.button-icon[data-v-948c114c] {
  width: 14px;
  height: 14px;
  fill: var(--vp-c-text-2);
  transition: fill 0.5s, transform 0.25s;
}
.group[data-v-948c114c]:first-child {
  padding-top: 0px;
}
.group + .group[data-v-948c114c],
.group + .item[data-v-948c114c] {
  padding-top: 4px;
}

.VPNavScreenTranslations[data-v-e991f8e0] {
  height: 24px;
  overflow: hidden;
}
.VPNavScreenTranslations.open[data-v-e991f8e0] {
  height: auto;
}
.title[data-v-e991f8e0] {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: var(--vp-c-text-1);
}
.icon[data-v-e991f8e0] {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.icon.lang[data-v-e991f8e0] {
  margin-right: 8px;
}
.icon.chevron[data-v-e991f8e0] {
  margin-left: 4px;
}
.list[data-v-e991f8e0] {
  padding: 4px 0 0 24px;
}
.link[data-v-e991f8e0] {
  line-height: 32px;
  font-size: 13px;
  color: var(--vp-c-text-1);
}

.VPNavScreen[data-v-8969422f] {
  position: fixed;
  top: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 1px);
  /*rtl:ignore*/
  right: 0;
  bottom: 0;
  /*rtl:ignore*/
  left: 0;
  padding: 0 32px;
  width: 100%;
  background-color: var(--vp-nav-screen-bg-color);
  overflow-y: auto;
  transition: background-color 0.5s;
  pointer-events: auto;
}
.VPNavScreen.fade-enter-active[data-v-8969422f],
.VPNavScreen.fade-leave-active[data-v-8969422f] {
  transition: opacity 0.25s;
}
.VPNavScreen.fade-enter-active .container[data-v-8969422f],
.VPNavScreen.fade-leave-active .container[data-v-8969422f] {
  transition: transform 0.25s ease;
}
.VPNavScreen.fade-enter-from[data-v-8969422f],
.VPNavScreen.fade-leave-to[data-v-8969422f] {
  opacity: 0;
}
.VPNavScreen.fade-enter-from .container[data-v-8969422f],
.VPNavScreen.fade-leave-to .container[data-v-8969422f] {
  transform: translateY(-8px);
}
@media (min-width: 768px) {
.VPNavScreen[data-v-8969422f] {
    display: none;
}
}
.container[data-v-8969422f] {
  margin: 0 auto;
  padding: 24px 0 96px;
  max-width: 288px;
}
.menu + .translations[data-v-8969422f],
.menu + .appearance[data-v-8969422f],
.translations + .appearance[data-v-8969422f] {
  margin-top: 24px;
}
.menu + .social-links[data-v-8969422f] {
  margin-top: 16px;
}
.appearance + .social-links[data-v-8969422f] {
  margin-top: 16px;
}

.VPNav[data-v-b8f85c25] {
  position: relative;
  top: var(--vp-layout-top-height, 0px);
  /*rtl:ignore*/
  left: 0;
  z-index: var(--vp-z-index-nav);
  width: 100%;
  pointer-events: none;
  transition: background-color 0.5s;
}
@media (min-width: 960px) {
.VPNav[data-v-b8f85c25] {
    position: fixed;
}
}

.VPSidebarItem.level-0[data-v-9017be9d] {
  padding-bottom: 24px;
}
.VPSidebarItem.collapsed.level-0[data-v-9017be9d] {
  padding-bottom: 10px;
}
.item[data-v-9017be9d] {
  position: relative;
  display: flex;
  width: 100%;
}
.VPSidebarItem.collapsible > .item[data-v-9017be9d] {
  cursor: pointer;
}
.indicator[data-v-9017be9d] {
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: -17px;
  width: 2px;
  border-radius: 2px;
  transition: background-color 0.25s;
}
.VPSidebarItem.level-2.is-active > .item > .indicator[data-v-9017be9d],
.VPSidebarItem.level-3.is-active > .item > .indicator[data-v-9017be9d],
.VPSidebarItem.level-4.is-active > .item > .indicator[data-v-9017be9d],
.VPSidebarItem.level-5.is-active > .item > .indicator[data-v-9017be9d] {
  background-color: var(--vp-c-brand-1);
}
.link[data-v-9017be9d] {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.text[data-v-9017be9d] {
  flex-grow: 1;
  padding: 4px 0;
  line-height: 24px;
  font-size: 14px;
  transition: color 0.25s;
}
.VPSidebarItem.level-0 .text[data-v-9017be9d] {
  font-weight: 700;
  color: var(--vp-c-text-1);
}
.VPSidebarItem.level-1 .text[data-v-9017be9d],
.VPSidebarItem.level-2 .text[data-v-9017be9d],
.VPSidebarItem.level-3 .text[data-v-9017be9d],
.VPSidebarItem.level-4 .text[data-v-9017be9d],
.VPSidebarItem.level-5 .text[data-v-9017be9d] {
  font-weight: 500;
  color: var(--vp-c-text-2);
}
.VPSidebarItem.level-0.is-link > .item > .link:hover .text[data-v-9017be9d],
.VPSidebarItem.level-1.is-link > .item > .link:hover .text[data-v-9017be9d],
.VPSidebarItem.level-2.is-link > .item > .link:hover .text[data-v-9017be9d],
.VPSidebarItem.level-3.is-link > .item > .link:hover .text[data-v-9017be9d],
.VPSidebarItem.level-4.is-link > .item > .link:hover .text[data-v-9017be9d],
.VPSidebarItem.level-5.is-link > .item > .link:hover .text[data-v-9017be9d] {
  color: var(--vp-c-brand-1);
}
.VPSidebarItem.level-0.has-active > .item > .text[data-v-9017be9d],
.VPSidebarItem.level-1.has-active > .item > .text[data-v-9017be9d],
.VPSidebarItem.level-2.has-active > .item > .text[data-v-9017be9d],
.VPSidebarItem.level-3.has-active > .item > .text[data-v-9017be9d],
.VPSidebarItem.level-4.has-active > .item > .text[data-v-9017be9d],
.VPSidebarItem.level-5.has-active > .item > .text[data-v-9017be9d],
.VPSidebarItem.level-0.has-active > .item > .link > .text[data-v-9017be9d],
.VPSidebarItem.level-1.has-active > .item > .link > .text[data-v-9017be9d],
.VPSidebarItem.level-2.has-active > .item > .link > .text[data-v-9017be9d],
.VPSidebarItem.level-3.has-active > .item > .link > .text[data-v-9017be9d],
.VPSidebarItem.level-4.has-active > .item > .link > .text[data-v-9017be9d],
.VPSidebarItem.level-5.has-active > .item > .link > .text[data-v-9017be9d] {
  color: var(--vp-c-text-1);
}
.VPSidebarItem.level-0.is-active > .item .link > .text[data-v-9017be9d],
.VPSidebarItem.level-1.is-active > .item .link > .text[data-v-9017be9d],
.VPSidebarItem.level-2.is-active > .item .link > .text[data-v-9017be9d],
.VPSidebarItem.level-3.is-active > .item .link > .text[data-v-9017be9d],
.VPSidebarItem.level-4.is-active > .item .link > .text[data-v-9017be9d],
.VPSidebarItem.level-5.is-active > .item .link > .text[data-v-9017be9d] {
  color: var(--vp-c-brand-1);
}
.caret[data-v-9017be9d] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -7px;
  width: 32px;
  height: 32px;
  color: var(--vp-c-text-3);
  cursor: pointer;
  transition: color 0.25s;
  flex-shrink: 0;
}
.item:hover .caret[data-v-9017be9d] {
  color: var(--vp-c-text-2);
}
.item:hover .caret[data-v-9017be9d]:hover {
  color: var(--vp-c-text-1);
}
.caret-icon[data-v-9017be9d] {
  width: 18px;
  height: 18px;
  fill: currentColor;
  transform: rotate(90deg);
  transition: transform 0.25s;
}
.VPSidebarItem.collapsed .caret-icon[data-v-9017be9d] {
  transform: rotate(0);
}
.VPSidebarItem.level-1 .items[data-v-9017be9d],
.VPSidebarItem.level-2 .items[data-v-9017be9d],
.VPSidebarItem.level-3 .items[data-v-9017be9d],
.VPSidebarItem.level-4 .items[data-v-9017be9d],
.VPSidebarItem.level-5 .items[data-v-9017be9d] {
  border-left: 1px solid var(--vp-c-divider);
  padding-left: 16px;
}
.VPSidebarItem.collapsed .items[data-v-9017be9d] {
  display: none;
}

.VPSidebar[data-v-236e55b8] {
  position: fixed;
  top: var(--vp-layout-top-height, 0px);
  bottom: 0;
  left: 0;
  z-index: var(--vp-z-index-sidebar);
  padding: 32px 32px 96px;
  width: calc(100vw - 64px);
  max-width: 320px;
  background-color: var(--vp-sidebar-bg-color);
  opacity: 0;
  box-shadow: var(--vp-c-shadow-3);
  overflow-x: hidden;
  overflow-y: auto;
  transform: translateX(-100%);
  transition: opacity 0.5s, transform 0.25s ease;
  overscroll-behavior: contain;
}
.VPSidebar.open[data-v-236e55b8] {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  transition: opacity 0.25s,
    transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.dark .VPSidebar[data-v-236e55b8] {
  box-shadow: var(--vp-shadow-1);
}
@media (min-width: 960px) {
.VPSidebar[data-v-236e55b8] {
    z-index: 1;
    padding-top: var(--vp-nav-height);
    padding-bottom: 128px;
    width: var(--vp-sidebar-width);
    max-width: 100%;
    background-color: var(--vp-sidebar-bg-color);
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    transform: translateX(0);
}
}
@media (min-width: 1440px) {
.VPSidebar[data-v-236e55b8] {
    padding-left: max(32px, calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));
    width: calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px);
}
}
@media (min-width: 960px) {
.curtain[data-v-236e55b8] {
    position: sticky;
    top: -64px;
    left: 0;
    z-index: 1;
    margin-top: calc(var(--vp-nav-height) * -1);
    margin-right: -32px;
    margin-left: -32px;
    height: var(--vp-nav-height);
    background-color: var(--vp-sidebar-bg-color);
}
}
.nav[data-v-236e55b8] {
  outline: 0;
}
.group + .group[data-v-236e55b8] {
  border-top: 1px solid var(--vp-c-divider);
  padding-top: 10px;
}
@media (min-width: 960px) {
.group[data-v-236e55b8] {
    padding-top: 10px;
    width: calc(var(--vp-sidebar-width) - 64px);
}
}

.VPSkipLink[data-v-fa4215f6] {
  top: 8px;
  left: 8px;
  padding: 8px 16px;
  z-index: 999;
  border-radius: 8px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: var(--vp-c-brand-1);
  box-shadow: var(--vp-shadow-3);
  background-color: var(--vp-c-bg);
}
.VPSkipLink[data-v-fa4215f6]:focus {
  height: auto;
  width: auto;
  clip: auto;
  clip-path: none;
}
@media (min-width: 1280px) {
.VPSkipLink[data-v-fa4215f6] {
    top: 14px;
    left: 16px;
}
}

.Layout[data-v-e54e1a19] {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.VPHomeSponsors[data-v-8d8e6ec9] {
  border-top: 1px solid var(--vp-c-gutter);
  padding: 88px 24px 96px;
  background-color: var(--vp-c-bg);
}
.container[data-v-8d8e6ec9] {
  margin: 0 auto;
  max-width: 1152px;
}
.love[data-v-8d8e6ec9] {
  margin: 0 auto;
  width: 28px;
  height: 28px;
  color: var(--vp-c-text-3);
}
.icon[data-v-8d8e6ec9] {
  width: 28px;
  height: 28px;
  fill: currentColor;
}
.message[data-v-8d8e6ec9] {
  margin: 0 auto;
  padding-top: 10px;
  max-width: 320px;
  text-align: center;
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: var(--vp-c-text-2);
}
.sponsors[data-v-8d8e6ec9] {
  padding-top: 32px;
}
.action[data-v-8d8e6ec9] {
  padding-top: 40px;
  text-align: center;
}

.VPTeamPage[data-v-42401b5c] {
  padding-bottom: 96px;
}
@media (min-width: 768px) {
.VPTeamPage[data-v-42401b5c] {
    padding-bottom: 128px;
}
}
.VPTeamPageSection + .VPTeamPageSection[data-v-42401b5c-s],.VPTeamMembers + .VPTeamPageSection[data-v-42401b5c-s] {
  margin-top: 64px;
}
.VPTeamMembers + .VPTeamMembers[data-v-42401b5c-s] {
  margin-top: 24px;
}
@media (min-width: 768px) {
.VPTeamPageTitle + .VPTeamPageSection[data-v-42401b5c-s] {
    margin-top: 16px;
}
.VPTeamPageSection + .VPTeamPageSection[data-v-42401b5c-s],.VPTeamMembers + .VPTeamPageSection[data-v-42401b5c-s] {
    margin-top: 96px;
}
}
.VPTeamMembers[data-v-42401b5c-s] {
  padding: 0 24px;
}
@media (min-width: 768px) {
.VPTeamMembers[data-v-42401b5c-s] {
    padding: 0 48px;
}
}
@media (min-width: 960px) {
.VPTeamMembers[data-v-42401b5c-s] {
    padding: 0 64px;
}
}

.VPTeamPageTitle[data-v-4b36c359] {
  padding: 48px 32px;
  text-align: center;
}
@media (min-width: 768px) {
.VPTeamPageTitle[data-v-4b36c359] {
    padding: 64px 48px 48px;
}
}
@media (min-width: 960px) {
.VPTeamPageTitle[data-v-4b36c359] {
    padding: 80px 64px 48px;
}
}
.title[data-v-4b36c359] {
  letter-spacing: 0;
  line-height: 44px;
  font-size: 36px;
  font-weight: 500;
}
@media (min-width: 768px) {
.title[data-v-4b36c359] {
    letter-spacing: -0.5px;
    line-height: 56px;
    font-size: 48px;
}
}
.lead[data-v-4b36c359] {
  margin: 0 auto;
  max-width: 512px;
  padding-top: 12px;
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: var(--vp-c-text-2);
}
@media (min-width: 768px) {
.lead[data-v-4b36c359] {
    max-width: 592px;
    letter-spacing: 0.15px;
    line-height: 28px;
    font-size: 20px;
}
}

.VPTeamPageSection[data-v-5dfacb1a] {
  padding: 0 32px;
}
@media (min-width: 768px) {
.VPTeamPageSection[data-v-5dfacb1a] {
    padding: 0 48px;
}
}
@media (min-width: 960px) {
.VPTeamPageSection[data-v-5dfacb1a] {
    padding: 0 64px;
}
}
.title[data-v-5dfacb1a] {
  position: relative;
  margin: 0 auto;
  max-width: 1152px;
  text-align: center;
  color: var(--vp-c-text-2);
}
.title-line[data-v-5dfacb1a] {
  position: absolute;
  top: 16px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--vp-c-divider);
}
.title-text[data-v-5dfacb1a] {
  position: relative;
  display: inline-block;
  padding: 0 24px;
  letter-spacing: 0;
  line-height: 32px;
  font-size: 20px;
  font-weight: 500;
  background-color: var(--vp-c-bg);
}
.lead[data-v-5dfacb1a] {
  margin: 0 auto;
  max-width: 480px;
  padding-top: 12px;
  text-align: center;
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: var(--vp-c-text-2);
}
.members[data-v-5dfacb1a] {
  padding-top: 40px;
}

.VPTeamMembersItem[data-v-6c32585b] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.VPTeamMembersItem.small .profile[data-v-6c32585b] {
  padding: 32px;
}
.VPTeamMembersItem.small .data[data-v-6c32585b] {
  padding-top: 20px;
}
.VPTeamMembersItem.small .avatar[data-v-6c32585b] {
  width: 64px;
  height: 64px;
}
.VPTeamMembersItem.small .name[data-v-6c32585b] {
  line-height: 24px;
  font-size: 16px;
}
.VPTeamMembersItem.small .affiliation[data-v-6c32585b] {
  padding-top: 4px;
  line-height: 20px;
  font-size: 14px;
}
.VPTeamMembersItem.small .desc[data-v-6c32585b] {
  padding-top: 12px;
  line-height: 20px;
  font-size: 14px;
}
.VPTeamMembersItem.small .links[data-v-6c32585b] {
  margin: 0 -16px -20px;
  padding: 10px 0 0;
}
.VPTeamMembersItem.medium .profile[data-v-6c32585b] {
  padding: 48px 32px;
}
.VPTeamMembersItem.medium .data[data-v-6c32585b] {
  padding-top: 24px;
  text-align: center;
}
.VPTeamMembersItem.medium .avatar[data-v-6c32585b] {
  width: 96px;
  height: 96px;
}
.VPTeamMembersItem.medium .name[data-v-6c32585b] {
  letter-spacing: 0.15px;
  line-height: 28px;
  font-size: 20px;
}
.VPTeamMembersItem.medium .affiliation[data-v-6c32585b] {
  padding-top: 4px;
  font-size: 16px;
}
.VPTeamMembersItem.medium .desc[data-v-6c32585b] {
  padding-top: 16px;
  max-width: 288px;
  font-size: 16px;
}
.VPTeamMembersItem.medium .links[data-v-6c32585b] {
  margin: 0 -16px -12px;
  padding: 16px 12px 0;
}
.profile[data-v-6c32585b] {
  flex-grow: 1;
  background-color: var(--vp-c-bg-soft);
}
.data[data-v-6c32585b] {
  text-align: center;
}
.avatar[data-v-6c32585b] {
  position: relative;
  flex-shrink: 0;
  margin: 0 auto;
  border-radius: 50%;
  box-shadow: var(--vp-shadow-3);
}
.avatar-img[data-v-6c32585b] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  object-fit: cover;
}
.name[data-v-6c32585b] {
  margin: 0;
  font-weight: 600;
}
.affiliation[data-v-6c32585b] {
  margin: 0;
  font-weight: 500;
  color: var(--vp-c-text-2);
}
.org.link[data-v-6c32585b] {
  color: var(--vp-c-text-2);
  transition: color 0.25s;
}
.org.link[data-v-6c32585b]:hover {
  color: var(--vp-c-brand-1);
}
.desc[data-v-6c32585b] {
  margin: 0 auto;
}
.desc[data-v-6c32585b] a {
  font-weight: 500;
  color: var(--vp-c-brand-1);
  text-decoration-style: dotted;
  transition: color 0.25s;
}
.links[data-v-6c32585b] {
  display: flex;
  justify-content: center;
  height: 56px;
}
.sp-link[data-v-6c32585b] {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 16px;
  font-size: 14px;
  font-weight: 500;
  color: var(--vp-c-sponsor);
  background-color: var(--vp-c-bg-soft);
  transition: color 0.25s, background-color 0.25s;
}
.sp .sp-link.link[data-v-6c32585b]:hover,
.sp .sp-link.link[data-v-6c32585b]:focus {
  outline: none;
  color: var(--vp-c-white);
  background-color: var(--vp-c-sponsor);
}
.sp-icon[data-v-6c32585b] {
  margin-right: 8px;
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.VPTeamMembers.small .container[data-v-f787b31a] {
  grid-template-columns: repeat(auto-fit, minmax(224px, 1fr));
}
.VPTeamMembers.small.count-1 .container[data-v-f787b31a] {
  max-width: 276px;
}
.VPTeamMembers.small.count-2 .container[data-v-f787b31a] {
  max-width: calc(276px * 2 + 24px);
}
.VPTeamMembers.small.count-3 .container[data-v-f787b31a] {
  max-width: calc(276px * 3 + 24px * 2);
}
.VPTeamMembers.medium .container[data-v-f787b31a] {
  grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
}
@media (min-width: 375px) {
.VPTeamMembers.medium .container[data-v-f787b31a] {
    grid-template-columns: repeat(auto-fit, minmax(288px, 1fr));
}
}
.VPTeamMembers.medium.count-1 .container[data-v-f787b31a] {
  max-width: 368px;
}
.VPTeamMembers.medium.count-2 .container[data-v-f787b31a] {
  max-width: calc(368px * 2 + 24px);
}
.container[data-v-f787b31a] {
  display: grid;
  gap: 24px;
  margin: 0 auto;
  max-width: 1152px;
}

:root {
  --smartflow-mono-font: "JetBrains Mono", "SFMono-Regular", "Consolas", "Liberation Mono", monospace;
  --vp-font-family-base: "Avenir Next", "PingFang SC", "Hiragino Sans GB", "Segoe UI", sans-serif;
  --vp-font-family-mono: var(--smartflow-mono-font);
  --vp-c-brand-1: #0f766e;
  --vp-c-brand-2: #0c625b;
  --vp-c-brand-3: #2563eb;
  --vp-c-brand-soft: rgba(15, 118, 110, 0.12);
  --vp-c-bg: #edf4f6;
  --vp-c-bg-soft: #f5fafb;
  --vp-c-bg-alt: #e7eef2;
  --vp-c-bg-elv: rgba(255, 255, 255, 0.82);
  --vp-c-divider: rgba(15, 23, 42, 0.08);
  --vp-c-divider-light: rgba(15, 23, 42, 0.06);
  --vp-c-text-1: #09111a;
  --vp-c-text-2: rgba(9, 17, 26, 0.76);
  --vp-c-text-3: rgba(30, 41, 59, 0.62);
  --vp-home-hero-name-color: transparent;
  --vp-home-hero-name-background: linear-gradient(96deg, #0c5f59 0%, #11806f 46%, #2458db 100%);
  --vp-home-hero-image-background-image: radial-gradient(circle at 24% 20%, rgba(15, 118, 110, 0.16), transparent 38%),
    radial-gradient(circle at 82% 30%, rgba(37, 99, 235, 0.16), transparent 34%),
    linear-gradient(135deg, rgba(15, 118, 110, 0.04), rgba(37, 99, 235, 0.02));
  --vp-home-hero-image-filter: blur(90px);
  --smartflow-layout-max: 1360px;
  --smartflow-doc-layout-max: 1480px;
  --smartflow-page-gap: 44px;
  --smartflow-home-bg: linear-gradient(180deg, #edf4f6 0%, #e8eff3 20%, #f4f8fb 54%, #eaf1f4 100%);
  --smartflow-panel: rgba(255, 255, 255, 0.72);
  --smartflow-panel-strong: rgba(255, 255, 255, 0.86);
  --smartflow-panel-subtle: rgba(247, 250, 252, 0.82);
  --smartflow-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(243, 248, 250, 0.92)),
    linear-gradient(145deg, rgba(15, 118, 110, 0.04), rgba(37, 99, 235, 0.02));
  --smartflow-card-accent-bg: linear-gradient(180deg, rgba(243, 248, 252, 0.96), rgba(235, 244, 248, 0.94)),
    linear-gradient(135deg, rgba(15, 118, 110, 0.06), rgba(37, 99, 235, 0.05));
  --smartflow-hero-shell: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(241, 247, 249, 0.86)),
    linear-gradient(120deg, rgba(15, 118, 110, 0.05), rgba(37, 99, 235, 0.03));
  --smartflow-line: rgba(15, 23, 42, 0.08);
  --smartflow-line-strong: rgba(15, 23, 42, 0.12);
  --smartflow-shadow: 0 30px 88px rgba(15, 23, 42, 0.1);
  --smartflow-shadow-soft: 0 20px 58px rgba(15, 23, 42, 0.08);
  --smartflow-orb-left: rgba(15, 118, 110, 0.08);
  --smartflow-orb-right: rgba(37, 99, 235, 0.08);
  --smartflow-grid-overlay: linear-gradient(120deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.12));
  --smartflow-grid-line: rgba(15, 23, 42, 0.04);
  --smartflow-accent-orb: rgba(15, 118, 110, 0.12);
  --smartflow-accent-orb-alt: rgba(37, 99, 235, 0.12);
  --smartflow-title: #09111a;
  --smartflow-copy: rgba(9, 17, 26, 0.82);
  --smartflow-copy-soft: rgba(30, 41, 59, 0.74);
  --smartflow-kicker: rgba(12, 95, 89, 0.76);
  --smartflow-pill-bg: rgba(15, 118, 110, 0.09);
  --smartflow-pill-color: #0c5f59;
  --smartflow-link: #0f766e;
  --smartflow-nav-bg: rgba(255, 255, 255, 0.72);
  --smartflow-nav-line: rgba(15, 23, 42, 0.08);
  --smartflow-nav-title: #09111a;
  --smartflow-nav-text: rgba(9, 17, 26, 0.82);
  --smartflow-nav-text-hover: #0f766e;
  --smartflow-search-bg: rgba(255, 255, 255, 0.86);
  --smartflow-search-border: rgba(15, 23, 42, 0.08);
  --smartflow-search-text: #09111a;
  --smartflow-toggle-bg: rgba(255, 255, 255, 0.9);
  --smartflow-toggle-border: rgba(15, 23, 42, 0.12);
  --smartflow-inner-highlight: rgba(255, 255, 255, 0.9);
  --smartflow-matrix-border: rgba(15, 118, 110, 0.14);
  --smartflow-matrix-bg:
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.14), transparent 34%),
    linear-gradient(180deg, rgba(248, 252, 252, 0.98), rgba(233, 242, 245, 0.96));
  --smartflow-matrix-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 22px 60px rgba(15, 23, 42, 0.12);
  --smartflow-matrix-grid: rgba(15, 118, 110, 0.05);
  --smartflow-matrix-inner-border: rgba(15, 118, 110, 0.11);
  --smartflow-matrix-hud: rgba(12, 95, 89, 0.78);
  --smartflow-matrix-footer: rgba(12, 95, 89, 0.58);
  --smartflow-matrix-canvas-border: rgba(15, 118, 110, 0.11);
  --smartflow-matrix-canvas-bg:
    radial-gradient(circle at 62% 48%, rgba(15, 118, 110, 0.12), transparent 24%),
    radial-gradient(circle at 78% 28%, rgba(37, 99, 235, 0.16), transparent 28%),
    linear-gradient(180deg, rgba(246, 251, 252, 0.98), rgba(232, 241, 245, 0.96));
  --smartflow-matrix-scan: rgba(15, 118, 110, 0.04);
  --smartflow-matrix-canvas-inner-border: rgba(15, 118, 110, 0.08);
  --smartflow-matrix-trace: linear-gradient(90deg, rgba(15, 118, 110, 0), rgba(15, 118, 110, 0.72), rgba(37, 99, 235, 0.28));
  --smartflow-matrix-trace-shadow: 0 0 18px rgba(15, 118, 110, 0.12);
  --smartflow-matrix-node: #0f766e;
  --smartflow-matrix-node-shadow: 0 0 10px rgba(15, 118, 110, 0.18);
  --smartflow-matrix-ring-border: rgba(37, 99, 235, 0.56);
  --smartflow-matrix-ring-shadow: 0 0 34px rgba(37, 99, 235, 0.12);
  --smartflow-matrix-ring-top: rgba(37, 99, 235, 0.7);
  --smartflow-matrix-ring-left: rgba(15, 118, 110, 0.26);
  --smartflow-matrix-ring-inner: rgba(15, 118, 110, 0.3);
  --smartflow-matrix-glyph: #0f766e;
  --smartflow-matrix-glyph-shadow: 0 0 16px rgba(15, 118, 110, 0.14), 0 0 28px rgba(37, 99, 235, 0.12);
  --smartflow-matrix-bolt: linear-gradient(180deg, #2dd4bf, #22c1dc 52%, #4f6fff 100%);
  --smartflow-matrix-bolt-shadow: drop-shadow(0 0 8px rgba(15, 118, 110, 0.16)) drop-shadow(0 0 18px rgba(37, 99, 235, 0.16));
  --smartflow-matrix-callout-border: rgba(37, 99, 235, 0.18);
  --smartflow-matrix-callout-bg: rgba(255, 255, 255, 0.76);
  --smartflow-matrix-callout-color: rgba(30, 41, 59, 0.72);
  --smartflow-matrix-stack-border: rgba(15, 118, 110, 0.14);
  --smartflow-matrix-stack-bg: linear-gradient(180deg, rgba(250, 254, 253, 0.92), rgba(240, 248, 250, 0.94));
  --smartflow-matrix-stack-color: #081118;
  --smartflow-matrix-token-key: #0f766e;
  --smartflow-matrix-token-punct: #0891b2;
  --smartflow-matrix-token-value: #081118;
  --smartflow-matrix-token-sep: #0284c7;
  --smartflow-matrix-token-glow: rgba(2, 132, 199, 0.1);
  --smartflow-gradient-button-text: #666;
  --smartflow-gradient-button-text-hover: #1f2937;
}

html {
  scroll-behavior: smooth;
}

html:not(.dark) {
  color-scheme: light;
}

.dark {
  color-scheme: dark;
  --vp-c-brand-1: #00f58c;
  --vp-c-brand-2: #00d8b6;
  --vp-c-brand-3: #57a8ff;
  --vp-c-brand-soft: rgba(0, 245, 140, 0.12);
  --vp-c-bg: #020a08;
  --vp-c-bg-soft: #05100e;
  --vp-c-bg-alt: #030d0b;
  --vp-c-bg-elv: rgba(5, 14, 11, 0.94);
  --vp-c-divider: rgba(0, 245, 140, 0.12);
  --vp-c-divider-light: rgba(0, 245, 140, 0.08);
  --vp-c-text-1: #ecfff7;
  --vp-c-text-2: rgba(222, 255, 243, 0.8);
  --vp-c-text-3: rgba(134, 183, 170, 0.72);
  --vp-home-hero-name-background: linear-gradient(96deg, #00f58c 0%, #00e4ff 44%, #5d7cff 100%);
  --vp-home-hero-image-background-image: radial-gradient(circle at 22% 18%, rgba(0, 245, 140, 0.18), transparent 40%),
    radial-gradient(circle at 78% 30%, rgba(0, 228, 255, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(0, 245, 140, 0.04), rgba(93, 124, 255, 0.03));
  --smartflow-home-bg: linear-gradient(180deg, #020a08 0%, #04120f 24%, #030d0b 58%, #010604 100%);
  --smartflow-panel: rgba(6, 18, 14, 0.76);
  --smartflow-panel-strong: rgba(6, 18, 14, 0.84);
  --smartflow-panel-subtle: rgba(7, 22, 17, 0.82);
  --smartflow-card-bg: linear-gradient(180deg, rgba(6, 18, 14, 0.92), rgba(3, 11, 9, 0.88)),
    linear-gradient(145deg, rgba(0, 245, 140, 0.06), rgba(0, 228, 255, 0.04));
  --smartflow-card-accent-bg: linear-gradient(180deg, rgba(7, 20, 15, 0.94), rgba(3, 11, 9, 0.9)),
    linear-gradient(135deg, rgba(0, 245, 140, 0.08), rgba(93, 124, 255, 0.07));
  --smartflow-hero-shell: linear-gradient(145deg, rgba(6, 18, 14, 0.94), rgba(3, 11, 9, 0.9)),
    linear-gradient(120deg, rgba(0, 245, 140, 0.06), rgba(0, 228, 255, 0.04));
  --smartflow-line: rgba(0, 245, 140, 0.12);
  --smartflow-line-strong: rgba(0, 245, 140, 0.18);
  --smartflow-shadow: 0 36px 96px rgba(0, 0, 0, 0.36), 0 0 92px rgba(0, 245, 140, 0.04);
  --smartflow-shadow-soft: 0 20px 64px rgba(0, 0, 0, 0.3), 0 0 44px rgba(0, 228, 255, 0.04);
  --smartflow-orb-left: rgba(0, 245, 140, 0.1);
  --smartflow-orb-right: rgba(0, 228, 255, 0.08);
  --smartflow-grid-overlay: linear-gradient(120deg, rgba(4, 13, 10, 0.18), rgba(4, 13, 10, 0.02));
  --smartflow-grid-line: rgba(0, 245, 140, 0.045);
  --smartflow-accent-orb: rgba(0, 245, 140, 0.16);
  --smartflow-accent-orb-alt: rgba(93, 124, 255, 0.12);
  --smartflow-title: #ecfff7;
  --smartflow-copy: rgba(222, 255, 243, 0.84);
  --smartflow-copy-soft: rgba(165, 205, 193, 0.78);
  --smartflow-kicker: rgba(126, 248, 209, 0.8);
  --smartflow-pill-bg: rgba(0, 245, 140, 0.09);
  --smartflow-pill-color: #7ef8d1;
  --smartflow-link: #7ef8d1;
  --smartflow-nav-bg: rgba(2, 10, 8, 0.78);
  --smartflow-nav-line: rgba(0, 245, 140, 0.12);
  --smartflow-nav-title: #f3fff9;
  --smartflow-nav-text: rgba(225, 255, 247, 0.82);
  --smartflow-nav-text-hover: #00f58c;
  --smartflow-search-bg: rgba(3, 12, 10, 0.92);
  --smartflow-search-border: rgba(0, 245, 140, 0.14);
  --smartflow-search-text: #ecfff7;
  --smartflow-toggle-bg: rgba(3, 12, 10, 0.92);
  --smartflow-toggle-border: rgba(0, 245, 140, 0.22);
  --smartflow-inner-highlight: rgba(126, 248, 209, 0.09);
  --smartflow-matrix-border: rgba(0, 245, 140, 0.14);
  --smartflow-matrix-bg:
    radial-gradient(circle at top right, rgba(93, 124, 255, 0.18), transparent 34%),
    linear-gradient(180deg, rgba(8, 24, 19, 0.9), rgba(5, 16, 13, 0.9));
  --smartflow-matrix-shadow: inset 0 1px 0 rgba(126, 248, 209, 0.06), 0 26px 64px rgba(0, 0, 0, 0.34);
  --smartflow-matrix-grid: rgba(0, 245, 140, 0.04);
  --smartflow-matrix-inner-border: rgba(0, 245, 140, 0.12);
  --smartflow-matrix-hud: rgba(126, 248, 209, 0.76);
  --smartflow-matrix-footer: rgba(177, 227, 213, 0.62);
  --smartflow-matrix-canvas-border: rgba(0, 245, 140, 0.12);
  --smartflow-matrix-canvas-bg:
    radial-gradient(circle at 62% 48%, rgba(0, 245, 140, 0.14), transparent 24%),
    radial-gradient(circle at 78% 28%, rgba(93, 124, 255, 0.22), transparent 28%),
    linear-gradient(180deg, rgba(8, 24, 19, 0.86), rgba(5, 16, 13, 0.88));
  --smartflow-matrix-scan: rgba(0, 245, 140, 0.038);
  --smartflow-matrix-canvas-inner-border: rgba(0, 245, 140, 0.09);
  --smartflow-matrix-trace: linear-gradient(90deg, rgba(0, 245, 140, 0), rgba(0, 245, 140, 0.86), rgba(0, 228, 255, 0.24));
  --smartflow-matrix-trace-shadow: 0 0 18px rgba(0, 245, 140, 0.22);
  --smartflow-matrix-node: #7ef8d1;
  --smartflow-matrix-node-shadow: 0 0 12px rgba(0, 245, 140, 0.28);
  --smartflow-matrix-ring-border: rgba(0, 228, 255, 0.72);
  --smartflow-matrix-ring-shadow: 0 0 34px rgba(0, 228, 255, 0.14);
  --smartflow-matrix-ring-top: rgba(93, 124, 255, 0.92);
  --smartflow-matrix-ring-left: rgba(0, 245, 140, 0.3);
  --smartflow-matrix-ring-inner: rgba(126, 248, 209, 0.38);
  --smartflow-matrix-glyph: #6ef3ff;
  --smartflow-matrix-glyph-shadow: 0 0 16px rgba(0, 228, 255, 0.28), 0 0 36px rgba(93, 124, 255, 0.2);
  --smartflow-matrix-bolt: linear-gradient(180deg, #7ef8d1, #00e4ff 52%, #7c5cff 100%);
  --smartflow-matrix-bolt-shadow: drop-shadow(0 0 10px rgba(0, 245, 140, 0.32)) drop-shadow(0 0 22px rgba(0, 228, 255, 0.2));
  --smartflow-matrix-callout-border: rgba(93, 124, 255, 0.24);
  --smartflow-matrix-callout-bg: rgba(6, 14, 26, 0.62);
  --smartflow-matrix-callout-color: rgba(210, 231, 255, 0.78);
  --smartflow-matrix-stack-border: rgba(0, 245, 140, 0.16);
  --smartflow-matrix-stack-bg: linear-gradient(180deg, rgba(10, 28, 22, 0.76), rgba(6, 18, 14, 0.84));
  --smartflow-matrix-stack-color: #f4fffb;
  --smartflow-matrix-token-key: #73ffd9;
  --smartflow-matrix-token-punct: #41ecff;
  --smartflow-matrix-token-value: #f4fffb;
  --smartflow-matrix-token-sep: #41ecff;
  --smartflow-matrix-token-glow: rgba(65, 236, 255, 0.18);
  --smartflow-gradient-button-text: #666;
  --smartflow-gradient-button-text-hover: #1f2937;
}

body {
  font-feature-settings: "liga" 1, "kern" 1;
}

.Layout {
  position: relative;
  background: radial-gradient(circle at top left, var(--smartflow-orb-left), transparent 26%), radial-gradient(circle at top right, var(--smartflow-orb-right), transparent 24%), var(--smartflow-home-bg);
}

.Layout::before {
  position: fixed;
  inset: 0;
  background: var(--smartflow-grid-overlay), linear-gradient(90deg, var(--smartflow-grid-line) 1px, transparent 1px), linear-gradient(var(--smartflow-grid-line) 1px, transparent 1px);
  background-size: auto, 28px 28px, 28px 28px;
  content: "";
  opacity: 0.72;
  pointer-events: none;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.92), rgba(0, 0, 0, 0.82));
}

.Layout::after {
  position: fixed;
  inset: 0;
  background: repeating-linear-gradient(180deg, rgba(15, 23, 42, 0.018) 0 1px, transparent 1px 18px);
  content: "";
  opacity: 0.42;
  pointer-events: none;
}

.dark .Layout::after {
  background: repeating-linear-gradient(180deg, rgba(0, 245, 140, 0.028) 0 1px, transparent 1px 16px);
  opacity: 0.26;
}

.VPNavBar {
  background: transparent !important;
  transition: background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out;
}

.VPNavBar[data-smartflow-nav-top=false] {
  border-bottom-color: transparent !important;
  background: #fff !important;
}

.dark .VPNavBar[data-smartflow-nav-top=false] {
  background: #020a08 !important;
}

.VPNavBar .container {
  align-items: center;
}

.VPNavBar::after {
  border-bottom-color: transparent !important;
}

.VPNavBar .title,
.VPNavBar .content-body {
  display: flex;
  align-items: center;
  border: 1px solid var(--smartflow-nav-line);
  background: var(--smartflow-nav-bg);
  backdrop-filter: blur(16px);
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.12);
  transition: background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out;
}

.VPNavBar .title {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.VPNavBar[data-smartflow-nav-top=true] .content-body,
.VPNavBar[data-smartflow-nav-top=true] .title {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.VPNavBar[data-smartflow-nav-top=false] .content-body,
.VPNavBar[data-smartflow-nav-top=false] .title {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.VPNavBar[data-smartflow-nav-top=true]:not(.top) {
  background: transparent !important;
}

.VPNavBar[data-smartflow-nav-top=true]:not(.has-sidebar):not(.top) {
  border-bottom-color: transparent !important;
  background: transparent !important;
}

.VPNavBar[data-smartflow-nav-top=true]:not(.top)::after {
  border-bottom-color: transparent !important;
}

.VPNavBar[data-smartflow-nav-top=true]:not(.top) .content-body,
.VPNavBar[data-smartflow-nav-top=true]:not(.top) .title {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.VPDoc .VPNavBar:not(.top) .content-body {
  background: transparent !important;
}

html:not(.dark) .VPDoc .VPNavBar[data-smartflow-nav-top=false],
html:not(.dark) .VPDoc .VPNavBar[data-smartflow-nav-top=false] .content-body,
html:not(.dark) .VPDoc .VPNavBar[data-smartflow-nav-top=false] .title {
  background: #fff !important;
}

.dark .VPNavBar .title,
.dark .VPNavBar .content-body {
  box-shadow: inset 0 0 0 1px rgba(0, 245, 140, 0.06), 0 18px 48px rgba(0, 0, 0, 0.34);
}

.dark .VPNavBar .title {
  box-shadow: none;
}

.dark .VPNavBar[data-smartflow-nav-top=true] .content-body,
.dark .VPNavBar[data-smartflow-nav-top=true] .title {
  box-shadow: none;
}

.VPNavBarTitle {
  display: flex;
  align-items: center;
  height: 100%;
  min-width: 0;
  transition: color 0.3s ease-out;
}

.VPNavBarTitle .VPImage.logo {
  display: none;
}

.VPNavBarTitle .title {
  display: inline-flex;
  align-items: center;
  height: 100%;
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: var(--smartflow-mono-font);
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--smartflow-nav-title) !important;
  white-space: nowrap;
}

@media (min-width: 960px) {
  .VPNavBar .container {
    gap: 10px;
  }
  .VPNavBar .title {
    flex: 0 0 auto;
    width: auto !important;
    min-width: 0;
    margin-top: 0;
    margin-right: 0;
    padding: 0;
    height: auto;
    border-radius: 0;
  }
  .VPNavBar .content {
    flex: 1 1 auto;
    min-width: 0;
  }
  .VPNavBar .content-body {
    margin-top: 0;
    padding: 0 16px 0 22px;
    height: calc(var(--vp-nav-height) - 12px);
    border-radius: 26px;
  }
}
.VPNavBarMenuLink,
.VPNavBarMenuGroup .button,
.VPNavBarMenuGroup .text,
.VPNavBarExtra .link,
.VPNavBarExtra .icon,
.VPNavBarHamburger .container {
  color: var(--smartflow-nav-text) !important;
}

.VPNavBarMenuLink,
.VPNavBarMenuGroup .button {
  border-radius: 14px;
  background: transparent !important;
  box-shadow: none !important;
  transition: color 0.18s ease;
}

.VPNavBarMenuLink:hover,
.VPNavBarMenuLink.active,
.VPNavBarMenuGroup:hover .button,
.VPNavBarMenuGroup:hover .text,
.VPNavBarMenuGroup.active .button,
.VPNavBarMenuGroup.active .text,
.VPNavBarExtra .link:hover,
.VPNavBarExtra .icon:hover,
.VPNavBarHamburger:hover .container {
  color: var(--smartflow-nav-text-hover) !important;
}

.VPNavBarMenuLink:hover,
.VPNavBarMenuLink.active,
.VPNavBarMenuGroup:hover .button,
.VPNavBarMenuGroup.active .button {
  background: transparent !important;
  box-shadow: none !important;
}

.VPNavBarSearch .DocSearch-Button,
.VPSwitchAppearance {
  border: 1px solid var(--smartflow-search-border);
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
}

.VPNavBarSearch .DocSearch-Button {
  border-color: transparent !important;
  background: transparent;
  min-height: 44px;
  margin: 0;
  border-radius: 16px;
  box-shadow: none !important;
}

.VPNavBarSearch .DocSearch-Button-Container,
.VPNavBarSearch .DocSearch-Button-Keys {
  align-items: center;
}

.VPSwitchAppearance {
  background: var(--smartflow-toggle-bg);
  border-color: var(--smartflow-toggle-border);
  transition: none;
}

.VPNavBar[data-smartflow-nav-top=true] .VPSwitchAppearance {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.DocSearch-Button,
.DocSearch-Button .DocSearch-Button-Placeholder,
.DocSearch-Button .DocSearch-Search-Icon,
.DocSearch-Button .DocSearch-Button-Key,
.VPSwitchAppearance {
  color: var(--smartflow-search-text);
}

.VPFlyout .menu,
.VPMenu,
.VPDocAsideOutline .content,
.VPLocalNavOutlineDropdown .items {
  border: 1px solid var(--smartflow-line-strong);
  border-radius: 22px;
  background: var(--smartflow-panel-strong) !important;
  box-shadow: 0 24px 54px rgba(15, 23, 42, 0.16);
  backdrop-filter: blur(18px);
}

.VPMenuLink .link,
.VPMenuGroup .items .VPLink,
.VPNavBarExtra .group .label,
.VPSidebarItem .text,
.VPDocAsideOutline .outline-link {
  color: var(--smartflow-copy) !important;
}

.VPMenuLink .link:hover,
.VPMenuLink .link.active,
.VPMenuLink .link[data-smartflow-current=true],
.VPMenuGroup .items .VPLink:hover,
.VPSidebarItem .link:hover .text,
.VPSidebarItem .link[data-smartflow-current=true] .text,
.VPSidebarItem.is-active > .item .link .text,
.VPDocAsideOutline .outline-link:hover,
.VPDocAsideOutline .outline-link.active {
  color: var(--smartflow-nav-text-hover) !important;
}

.VPMenuLink .link,
.VPMenuGroup .items .VPLink {
  border-radius: 14px;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.VPMenuLink .link:hover,
.VPMenuLink .link.active,
.VPMenuLink .link[data-smartflow-current=true],
.VPMenuGroup .items .VPLink:hover {
  background: var(--smartflow-panel-subtle);
  transform: translateX(2px);
}

@media (min-width: 1280px) {
  .VPNavBarTranslations .menu {
    top: calc(100% + 10px);
    right: auto;
    left: 50%;
    translate: -50% 0;
  }
}
.VPSidebar {
  background: transparent !important;
}

.VPSidebar .group {
  padding-top: 6px;
}

.VPSidebarItem.level-0 > .item {
  padding: 4px 4px 10px;
  cursor: default;
}

.VPSidebarItem.level-0 > .item > .text {
  font-size: 1.04rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: var(--smartflow-title) !important;
}

.VPSidebarItem.level-0 > .items {
  margin-top: 4px;
  padding-left: 10px;
  border-left: 1px solid var(--smartflow-line);
}

.VPSidebarItem.level-1 > .item .link {
  padding: 7px 10px;
}

.VPSidebarItem.level-1 + .VPSidebarItem.level-1 {
  margin-top: 8px;
}

.VPSidebarItem.level-1 > .item .text {
  font-size: 0.95rem;
  font-weight: 600;
}

.VPSidebarItem .item .link {
  border-radius: 16px;
  transition: background-color 0.18s ease, transform 0.18s ease;
}

.VPSidebarItem .item .link:hover {
  background: var(--smartflow-panel-subtle);
  transform: translateX(2px);
}

.VPSidebarItem .item .link[data-smartflow-current=true],
.VPSidebarItem.is-active > .item .link {
  background: var(--smartflow-panel-subtle);
  transform: translateX(2px);
}

.VPFooter {
  border-top-color: var(--smartflow-line) !important;
  padding: 18px 24px !important;
  background: transparent !important;
}

.VPFooter .container {
  max-width: var(--smartflow-layout-max);
  color: var(--smartflow-copy-soft);
}

.VPDoc .VPDocFooter {
  margin-top: 54px !important;
  padding-bottom: 22px;
}

.VPDoc .VPDocFooter .prev-next {
  padding-top: 18px !important;
}

.VPHome .container {
  max-width: var(--smartflow-layout-max) !important;
}

.VPDoc .container {
  max-width: var(--smartflow-doc-layout-max) !important;
  padding: 0 !important;
}

.VPDoc .content {
  padding: 0 !important;
}

.VPSidebar .nav {
  padding-top: 0;
}

@media (min-width: 960px) {
  .VPSidebar {
    bottom: auto;
    height: auto;
    max-height: 100vh;
    padding-bottom: 40px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .VPSidebar::-webkit-scrollbar {
    display: none;
  }
}
@media (min-width: 1280px) {
  .VPDoc .aside-container {
    height: auto;
    max-height: 100vh;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .VPDoc .aside-container::-webkit-scrollbar {
    display: none;
  }
  .VPDoc .aside-curtain {
    display: none;
  }
  .VPDoc .aside-content {
    min-height: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 960px) {
  .VPNavBar.has-sidebar .curtain,
  .VPNavBar.has-sidebar .curtain::before,
  .VPNavBar.has-sidebar .curtain::after,
  .VPSidebar .curtain,
  .VPSidebar .curtain::before,
  .VPSidebar .curtain::after {
    display: none !important;
    background: transparent !important;
  }
}
.VPDoc .content-container {
  max-width: none;
  width: 100%;
}

.VPDoc.has-aside .content-container {
  max-width: none;
  width: 100%;
}

.VPDoc.has-sidebar .container,
.VPDoc.has-sidebar .content,
.VPDoc.has-sidebar .content-container {
  padding: 0 !important;
}

.vp-doc,
.vp-doc h1,
.vp-doc h2,
.vp-doc h3,
.vp-doc h4,
.vp-doc strong {
  color: var(--smartflow-title);
}

.vp-doc p,
.vp-doc li,
.vp-doc td,
.vp-doc th,
.vp-doc summary {
  color: var(--smartflow-copy-soft);
  font-size: 0.98rem;
  line-height: 1.9;
}

.vp-doc h1,
.vp-doc h2,
.vp-doc h3 {
  letter-spacing: -0.03em;
}

.vp-doc h1 {
  margin: 0 0 1.2rem;
  font-size: clamp(2rem, 4vw, 2.8rem);
  line-height: 1.04;
}

.vp-doc h2 {
  margin-top: 2.2rem;
  font-size: clamp(1.36rem, 2.4vw, 1.82rem);
  line-height: 1.15;
}

.vp-doc h3 {
  margin-top: 1.6rem;
  font-size: 1.12rem;
}

.vp-doc table {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

.vp-doc table tr {
  background: transparent;
}

.vp-doc table th,
.vp-doc table td {
  border-color: var(--smartflow-line);
}

.vp-doc code {
  color: var(--vp-c-brand-1);
}

.vp-doc a {
  text-decoration: none;
}

.vp-doc blockquote {
  border-left: 3px solid var(--vp-c-brand-1);
  border-radius: 18px;
  background: var(--smartflow-panel-subtle);
  padding: 14px 18px;
}

.vp-doc div[class*=language-] {
  border: 1px solid var(--smartflow-line);
  border-radius: 18px;
  background: var(--smartflow-panel-strong);
  box-shadow: inset 0 1px 0 var(--smartflow-inner-highlight);
}

.VPHome {
  position: relative;
  padding-bottom: 12px;
}

.VPHome::before {
  position: absolute;
  inset: 0 0 auto;
  height: 760px;
  background: var(--smartflow-grid-overlay), linear-gradient(90deg, var(--smartflow-grid-line) 1px, transparent 1px), linear-gradient(var(--smartflow-grid-line) 1px, transparent 1px);
  background-size: auto, 32px 32px, 32px 32px;
  content: "";
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.88), transparent);
  pointer-events: none;
}

.VPHero {
  padding-top: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 22px);
}

.VPHero .container {
  position: relative;
  max-width: var(--smartflow-layout-max);
  padding: 52px 56px;
  border: 1px solid var(--smartflow-line-strong);
  border-radius: 36px;
  background: var(--smartflow-hero-shell);
  box-shadow: var(--smartflow-shadow);
  overflow: hidden;
}

.VPHero.has-image .container {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.82fr);
  gap: 46px;
  align-items: stretch;
}

.VPHero .container::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--smartflow-grid-line) 1px, transparent 1px), linear-gradient(var(--smartflow-grid-line) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: 0.42;
  content: "";
  pointer-events: none;
}

.VPHero .container::after {
  position: absolute;
  inset: 18px;
  border: 1px solid var(--smartflow-line);
  border-radius: 28px;
  content: "";
  pointer-events: none;
}

.VPHero .main {
  position: relative;
  z-index: 1;
  min-height: 348px;
  max-width: 760px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.VPHero.has-image .main {
  max-width: 640px;
}

.VPHero:not(.has-image) .main {
  min-height: 0;
  width: 100%;
  max-width: none;
  gap: 18px;
}

.VPHero .name,
.landing-section-head h2,
.cta-card h2,
.brand-hero h1,
.brand-card h2 {
  font-family: var(--vp-font-family-base);
  letter-spacing: -0.04em;
}

.VPHero .name {
  font-size: clamp(2.5rem, 5vw, 4.4rem);
  line-height: 0.96;
}

.VPHome .VPHero.has-image .name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.VPHome .VPHero.has-image .text {
  display: inline-flex;
  width: auto;
  max-width: 100%;
  min-height: 0;
  align-self: flex-start;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  flex-wrap: nowrap;
  text-align: left;
  font-size: clamp(1.5rem, 2vw, 1.58rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
}

.VPHome .VPHero.has-image .text::before {
  content: none;
}

.VPHome .VPHero.has-image .text::after {
  content: "Execution Governance";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 12px;
  border: 1px solid rgba(214, 232, 246, 0.06);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.005)), linear-gradient(135deg, rgba(16, 47, 62, 0.18), rgba(24, 60, 92, 0.12) 78%), rgba(8, 18, 24, 0.52);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.032), inset 0 -1px 0 rgba(33, 74, 102, 0.04), 0 4px 10px rgba(4, 11, 15, 0.075), 0 0 0 1px rgba(36, 71, 102, 0.018);
  color: rgba(240, 246, 252, 0.78);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  font-family: var(--smartflow-mono-font);
  font-size: clamp(0.45rem, 0.52vw, 0.5rem);
  font-weight: 500;
  letter-spacing: 0.24em;
  line-height: 1.1;
  text-shadow: 0 0 3px rgba(83, 175, 255, 0.03);
  text-transform: uppercase;
}

.VPHome .VPHero.has-image .name::before {
  content: "E·G";
  color: var(--smartflow-kicker);
  font-family: var(--smartflow-mono-font);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.28em;
  line-height: 1;
  text-transform: uppercase;
}

.VPHero .text {
  max-width: 13ch;
  font-size: clamp(1.14rem, 1.9vw, 1.52rem);
  line-height: 1.18;
  color: var(--smartflow-title);
}

.VPHero:not(.has-image) .text {
  max-width: none;
  font-size: clamp(1.28rem, 1.8vw, 1.8rem);
  line-height: 1.14;
}

.VPHero .tagline {
  max-width: 28ch;
  font-size: 1rem;
  line-height: 1.8;
  color: var(--smartflow-copy-soft);
}

.VPHero:not(.has-image) .tagline {
  max-width: 60ch;
  font-size: 1.08rem;
  line-height: 1.92;
}

.dark .VPHero .name .clip,
.dark .VPHero .text {
  text-shadow: 0 0 20px rgba(0, 245, 140, 0.08), 0 0 44px rgba(0, 228, 255, 0.04);
}

.VPHero .actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(460px, 100%);
  gap: 12px;
  padding-top: 28px;
}

.VPHero:not(.has-image) .actions {
  display: flex;
  flex-wrap: wrap;
  width: fit-content;
  max-width: 100%;
  gap: 14px;
  justify-content: flex-start;
}

.VPHero .action {
  min-width: 0;
}

.VPHero:not(.has-image) .action {
  min-width: 0;
  padding: 0;
  flex: 0 0 auto;
}

.VPHero .action .VPButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  border-radius: 999px;
  border-width: 1px;
  font-weight: 600;
  text-align: center;
  line-height: 1.2;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
}

.VPHero:not(.has-image) .action .VPButton {
  width: auto;
  min-width: clamp(176px, 16vw, 240px);
  padding-inline: 20px;
}

.VPHero .action .VPButton.brand,
.cta-button--brand {
  border: none;
  background: linear-gradient(135deg, var(--vp-c-brand-1), #2563eb);
  color: var(--smartflow-gradient-button-text) !important;
  text-shadow: none;
  transition: color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.dark .VPHero .action .VPButton.brand,
.dark .cta-button--brand {
  background: linear-gradient(135deg, #00d56f, #00d7ff 58%, #5d7cff 100%);
  box-shadow: 0 0 0 1px rgba(0, 245, 140, 0.14), 0 0 34px rgba(0, 245, 140, 0.12);
  color: var(--smartflow-gradient-button-text) !important;
  text-shadow: none;
}

.VPHero .action .VPButton.brand:hover,
.VPHero .action .VPButton.brand:focus-visible,
.cta-button--brand:hover,
.cta-button--brand:focus-visible,
.cta-button--brand:link:hover,
.cta-button--brand:link:focus-visible,
.cta-button--brand:visited:hover,
.cta-button--brand:visited:focus-visible,
.dark .cta-button--brand:hover,
.dark .cta-button--brand:focus-visible,
.dark .cta-button--brand:link:hover,
.dark .cta-button--brand:link:focus-visible,
.dark .cta-button--brand:visited:hover,
.dark .cta-button--brand:visited:focus-visible {
  color: var(--smartflow-gradient-button-text-hover) !important;
}

.VPHero .action .VPButton.alt {
  border-color: var(--smartflow-line-strong);
  background: var(--smartflow-panel-strong);
  color: var(--smartflow-title);
}

.VPHero .action .VPButton.alt:hover {
  border-color: var(--smartflow-nav-text-hover);
  color: var(--smartflow-nav-text-hover);
}

.VPHome .VPHero.has-image .container {
  grid-template-columns: minmax(0, 1.02fr) minmax(460px, 0.98fr);
  gap: 28px;
  align-items: center;
}

.VPHome .VPHero.has-image .main {
  width: 100%;
  max-width: 700px;
  min-height: 0;
}

.VPHome .VPHero.has-image .name,
.VPHome .VPHero.has-image .text,
.VPHome .VPHero.has-image .tagline {
  margin: 0;
}

.VPHome .VPHero.has-image .tagline {
  max-width: 44ch;
  margin-top: 0;
}

.VPHome .VPHero.has-image .actions {
  display: flex;
  flex-wrap: wrap;
  width: fit-content;
  max-width: 100%;
  gap: 12px;
  padding-top: 14px;
  margin-left: 6px;
  justify-content: flex-start;
}

.VPHome .VPHero.has-image .action {
  padding: 0;
  flex: 0 0 auto;
}

.VPHome .VPHero.has-image .action .VPButton {
  width: auto;
  min-height: 40px;
  padding: 0 14px;
  font-size: 0.88rem;
  white-space: nowrap;
}

.VPHome .VPHero.has-image .image {
  align-items: stretch;
}

.VPHome .VPHero.has-image .image-container {
  min-height: 286px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}

.VPHome .VPHero.has-image .image-container::before,
.VPHome .VPHero.has-image .image-bg {
  display: none;
}

.home-hero-note {
  margin: 12px auto 0;
  max-width: var(--smartflow-layout-max);
  padding: 0 24px;
}

.home-hero-note__kicker,
.home-hero-note__text {
  font-family: var(--smartflow-mono-font);
}

.home-hero-note__kicker {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid var(--smartflow-line-strong);
  background: var(--smartflow-panel-subtle);
  color: var(--smartflow-pill-color);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.home-hero-note__text {
  margin: 10px 0 0;
  max-width: 980px;
  color: var(--smartflow-copy-soft);
  line-height: 1.82;
  font-size: 0.94rem;
}

@media (min-width: 961px) {
  .home-hero-note {
    padding-left: 0;
    padding-right: 0;
    text-align: left;
  }
  .home-hero-note__text {
    max-width: none;
    margin: 10px 0 20px;
  }
}
.home-hero-note__text strong {
  color: var(--smartflow-title);
  font-weight: 700;
}

.home-hero-code {
  width: 100%;
  min-height: 286px;
  border: 1px solid var(--smartflow-line-strong);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(243, 248, 250, 0.92)), linear-gradient(135deg, rgba(15, 118, 110, 0.05), rgba(37, 99, 235, 0.04));
  box-shadow: var(--smartflow-shadow-soft);
  overflow: hidden;
}

.dark .home-hero-code {
  background: linear-gradient(180deg, rgba(6, 18, 14, 0.94), rgba(3, 11, 9, 0.9)), linear-gradient(135deg, rgba(0, 245, 140, 0.06), rgba(93, 124, 255, 0.04));
  box-shadow: inset 0 1px 0 rgba(126, 248, 209, 0.07), 0 26px 62px rgba(0, 0, 0, 0.34);
}

.home-hero-code__head,
.home-hero-code__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  font-family: var(--smartflow-mono-font);
}

.home-hero-code__head {
  border-bottom: 1px solid var(--smartflow-line);
  background: rgba(255, 255, 255, 0.56);
}

.dark .home-hero-code__head {
  background: rgba(5, 16, 13, 0.82);
}

.home-hero-code__dots {
  display: flex;
  gap: 8px;
}

.home-hero-code__dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
}

.home-hero-code__dot--red {
  background: #ff6f61;
}

.home-hero-code__dot--yellow {
  background: #f5c66b;
}

.home-hero-code__dot--green {
  background: #0f766e;
}

.dark .home-hero-code__dot--green {
  background: #00f58c;
  box-shadow: 0 0 12px rgba(0, 245, 140, 0.24);
}

.home-hero-code__file,
.home-hero-code__status,
.home-hero-code__line-no,
.home-hero-code__line-text {
  font-family: var(--smartflow-mono-font);
}

.home-hero-code__file {
  color: var(--smartflow-title);
  font-size: 0.82rem;
  letter-spacing: 0.06em;
}

.home-hero-code__status {
  padding: 6px 10px;
  border: 1px solid var(--smartflow-line);
  border-radius: 999px;
  background: var(--smartflow-pill-bg);
  color: var(--smartflow-pill-color);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.home-hero-code__body {
  position: relative;
  padding: 18px;
  display: grid;
  gap: 10px;
}

.dark .home-hero-code__body {
  background: linear-gradient(180deg, rgba(2, 11, 9, 0.84), rgba(1, 8, 6, 0.92));
}

.home-hero-code__body::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--smartflow-grid-line) 1px, transparent 1px), linear-gradient(var(--smartflow-grid-line) 1px, transparent 1px);
  background-size: 22px 22px;
  content: "";
  opacity: 0.3;
  pointer-events: none;
}

.home-hero-code__line {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 12px;
}

.home-hero-code__line-no {
  color: rgba(30, 41, 59, 0.38);
  font-size: 0.74rem;
  text-align: right;
  user-select: none;
}

.dark .home-hero-code__line-no {
  color: rgba(165, 205, 193, 0.38);
}

.home-hero-code__line-text {
  color: var(--smartflow-copy);
  font-size: 0.82rem;
  line-height: 1.72;
  white-space: pre-wrap;
}

.home-hero-code__footer {
  justify-content: flex-start;
  flex-wrap: wrap;
  border-top: 1px solid var(--smartflow-line);
  background: rgba(255, 255, 255, 0.44);
}

.dark .home-hero-code__footer {
  background: rgba(5, 16, 13, 0.74);
}

.home-hero-code__tag {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border: 1px solid var(--smartflow-line);
  border-radius: 999px;
  background: var(--smartflow-panel-subtle);
  color: var(--smartflow-copy-soft);
  font-family: var(--smartflow-mono-font);
  font-size: 0.66rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.home-hero-code .token-keyword {
  color: var(--smartflow-pill-color);
}

.home-hero-code .token-variable {
  color: var(--smartflow-title);
}

.home-hero-code .token-operator {
  color: #0891b2;
}

.home-hero-code .token-string {
  color: #2563eb;
}

.home-hero-code .token-function {
  color: #0f766e;
}

.home-hero-code .token-comment {
  color: var(--smartflow-copy-soft);
}

.home-hero-code .token-accent {
  color: #7c3aed;
}

.dark .home-hero-code .token-operator {
  color: #41ecff;
}

.dark .home-hero-code .token-string {
  color: #6ef3ff;
}

.dark .home-hero-code .token-function {
  color: #7ef8d1;
}

.dark .home-hero-code .token-accent {
  color: #a78bfa;
}

.VPHero .image {
  position: relative;
  z-index: 1;
  order: 2;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.VPHero .image-container {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 348px;
  padding: 24px;
  border-radius: 30px;
  background: radial-gradient(circle at 74% 28%, rgba(37, 99, 235, 0.18), transparent 28%), radial-gradient(circle at 22% 72%, rgba(15, 118, 110, 0.16), transparent 24%), linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(236, 245, 248, 0.9));
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transform: none !important;
}

.dark .VPHero .image-container {
  background: radial-gradient(circle at 74% 28%, rgba(93, 124, 255, 0.18), transparent 28%), radial-gradient(circle at 22% 72%, rgba(0, 245, 140, 0.12), transparent 24%), linear-gradient(180deg, rgba(3, 11, 9, 0.96), rgba(2, 8, 7, 0.94));
}

.VPHero .image-container::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--smartflow-grid-line) 1px, transparent 1px), linear-gradient(var(--smartflow-grid-line) 1px, transparent 1px);
  background-size: 22px 22px;
  opacity: 0.42;
  content: "";
}

.VPHero .image-container::after {
  display: none;
}

.VPHero .image-bg {
  width: 300px;
  height: 300px;
}

.VPHero .image::before,
.VPHero .image::after {
  display: none;
}

.VPHero .image-src {
  display: block;
  width: min(86%, 360px);
  max-width: 100%;
  height: auto;
  transform: translateY(0);
  opacity: 0.94;
  filter: drop-shadow(0 0 26px rgba(0, 245, 140, 0.12)) drop-shadow(0 0 44px rgba(0, 228, 255, 0.14));
}

.VPHomeFeatures {
  position: relative;
  padding-top: 24px;
}

.VPHomeFeatures .container {
  max-width: var(--smartflow-layout-max);
}

.VPFeature {
  position: relative;
  height: 100%;
  border: 1px solid var(--smartflow-line);
  border-radius: 24px;
  background: var(--smartflow-card-bg);
  box-shadow: var(--smartflow-shadow-soft);
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.VPHomeFeatures .VPFeature,
.VPHomeFeatures .VPFeature .box {
  background: var(--smartflow-card-bg);
}

.VPFeature::before,
.metric-card::after,
.landing-card::after,
.mode-card::after,
.flow-card::after,
.roadmap-card::after,
.link-panel::after,
.brand-card::after,
.brand-direction-card::after,
.brand-link-card::after {
  position: absolute;
  top: 0;
  left: 24px;
  width: 110px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--vp-c-brand-1), transparent);
  content: "";
  opacity: 0.74;
}

.VPFeature:hover,
.link-panel:hover,
.brand-link-card:hover {
  transform: translateY(-3px);
  border-color: var(--smartflow-line-strong);
  box-shadow: 0 22px 50px rgba(15, 23, 42, 0.1);
}

.VPFeature .title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--smartflow-title);
}

.VPFeature .details {
  font-size: 0.95rem;
  line-height: 1.78;
  color: var(--smartflow-copy-soft);
}

.landing-shell {
  width: 100%;
  max-width: var(--smartflow-layout-max);
  box-sizing: border-box;
  margin: 44px auto 24px;
}

.landing-band,
.brand-hero,
.brand-card,
.brand-direction-card,
.brand-link-card {
  position: relative;
  border: 1px solid var(--smartflow-line);
  border-radius: 30px;
  background: var(--smartflow-card-bg);
  box-shadow: var(--smartflow-shadow-soft);
  overflow: hidden;
}

.landing-band {
  margin-bottom: 30px;
  padding: 40px 42px;
}

.landing-band::before,
.brand-hero::before {
  position: absolute;
  inset: auto -50px -60px auto;
  width: 220px;
  height: 220px;
  border-radius: 999px;
  background: radial-gradient(circle, var(--smartflow-accent-orb), transparent 70%);
  content: "";
  pointer-events: none;
}

.landing-band--roadmap::before,
.landing-band--cta::before,
.brand-hero::before {
  background: radial-gradient(circle, var(--smartflow-accent-orb-alt), transparent 70%);
}

.landing-band--brand {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(242, 248, 250, 0.9)), linear-gradient(120deg, rgba(15, 118, 110, 0.04), rgba(37, 99, 235, 0.02));
}

.dark .landing-band--brand {
  background: linear-gradient(180deg, rgba(6, 18, 14, 0.94), rgba(3, 11, 9, 0.89)), linear-gradient(120deg, rgba(0, 245, 140, 0.06), rgba(0, 228, 255, 0.04));
}

.landing-band--overview {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(340px, 0.96fr);
  gap: 28px;
  align-items: center;
}

.landing-band--overview-center {
  align-items: center;
}

.landing-band--overview .landing-section-head {
  align-self: center;
}

.landing-section-head {
  max-width: 740px;
}

.landing-band--flow .landing-section-head,
.landing-band--audience .landing-section-head,
.landing-band--modes .landing-section-head,
.landing-band--roadmap .landing-section-head {
  max-width: min(1100px, 100%);
  margin-bottom: 30px;
}

.landing-brand {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
  gap: 40px;
  align-items: start;
}

.landing-band--brand-story .landing-brand__copy,
.landing-band--founder .landing-section-head {
  align-self: center;
}

.landing-kicker,
.brand-kicker,
.matrix-panel__hud,
.matrix-panel__footer {
  font-family: var(--smartflow-mono-font);
}

.landing-kicker,
.brand-kicker {
  margin: 0 0 12px;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--smartflow-kicker);
}

.landing-section-head h2,
.cta-card h2 {
  margin: 0;
  font-size: clamp(1.84rem, 4vw, 2.72rem);
  line-height: 1.08;
  color: var(--smartflow-title);
}

.landing-band--flow .landing-section-head h2,
.landing-band--audience .landing-section-head h2,
.landing-band--modes .landing-section-head h2,
.landing-band--roadmap .landing-section-head h2 {
  font-size: clamp(1.58rem, 2.8vw, 2.26rem);
  line-height: 1.14;
}

@media (min-width: 961px) {
  .landing-heading--nowrap-desktop {
    white-space: nowrap;
  }
}
.landing-lead,
.brand-lead,
.brand-card p,
.brand-direction-card p,
.brand-link-card p,
.brand-list li {
  color: var(--smartflow-copy-soft);
  line-height: 1.9;
}

.landing-lead {
  margin: 16px 0 0;
  font-size: 0.99rem;
}

.landing-brand__chips,
.brand-chip-list,
.brand-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.landing-brand__quick-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 24px;
}

.landing-brand__quick-card {
  position: relative;
  padding: 18px 20px;
  border: 1px solid var(--smartflow-line);
  border-radius: 20px;
  background: var(--smartflow-panel-subtle);
  box-shadow: inset 0 1px 0 var(--smartflow-inner-highlight);
}

.landing-brand__quick-card span {
  display: block;
  margin-bottom: 8px;
  color: var(--smartflow-kicker);
  font-family: var(--smartflow-mono-font);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.landing-brand__quick-card strong {
  display: block;
  color: var(--smartflow-title);
  font-size: 1rem;
  line-height: 1.55;
}

.landing-brand__chips span,
.brand-chip,
.brand-pill,
.link-panel-label,
.flow-index,
.roadmap-stage {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid var(--smartflow-line);
  background: var(--smartflow-pill-bg);
  color: var(--smartflow-pill-color);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.roadmap-stage {
  margin-bottom: 14px;
}

.flow-index {
  margin-bottom: 14px;
}

.brand-chip {
  border-color: var(--smartflow-line-strong);
  background: var(--smartflow-panel-strong);
  color: var(--smartflow-title);
  font-weight: 600;
  letter-spacing: 0.02em;
}

.brand-pill {
  margin-bottom: 14px;
}

.landing-brand__panel,
.brand-hero__media {
  position: relative;
  display: grid;
  gap: 10px;
  align-content: start;
}

.landing-brand__signal-card {
  position: relative;
  padding: 20px 22px;
  border: 1px solid var(--smartflow-line);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(244, 249, 250, 0.86)), linear-gradient(135deg, rgba(15, 118, 110, 0.04), rgba(37, 99, 235, 0.03));
  box-shadow: var(--smartflow-shadow-soft);
  overflow: hidden;
}

.dark .landing-brand__signal-card {
  background: linear-gradient(180deg, rgba(6, 18, 14, 0.92), rgba(3, 11, 9, 0.88)), linear-gradient(135deg, rgba(0, 245, 140, 0.07), rgba(0, 228, 255, 0.05));
}

.landing-brand__signal-card::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--smartflow-grid-line) 1px, transparent 1px), linear-gradient(var(--smartflow-grid-line) 1px, transparent 1px);
  background-size: 22px 22px;
  content: "";
  opacity: 0.2;
  pointer-events: none;
}

.landing-brand__signal-head,
.landing-brand__signal-tags {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-family: var(--smartflow-mono-font);
}

.landing-brand__signal-head {
  color: var(--smartflow-kicker);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.18em;
}

.landing-brand__signal-summary {
  position: relative;
  z-index: 1;
  margin: 14px 0 0;
  max-width: 40ch;
  color: var(--smartflow-title);
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.52;
}

.landing-brand__signal-list {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 10px;
  margin-top: 16px;
}

.landing-brand__signal-item {
  padding: 12px 14px;
  border: 1px solid var(--smartflow-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.44);
}

.dark .landing-brand__signal-item {
  background: rgba(5, 18, 14, 0.62);
}

.landing-brand__signal-item strong {
  display: block;
  margin-bottom: 4px;
  color: var(--smartflow-title);
  font-size: 0.9rem;
}

.landing-brand__signal-item span {
  display: block;
  color: var(--smartflow-copy-soft);
  font-size: 0.84rem;
  line-height: 1.54;
}

.landing-brand__signal-tags {
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 14px;
}

.landing-brand__signal-tags span {
  padding: 6px 12px;
  border: 1px solid var(--smartflow-line);
  border-radius: 999px;
  background: var(--smartflow-pill-bg);
  color: var(--smartflow-pill-color);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.landing-brand__meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.landing-brand__meta,
.brand-hero__panel {
  position: relative;
  z-index: 1;
  padding: 22px;
  border: 1px solid var(--smartflow-line);
  border-radius: 22px;
  background: var(--smartflow-panel-subtle);
  box-shadow: inset 0 1px 0 var(--smartflow-inner-highlight);
}

.landing-brand__meta--wide {
  grid-column: 1/-1;
  min-height: 148px;
}

.landing-brand__meta strong,
.brand-hero__panel strong,
.brand-link-card strong {
  display: block;
  margin-top: 12px;
  color: var(--smartflow-title);
  font-size: 1.04rem;
}

.landing-brand__meta p,
.brand-hero__panel p,
.brand-link-card p,
.brand-card p,
.brand-direction-card p {
  margin: 10px 0 0;
}

.landing-brand__meta--trail {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 248, 250, 0.92)), linear-gradient(135deg, rgba(15, 118, 110, 0.06), rgba(37, 99, 235, 0.05));
}

.dark .landing-brand__meta--trail {
  background: linear-gradient(180deg, rgba(7, 19, 15, 0.96), rgba(4, 12, 10, 0.92)), linear-gradient(135deg, rgba(0, 245, 140, 0.08), rgba(0, 228, 255, 0.05));
}

.landing-brand__record-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.landing-brand__record-item {
  padding: 14px 16px;
  border: 1px solid var(--smartflow-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.5);
}

.dark .landing-brand__record-item {
  background: rgba(5, 18, 14, 0.64);
}

.landing-brand__record-item span {
  display: block;
  color: var(--smartflow-kicker);
  font-family: var(--smartflow-mono-font);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.landing-brand__record-item strong {
  display: block;
  margin-top: 10px;
  color: var(--smartflow-title);
  font-size: 0.92rem;
  line-height: 1.56;
}

.landing-metrics,
.landing-grid,
.roadmap-grid,
.landing-flow,
.brand-grid,
.brand-link-grid,
.brand-direction-grid {
  display: grid;
  gap: 22px;
}

.landing-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-self: stretch;
}

.landing-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.landing-band--links .landing-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.landing-grid--two,
.brand-grid--two,
.brand-link-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.brand-link-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.landing-flow,
.roadmap-grid,
.brand-grid--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.brand-grid--three,
.brand-direction-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.metric-card,
.landing-card,
.mode-card,
.flow-card,
.roadmap-card,
.link-panel,
.brand-card,
.brand-direction-card,
.brand-link-card {
  position: relative;
  padding: 28px;
  border: 1px solid var(--smartflow-line);
  border-radius: 24px;
  background: var(--smartflow-card-bg);
  box-shadow: inset 0 1px 0 var(--smartflow-inner-highlight);
  overflow: hidden;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.mode-card,
.metric-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.mode-card {
  min-height: 232px;
}

.landing-band--modes .landing-grid--two {
  align-items: start;
}

.landing-band--modes .mode-card {
  min-height: 180px;
  padding: 22px;
}

.landing-brand__meta .link-panel-label,
.mode-card .link-panel-label,
.link-panel .link-panel-label {
  margin-bottom: 12px;
  width: fit-content;
}

.metric-value {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  font-size: 1.42rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--smartflow-title);
}

.metric-label {
  display: block;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--smartflow-title);
}

.metric-card p,
.landing-card p,
.mode-card p,
.flow-card p,
.roadmap-card p,
.link-panel p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.82;
  color: var(--smartflow-copy-soft);
}

.flow-card h3,
.landing-card h3,
.mode-card h3,
.roadmap-card h3,
.brand-card h3,
.brand-direction-card h3 {
  margin: 0 0 12px;
  font-size: 1.06rem;
  color: var(--smartflow-title);
}

.brand-card h2 {
  margin: 0;
  font-size: clamp(1.52rem, 3vw, 1.7rem);
  line-height: 1.12;
  color: var(--smartflow-title);
  white-space: nowrap;
}

html[lang^=en] .metric-card,
html[lang^=en] .landing-card,
html[lang^=en] .mode-card,
html[lang^=en] .flow-card,
html[lang^=en] .roadmap-card,
html[lang^=en] .link-panel,
html[lang^=en] .brand-card,
html[lang^=en] .brand-direction-card,
html[lang^=en] .brand-link-card,
html[lang^=en] .brand-hero__panel,
html[lang^=en] .landing-brand__meta {
  min-width: 0;
}

html[lang^=en] .landing-section-head h2,
html[lang^=en] .cta-card h2,
html[lang^=en] .brand-hero h1,
html[lang^=en] .brand-card h2,
html[lang^=en] .landing-card h3,
html[lang^=en] .mode-card h3,
html[lang^=en] .flow-card h3,
html[lang^=en] .roadmap-card h3,
html[lang^=en] .brand-card h3,
html[lang^=en] .brand-direction-card h3,
html[lang^=en] .link-panel strong,
html[lang^=en] .brand-link-card strong,
html[lang^=en] .landing-brand__meta strong,
html[lang^=en] .brand-hero__panel strong {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  text-wrap: balance;
}

html[lang^=en] .cta-button {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}

.brand-card > .brand-grid,
.brand-card > .brand-link-grid,
.brand-card > .brand-direction-grid,
.brand-card > .brand-card__row,
.brand-direction-card > .brand-grid,
.brand-direction-card > .brand-link-grid,
.brand-direction-card > .brand-direction-grid,
.brand-direction-card > .brand-card__row,
.brand-link-card > .brand-grid,
.brand-link-card > .brand-link-grid,
.brand-link-card > .brand-direction-grid,
.brand-link-card > .brand-card__row {
  margin-top: 16px;
}

.roadmap-card {
  min-height: 214px;
}

.roadmap-card--accent {
  background: var(--smartflow-card-accent-bg);
  border-color: var(--smartflow-line-strong);
}

.landing-band--roadmap-home .roadmap-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.landing-band--roadmap-home .roadmap-card {
  min-height: 240px;
}

.landing-inline-links {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 20px;
}

.landing-inline-links a,
.link-panel,
.brand-link-card {
  text-decoration: none;
}

.landing-inline-links a {
  color: var(--smartflow-link);
  font-weight: 600;
}

.link-panel strong {
  display: block;
  margin-bottom: 10px;
  color: var(--smartflow-title);
  font-size: 1.04rem;
}

.cta-card {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) auto;
  gap: 24px;
  align-items: center;
}

.landing-band--commercial .landing-grid {
  margin-top: 28px;
}

.landing-band--founder .landing-section-head {
  max-width: 820px;
}

.landing-band--founder .landing-section-head h2 {
  font-size: clamp(1.68rem, 3.4vw, 2.36rem);
  line-height: 1.12;
}

.landing-band--founder .landing-metrics {
  margin-top: 0;
  align-content: start;
}

.landing-band--founder .metric-card:first-child,
.landing-band--founder .metric-card:nth-child(2) {
  align-self: start;
}

.cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: flex-end;
}

.cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 156px;
  min-height: 48px;
  padding: 14px 18px;
  border: 1px solid var(--smartflow-line-strong);
  border-radius: 999px;
  background: var(--smartflow-panel-strong);
  color: var(--smartflow-title);
  text-decoration: none;
  font-weight: 600;
  font: inherit;
  text-align: center;
  line-height: 1.2;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition: transform 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

.cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.12);
}

.cta-button--brand,
.cta-button--brand:link,
.cta-button--brand:visited {
  border-color: transparent;
  background: linear-gradient(135deg, var(--vp-c-brand-1), #2563eb);
  color: var(--smartflow-gradient-button-text) !important;
  text-shadow: none;
}

.dark .cta-button--brand,
.dark .cta-button--brand:link,
.dark .cta-button--brand:visited {
  background: linear-gradient(135deg, #00d56f, #00d7ff 58%, #5d7cff 100%);
  box-shadow: 0 0 0 1px rgba(0, 245, 140, 0.14), 0 0 34px rgba(0, 245, 140, 0.12);
  color: var(--smartflow-gradient-button-text) !important;
  text-shadow: none;
}

.cta-button--brand:hover,
.cta-button--brand:focus-visible {
  color: var(--smartflow-gradient-button-text-hover) !important;
}

.brand-page-shell {
  width: 100%;
  max-width: var(--smartflow-doc-layout-max);
  box-sizing: border-box;
  margin: 36px auto 110px;
}

.brand-page-shell > section + section {
  margin-top: 24px;
}

.brand-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(400px, 0.92fr);
  gap: 36px;
  padding: 42px;
  align-items: start;
}

.brand-hero--product {
  grid-template-columns: minmax(0, 1.18fr) minmax(340px, 0.82fr);
  gap: 20px;
  align-items: start;
}

.brand-hero > * {
  min-width: 0;
}

.brand-hero > div:first-child {
  margin-top: -18px;
}

.brand-hero__media {
  align-self: stretch;
}

.brand-hero__media--compact {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
  min-height: 100%;
}

.brand-hero h1 {
  font-size: clamp(1.98rem, 4.4vw, 2.6rem);
  line-height: 1.06;
  color: var(--smartflow-title);
}

.brand-hero--contact {
  grid-template-columns: minmax(0, 1.16fr) minmax(360px, 0.84fr);
  gap: 28px;
  align-items: start;
}

.brand-hero--contact h1 {
  max-width: 13.5ch;
  font-size: clamp(1.34rem, 2.35vw, 1.88rem);
  line-height: 1.16;
}

@media (min-width: 961px) {
  .brand-hero--contact .brand-heading--nowrap-desktop {
    max-width: none;
    white-space: nowrap;
  }
}
.brand-hero--logo h1 {
  max-width: 9ch;
  font-size: clamp(1.82rem, 3.5vw, 2.68rem);
  line-height: 1.08;
}

.brand-lead {
  margin: 18px 0 0;
  font-size: 1rem;
}

.brand-card,
.brand-direction-card,
.brand-link-card {
  padding: 26px;
}

.brand-card__row {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.88fr);
  gap: 28px;
  align-items: center;
}

.contact-path-grid .brand-card h2 {
  font-size: clamp(1.26rem, 2.1vw, 1.72rem);
  line-height: 1.18;
}

.brand-list {
  margin: 16px 0 0;
  padding-left: 1.2rem;
}

.brand-link-card span {
  color: var(--smartflow-link);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.lead-form {
  display: grid;
  gap: 16px;
  margin-top: 20px;
}

.lead-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.lead-field {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.lead-field span {
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--smartflow-title);
}

.lead-field input,
.lead-field select,
.lead-field textarea {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 14px 16px;
  border: 1px solid var(--smartflow-line-strong);
  border-radius: 18px;
  background: var(--smartflow-panel-subtle);
  color: var(--smartflow-title);
  font: inherit;
  line-height: 1.6;
  box-shadow: inset 0 1px 0 var(--smartflow-inner-highlight);
}

.lead-field input::placeholder,
.lead-field textarea::placeholder {
  color: var(--smartflow-copy-soft);
}

.lead-field textarea {
  resize: vertical;
}

.lead-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.lead-form-note {
  margin: 14px 0 0;
  color: var(--smartflow-copy-soft);
  font-size: 0.92rem;
  line-height: 1.85;
}

.lead-form-note a {
  color: var(--smartflow-link);
  text-decoration: none;
}

.brand-link-card strong,
.brand-link-card p,
.matrix-panel__hud > span,
.matrix-panel__footer > span,
.matrix-panel__stack > span {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.brand-page-shell--cli .brand-card,
.brand-page-shell--cli .brand-card--nested,
.brand-page-shell--cli .brand-card p,
.brand-page-shell--cli .brand-card li {
  min-width: 0;
}

.brand-page-shell--cli pre {
  max-width: 100%;
  margin: 14px 0 0;
  padding: 16px 18px;
  border: 1px solid var(--smartflow-line);
  border-radius: 18px;
  background: var(--smartflow-panel-strong);
  box-shadow: inset 0 1px 0 var(--smartflow-inner-highlight);
  overflow: hidden;
}

.brand-page-shell--cli pre code {
  display: block;
  max-width: 100%;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.82;
}

.matrix-panel {
  position: relative;
  display: grid;
  gap: 16px;
  padding: 18px;
  border: 1px solid var(--smartflow-matrix-border);
  border-radius: 28px;
  background: var(--smartflow-matrix-bg);
  box-shadow: var(--smartflow-matrix-shadow);
  overflow: hidden;
}

.matrix-panel::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--smartflow-matrix-grid) 1px, transparent 1px), linear-gradient(var(--smartflow-matrix-grid) 1px, transparent 1px);
  background-size: 18px 18px;
  content: "";
  opacity: 0.36;
  pointer-events: none;
}

.matrix-panel::after {
  position: absolute;
  inset: 14px;
  border: 1px solid var(--smartflow-matrix-inner-border);
  border-radius: 22px;
  content: "";
  pointer-events: none;
}

.matrix-panel__hud,
.matrix-panel__footer {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--smartflow-matrix-hud);
}

.matrix-panel__footer {
  color: var(--smartflow-matrix-footer);
  letter-spacing: 0.08em;
}

.matrix-panel__canvas {
  position: relative;
  min-height: 320px;
  border: 1px solid var(--smartflow-matrix-canvas-border);
  border-radius: 22px;
  background: var(--smartflow-matrix-canvas-bg);
  overflow: hidden;
}

.matrix-panel__canvas::before {
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(180deg, var(--smartflow-matrix-scan) 0 1px, transparent 1px 18px);
  content: "";
  opacity: 0.58;
}

.matrix-panel__canvas::after {
  position: absolute;
  inset: 16px;
  border: 1px solid var(--smartflow-matrix-canvas-inner-border);
  border-radius: 18px;
  content: "";
}

.matrix-panel__trace {
  position: absolute;
  left: 24px;
  height: 2px;
  background: var(--smartflow-matrix-trace);
  box-shadow: var(--smartflow-matrix-trace-shadow);
  z-index: 1;
}

.matrix-panel__trace::after {
  position: absolute;
  right: -2px;
  top: -3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--smartflow-matrix-node);
  box-shadow: var(--smartflow-matrix-node-shadow);
  content: "";
}

.matrix-panel__trace--top {
  top: 82px;
  width: 144px;
}

.matrix-panel__trace--mid {
  top: 144px;
  width: 192px;
}

.matrix-panel__trace--bottom {
  top: 206px;
  width: 132px;
}

.matrix-panel__ring {
  position: absolute;
  top: 50%;
  left: 64%;
  width: 196px;
  height: 196px;
  transform: translate(-50%, -50%);
  border: 3px solid var(--smartflow-matrix-ring-border);
  border-radius: 50%;
  box-shadow: var(--smartflow-matrix-ring-shadow);
  z-index: 2;
}

.matrix-panel__ring::before {
  position: absolute;
  inset: -14px;
  border-radius: 50%;
  border-top: 3px solid var(--smartflow-matrix-ring-top);
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 3px solid var(--smartflow-matrix-ring-left);
  content: "";
  transform: rotate(18deg);
}

.matrix-panel__ring::after {
  position: absolute;
  inset: 24px;
  border: 2px solid var(--smartflow-matrix-ring-inner);
  border-radius: 50%;
  content: "";
}

.matrix-panel__glyph {
  position: absolute;
  top: 50%;
  left: 64%;
  transform: translate(-50%, -50%);
  z-index: 3;
  font-size: clamp(2.8rem, 5vw, 4.6rem);
  font-weight: 800;
  letter-spacing: -0.08em;
  color: var(--smartflow-matrix-glyph);
  text-shadow: var(--smartflow-matrix-glyph-shadow);
}

.matrix-panel__bolt {
  position: absolute;
  top: calc(50% - 56px);
  left: calc(64% - 22px);
  z-index: 4;
  width: 44px;
  height: 92px;
  background: var(--smartflow-matrix-bolt);
  clip-path: polygon(54% 0%, 100% 0%, 58% 46%, 86% 46%, 18% 100%, 42% 58%, 12% 58%);
  filter: var(--smartflow-matrix-bolt-shadow);
}

.matrix-panel__callout {
  position: absolute;
  right: 22px;
  bottom: 22px;
  z-index: 3;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--smartflow-matrix-callout-border);
  background: var(--smartflow-matrix-callout-bg);
  font-family: var(--smartflow-mono-font);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--smartflow-matrix-callout-color);
}

.matrix-panel__stack {
  position: relative;
  z-index: 3;
  display: grid;
  gap: 10px;
  padding: 4px 2px 2px;
}

.matrix-panel__stack > .matrix-panel__line {
  display: block;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--smartflow-matrix-stack-border);
  background: var(--smartflow-matrix-stack-bg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.06);
  font-family: var(--smartflow-mono-font);
  font-size: 0.82rem;
  line-height: 1.58;
  color: var(--smartflow-matrix-stack-color);
}

.matrix-panel__line,
.matrix-panel__tag {
  font-variant-ligatures: none;
}

.matrix-panel__line .matrix-panel__key,
.matrix-panel__tag .matrix-panel__key {
  color: var(--smartflow-matrix-token-key);
  font-weight: 700;
  text-shadow: 0 0 14px var(--smartflow-matrix-token-glow);
}

.matrix-panel__line .matrix-panel__punct,
.matrix-panel__tag .matrix-panel__punct {
  color: var(--smartflow-matrix-token-punct);
  font-weight: 700;
}

.matrix-panel__line .matrix-panel__value,
.matrix-panel__tag .matrix-panel__value {
  color: var(--smartflow-matrix-token-value);
  font-weight: 520;
  text-shadow: 0 0 12px rgba(255, 255, 255, 0.02);
}

.matrix-panel__line .matrix-panel__kw {
  color: var(--smartflow-matrix-token-key);
  font-weight: 700;
  text-shadow: 0 0 14px var(--smartflow-matrix-token-glow);
}

.matrix-panel__line .matrix-panel__ident {
  color: var(--smartflow-matrix-token-value);
  font-weight: 520;
  text-shadow: 0 0 12px rgba(255, 255, 255, 0.02);
}

.matrix-panel__line .matrix-panel__string {
  color: #53deff;
  font-weight: 560;
  text-shadow: 0 0 14px rgba(65, 236, 255, 0.12);
}

.matrix-panel__line .matrix-panel__fn {
  color: #ffd36b;
  font-weight: 600;
  text-shadow: 0 0 14px rgba(255, 211, 107, 0.12);
}

.matrix-panel__line .matrix-panel__number {
  color: #b99cff;
  font-weight: 600;
  text-shadow: 0 0 14px rgba(185, 156, 255, 0.12);
}

.matrix-panel__line .matrix-panel__comment {
  color: rgba(171, 205, 195, 0.62);
  text-shadow: none;
}

.matrix-panel__line .matrix-panel__sep,
.matrix-panel__line .matrix-panel__op,
.matrix-panel__tag .matrix-panel__sep,
.matrix-panel__tag .matrix-panel__op {
  color: var(--smartflow-matrix-token-sep);
  font-weight: 700;
  text-shadow: 0 0 12px var(--smartflow-matrix-token-glow);
}

.matrix-panel__footer > .matrix-panel__tag {
  display: inline-flex;
  align-items: center;
  font-variant-ligatures: none;
  text-transform: uppercase;
}

.matrix-panel--contact .matrix-panel__canvas {
  min-height: 280px;
  padding: 26px 22px 70px;
}

.matrix-panel--contact .matrix-panel__ring,
.matrix-panel--contact .matrix-panel__glyph,
.matrix-panel--contact .matrix-panel__bolt {
  display: none;
}

.matrix-panel--contact .matrix-panel__stack {
  padding-top: 18px;
}

.matrix-panel--signal .matrix-panel__stack {
  padding-top: 0;
}

.brand-hero__media--compact .matrix-panel__canvas {
  min-height: 248px;
}

.brand-hero__media--compact .matrix-panel.matrix-panel--contact {
  flex: 1 1 auto;
  gap: 0;
  height: 100%;
  min-height: 560px;
  padding: 20px 22px;
  padding-bottom: 26px;
  border-color: var(--smartflow-line);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(244, 249, 250, 0.86)), linear-gradient(135deg, rgba(15, 118, 110, 0.04), rgba(37, 99, 235, 0.03));
  box-shadow: var(--smartflow-shadow-soft);
}

html:not(.dark) .brand-hero__media--compact .matrix-panel.matrix-panel--contact {
  background: linear-gradient(180deg, rgba(247, 250, 249, 0.98), rgba(239, 245, 244, 0.96)), linear-gradient(135deg, rgba(15, 118, 110, 0.024), rgba(37, 99, 235, 0.018));
}

.dark .brand-hero__media--compact .matrix-panel.matrix-panel--contact {
  background: linear-gradient(180deg, rgba(6, 18, 14, 0.95), rgba(3, 10, 8, 0.93)), linear-gradient(135deg, rgba(0, 245, 140, 0.055), rgba(0, 228, 255, 0.045));
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.36), 0 0 52px rgba(0, 245, 140, 0.028);
}

.brand-hero__media--compact .matrix-panel.matrix-panel--contact::before {
  background: linear-gradient(90deg, var(--smartflow-grid-line) 1px, transparent 1px), linear-gradient(var(--smartflow-grid-line) 1px, transparent 1px);
  background-size: 22px 22px;
  opacity: 0.2;
}

.brand-hero__media--compact .matrix-panel.matrix-panel--contact::after,
.brand-hero__media--compact .matrix-panel--contact .matrix-panel__canvas::before,
.brand-hero__media--compact .matrix-panel--contact .matrix-panel__canvas::after,
.brand-hero__media--compact .matrix-panel--contact .matrix-panel__trace {
  display: none;
}

.brand-hero__media--compact .matrix-panel--contact .matrix-panel__hud,
.brand-hero__media--compact .matrix-panel--contact .matrix-panel__footer {
  position: relative;
  z-index: 1;
  color: var(--smartflow-kicker);
  font-size: 0.74rem;
  letter-spacing: 0.18em;
}

.brand-hero__media--compact .matrix-panel--contact .matrix-panel__hud {
  margin-bottom: 14px;
}

.brand-hero__media--compact .matrix-panel--contact .matrix-panel__canvas {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: visible;
}

.brand-hero__media--compact .matrix-panel--contact .matrix-panel__callout {
  position: relative;
  right: auto;
  bottom: auto;
  order: -1;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-family: var(--vp-font-family-base);
  font-size: 0.98rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.52;
  color: var(--smartflow-title);
}

.brand-hero__media--compact .matrix-panel--contact .matrix-panel__stack {
  gap: 10px;
  padding: 0;
}

.brand-hero__media--compact .matrix-panel--contact .matrix-panel__stack > .matrix-panel__line {
  padding: 12px 14px;
  border: 1px solid var(--smartflow-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.44);
  font-size: 0.84rem;
  line-height: 1.54;
  color: var(--smartflow-copy-soft);
}

html:not(.dark) .brand-hero__media--compact .matrix-panel--contact .matrix-panel__stack > .matrix-panel__line {
  border-color: rgba(12, 95, 89, 0.12);
  background: linear-gradient(180deg, rgba(237, 245, 242, 0.96), rgba(229, 238, 236, 0.94));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 0 0 1px rgba(15, 118, 110, 0.018);
  color: rgba(30, 41, 59, 0.8);
}

html:not(.dark) .brand-hero__media--compact .matrix-panel--contact .matrix-panel__line .matrix-panel__key,
html:not(.dark) .brand-hero__media--compact .matrix-panel--contact .matrix-panel__line .matrix-panel__kw,
html:not(.dark) .brand-hero__media--compact .matrix-panel--contact .matrix-panel__tag .matrix-panel__key {
  color: #0d6b63;
  text-shadow: none;
}

html:not(.dark) .brand-hero__media--compact .matrix-panel--contact .matrix-panel__line .matrix-panel__value,
html:not(.dark) .brand-hero__media--compact .matrix-panel--contact .matrix-panel__line .matrix-panel__ident,
html:not(.dark) .brand-hero__media--compact .matrix-panel--contact .matrix-panel__tag .matrix-panel__value {
  color: #10211f;
  text-shadow: none;
}

html:not(.dark) .brand-hero__media--compact .matrix-panel--contact .matrix-panel__line .matrix-panel__string,
html:not(.dark) .brand-hero__media--compact .matrix-panel--contact .matrix-panel__line .matrix-panel__punct,
html:not(.dark) .brand-hero__media--compact .matrix-panel--contact .matrix-panel__line .matrix-panel__sep,
html:not(.dark) .brand-hero__media--compact .matrix-panel--contact .matrix-panel__line .matrix-panel__op,
html:not(.dark) .brand-hero__media--compact .matrix-panel--contact .matrix-panel__tag .matrix-panel__punct,
html:not(.dark) .brand-hero__media--compact .matrix-panel--contact .matrix-panel__tag .matrix-panel__sep,
html:not(.dark) .brand-hero__media--compact .matrix-panel--contact .matrix-panel__tag .matrix-panel__op {
  color: #1f8ecf;
  text-shadow: none;
}

.dark .brand-hero__media--compact .matrix-panel--contact .matrix-panel__stack > .matrix-panel__line {
  border-color: rgba(0, 245, 140, 0.16);
  background: linear-gradient(180deg, rgba(7, 21, 17, 0.82), rgba(3, 11, 9, 0.9));
  box-shadow: inset 0 1px 0 rgba(126, 248, 209, 0.06), 0 0 0 1px rgba(0, 245, 140, 0.03), 0 0 24px rgba(65, 236, 255, 0.022);
}

.brand-hero__media--compact .matrix-panel--contact .matrix-panel__footer {
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
  letter-spacing: 0.08em;
}

.brand-hero__media--compact .matrix-panel--contact .matrix-panel__footer > .matrix-panel__tag {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border: 1px solid var(--smartflow-line);
  border-radius: 999px;
  background: var(--smartflow-pill-bg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  color: var(--smartflow-pill-color);
  font-size: 0.7rem;
}

.dark .brand-hero__media--compact .matrix-panel--contact .matrix-panel__hud {
  color: #79f7d7;
  text-shadow: 0 0 18px rgba(0, 245, 140, 0.08);
}

.dark .brand-hero__media--compact .matrix-panel--contact .matrix-panel__callout {
  color: #f4fffb;
  text-shadow: 0 0 18px rgba(255, 255, 255, 0.03);
}

.dark .brand-hero__media--compact .matrix-panel--contact .matrix-panel__line .matrix-panel__key,
.dark .brand-hero__media--compact .matrix-panel--contact .matrix-panel__tag .matrix-panel__key {
  color: #7effda;
  text-shadow: 0 0 16px rgba(0, 245, 140, 0.1);
}

.dark .brand-hero__media--compact .matrix-panel--contact .matrix-panel__line .matrix-panel__punct,
.dark .brand-hero__media--compact .matrix-panel--contact .matrix-panel__tag .matrix-panel__punct,
.dark .brand-hero__media--compact .matrix-panel--contact .matrix-panel__line .matrix-panel__sep,
.dark .brand-hero__media--compact .matrix-panel--contact .matrix-panel__line .matrix-panel__op,
.dark .brand-hero__media--compact .matrix-panel--contact .matrix-panel__tag .matrix-panel__sep,
.dark .brand-hero__media--compact .matrix-panel--contact .matrix-panel__tag .matrix-panel__op {
  color: #41ecff;
  text-shadow: 0 0 18px rgba(65, 236, 255, 0.14);
}

.dark .brand-hero__media--compact .matrix-panel--contact .matrix-panel__line .matrix-panel__value,
.dark .brand-hero__media--compact .matrix-panel--contact .matrix-panel__tag .matrix-panel__value {
  color: #f7fffc;
  text-shadow: 0 0 16px rgba(255, 255, 255, 0.035);
}

.dark .brand-hero__media--compact .matrix-panel--contact .matrix-panel__line .matrix-panel__kw {
  color: var(--smartflow-matrix-token-key);
  font-weight: 700;
  text-shadow: 0 0 14px var(--smartflow-matrix-token-glow);
}

.matrix-panel__line .matrix-panel__ident {
  color: #f7fffc;
  text-shadow: 0 0 16px rgba(255, 255, 255, 0.035);
}

.dark .brand-hero__media--compact .matrix-panel--contact .matrix-panel__line .matrix-panel__string {
  color: #4fe7ff;
  text-shadow: 0 0 18px rgba(79, 231, 255, 0.16);
}

.dark .brand-hero__media--compact .matrix-panel--contact .matrix-panel__line .matrix-panel__fn {
  color: #ffd36b;
  text-shadow: 0 0 16px rgba(255, 211, 107, 0.14);
}

.dark .brand-hero__media--compact .matrix-panel--contact .matrix-panel__line .matrix-panel__number {
  color: #b99cff;
  text-shadow: 0 0 16px rgba(185, 156, 255, 0.16);
}

.dark .brand-hero__media--compact .matrix-panel--contact .matrix-panel__line .matrix-panel__comment {
  color: rgba(162, 196, 185, 0.58);
}

.dark .brand-hero__media--compact .matrix-panel--contact .matrix-panel__footer > .matrix-panel__tag {
  border-color: rgba(0, 245, 140, 0.16);
  background: linear-gradient(180deg, rgba(9, 38, 26, 0.88), rgba(4, 18, 13, 0.94));
  box-shadow: inset 0 1px 0 rgba(126, 248, 209, 0.05), 0 0 0 1px rgba(0, 245, 140, 0.03);
}

.brand-hero > div:first-child .brand-hero__panel {
  max-width: 560px;
  margin-top: 18px;
}

.contact-node-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.contact-hero-grid {
  margin-top: 22px;
}

.contact-node-card {
  min-height: 144px;
  padding: 18px 20px;
}

.contact-node-card strong {
  font-size: 1rem;
  line-height: 1.48;
}

.contact-node-card p {
  color: var(--smartflow-copy-soft);
  line-height: 1.72;
}

.product-signal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.product-signal-card {
  min-height: 144px;
  padding: 18px 20px;
}

.product-signal-card strong {
  font-size: 1rem;
  line-height: 1.48;
}

.product-signal-card p {
  color: var(--smartflow-copy-soft);
  line-height: 1.72;
}

.product-signal-card--wide {
  grid-column: 1/-1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 248, 250, 0.92)), linear-gradient(135deg, rgba(15, 118, 110, 0.06), rgba(37, 99, 235, 0.05));
}

.dark .product-signal-card--wide {
  background: linear-gradient(180deg, rgba(7, 19, 15, 0.96), rgba(4, 12, 10, 0.92)), linear-gradient(135deg, rgba(0, 245, 140, 0.08), rgba(0, 228, 255, 0.05));
}

.product-signal-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.product-signal-check {
  padding: 14px 16px;
  border: 1px solid var(--smartflow-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.5);
}

.dark .product-signal-check {
  background: rgba(5, 18, 14, 0.64);
}

.product-signal-check span {
  display: block;
  color: var(--smartflow-kicker);
  font-family: var(--smartflow-mono-font);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.product-signal-check strong {
  display: block;
  margin-top: 10px;
  color: var(--smartflow-title);
  font-size: 0.92rem;
  line-height: 1.56;
}

.roadmap-signal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.roadmap-signal-card {
  min-height: 144px;
  padding: 18px 20px;
}

.roadmap-signal-card strong {
  font-size: 1rem;
  line-height: 1.48;
}

.roadmap-signal-card p {
  color: var(--smartflow-copy-soft);
  line-height: 1.72;
}

.roadmap-signal-card--wide {
  grid-column: 1/-1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 248, 250, 0.92)), linear-gradient(135deg, rgba(15, 118, 110, 0.06), rgba(37, 99, 235, 0.05));
}

.dark .roadmap-signal-card--wide {
  background: linear-gradient(180deg, rgba(7, 19, 15, 0.96), rgba(4, 12, 10, 0.92)), linear-gradient(135deg, rgba(0, 245, 140, 0.08), rgba(0, 228, 255, 0.05));
}

.roadmap-signal-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.roadmap-signal-check {
  padding: 14px 16px;
  border: 1px solid var(--smartflow-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.5);
}

.dark .roadmap-signal-check {
  background: rgba(5, 18, 14, 0.64);
}

.roadmap-signal-check span {
  display: block;
  color: var(--smartflow-kicker);
  font-family: var(--smartflow-mono-font);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.roadmap-signal-check strong {
  display: block;
  margin-top: 10px;
  color: var(--smartflow-title);
  font-size: 0.92rem;
  line-height: 1.56;
}

.brand-page-shell--editions .brand-hero__media {
  gap: 12px;
}

.brand-page-shell--editions .brand-hero__media--compact .matrix-panel.matrix-panel--contact {
  height: auto;
  min-height: 468px;
}

.brand-page-shell--editions .roadmap-signal-grid {
  grid-template-columns: 1fr;
}

.brand-page-shell--editions .roadmap-signal-card {
  min-height: 0;
}

.brand-page-shell--editions .editions-next-read .brand-card__row {
  grid-template-columns: minmax(0, 1.28fr) minmax(420px, 0.72fr);
  align-items: start;
}

.brand-page-shell--editions .editions-next-read h2 {
  max-width: 18ch;
  white-space: normal;
  line-height: 1.16;
}

.brand-page-shell--orchestration .brand-hero {
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.88fr);
  gap: 28px;
}

.brand-page-shell--orchestration .orchestration-signal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 24px;
}

.brand-page-shell--orchestration .orchestration-signal-card {
  min-height: 0;
  padding: 20px 22px;
}

.brand-page-shell--orchestration .orchestration-signal-card h3 {
  margin-bottom: 10px;
}

.brand-page-shell--orchestration .orchestration-readiness-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 248, 250, 0.92)), linear-gradient(135deg, rgba(15, 118, 110, 0.06), rgba(37, 99, 235, 0.05));
}

.dark .brand-page-shell--orchestration .orchestration-readiness-card {
  background: linear-gradient(180deg, rgba(7, 19, 15, 0.96), rgba(4, 12, 10, 0.92)), linear-gradient(135deg, rgba(0, 245, 140, 0.08), rgba(0, 228, 255, 0.05));
}

.brand-page-shell--orchestration .orchestration-readiness-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 16px;
}

.brand-page-shell--orchestration .orchestration-readiness-item {
  padding: 14px 16px;
  border: 1px solid var(--smartflow-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.5);
}

.dark .brand-page-shell--orchestration .orchestration-readiness-item {
  background: rgba(5, 18, 14, 0.64);
}

.brand-page-shell--orchestration .orchestration-readiness-item span {
  display: block;
  color: var(--smartflow-kicker);
  font-family: var(--smartflow-mono-font);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.brand-page-shell--orchestration .orchestration-readiness-item strong {
  display: block;
  margin-top: 10px;
  color: var(--smartflow-title);
  font-size: 0.92rem;
  line-height: 1.56;
}

.brand-page-shell--orchestration .brand-hero__media--compact .matrix-panel.matrix-panel--contact {
  min-height: 0;
}

.brand-page-shell--materials .materials-guide-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 248, 250, 0.92)), linear-gradient(135deg, rgba(15, 118, 110, 0.06), rgba(37, 99, 235, 0.05));
}

.dark .brand-page-shell--materials .materials-guide-card {
  background: linear-gradient(180deg, rgba(7, 19, 15, 0.96), rgba(4, 12, 10, 0.92)), linear-gradient(135deg, rgba(0, 245, 140, 0.08), rgba(0, 228, 255, 0.05));
}

.brand-page-shell--materials .materials-guide-list {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.brand-page-shell--materials .materials-guide-item {
  padding: 14px 16px;
  border: 1px solid var(--smartflow-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.5);
}

.dark .brand-page-shell--materials .materials-guide-item {
  background: rgba(5, 18, 14, 0.64);
}

.brand-page-shell--materials .materials-guide-item span {
  display: block;
  color: var(--smartflow-kicker);
  font-family: var(--smartflow-mono-font);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.brand-page-shell--materials .materials-guide-item strong {
  display: block;
  margin-top: 10px;
  color: var(--smartflow-title);
  font-size: 0.92rem;
  line-height: 1.56;
}

.brand-page-shell--why-execgov .why-execgov-guide-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 248, 250, 0.92)), linear-gradient(135deg, rgba(15, 118, 110, 0.06), rgba(37, 99, 235, 0.05));
}

.dark .brand-page-shell--why-execgov .why-execgov-guide-card {
  background: linear-gradient(180deg, rgba(7, 19, 15, 0.96), rgba(4, 12, 10, 0.92)), linear-gradient(135deg, rgba(0, 245, 140, 0.08), rgba(0, 228, 255, 0.05));
}

.brand-page-shell--why-execgov .why-execgov-guide-list {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.brand-page-shell--why-execgov .why-execgov-guide-item {
  padding: 14px 16px;
  border: 1px solid var(--smartflow-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.5);
}

.dark .brand-page-shell--why-execgov .why-execgov-guide-item {
  background: rgba(5, 18, 14, 0.64);
}

.brand-page-shell--why-execgov .why-execgov-guide-item span {
  display: block;
  color: var(--smartflow-kicker);
  font-family: var(--smartflow-mono-font);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.brand-page-shell--why-execgov .why-execgov-guide-item strong {
  display: block;
  margin-top: 10px;
  color: var(--smartflow-title);
  font-size: 0.92rem;
  line-height: 1.56;
}

.brand-page-shell--founder-profile .founder-profile-guide-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 248, 250, 0.92)), linear-gradient(135deg, rgba(15, 118, 110, 0.06), rgba(37, 99, 235, 0.05));
}

.dark .brand-page-shell--founder-profile .founder-profile-guide-card {
  background: linear-gradient(180deg, rgba(7, 19, 15, 0.96), rgba(4, 12, 10, 0.92)), linear-gradient(135deg, rgba(0, 245, 140, 0.08), rgba(0, 228, 255, 0.05));
}

.brand-page-shell--founder-profile .founder-profile-guide-list {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.brand-page-shell--founder-profile .founder-profile-guide-item {
  padding: 14px 16px;
  border: 1px solid var(--smartflow-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.5);
}

.dark .brand-page-shell--founder-profile .founder-profile-guide-item {
  background: rgba(5, 18, 14, 0.64);
}

.brand-page-shell--founder-profile .founder-profile-guide-item span {
  display: block;
  color: var(--smartflow-kicker);
  font-family: var(--smartflow-mono-font);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.brand-page-shell--founder-profile .founder-profile-guide-item strong {
  display: block;
  margin-top: 10px;
  color: var(--smartflow-title);
  font-size: 0.92rem;
  line-height: 1.56;
}

.brand-page-shell--founder-profile .brand-hero--founder-profile {
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.88fr);
  gap: 28px;
}

.brand-page-shell--founder-profile .brand-hero--founder-profile .brand-hero__media {
  align-self: start;
}

.brand-page-shell--founder-profile .brand-hero--founder-profile .brand-hero__media--compact {
  height: auto;
  min-height: 0;
}

.brand-page-shell--founder-profile .brand-hero--founder-profile .matrix-panel.matrix-panel--contact {
  min-height: 380px;
}

.brand-page-shell--founder-profile .founder-profile-action-card {
  padding: 14px 14px 12px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 248, 250, 0.92)), linear-gradient(135deg, rgba(15, 118, 110, 0.06), rgba(37, 99, 235, 0.05));
}

.dark .brand-page-shell--founder-profile .founder-profile-action-card {
  background: linear-gradient(180deg, rgba(7, 19, 15, 0.96), rgba(4, 12, 10, 0.92)), linear-gradient(135deg, rgba(0, 245, 140, 0.08), rgba(0, 228, 255, 0.05));
}

.brand-page-shell--founder-profile .founder-profile-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.brand-page-shell--founder-profile .founder-profile-action-link {
  display: flex;
  min-height: 74px;
  padding: 10px 12px;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--smartflow-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.5);
  color: inherit;
  text-decoration: none;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

.dark .brand-page-shell--founder-profile .founder-profile-action-link {
  background: rgba(5, 18, 14, 0.64);
}

.brand-page-shell--founder-profile .founder-profile-action-link:hover {
  transform: translateY(-2px);
  border-color: var(--smartflow-line-strong);
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.12);
}

.brand-page-shell--founder-profile .founder-profile-action-link span {
  display: block;
  color: var(--smartflow-kicker);
  font-family: var(--smartflow-mono-font);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.brand-page-shell--founder-profile .founder-profile-action-link strong {
  display: block;
  margin-top: 6px;
  color: var(--smartflow-title);
  font-size: 0.84rem;
  line-height: 1.3;
}

.brand-page-shell--founder-profile .founder-profile-action-link--primary {
  border-color: transparent;
  background: linear-gradient(135deg, var(--vp-c-brand-1), #2563eb);
  box-shadow: 0 18px 38px rgba(37, 99, 235, 0.18);
  color: var(--smartflow-gradient-button-text);
}

.dark .brand-page-shell--founder-profile .founder-profile-action-link--primary {
  background: linear-gradient(135deg, #00d56f, #00d7ff 58%, #5d7cff 100%);
  box-shadow: 0 0 0 1px rgba(0, 245, 140, 0.14), 0 0 34px rgba(0, 245, 140, 0.12);
  color: var(--smartflow-gradient-button-text);
}

.brand-page-shell--founder-profile .founder-profile-action-card > strong {
  margin-top: 8px;
  font-size: 0.96rem;
  line-height: 1.3;
}

.brand-page-shell--founder-profile .founder-profile-action-link--primary span {
  color: currentColor;
  opacity: 0.86;
  text-shadow: none;
  transition: color 0.18s ease, opacity 0.18s ease;
}

.brand-page-shell--founder-profile .founder-profile-action-link--primary strong {
  color: currentColor;
  text-shadow: none;
  transition: color 0.18s ease;
}

.brand-page-shell--founder-profile .founder-profile-action-link--primary:hover,
.brand-page-shell--founder-profile .founder-profile-action-link--primary:focus-visible {
  color: var(--smartflow-gradient-button-text-hover);
}

.brand-page-shell--founder-profile .founder-profile-action-link--primary:hover span,
.brand-page-shell--founder-profile .founder-profile-action-link--primary:focus-visible span {
  opacity: 1;
}

.brand-page-shell--founder-profile .founder-profile-action-link--primary:hover strong {
  color: var(--smartflow-gradient-button-text-hover);
}

.brand-page-shell--founder-profile .founder-profile-action-link--primary:focus-visible strong {
  color: var(--smartflow-gradient-button-text-hover);
}

@media (max-width: 520px) {
  .brand-page-shell--founder-profile .founder-profile-action-grid {
    grid-template-columns: 1fr;
  }
}
.brand-page-shell--founder-profile .founder-profile-summary-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 248, 250, 0.92)), linear-gradient(135deg, rgba(15, 118, 110, 0.06), rgba(37, 99, 235, 0.05));
}

.dark .brand-page-shell--founder-profile .founder-profile-summary-card {
  background: linear-gradient(180deg, rgba(7, 19, 15, 0.96), rgba(4, 12, 10, 0.92)), linear-gradient(135deg, rgba(0, 245, 140, 0.08), rgba(0, 228, 255, 0.05));
}

.brand-page-shell--founder-profile .founder-profile-summary-card h2 {
  margin: 0;
  color: var(--smartflow-title);
  font-size: clamp(1.42rem, 2.5vw, 1.88rem);
  line-height: 1.18;
}

.brand-page-shell--founder-profile .founder-profile-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.brand-page-shell--founder-profile .founder-profile-summary-item {
  padding: 16px 18px;
  border: 1px solid var(--smartflow-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.5);
}

.dark .brand-page-shell--founder-profile .founder-profile-summary-item {
  background: rgba(5, 18, 14, 0.64);
}

.brand-page-shell--founder-profile .founder-profile-summary-item span {
  display: block;
  color: var(--smartflow-kicker);
  font-family: var(--smartflow-mono-font);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.brand-page-shell--founder-profile .founder-profile-summary-item strong {
  display: block;
  margin-top: 10px;
  color: var(--smartflow-title);
  font-size: 0.92rem;
  line-height: 1.56;
}

@media (max-width: 1180px) {
  .brand-page-shell--founder-profile .founder-profile-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .brand-page-shell--founder-profile .founder-profile-summary-grid {
    grid-template-columns: 1fr;
  }
}
.brand-page-shell--hot-update .hot-update-submit-table {
  width: 100%;
  table-layout: fixed;
}

.brand-page-shell--hot-update .hot-update-submit-table th:first-child,
.brand-page-shell--hot-update .hot-update-submit-table td:first-child {
  width: 15%;
}

.brand-page-shell--hot-update .hot-update-submit-table th:nth-child(2),
.brand-page-shell--hot-update .hot-update-submit-table td:nth-child(2) {
  width: 10%;
}

.brand-page-shell--hot-update .hot-update-submit-table th:nth-child(3),
.brand-page-shell--hot-update .hot-update-submit-table td:nth-child(3) {
  width: 28%;
}

.brand-page-shell--hot-update .hot-update-submit-table th,
.brand-page-shell--hot-update .hot-update-submit-table td {
  vertical-align: top;
}

.brand-page-shell--deliverables .deliverables-table {
  width: 100%;
  table-layout: fixed;
}

.brand-page-shell--deliverables .deliverables-table th:first-child,
.brand-page-shell--deliverables .deliverables-table td:first-child {
  width: 20%;
}

.brand-page-shell--deliverables .deliverables-table th:nth-child(2),
.brand-page-shell--deliverables .deliverables-table td:nth-child(2) {
  width: 31%;
}

.brand-page-shell--deliverables .deliverables-table th:nth-child(3),
.brand-page-shell--deliverables .deliverables-table td:nth-child(3) {
  width: 21%;
}

.brand-page-shell--deliverables .deliverables-table th,
.brand-page-shell--deliverables .deliverables-table td {
  vertical-align: top;
}

.brand-page-shell--onboarding-checklist table {
  width: 100%;
  table-layout: fixed;
}

.brand-page-shell--onboarding-checklist th:first-child,
.brand-page-shell--onboarding-checklist td:first-child {
  width: 16%;
}

.brand-page-shell--onboarding-checklist th:nth-child(2),
.brand-page-shell--onboarding-checklist td:nth-child(2) {
  width: 13%;
}

.brand-page-shell--onboarding-checklist th:nth-child(3),
.brand-page-shell--onboarding-checklist td:nth-child(3) {
  width: 25%;
}

.brand-page-shell--onboarding-checklist th,
.brand-page-shell--onboarding-checklist td {
  vertical-align: top;
}

.brand-page-shell--founder-profile .experience-table {
  width: 100%;
  table-layout: fixed;
}

.brand-page-shell--founder-profile .experience-table th:first-child,
.brand-page-shell--founder-profile .experience-table td:first-child {
  width: 168px;
  min-width: 168px;
}

.brand-page-shell--founder-profile .experience-table th:nth-child(2),
.brand-page-shell--founder-profile .experience-table td:nth-child(2) {
  width: 240px;
}

.brand-page-shell--founder-profile .experience-table td,
.brand-page-shell--founder-profile .experience-table th {
  vertical-align: top;
}

.brand-page-shell--founder-card .founder-card-next-step h2 {
  font-size: clamp(1.42rem, 2.5vw, 1.58rem);
  line-height: 1.16;
}

.cooperation-start-table {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.cooperation-start-table th:first-child,
.cooperation-start-table td:first-child {
  width: 64px;
}

.cooperation-start-table th:nth-child(2),
.cooperation-start-table td:nth-child(2) {
  width: 44%;
}

.cooperation-start-table th,
.cooperation-start-table td {
  vertical-align: top;
}

.brand-hero--product .brand-hero__media--compact .matrix-panel--contact .matrix-panel__hud {
  font-size: 0.7rem;
}

.brand-hero--product .brand-hero__media--compact .matrix-panel--contact .matrix-panel__callout {
  font-size: 0.88rem;
}

@media (max-width: 1200px) {
  .landing-flow,
  .roadmap-grid,
  .brand-grid--four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .landing-grid--three,
  .brand-grid--three,
  .brand-direction-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .landing-band--links .landing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .landing-brand,
  .brand-hero {
    grid-template-columns: 1fr;
  }
  .VPHero.has-image .container {
    grid-template-columns: 1fr;
  }
  .VPHero .image {
    justify-content: center;
  }
  .VPHero .image::before,
  .VPHero .image::after {
    display: none;
  }
  .VPHome .VPHero.has-image .actions {
    flex-wrap: wrap;
  }
  .VPHero:not(.has-image) .actions {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .VPHero:not(.has-image) .action {
    flex: none;
  }
  .VPHero:not(.has-image) .action .VPButton {
    width: 100%;
    min-width: 0;
  }
  .landing-brand__quick-grid,
  .landing-brand__meta-grid {
    grid-template-columns: 1fr;
  }
  .landing-brand__record-grid {
    grid-template-columns: 1fr;
  }
  .contact-node-grid {
    grid-template-columns: 1fr;
  }
  .product-signal-grid {
    grid-template-columns: 1fr;
  }
  .product-signal-checks {
    grid-template-columns: 1fr;
  }
  .roadmap-signal-grid {
    grid-template-columns: 1fr;
  }
  .roadmap-signal-checks {
    grid-template-columns: 1fr;
  }
  .brand-hero--contact h1,
  .brand-hero--logo h1 {
    max-width: none;
  }
  .brand-hero > div:first-child {
    margin-top: 0;
  }
  .brand-hero__media {
    align-self: auto;
  }
  .brand-hero__media--compact {
    height: auto;
    min-height: 0;
  }
  .brand-hero > div:first-child .brand-hero__panel {
    max-width: none;
  }
  .brand-hero__media--compact .matrix-panel.matrix-panel--contact {
    height: auto;
    min-height: 0;
  }
  .brand-page-shell--orchestration .orchestration-signal-grid {
    grid-template-columns: 1fr;
  }
  .brand-page-shell--orchestration .brand-hero,
  .brand-page-shell--founder-profile .brand-hero--founder-profile {
    grid-template-columns: 1fr;
  }
  .brand-page-shell--editions .brand-hero__media--compact .matrix-panel.matrix-panel--contact,
  .brand-page-shell--founder-profile .brand-hero--founder-profile .matrix-panel.matrix-panel--contact {
    min-height: 0;
  }
}
@media (max-width: 960px) {
  :root {
    --smartflow-page-gap: 18px;
  }
  .VPHero {
    padding-top: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 14px);
  }
  .VPHero .container,
  .landing-band,
  .brand-hero,
  .brand-card,
  .brand-direction-card,
  .brand-link-card {
    padding: 24px;
    border-radius: 24px;
  }
  .landing-band--overview,
  .landing-metrics,
  .landing-grid--two,
  .landing-grid--three,
  .landing-flow,
  .roadmap-grid,
  .cta-card,
  .brand-grid--two,
  .brand-grid--three,
  .brand-grid--four,
  .brand-card__row,
  .brand-link-grid,
  .brand-direction-grid,
  .lead-form-grid {
    grid-template-columns: 1fr;
  }
  .brand-page-shell--editions .editions-next-read .brand-card__row {
    grid-template-columns: 1fr;
  }
  .VPHero .image-container {
    min-height: 300px;
  }
  .VPHero .main {
    min-height: 0;
    max-width: none;
  }
  .VPHome .VPHero.has-image .container {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .VPHome .VPHero.has-image .main,
  .VPHome .VPHero.has-image .text,
  .VPHome .VPHero.has-image .tagline {
    max-width: none;
  }
  .VPHome .VPHero.has-image .main {
    align-items: flex-start;
    text-align: left;
  }
  .VPHome .VPHero.has-image .text {
    gap: 10px;
    margin-bottom: 12px;
  }
  .VPHome .VPHero.has-image .image {
    width: 100%;
    justify-content: stretch;
  }
  .VPHero .actions {
    width: min(480px, 100%);
  }
  .VPHero:not(.has-image) .actions {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .VPHome .VPHero.has-image .actions {
    width: 100%;
    gap: 10px;
  }
  .VPHome .VPHero.has-image .image-container,
  .home-hero-code {
    min-height: 250px;
  }
  .home-hero-note {
    margin-top: -8px;
    padding: 0 18px;
    text-align: left;
  }
  .home-hero-note__text {
    margin-bottom: 12px;
  }
  .cta-actions,
  .brand-actions,
  .lead-form-actions {
    justify-content: flex-start;
  }
  .VPDoc .container {
    padding: 0 12px;
  }
  .VPDoc .content-container,
  .VPDoc.has-aside .content-container {
    max-width: 100%;
  }
  .matrix-panel__canvas {
    min-height: 280px;
  }
  .matrix-panel__trace--top {
    width: 132px;
  }
  .matrix-panel__trace--mid {
    width: 166px;
  }
  .matrix-panel__trace--bottom {
    width: 118px;
  }
  .matrix-panel__ring {
    width: 172px;
    height: 172px;
    left: 62%;
  }
  .matrix-panel__glyph {
    left: 62%;
    font-size: 3rem;
  }
  .matrix-panel__bolt {
    left: calc(62% - 18px);
    top: calc(50% - 44px);
    width: 36px;
    height: 72px;
  }
}
@media (max-width: 760px) {
  .landing-shell,
  .brand-page-shell {
    margin: 26px auto 46px;
  }
  .VPHero .name {
    font-size: clamp(2.2rem, 10vw, 3rem);
  }
  .VPHome .VPHero.has-image .name {
    gap: 8px;
  }
  .VPHome .VPHero.has-image .name::before {
    font-size: 0.72rem;
    letter-spacing: 0.22em;
  }
  .VPHero .text {
    font-size: 1.04rem;
  }
  .VPHome .VPHero.has-image .text {
    gap: 7px;
    font-size: 1.3rem;
  }
  .VPHome .VPHero.has-image .text::after {
    min-height: 23px;
    padding: 0 7px;
    font-size: 0.39rem;
    letter-spacing: 0.2em;
  }
  .landing-section-head h2,
  .cta-card h2,
  .brand-hero h1,
  .brand-card h2,
  .vp-doc h1 {
    font-size: clamp(1.72rem, 8vw, 2.2rem);
    line-height: 1.1;
  }
  .brand-card h2 {
    white-space: normal;
  }
  .landing-band--flow .landing-section-head,
  .landing-band--audience .landing-section-head,
  .landing-band--modes .landing-section-head,
  .landing-band--roadmap .landing-section-head {
    margin-bottom: 20px;
  }
  .landing-inline-links,
  .cta-actions,
  .brand-actions,
  .lead-form-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .cta-button,
  .brand-link-card {
    width: 100%;
  }
  .VPHero .actions {
    grid-template-columns: 1fr;
    width: 100%;
  }
  .VPHero:not(.has-image) .actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .VPHero:not(.has-image) .action {
    flex: none;
  }
  .VPHero:not(.has-image) .action .VPButton {
    width: 100%;
  }
  .VPHome .VPHero.has-image .actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-left: 0;
    padding-top: 12px;
  }
  .VPHome .VPHero.has-image .action {
    flex: none;
  }
  .VPHome .VPHero.has-image .action .VPButton {
    width: 100%;
  }
  .VPHero .image-container {
    min-height: 220px;
  }
  .VPHome .VPHero.has-image .container {
    gap: 18px;
  }
  .VPHero .image-src {
    width: min(82%, 260px);
  }
  .matrix-panel__hud,
  .matrix-panel__footer {
    flex-direction: column;
    align-items: flex-start;
  }
  .matrix-panel__canvas {
    min-height: 248px;
  }
  .landing-brand__matrix .matrix-panel__canvas {
    min-height: 188px;
    padding: 54px 16px 16px;
  }
  .home-hero-code__head {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .home-hero-code__file {
    width: 100%;
  }
  .home-hero-code__file,
  .home-hero-code__line-text {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .matrix-panel__callout {
    right: 16px;
    bottom: 16px;
  }
}
@media (max-width: 640px) {
  :root {
    --smartflow-page-gap: 12px;
  }
  .VPHero .container,
  .landing-band,
  .brand-hero,
  .brand-card,
  .brand-direction-card,
  .brand-link-card,
  .metric-card,
  .landing-card,
  .mode-card,
  .flow-card,
  .roadmap-card,
  .link-panel {
    padding: 20px;
  }
  .vp-doc p,
  .vp-doc li,
  .landing-lead,
  .brand-lead,
  .metric-card p,
  .landing-card p,
  .mode-card p,
  .flow-card p,
  .roadmap-card p,
  .link-panel p {
    font-size: 0.95rem;
  }
  .VPHero .image-container {
    min-height: 240px;
  }
  .VPHero .image-src {
    max-width: 280px;
    max-height: 220px;
  }
  .VPHome .VPHero.has-image .actions {
    grid-template-columns: 1fr;
  }
  .VPHome .VPHero.has-image .image-container,
  .home-hero-code {
    min-height: 232px;
  }
  .matrix-panel__ring,
  .matrix-panel__glyph,
  .matrix-panel__bolt {
    display: none;
  }
  .matrix-panel__trace {
    left: 18px;
    width: calc(100% - 36px);
  }
  .matrix-panel__trace--top,
  .matrix-panel__trace--mid,
  .matrix-panel__trace--bottom {
    width: calc(100% - 36px);
  }
  .matrix-panel__stack > .matrix-panel__line {
    font-size: 0.76rem;
  }
}
.landing-band--partner {
  margin-bottom: 24px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.landing-band--partner::before {
  display: none;
}

.partner-banner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.75fr) minmax(220px, 0.85fr);
  gap: 24px;
  align-items: center;
  padding: 28px 32px;
  border: 1px solid var(--smartflow-line-strong);
  border-radius: 28px;
  background: radial-gradient(circle at top right, var(--smartflow-accent-orb-alt), transparent 34%), linear-gradient(135deg, rgba(15, 118, 110, 0.12), rgba(37, 99, 235, 0.08)), var(--smartflow-card-accent-bg);
  box-shadow: var(--smartflow-shadow-soft);
  overflow: hidden;
}

.partner-banner::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent), linear-gradient(var(--smartflow-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--smartflow-grid-line) 1px, transparent 1px);
  background-size: auto, 22px 22px, 22px 22px;
  content: "";
  opacity: 0.48;
  pointer-events: none;
}

.partner-banner > * {
  position: relative;
  z-index: 1;
}

.partner-banner__copy h2 {
  margin: 0 0 12px;
  font-size: clamp(1.6rem, 2.6vw, 2.25rem);
  letter-spacing: -0.04em;
  color: var(--smartflow-title);
}

.partner-banner__copy .landing-lead {
  max-width: 920px;
  margin: 0;
}

.partner-banner__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.partner-banner__chips span {
  padding: 8px 12px;
  border: 1px solid var(--smartflow-line-strong);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  color: var(--smartflow-title);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.dark .partner-banner__chips span {
  background: rgba(0, 245, 140, 0.08);
}

.partner-banner__actions {
  display: grid;
  gap: 12px;
  align-content: center;
}

.partner-banner__actions .cta-button {
  justify-content: center;
}

@media (max-width: 960px) {
  .partner-banner {
    grid-template-columns: 1fr;
  }
  .partner-banner__actions {
    grid-template-columns: 1fr;
  }
}
.VPLocalSearchBox[data-v-9f89446d] {
  position: fixed;
  z-index: 100;
  inset: 0;
  display: flex;
}
.backdrop[data-v-9f89446d] {
  position: absolute;
  inset: 0;
  background: var(--vp-backdrop-bg-color);
  transition: opacity 0.5s;
}
.shell[data-v-9f89446d] {
  position: relative;
  padding: 12px;
  margin: 64px auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: var(--vp-local-search-bg);
  width: min(100vw - 60px, 900px);
  height: min-content;
  max-height: min(100vh - 128px, 900px);
  border-radius: 6px;
}
@media (max-width: 767px) {
.shell[data-v-9f89446d] {
    margin: 0;
    width: 100vw;
    height: 100vh;
    max-height: none;
    border-radius: 0;
}
}
.search-bar[data-v-9f89446d] {
  border: 1px solid var(--vp-c-divider);
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  cursor: text;
}
@media (max-width: 767px) {
.search-bar[data-v-9f89446d] {
    padding: 0 8px;
}
}
.search-bar[data-v-9f89446d]:focus-within {
  border-color: var(--vp-c-brand-1);
}
.search-icon[data-v-9f89446d] {
  margin: 8px;
}
@media (max-width: 767px) {
.search-icon[data-v-9f89446d] {
    display: none;
}
}
.search-input[data-v-9f89446d] {
  padding: 6px 12px;
  font-size: inherit;
  width: 100%;
}
@media (max-width: 767px) {
.search-input[data-v-9f89446d] {
    padding: 6px 4px;
}
}
.search-actions[data-v-9f89446d] {
  display: flex;
  gap: 4px;
}
@media (any-pointer: coarse) {
.search-actions[data-v-9f89446d] {
    gap: 8px;
}
}
@media (min-width: 769px) {
.search-actions.before[data-v-9f89446d] {
    display: none;
}
}
.search-actions button[data-v-9f89446d] {
  padding: 8px;
}
.search-actions button[data-v-9f89446d]:not([disabled]):hover,
.toggle-layout-button.detailed-list[data-v-9f89446d] {
  color: var(--vp-c-brand-1);
}
.search-actions button.clear-button[data-v-9f89446d]:disabled {
  opacity: 0.37;
}
.search-keyboard-shortcuts[data-v-9f89446d] {
  font-size: 0.8rem;
  opacity: 75%;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  line-height: 14px;
}
.search-keyboard-shortcuts span[data-v-9f89446d] {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 767px) {
.search-keyboard-shortcuts[data-v-9f89446d] {
    display: none;
}
}
.search-keyboard-shortcuts kbd[data-v-9f89446d] {
  background: rgba(128, 128, 128, 0.1);
  border-radius: 4px;
  padding: 3px 6px;
  min-width: 24px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: 1px solid rgba(128, 128, 128, 0.15);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.results[data-v-9f89446d] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.result[data-v-9f89446d] {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  transition: none;
  line-height: 1rem;
  border: solid 2px var(--vp-local-search-result-border);
  outline: none;
}
.result > div[data-v-9f89446d] {
  margin: 12px;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
.result > div[data-v-9f89446d] {
    margin: 8px;
}
}
.titles[data-v-9f89446d] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  position: relative;
  z-index: 1001;
  padding: 2px 0;
}
.title[data-v-9f89446d] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.title.main[data-v-9f89446d] {
  font-weight: 500;
}
.title-icon[data-v-9f89446d] {
  opacity: 0.5;
  font-weight: 500;
  color: var(--vp-c-brand-1);
}
.title svg[data-v-9f89446d] {
  opacity: 0.5;
}
.result.selected[data-v-9f89446d] {
  --vp-local-search-result-bg: var(--vp-local-search-result-selected-bg);
  border-color: var(--vp-local-search-result-selected-border);
}
.excerpt-wrapper[data-v-9f89446d] {
  position: relative;
}
.excerpt[data-v-9f89446d] {
  opacity: 75%;
  pointer-events: none;
  max-height: 140px;
  overflow: hidden;
  position: relative;
  opacity: 0.5;
  margin-top: 4px;
}
.result.selected .excerpt[data-v-9f89446d] {
  opacity: 1;
}
.excerpt[data-v-9f89446d] * {
  font-size: 0.8rem !important;
  line-height: 130% !important;
}
.titles[data-v-9f89446d] mark,
.excerpt[data-v-9f89446d] mark {
  background-color: var(--vp-local-search-highlight-bg);
  color: var(--vp-local-search-highlight-text);
  border-radius: 2px;
  padding: 0 2px;
}
.excerpt[data-v-9f89446d] .vp-code-group .tabs {
  display: none;
}
.excerpt[data-v-9f89446d] .vp-code-group div[class*='language-'] {
  border-radius: 8px !important;
}
.excerpt-gradient-bottom[data-v-9f89446d] {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 8px;
  background: linear-gradient(transparent, var(--vp-local-search-result-bg));
  z-index: 1000;
}
.excerpt-gradient-top[data-v-9f89446d] {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 8px;
  background: linear-gradient(var(--vp-local-search-result-bg), transparent);
  z-index: 1000;
}
.result.selected .titles[data-v-9f89446d],
.result.selected .title-icon[data-v-9f89446d] {
  color: var(--vp-c-brand-1) !important;
}
.no-results[data-v-9f89446d] {
  font-size: 0.9rem;
  text-align: center;
  padding: 12px;
}
svg[data-v-9f89446d] {
  flex: none;
}