/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!../../node_modules/@fontsource/ibm-plex-sans-condensed/400.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ibm-plex-sans-condensed-cyrillic-ext-400-normal */
@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/ibm-plex-sans-condensed-cyrillic-ext-400-normal.54a2a29f.woff2) format('woff2'), url(/_next/static/media/ibm-plex-sans-condensed-cyrillic-ext-400-normal.a3510ccf.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* ibm-plex-sans-condensed-vietnamese-400-normal */
@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/ibm-plex-sans-condensed-vietnamese-400-normal.132731ff.woff2) format('woff2'), url(/_next/static/media/ibm-plex-sans-condensed-vietnamese-400-normal.5950f971.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* ibm-plex-sans-condensed-latin-ext-400-normal */
@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/ibm-plex-sans-condensed-latin-ext-400-normal.32761295.woff2) format('woff2'), url(/_next/static/media/ibm-plex-sans-condensed-latin-ext-400-normal.54ceb41d.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* ibm-plex-sans-condensed-latin-400-normal */
@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/ibm-plex-sans-condensed-latin-400-normal.46aeb4b5.woff2) format('woff2'), url(/_next/static/media/ibm-plex-sans-condensed-latin-400-normal.d4b5a832.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!../../node_modules/@fontsource/ibm-plex-sans-condensed/500.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ibm-plex-sans-condensed-cyrillic-ext-500-normal */
@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_next/static/media/ibm-plex-sans-condensed-cyrillic-ext-500-normal.f3cb8e22.woff2) format('woff2'), url(/_next/static/media/ibm-plex-sans-condensed-cyrillic-ext-500-normal.c7a1721a.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* ibm-plex-sans-condensed-vietnamese-500-normal */
@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_next/static/media/ibm-plex-sans-condensed-vietnamese-500-normal.e3d7ae80.woff2) format('woff2'), url(/_next/static/media/ibm-plex-sans-condensed-vietnamese-500-normal.5b247070.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* ibm-plex-sans-condensed-latin-ext-500-normal */
@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_next/static/media/ibm-plex-sans-condensed-latin-ext-500-normal.cd24dd66.woff2) format('woff2'), url(/_next/static/media/ibm-plex-sans-condensed-latin-ext-500-normal.9a30fe1b.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* ibm-plex-sans-condensed-latin-500-normal */
@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_next/static/media/ibm-plex-sans-condensed-latin-500-normal.412016d4.woff2) format('woff2'), url(/_next/static/media/ibm-plex-sans-condensed-latin-500-normal.1668eed6.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!../../node_modules/@fontsource/ibm-plex-sans-condensed/600.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ibm-plex-sans-condensed-cyrillic-ext-600-normal */
@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_next/static/media/ibm-plex-sans-condensed-cyrillic-ext-600-normal.ca28bba9.woff2) format('woff2'), url(/_next/static/media/ibm-plex-sans-condensed-cyrillic-ext-600-normal.2e0b2554.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* ibm-plex-sans-condensed-vietnamese-600-normal */
@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_next/static/media/ibm-plex-sans-condensed-vietnamese-600-normal.fa79023b.woff2) format('woff2'), url(/_next/static/media/ibm-plex-sans-condensed-vietnamese-600-normal.e23f17f1.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* ibm-plex-sans-condensed-latin-ext-600-normal */
@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_next/static/media/ibm-plex-sans-condensed-latin-ext-600-normal.748db36d.woff2) format('woff2'), url(/_next/static/media/ibm-plex-sans-condensed-latin-ext-600-normal.5ee850b1.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* ibm-plex-sans-condensed-latin-600-normal */
@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_next/static/media/ibm-plex-sans-condensed-latin-600-normal.a5fb9a76.woff2) format('woff2'), url(/_next/static/media/ibm-plex-sans-condensed-latin-600-normal.82b0af88.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!../../node_modules/@fontsource/ibm-plex-sans-condensed/700.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ibm-plex-sans-condensed-cyrillic-ext-700-normal */
@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/ibm-plex-sans-condensed-cyrillic-ext-700-normal.0aa91390.woff2) format('woff2'), url(/_next/static/media/ibm-plex-sans-condensed-cyrillic-ext-700-normal.b4bfc2d6.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* ibm-plex-sans-condensed-vietnamese-700-normal */
@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/ibm-plex-sans-condensed-vietnamese-700-normal.a29997d1.woff2) format('woff2'), url(/_next/static/media/ibm-plex-sans-condensed-vietnamese-700-normal.6d27ef1e.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* ibm-plex-sans-condensed-latin-ext-700-normal */
@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/ibm-plex-sans-condensed-latin-ext-700-normal.2b2900ee.woff2) format('woff2'), url(/_next/static/media/ibm-plex-sans-condensed-latin-ext-700-normal.2004db6a.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* ibm-plex-sans-condensed-latin-700-normal */
@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_next/static/media/ibm-plex-sans-condensed-latin-700-normal.e3cb82ce.woff2) format('woff2'), url(/_next/static/media/ibm-plex-sans-condensed-latin-700-normal.30bd2336.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./styles/globals.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: "Avenir Next", "Segoe UI", system-ui, sans-serif;
    --font-serif: Georgia, "Times New Roman", serif;
    --font-mono: "SF Mono", Menlo, Consolas, monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-300: oklch(87.1% 0.15 154.449);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-green-800: oklch(44.8% 0.119 151.328);
    --color-green-900: oklch(39.3% 0.095 152.535);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-indigo-100: oklch(93% 0.034 272.788);
    --color-indigo-500: oklch(58.5% 0.233 277.117);
    --color-indigo-600: oklch(51.1% 0.262 276.966);
    --color-indigo-700: oklch(45.7% 0.24 277.023);
    --color-pink-100: oklch(94.8% 0.028 342.258);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-md: 28rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-widest: 0.1em;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --animate-spin: spin 1s linear infinite;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-canvas: #fbfbf8;
    --color-surface: #ffffff;
    --color-subtle: #f4f4ef;
    --color-ink: #161f2e;
    --color-text-primary: #1c2433;
    --color-text-secondary: rgba(28, 36, 51, 0.72);
    --color-text-muted: rgba(28, 36, 51, 0.56);
    --color-border-soft: #dfe4ea;
    --color-border-strong: rgba(20, 28, 40, 0.14);
    --color-accent: #1e2533;
    --color-accent-hover: #161f2e;
    --color-warm: #a46b3c;
    --color-status-ok: #4a9864;
    --font-display-brand: "IBM Plex Sans Condensed", "Avenir Next Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;
    --font-size-label: 0.74rem;
    --font-size-body-s: 0.9rem;
    --font-size-body-m: 1rem;
    --font-size-body-l: 1.16rem;
    --font-size-h2: 2.8rem;
    --spacing-1: 0.25rem;
    --spacing-2: 0.5rem;
    --spacing-3: 0.75rem;
    --spacing-4: 1rem;
    --spacing-5: 1.5rem;
    --spacing-6: 2rem;
    --spacing-7: 3rem;
    --spacing-8: 4rem;
    --spacing-9: 6rem;
    --spacing-10: 8rem;
    --radius-control: 0.875rem;
    --radius-button: 624.9375rem;
    --radius-card: 1.25rem;
    --radius-pill: 624.9375rem;
    --shadow-panel: 0 24px 64px rgba(17, 27, 40, 0.08);
    --width-reading: 42.5rem;
    --width-wide: 76.25rem;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::-moz-placeholder {
    opacity: 1;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-6 {
    margin-block: var(--spacing-6);
  }
  .mt-1 {
    margin-top: var(--spacing-1);
  }
  .mt-2 {
    margin-top: var(--spacing-2);
  }
  .mt-3 {
    margin-top: var(--spacing-3);
  }
  .mt-4 {
    margin-top: var(--spacing-4);
  }
  .mt-6 {
    margin-top: var(--spacing-6);
  }
  .mt-\[4px\] {
    margin-top: 4px;
  }
  .mt-\[var\(--spacing-5\)\] {
    margin-top: var(--spacing-5);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-1 {
    margin-bottom: var(--spacing-1);
  }
  .mb-2 {
    margin-bottom: var(--spacing-2);
  }
  .mb-3 {
    margin-bottom: var(--spacing-3);
  }
  .mb-4 {
    margin-bottom: var(--spacing-4);
  }
  .mb-6 {
    margin-bottom: var(--spacing-6);
  }
  .mb-8 {
    margin-bottom: var(--spacing-8);
  }
  .mb-\[var\(--spacing-4\)\] {
    margin-bottom: var(--spacing-4);
  }
  .ml-2 {
    margin-left: var(--spacing-2);
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .h-2 {
    height: var(--spacing-2);
  }
  .h-5 {
    height: var(--spacing-5);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-full {
    height: 100%;
  }
  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }
  .min-h-\[3rem\] {
    min-height: 3rem;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-1\/4 {
    width: calc(1 / 4 * 100%);
  }
  .w-2\/4 {
    width: calc(2 / 4 * 100%);
  }
  .w-3\/4 {
    width: calc(3 / 4 * 100%);
  }
  .w-5 {
    width: var(--spacing-5);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[32rem\] {
    max-width: 32rem;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .flex-1 {
    flex: 1;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize-y {
    resize: vertical;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .items-center {
    align-items: center;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-2 {
    gap: var(--spacing-2);
  }
  .gap-3 {
    gap: var(--spacing-3);
  }
  .gap-4 {
    gap: var(--spacing-4);
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-\[var\(--spacing-2\)\] {
    gap: var(--spacing-2);
  }
  .gap-\[var\(--spacing-3\)\] {
    gap: var(--spacing-3);
  }
  .gap-\[var\(--spacing-4\)\] {
    gap: var(--spacing-4);
  }
  .gap-\[var\(--spacing-5\)\] {
    gap: var(--spacing-5);
  }
  .gap-\[var\(--spacing-6\)\] {
    gap: var(--spacing-6);
  }
  .gap-\[var\(--spacing-7\)\] {
    gap: var(--spacing-7);
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing-1) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing-1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing-3) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing-4) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-\[calc\(var\(--radius-card\)-0\.5rem\)\] {
    border-radius: calc(var(--radius-card) - 0.5rem);
  }
  .rounded-\[var\(--radius-button\)\] {
    border-radius: var(--radius-button);
  }
  .rounded-\[var\(--radius-card\)\] {
    border-radius: var(--radius-card);
  }
  .rounded-\[var\(--radius-control\)\] {
    border-radius: var(--radius-control);
  }
  .rounded-\[var\(--radius-pill\)\] {
    border-radius: var(--radius-pill);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-\[var\(--color-border-soft\)\] {
    border-color: var(--color-border-soft);
  }
  .border-\[var\(--color-border-strong\)\] {
    border-color: var(--color-border-strong);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-green-200 {
    border-color: var(--color-green-200);
  }
  .border-green-300 {
    border-color: var(--color-green-300);
  }
  .border-indigo-600 {
    border-color: var(--color-indigo-600);
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-red-300 {
    border-color: var(--color-red-300);
  }
  .border-red-400 {
    border-color: var(--color-red-400);
  }
  .bg-\[var\(--color-accent\)\] {
    background-color: var(--color-accent);
  }
  .bg-\[var\(--color-canvas\)\] {
    background-color: var(--color-canvas);
  }
  .bg-\[var\(--color-subtle\)\] {
    background-color: var(--color-subtle);
  }
  .bg-\[var\(--color-surface\)\] {
    background-color: var(--color-surface);
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }
  .bg-green-50 {
    background-color: var(--color-green-50);
  }
  .bg-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-green-600 {
    background-color: var(--color-green-600);
  }
  .bg-indigo-600 {
    background-color: var(--color-indigo-600);
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-yellow-500 {
    background-color: var(--color-yellow-500);
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-blue-50 {
    --tw-gradient-from: var(--color-blue-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-red-50 {
    --tw-gradient-from: var(--color-red-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-indigo-100 {
    --tw-gradient-to: var(--color-indigo-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-pink-100 {
    --tw-gradient-to: var(--color-pink-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .p-3 {
    padding: var(--spacing-3);
  }
  .p-4 {
    padding: var(--spacing-4);
  }
  .p-8 {
    padding: var(--spacing-8);
  }
  .p-\[var\(--spacing-2\)\] {
    padding: var(--spacing-2);
  }
  .p-\[var\(--spacing-3\)\] {
    padding: var(--spacing-3);
  }
  .p-\[var\(--spacing-6\)\] {
    padding: var(--spacing-6);
  }
  .px-2 {
    padding-inline: var(--spacing-2);
  }
  .px-4 {
    padding-inline: var(--spacing-4);
  }
  .px-5 {
    padding-inline: var(--spacing-5);
  }
  .px-\[1\.625rem\] {
    padding-inline: 1.625rem;
  }
  .px-\[24px\] {
    padding-inline: 24px;
  }
  .px-\[var\(--spacing-2\)\] {
    padding-inline: var(--spacing-2);
  }
  .px-\[var\(--spacing-3\)\] {
    padding-inline: var(--spacing-3);
  }
  .px-\[var\(--spacing-4\)\] {
    padding-inline: var(--spacing-4);
  }
  .py-2 {
    padding-block: var(--spacing-2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: var(--spacing-3);
  }
  .py-\[0\.55rem\] {
    padding-block: 0.55rem;
  }
  .py-\[0\.69rem\] {
    padding-block: 0.69rem;
  }
  .py-\[0\.875rem\] {
    padding-block: 0.875rem;
  }
  .py-\[var\(--spacing-1\)\] {
    padding-block: var(--spacing-1);
  }
  .py-\[var\(--spacing-3\)\] {
    padding-block: var(--spacing-3);
  }
  .py-\[var\(--spacing-4\)\] {
    padding-block: var(--spacing-4);
  }
  .pt-\[24px\] {
    padding-top: 24px;
  }
  .pt-\[var\(--spacing-5\)\] {
    padding-top: var(--spacing-5);
  }
  .pt-\[var\(--spacing-6\)\] {
    padding-top: var(--spacing-6);
  }
  .pb-\[var\(--spacing-9\)\] {
    padding-bottom: var(--spacing-9);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .font-serif {
    font-family: var(--font-serif);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[0\.9rem\] {
    font-size: 0.9rem;
  }
  .text-\[0\.82rem\] {
    font-size: 0.82rem;
  }
  .text-\[0\.83rem\] {
    font-size: 0.83rem;
  }
  .text-\[0\.84rem\] {
    font-size: 0.84rem;
  }
  .text-\[0\.88rem\] {
    font-size: 0.88rem;
  }
  .text-\[0\.92rem\] {
    font-size: 0.92rem;
  }
  .text-\[0\.95rem\] {
    font-size: 0.95rem;
  }
  .text-\[1rem\] {
    font-size: 1rem;
  }
  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
  .leading-\[1\.55\] {
    --tw-leading: 1.55;
    line-height: 1.55;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-\[400\] {
    --tw-font-weight: 400;
    font-weight: 400;
  }
  .font-\[500\] {
    --tw-font-weight: 500;
    font-weight: 500;
  }
  .font-\[600\] {
    --tw-font-weight: 600;
    font-weight: 600;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[-0\.014em\] {
    --tw-tracking: -0.014em;
    letter-spacing: -0.014em;
  }
  .tracking-\[0\.1em\] {
    --tw-tracking: 0.1em;
    letter-spacing: 0.1em;
  }
  .tracking-\[0\.05em\] {
    --tw-tracking: 0.05em;
    letter-spacing: 0.05em;
  }
  .tracking-\[0\.06em\] {
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .break-all {
    word-break: break-all;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-\[\#ffffff\] {
    color: #ffffff;
  }
  .text-\[var\(--color-ink\)\] {
    color: var(--color-ink);
  }
  .text-\[var\(--color-text-muted\)\] {
    color: var(--color-text-muted);
  }
  .text-\[var\(--color-text-primary\)\] {
    color: var(--color-text-primary);
  }
  .text-\[var\(--color-text-secondary\)\] {
    color: var(--color-text-secondary);
  }
  .text-\[var\(\.\.\.\)\] {
    color: var(...);
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-blue-700 {
    color: var(--color-blue-700);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-800 {
    color: var(--color-gray-800);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-green-700 {
    color: var(--color-green-700);
  }
  .text-green-800 {
    color: var(--color-green-800);
  }
  .text-green-900 {
    color: var(--color-green-900);
  }
  .text-indigo-600 {
    color: var(--color-indigo-600);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-red-900 {
    color: var(--color-red-900);
  }
  .text-white {
    color: var(--color-white);
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .shadow-\[var\(--shadow-panel\)\] {
    --tw-shadow: var(--shadow-panel);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[transform\,background-color\] {
    transition-property: transform,background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-\[140ms\] {
    --tw-duration: 140ms;
    transition-duration: 140ms;
  }
  .ease-\[ease\] {
    --tw-ease: ease;
    transition-timing-function: ease;
  }
  .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
  }
  .\[bff\:dashboard\] {
    bff: dashboard;
  }
  .\[bff\:thread\] {
    bff: thread;
  }
  .placeholder\:text-\[var\(--color-text-muted\)\] {
    &::-moz-placeholder {
      color: var(--color-text-muted);
    }
    &::placeholder {
      color: var(--color-text-muted);
    }
  }
  .hover\:-translate-y-px {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: -1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:border-gray-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-400);
      }
    }
  }
  .hover\:bg-\[var\(--color-accent-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-hover);
      }
    }
  }
  .hover\:bg-blue-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-700);
      }
    }
  }
  .hover\:bg-gray-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-200);
      }
    }
  }
  .hover\:bg-gray-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-400);
      }
    }
  }
  .hover\:bg-green-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-700);
      }
    }
  }
  .hover\:bg-indigo-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-700);
      }
    }
  }
  .hover\:bg-red-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-700);
      }
    }
  }
  .hover\:text-\[var\(--color-ink\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--color-ink);
      }
    }
  }
  .hover\:text-\[var\(--color-text-primary\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--color-text-primary);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .focus\:border-\[var\(--color-border-strong\)\] {
    &:focus {
      border-color: var(--color-border-strong);
    }
  }
  .focus\:border-red-400 {
    &:focus {
      border-color: var(--color-red-400);
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-blue-500 {
    &:focus {
      --tw-ring-color: var(--color-blue-500);
    }
  }
  .focus\:ring-indigo-500 {
    &:focus {
      --tw-ring-color: var(--color-indigo-500);
    }
  }
  .focus\:ring-red-400 {
    &:focus {
      --tw-ring-color: var(--color-red-400);
    }
  }
  .focus\:ring-red-500 {
    &:focus {
      --tw-ring-color: var(--color-red-500);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:bg-gray-400 {
    &:disabled {
      background-color: var(--color-gray-400);
    }
  }
  .disabled\:opacity-40 {
    &:disabled {
      opacity: 40%;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
}
:root {
  --color-canvas: #fbfbf8;
  --color-surface: #ffffff;
  --color-subtle: #f4f4ef;
  --color-muted-bg: #ece9e3;
  --color-ink: #161f2e;
  --color-text-primary: #1c2433;
  --color-text-secondary: rgba(28, 36, 51, 0.72);
  --color-text-muted: rgba(28, 36, 51, 0.56);
  --color-border-soft: #dfe4ea;
  --color-border-strong: rgba(20, 28, 40, 0.14);
  --color-accent: #1e2533;
  --color-accent-hover: #161f2e;
  --color-accent-on: #ffffff;
  --color-accent-soft: #eaf0f8;
  --color-trust: #274a78;
  --color-trust-soft: #eaf0f8;
  --color-warm: #a46b3c;
  --color-warm-soft: #f4e8db;
  --color-status-ok: #4a9864;
  --font-sans: "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-display-brand: "IBM Plex Sans Condensed", "Avenir Next Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;
  --font-heading: var(--font-display-brand);
  --font-serif: Georgia, "Times New Roman", serif;
  --font-mono: "SF Mono", Menlo, Consolas, monospace;
  --font-size-micro: 0.72rem;
  --font-size-label: 0.74rem;
  --font-size-body-s: 0.9rem;
  --font-size-body-m: 1rem;
  --font-size-body-l: 1.16rem;
  --font-size-section-lede: 1.06rem;
  --font-size-h4: 1.15rem;
  --font-size-h3: 1.7rem;
  --font-size-h2: 2.8rem;
  --font-size-h1: 4.4rem;
  --font-size-display-l: 3rem;
  --font-size-display-xl: 4.4rem;
  --font-size-wordmark-public: 1.72rem;
  --font-size-wordmark-public-quiet: 1.25rem;
  --font-size-wordmark-app: 3rem;
  --font-size-wordmark-app-mobile: 1.25rem;
  --font-size-wordmark-auth: 18px;
  --font-size-wordmark-expert: 1.25rem;
  --font-size-wordmark-expert-mobile: 27px;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.5rem;
  --spacing-6: 2rem;
  --spacing-7: 3rem;
  --spacing-8: 4rem;
  --spacing-9: 6rem;
  --spacing-10: 8rem;
  --radius-control: 0.875rem;
  --radius-button: 624.9375rem;
  --radius-card: 1.25rem;
  --radius-panel: 1.75rem;
  --radius-pill: 624.9375rem;
  --shadow-soft: 0 8px 18px rgba(28, 36, 51, 0.08);
  --shadow-panel: 0 24px 64px rgba(17, 27, 40, 0.08);
  --width-reading: 42.5rem;
  --width-content: 70rem;
  --width-wide: 76.25rem;
  --width-media: 82.5rem;
}
.marketing-page {
  --agelo-bg-canvas: #fcfcfa;
  --agelo-bg-surface: #ffffff;
  --agelo-bg-subtle: #f4f3ef;
  --agelo-bg-muted: #ece9e3;
  --agelo-text-strong: #111111;
  --agelo-text-primary: #1b1b1b;
  --agelo-text-secondary: #5f5a53;
  --agelo-text-muted: #8b847b;
  --agelo-border-soft: #e7e1d8;
  --agelo-border-strong: #d6cec2;
  --agelo-accent-primary: #274a78;
  --agelo-accent-primary-hover: #1f3d63;
  --agelo-accent-primary-soft: #eaf0f8;
  --agelo-accent-warm: #a46b3c;
  --agelo-accent-warm-soft: #f4e8db;
  --agelo-ink: #172033;
  --agelo-shadow-soft: 0 8px 24px rgba(17, 17, 17, 0.05);
  --agelo-shadow-panel: 0 18px 48px rgba(17, 17, 17, 0.08);
}
body:has(.marketing-page) {
  background: radial-gradient(circle at top left, rgba(198, 214, 238, 0.64), transparent 26%), radial-gradient(circle at 90% 16%, rgba(234, 224, 210, 0.7), transparent 24%), linear-gradient(180deg, var(--color-canvas, #fbfbf8) 0%, var(--color-subtle, #f4f4ef) 100%);
}
body:has(.expert-theme) {
  background: #08090a;
}
.expert-theme {
  --et-canvas: #08090a;
  --et-surface: #0f1011;
  --et-elevated: #161718;
  --et-overlay: #1e2022;
  --et-border: #23252a;
  --et-border-strong: #2e3035;
  --et-separator: rgba(255, 255, 255, 0.055);
  --et-text: #f7f8f8;
  --et-text-2: #d0d6e0;
  --et-text-3: #8a8f98;
  --et-text-4: #62666d;
  --et-accent: #c8a256;
  --et-accent-on: #0c0a08;
  --et-accent-dim: rgba(200, 162, 86, 0.12);
  --et-accent-border: rgba(200, 162, 86, 0.26);
  --et-accent-hover: #d4ae62;
  --et-lime: #e4f222;
  --et-green: #4ade80;
  --et-green-dim: rgba(74, 222, 128, 0.15);
  --et-display: "IBM Plex Sans Condensed", "Avenir Next Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;
  --font-heading-expert: var(--et-display);
  --et-serif: Georgia, "Times New Roman", serif;
  --et-sans: "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --et-mono: 'Berkeley Mono', 'IBM Plex Mono', 'SF Mono', Menlo, monospace;
  --et-text-caption: 10px;
  --et-text-label: 11px;
  --et-text-body-sm: 14px;
  --et-text-body: 14px;
  --et-text-body-l: 15px;
  --et-text-subhead: 17px;
  --et-text-h3: 20px;
  --et-text-h2: 28px;
  --et-text-h1: 48px;
  --et-text-display: 54px;
  --et-r-tag: 2px;
  --et-r-badge: 4px;
  --et-r-card: 6px;
  --et-r-pill: 9999px;
  --et-shadow-card: rgba(0, 0, 0, 0.4) 0px 2px 4px 0px;
  --et-shadow-panel: rgba(0, 0, 0, 0.6) 0px 12px 48px 0px;
  --et-max: 1100px;
  --et-section: 100px;
  --et-section-sm: 64px;
  --color-canvas: var(--et-canvas);
  --color-surface: var(--et-surface);
  --color-subtle: var(--et-elevated);
  --color-muted-bg: var(--et-overlay);
  --color-ink: var(--et-text);
  --color-text-primary: var(--et-text-2);
  --color-text-secondary: var(--et-text-2);
  --color-text-muted: var(--et-text-3);
  --color-border-soft: var(--et-border);
  --color-border-strong: var(--et-border-strong);
  --color-accent: var(--et-accent);
  --color-accent-on: var(--et-accent-on);
  --color-accent-soft: var(--et-accent-dim);
  --color-trust: var(--et-accent);
  --color-trust-soft: var(--et-accent-dim);
  --color-status-ok: var(--et-green);
  --shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.5);
  --font-sans: var(--et-sans);
  --font-serif: var(--et-serif);
  background: var(--et-canvas);
  color: var(--et-text);
  font-family: var(--et-sans);
  font-size: var(--et-text-body);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.et-inner {
  max-width: var(--et-max);
  margin: 0 auto;
  padding: 0 56px;
}
.et-eyebrow {
  font-family: var(--et-mono);
  font-size: var(--et-text-label);
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--et-text-3);
  display: flex;
  align-items: center;
  gap: 10px;
}
.et-eyebrow--accent {
  color: var(--et-accent);
}
.et-eyebrow::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 1px;
  background: currentColor;
  opacity: 0.6;
  flex-shrink: 0;
}
.et-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--et-sans);
  font-size: var(--et-text-body);
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  border: none;
  text-decoration: none;
  transition: opacity 0.15s, background 0.15s;
}
.et-btn--primary {
  background: var(--et-accent);
  color: var(--et-accent-on);
  border-radius: var(--et-r-pill);
  padding: 11px 22px;
}
.et-btn--primary:hover {
  background: var(--et-accent-hover);
}
.et-btn--ghost {
  background: transparent;
  color: var(--et-text-2);
  border: 1px solid var(--et-border-strong);
  border-radius: var(--et-r-pill);
  padding: 10px 20px;
}
.et-btn--ghost:hover {
  border-color: var(--et-text-3);
  color: var(--et-text);
}
.et-btn--sm {
  font-size: var(--et-text-body-sm);
  padding: 7px 14px;
  border-radius: var(--et-r-pill);
  background: var(--et-accent);
  color: var(--et-accent-on);
}
.et-btn--sm:hover {
  background: var(--et-accent-hover);
}
.et-tag {
  font-family: var(--et-mono);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--et-accent);
  background: var(--et-accent-dim);
  border: 1px solid var(--et-accent-border);
  padding: 2px 7px;
  border-radius: var(--et-r-tag);
}
.et-tag--neutral {
  color: var(--et-text-3);
  background: rgba(255,255,255,0.04);
  border-color: var(--et-border);
}
.et-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(8, 9, 10, 0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--et-border);
}
.et-header__inner {
  max-width: var(--et-max);
  margin: 0 auto;
  padding: 0 56px;
  height: 56px;
  display: flex;
  align-items: center;
  gap: 40px;
}
.et-logo {
  font-family: var(--et-display);
  font-size: var(--font-size-wordmark-expert);
  font-weight: 500;
  color: var(--et-text);
  text-decoration: none;
  letter-spacing: -0.03em;
  flex-shrink: 0;
}
.et-nav {
  display: flex;
  align-items: center;
  gap: 28px;
  flex: 1;
}
.et-nav a {
  font-size: var(--et-text-body-sm);
  color: var(--et-text-3);
  text-decoration: none;
  transition: color 0.15s;
}
.et-nav a:hover {
  color: var(--et-text-2);
}
.et-header__right {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.et-sign-in {
  font-size: var(--et-text-body-sm);
  color: var(--et-text-3);
  text-decoration: none;
  transition: color 0.15s;
}
.et-sign-in:hover {
  color: var(--et-text-2);
}
.et-status-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--et-green);
  box-shadow: 0 0 5px rgba(74, 222, 128, 0.7);
}
.expert-bottom-tab-bar {
  display: none !important;
}
.expert-mobile-header {
  display: none;
}
.desk-mobile-layout {
  display: none;
}
.desk-desktop-layout {
  display: block;
}
.mobile-topbar {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 52px;
  z-index: 40;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  background: var(--color-subtle);
  border-bottom: 1px solid var(--color-border-soft);
}
.mobile-topbar__wordmark {
  font-family: var(--font-display-brand);
  font-size: var(--font-size-wordmark-app-mobile);
  font-weight: 500;
  color: var(--color-ink);
  text-decoration: none;
  letter-spacing: -0.03em;
}
.mobile-topbar__hamburger {
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px 8px;
  color: var(--color-text-muted);
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
}
.mobile-drawer-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 49;
}
.mobile-drawer-close {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 20px;
  color: var(--color-text-muted);
  padding: 2px 8px;
  line-height: 1;
  align-self: flex-end;
  margin-bottom: var(--spacing-2);
}
.expert-page-body {
  padding-left: var(--spacing-5);
  padding-right: var(--spacing-5);
}
.native-screen-context {
  font-size: 14px;
  font-weight: 500;
  color: var(--et-text-3);
  margin: 0 0 4px;
  letter-spacing: 0.01em;
}
.native-screen-title {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--et-text);
  margin: 0;
  line-height: 1.15;
  font-family: var(--font-heading-expert);
}
.mobile-desk-header, .mobile-next-action-card, .mobile-next-action-meta, .mobile-next-action-actions, .mobile-list-row, .mobile-list-row-main, .mobile-list-row-trailing, .mobile-metric-row {
  display: flex;
}
.native-nav-bar {
  display: none;
}
.rg-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.rg-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.workspace-split {
  display: grid;
  grid-template-columns: 1fr 280px;
  min-height: 0;
  border-top: 1px solid var(--et-border);
  margin-top: var(--spacing-4);
}
.native-list-row {
  min-height: 56px;
  display: flex;
  align-items: center;
}
.table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.files-table-inner {
  min-width: 560px;
}
.files-table-grid {
  display: grid;
  grid-template-columns: 1fr 70px 70px 80px 120px 80px;
  gap: var(--spacing-3);
  align-items: center;
}
.agent-log-detail {
  padding-left: calc(130px + var(--spacing-4) + 90px + var(--spacing-4));
}
.agent-tab-strip {
  display: flex;
  border-bottom: 1px solid var(--et-border);
}
.chart-header-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-4);
  flex-wrap: wrap;
  margin-bottom: var(--spacing-3);
}
.chart-period-row {
  display: flex;
}
.chart-pill-group {
  display: flex;
  background: var(--et-elevated);
  border: 1px solid var(--et-border);
  border-radius: var(--et-r-pill);
  padding: 2px;
  gap: 2px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.chart-pill-group::-webkit-scrollbar {
  display: none;
}
.chart-pill-btn {
  padding: 6px 12px;
  flex-shrink: 0;
}
.chart-period-row .chart-pill-group {
  flex: 1;
}
.chart-period-btn {
  flex: 1;
  text-align: center;
}
@media (max-width: 768px) {
  .desk-mobile-layout {
    display: block;
  }
  .desk-desktop-layout {
    display: none;
  }
  .expert-my-desk-body {
    padding-top: var(--spacing-4) !important;
    padding-bottom: var(--spacing-8) !important;
  }
  .expert-page-body {
    padding-left: var(--spacing-4) !important;
    padding-right: var(--spacing-4) !important;
  }
  .mobile-topbar {
    display: flex;
  }
  .mobile-drawer-backdrop {
    display: block;
  }
  .mobile-drawer-close {
    display: block;
  }
  .app-sidebar {
    position: fixed !important;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100dvh !important;
    transform: translateX(-100%);
    transition: transform 0.25s ease;
    z-index: 50;
  }
  .app-sidebar.is-open {
    transform: translateX(0);
  }
  .appshell-main {
    padding-top: 52px;
  }
  .expert-sidebar-desktop {
    display: none !important;
  }
  .expert-theme .appshell-main {
    padding-top: 0;
    padding-bottom: env(safe-area-inset-bottom);
  }
  .expert-mobile-header {
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--et-canvas);
    padding-top: env(safe-area-inset-top);
    border-bottom: 1px solid var(--et-border);
  }
  .expert-mobile-toprow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px 8px;
  }
  .expert-mobile-wordmark {
    font-family: var(--et-display);
    font-size: var(--font-size-wordmark-expert-mobile);
    font-weight: 500;
    letter-spacing: -0.03em;
    color: var(--et-text);
  }
  .expert-mobile-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--et-elevated);
    border: 1px solid var(--et-border-strong);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--et-sans);
    font-size: 10px;
    font-weight: 600;
    color: var(--et-text-3);
    letter-spacing: 0.04em;
  }
  .expert-nav-pills {
    display: flex;
    overflow-x: auto;
    gap: 6px;
    padding: 0 16px 11px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .expert-nav-pills::-webkit-scrollbar {
    display: none;
  }
  .expert-nav-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 12px;
    min-height: 44px;
    border-radius: var(--et-r-pill);
    background: transparent;
    border: 1px solid var(--et-border);
    color: var(--et-text-3);
    font-family: var(--font-heading-expert);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
  }
  .expert-nav-pill.active {
    background: var(--et-elevated);
    border-color: var(--et-border-strong);
    color: var(--et-text);
  }
  .native-screen-title {
    font-size: 32px;
    font-weight: 700;
    padding: var(--spacing-5) 0 var(--spacing-3);
  }
  .native-nav-bar {
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 100;
    height: 52px;
    padding: 0 var(--spacing-3);
    background: var(--et-canvas);
    border-bottom: 1px solid var(--et-border);
    gap: var(--spacing-3);
  }
  .native-back-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--et-elevated);
    border: 1px solid var(--et-border);
    color: var(--et-text-2);
    cursor: pointer;
    text-decoration: none;
    flex-shrink: 0;
  }
  .native-back-btn:hover {
    background: var(--et-overlay);
  }
  .native-nav-title {
    flex: 1;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: var(--et-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 36px;
  }
  .rg-4 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2);
  }
  .rg-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .workspace-split {
    grid-template-columns: 1fr;
  }
  .workspace-split > :last-child {
    border-left: none !important;
    border-top: 1px solid var(--et-border);
  }
  .native-list-row {
    padding: var(--spacing-3) var(--spacing-4);
  }
  .mobile-desk-header {
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--spacing-3);
    margin-bottom: var(--spacing-4);
  }
  .mobile-desk-title {
    font-family: var(--font-heading-expert);
    font-size: 34px;
    font-weight: 760;
    line-height: 1.04;
    color: var(--et-text);
    margin: 0;
  }
  .mobile-desk-subtitle {
    font-family: var(--font-heading-expert);
    font-size: var(--et-text-body-sm);
    line-height: 1.4;
    color: var(--et-text-3);
    margin: 7px 0 0;
    max-width: 270px;
  }
  .mobile-desk-badge {
    flex-shrink: 0;
    font-family: var(--et-sans);
    font-size: 12px;
    font-weight: 650;
    color: var(--et-accent);
    background: var(--et-accent-dim);
    border-radius: var(--et-r-pill);
    padding: 5px 10px;
    margin-top: 3px;
    white-space: nowrap;
  }
  .mobile-desk-section {
    margin-bottom: var(--spacing-5);
  }
  .mobile-section-title {
    font-family: var(--et-sans);
    font-size: 21px;
    font-weight: 740;
    line-height: 1.08;
    color: var(--et-text);
    margin: 0 0 var(--spacing-3);
  }
  .mobile-list-card {
    background: var(--et-surface);
    border: 1px solid var(--et-border);
    border-radius: var(--et-r-card);
    overflow: hidden;
  }
  .mobile-list-row {
    align-items: center;
    justify-content: space-between;
    min-height: 68px;
    padding: var(--spacing-4) var(--spacing-5);
    color: inherit;
    text-decoration: none;
  }
  .mobile-list-row:not(:last-child) {
    border-bottom: 1px solid var(--et-border);
  }
  .mobile-list-row-main {
    align-items: center;
    min-width: 0;
    gap: var(--spacing-3);
  }
  .mobile-status-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
  }
  .mobile-status-dot.active {
    background: var(--et-green);
  }
  .mobile-status-dot.paused {
    background: var(--et-accent);
  }
  .mobile-list-row-title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--et-sans);
    font-size: var(--et-text-body-sm);
    font-weight: 500;
    color: var(--et-text);
  }
  .mobile-list-row-trailing {
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    margin-left: var(--spacing-3);
    font-family: var(--et-sans);
    font-size: var(--et-text-label);
    font-weight: 550;
    color: var(--et-text-3);
  }
  .mobile-row-action {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border-radius: var(--et-r-pill);
    border: 1px solid var(--et-border);
    background: var(--et-elevated);
    font-family: var(--et-sans);
    font-size: var(--et-text-label);
    font-weight: 650;
    color: var(--et-text);
    text-decoration: none;
  }
  .mobile-metric-row {
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-4);
    min-height: 68px;
    padding: var(--spacing-4) var(--spacing-5);
    margin-bottom: var(--spacing-6);
    background: var(--et-surface);
    border: 1px solid var(--et-border);
    border-radius: var(--et-r-card);
  }
  .mobile-metric-label, .mobile-metric-value {
    font-family: var(--et-sans);
    font-size: var(--et-text-body-sm);
  }
  .mobile-metric-label {
    color: var(--et-text-3);
  }
  .mobile-metric-value {
    font-weight: 750;
    color: var(--et-accent);
    text-align: right;
  }
  .mobile-next-action-card {
    align-items: flex-start;
    gap: var(--spacing-4);
    background: var(--et-surface);
    border: 1px solid var(--et-border-strong);
    border-radius: var(--et-r-card);
    padding: var(--spacing-4);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
  }
  .mobile-next-action-icon {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: var(--et-accent);
    color: var(--et-accent-on);
    font-family: var(--et-sans);
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
  }
  .mobile-next-action-body {
    min-width: 0;
    flex: 1;
  }
  .mobile-next-action-meta {
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-3);
    margin-bottom: 6px;
    font-family: var(--et-mono);
    font-size: var(--et-text-label);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--et-text-4);
  }
  .mobile-next-action-title {
    font-family: var(--font-heading-expert);
    font-size: 21px;
    font-weight: 720;
    line-height: 1.18;
    color: var(--et-text);
    margin: 0;
  }
  .mobile-next-action-copy {
    font-family: var(--et-sans);
    font-size: var(--et-text-body-sm);
    line-height: 1.42;
    color: var(--et-text-3);
    margin: 7px 0 0;
  }
  .mobile-next-action-actions {
    align-items: center;
    gap: var(--spacing-3);
    margin-top: var(--spacing-4);
  }
  .mobile-next-action-primary, .mobile-next-action-secondary {
    min-height: 44px;
    border-radius: var(--et-r-pill);
    font-family: var(--et-sans);
    font-size: var(--et-text-body-sm);
    font-weight: 650;
    cursor: pointer;
  }
  .mobile-next-action-primary {
    padding: 0 18px;
    border: 0;
    background: var(--et-accent);
    color: var(--et-accent-on);
  }
  .mobile-next-action-secondary {
    padding: 0 14px;
    border: 1px solid var(--et-border);
    background: var(--et-elevated);
    color: var(--et-text-2);
  }
  .mobile-setup-details {
    margin-top: var(--spacing-3);
  }
  .mobile-setup-details > div {
    margin-bottom: 0 !important;
  }
  .native-bottom-sheet-overlay {
    position: fixed;
    inset: 0;
    z-index: 400;
    background: rgba(0, 0, 0, 0.6);
  }
  .native-bottom-sheet {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 85dvh;
    background: var(--et-elevated);
    border-radius: 20px 20px 0 0;
    border-top: 1px solid var(--et-border);
    padding-bottom: env(safe-area-inset-bottom);
    overflow-y: auto;
    z-index: 401;
    animation: slide-up-sheet 0.28s cubic-bezier(0.32, 0.72, 0, 1);
  }
  .native-bottom-sheet-handle {
    width: 36px;
    height: 4px;
    background: var(--et-border-strong);
    border-radius: 2px;
    margin: 12px auto 0;
  }
  .onboarding-slide-over {
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 85dvh !important;
    border-left: none !important;
    border-top: 1px solid var(--et-border) !important;
    border-radius: 20px 20px 0 0 !important;
    background: var(--et-elevated) !important;
    padding-bottom: env(safe-area-inset-bottom);
    overflow-y: auto;
    animation: slide-up-sheet 0.28s cubic-bezier(0.32, 0.72, 0, 1);
  }
  .inbox-filter-group button {
    min-height: 44px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .chart-header-top {
    align-items: center;
  }
  .chart-pill-btn {
    padding: 8px 14px;
  }
  .agent-tab-strip {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .agent-tab-strip::-webkit-scrollbar {
    display: none;
  }
  .agent-tab-strip a {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 480px) {
  .rg-3 {
    grid-template-columns: 1fr;
  }
  .intervention-auto {
    flex-direction: column;
    gap: var(--spacing-3);
  }
  .job-row-sec {
    display: none;
  }
  .onboarding-panel-body {
    padding: var(--spacing-4) !important;
  }
  .mobile-next-action-card {
    gap: var(--spacing-3);
  }
  .mobile-next-action-icon {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    font-size: 22px;
  }
  .mobile-next-action-title {
    font-size: 20px;
  }
  .mobile-next-action-actions {
    flex-wrap: wrap;
  }
}
@media (max-width: 390px) {
  .mobile-next-action-card {
    gap: var(--spacing-3);
  }
  .mobile-next-action-icon {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    font-size: 22px;
  }
  .mobile-next-action-title {
    font-size: 20px;
  }
  .mobile-next-action-actions {
    flex-wrap: wrap;
  }
}
@media (max-width: 600px) {
  .files-table-inner {
    min-width: 0;
  }
  .files-table-grid {
    grid-template-columns: 1fr 120px;
  }
  .fc-format, .fc-size, .fc-version, .fc-dl-btn {
    display: none;
  }
  .agent-log-detail {
    padding-left: var(--spacing-4);
  }
}
@media (max-width: 1024px) {
  .workspace-split {
    grid-template-columns: 1fr 220px;
  }
}
@keyframes slide-up-sheet {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes lightbox-in {
  from {
    transform: translateY(50%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes lightbox-out {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(50%);
    opacity: 0;
  }
}
@keyframes backdrop-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes backdrop-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes live-pulse {
  0%,100% {
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(74,152,100,0.4);
  }
  50% {
    opacity: 0.7;
    box-shadow: 0 0 0 4px rgba(74,152,100,0);
  }
}
@keyframes warm-pulse {
  0%,100% {
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(205,127,50,0.45);
  }
  50% {
    opacity: 0.75;
    box-shadow: 0 0 0 4px rgba(205,127,50,0);
  }
}
@keyframes dot-pulse {
  0%,100% {
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(74,152,100,0.35);
  }
  50% {
    opacity: 0.75;
    box-shadow: 0 0 0 5px rgba(74,152,100,0);
  }
}
:root {
  color-scheme: dark;
  font-family: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;
  --bg: #0a101b;
  --panel: rgba(12, 20, 33, 0.82);
  --panel-strong: rgba(18, 29, 46, 0.92);
  --line: rgba(255, 255, 255, 0.1);
  --text: #f4efe4;
  --muted: rgba(244, 239, 228, 0.72);
  --accent: #ffbf69;
  --accent-2: #78c6ff;
  --shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
  font-weight: 400;
  background: radial-gradient(circle at top left, rgba(255, 191, 105, 0.18), transparent 26%),
    radial-gradient(circle at top right, rgba(120, 198, 255, 0.22), transparent 28%),
    linear-gradient(180deg, #08101a 0%, #101827 44%, #151d30 100%);
  color: var(--text);
}
* {
  box-sizing: border-box;
}
html {
  min-width: 320px;
}
body {
  margin: 0;
  min-height: 100vh;
  word-break: break-word;
  overflow-wrap: break-word;
}
body:has(.marketing-page) {
  background: radial-gradient(circle at top left, rgba(198, 214, 238, 0.64), transparent 26%),
    radial-gradient(circle at 90% 16%, rgba(234, 224, 210, 0.7), transparent 24%),
    linear-gradient(180deg, var(--color-canvas, #fbfbf8) 0%, var(--color-subtle, #f4f4ef) 100%);
}
body:has(.style-lab):not(:has(.chosen-direction)) {
  background: radial-gradient(circle at top left, rgba(232, 182, 106, 0.22), transparent 24%),
    radial-gradient(circle at top right, rgba(132, 169, 214, 0.2), transparent 28%),
    linear-gradient(180deg, #0b1018 0%, #111827 50%, #161f2f 100%);
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input,
textarea,
select {
  font: inherit;
}
.page,
.content-card,
.route-spotlight,
.decision-card {
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  background: var(--panel);
  backdrop-filter: blur(16px);
}
.route-spotlight h2,
.hero-card h2,
.content-card h3,
.decision-card h3 {
  margin: 0;
}
.page-description,
.content-card li,
.data-row dd,
.route-spotlight-copy,
.support-copy,
.decision-card p {
  color: var(--muted);
}
.eyebrow,
.nav-label,
.status-pill,
.data-row dt,
.hero-stat span,
.route-meta-row dt {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.72rem;
}
.eyebrow {
  margin: 0 0 0.45rem;
  color: var(--accent);
}
.highlight-card strong,
.hero-stat strong {
  font-size: 1.05rem;
}
.decision-card {
  border-radius: 1.4rem;
  padding: 1rem 1.1rem;
  background: linear-gradient(180deg, rgba(18, 29, 46, 0.96), rgba(14, 23, 37, 0.94));
}
.decision-card h3 {
  margin: 0.1rem 0 0.45rem;
}
.nav-label {
  margin: 0;
  color: rgba(244, 239, 228, 0.58);
}
.page {
  border-radius: 1.5rem;
  padding: 1.2rem;
}
.hero-card {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.25rem;
  border-radius: 1.25rem;
  background: linear-gradient(135deg, rgba(255, 191, 105, 0.16), rgba(120, 198, 255, 0.12));
  position: sticky;
  top: 1rem;
  z-index: 5;
}
.hero-meta {
  display: grid;
  gap: 0.8rem;
  justify-items: flex-end;
}
.status-pill,
.hero-stat {
  padding: 0.7rem 0.9rem;
  border-radius: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(8, 13, 22, 0.3);
}
.status-pill {
  color: #fff7ea;
  white-space: nowrap;
}
.hero-stat {
  display: grid;
  justify-items: flex-end;
}
.grid {
  display: grid;
  gap: 1rem;
  margin-top: 1rem;
}
.review-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.page-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.content-card {
  border-radius: 1.25rem;
  padding: 1.1rem;
  background: var(--panel-strong);
}
.style-lab {
  min-height: 100vh;
  max-width: 1560px;
  margin: 0 auto;
  padding: 1.4rem;
}
.style-lab-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.8fr);
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1.2rem;
}
.style-lab-hero > div,
.style-lab-instructions,
.reference-panel {
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: var(--shadow);
  backdrop-filter: blur(16px);
}
.style-lab-hero > div,
.style-lab-instructions {
  border-radius: 1.8rem;
  padding: 1.35rem 1.45rem;
  background: rgba(12, 18, 29, 0.78);
}
.style-lab-kicker {
  margin: 0 0 0.55rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.74rem;
  color: #d7ac66;
}
.style-lab h1 {
  margin: 0;
  max-width: 14ch;
  font-size: clamp(2.3rem, 5vw, 4.8rem);
  line-height: 0.94;
}
.style-lab-intro {
  max-width: 62ch;
  margin: 0.8rem 0 0;
  color: rgba(244, 239, 228, 0.76);
  font-size: 1.02rem;
}
.style-lab-instructions strong {
  display: block;
  margin-bottom: 0.7rem;
}
.style-lab-instructions ul,
.style-notes {
  margin: 0;
  padding-left: 1.1rem;
}
.style-lab-instructions li,
.style-notes li {
  color: rgba(244, 239, 228, 0.78);
}
.style-demo-label {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.7rem;
  opacity: 0.72;
}
.chosen-direction {
  color: #1c2433;
}
body:has(.chosen-direction) {
  background: radial-gradient(circle at top left, rgba(210, 223, 242, 0.72), transparent 22%),
    radial-gradient(circle at bottom right, rgba(235, 223, 210, 0.55), transparent 28%),
    linear-gradient(180deg, var(--color-canvas, #fbfbf8) 0%, var(--color-subtle, #f4f4ef) 100%);
}
.chosen-direction .style-lab-hero > div,
.chosen-direction .style-lab-instructions,
.reference-panel {
  border: 1px solid rgba(20, 28, 40, 0.08);
  box-shadow: 0 24px 64px rgba(17, 27, 40, 0.08);
  backdrop-filter: blur(18px);
  background: radial-gradient(circle at bottom left, rgba(179, 211, 255, 0.22), transparent 26%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.96));
}
.chosen-direction .style-lab-kicker,
.chosen-direction .style-demo-label {
  color: rgba(28, 36, 51, 0.56);
}
.chosen-direction .style-lab-intro,
.chosen-direction .chosen-notes li {
  color: rgba(28, 36, 51, 0.72);
}
.chosen-hero {
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.85fr);
}
.chosen-copy,
.chosen-notes,
.reference-panel {
  border-radius: 2rem;
}
.chosen-copy h1 {
  color: #161f2e;
}
.mode-switch-preview {
  display: inline-flex;
  gap: 0.4rem;
  margin-top: 1.35rem;
  padding: 0.35rem;
  border-radius: 1.35rem;
  background: rgba(244, 246, 249, 0.94);
  border: 1px solid rgba(20, 28, 40, 0.08);
}
.mode-switch-preview span {
  padding: 0.85rem 1.25rem;
  border-radius: 1rem;
  color: rgba(28, 36, 51, 0.55);
  font-weight: 600;
}
.mode-switch-preview .is-active {
  background: #ffffff;
  color: #161f2e;
  box-shadow: 0 8px 18px rgba(28, 36, 51, 0.08);
}
.search-hero-preview {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1rem;
  padding: 0.75rem 0.75rem 0.75rem 1.2rem;
  border-radius: 999px;
  border: 1px solid rgba(20, 28, 40, 0.1);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
.search-hero-preview span {
  color: rgba(28, 36, 51, 0.54);
}
.search-hero-preview button,
.runway-copy button {
  border: 0;
  border-radius: 999px;
  padding: 0.85rem 1.25rem;
  background: #1e2533;
  color: #ffffff;
  font-weight: 700;
}
.reference-grid {
  display: grid;
  gap: 1rem;
}
.reference-panel {
  padding: 1.3rem;
}
.panel-heading h2,
.runway-copy h3 {
  margin: 0.2rem 0 0;
}
.panel-heading h2 {
  font-size: clamp(1.8rem, 3vw, 3rem);
  line-height: 0.98;
}
.mood-card-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}
.mood-card {
  min-height: 17rem;
  padding: 1.15rem;
  border-radius: 1.7rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #ffffff;
  overflow: hidden;
}
.mood-card p {
  margin: 0;
  opacity: 0.76;
}
.mood-card strong {
  max-width: 10ch;
  font-size: 1.55rem;
  line-height: 1.02;
}
.mood-card.dark {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.42)),
    linear-gradient(135deg, #10151d, #394557);
}
.mood-card.blue {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.2)),
    linear-gradient(135deg, #66a5d4, #214b78);
}
.mood-card.glow {
  background: radial-gradient(circle at top right, rgba(255, 197, 139, 0.45), transparent 30%),
    linear-gradient(135deg, #182235, #6b5ef5);
}
.profile-shell {
  margin-top: 1rem;
  padding: 1.1rem;
  border-radius: 1.7rem;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(20, 28, 40, 0.08);
}
.profile-top,
.profile-stats,
.portfolio-strip,
.runway-layout-preview {
  display: flex;
}
.profile-top {
  align-items: center;
  gap: 0.85rem;
}
.profile-top p {
  margin: 0.2rem 0 0;
  color: rgba(28, 36, 51, 0.62);
}
.avatar-badge {
  width: 3.3rem;
  height: 3.3rem;
  border-radius: 999px;
  background: radial-gradient(circle at 35% 32%, #ffe0a8, transparent 22%),
    linear-gradient(135deg, #98d279, #4a9864);
}
.profile-stats {
  gap: 0.6rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}
.profile-stats span {
  padding: 0.55rem 0.8rem;
  border-radius: 999px;
  background: #f4f6fa;
  color: rgba(28, 36, 51, 0.72);
}
.portfolio-strip {
  gap: 0.8rem;
  margin-top: 1rem;
}
.portfolio-card {
  flex: 1;
  min-height: 13rem;
  border-radius: 1.25rem;
}
.portfolio-card.one {
  background: linear-gradient(135deg, #0f141b, #2a3340);
}
.portfolio-card.two {
  background: linear-gradient(135deg, #8ca9b3, #d4cb9e);
}
.portfolio-card.three {
  background: linear-gradient(135deg, #372b59, #ee7b66);
}
.runway-layout-preview {
  gap: 1.4rem;
  align-items: stretch;
  margin-top: 1rem;
}
.runway-image.large {
  flex: 1.05;
  min-height: 20rem;
  border-radius: 1.8rem;
  background: linear-gradient(180deg, rgba(20, 20, 20, 0.2), rgba(20, 20, 20, 0.18)),
    linear-gradient(135deg, #d2d8dc, #f5f7f9);
}
.runway-copy {
  flex: 1;
  display: grid;
  align-content: center;
}
.runway-copy p {
  color: rgba(28, 36, 51, 0.72);
  font-size: 1.04rem;
}
@media (max-width: 1180px) {
  .style-lab-hero {
    grid-template-columns: 1fr;
  }
  .mood-card-row,
  .runway-layout-preview {
    grid-template-columns: 1fr;
    display: grid;
  }
}
@media (max-width: 760px) {
  .style-lab {
    padding: 1rem;
  }
  .search-hero-preview,
  .portfolio-strip,
  .profile-top {
    display: grid;
  }
}
.card-header {
  display: grid;
  gap: 0.25rem;
}
.content-card ul {
  margin: 0.8rem 0 0;
  padding-left: 1rem;
}
.content-card li + li,
.focus-list li + li {
  margin-top: 0.45rem;
}
.mock-card {
  background: linear-gradient(180deg, rgba(22, 35, 55, 0.98), rgba(14, 24, 38, 0.98));
}
.focus-list {
  margin: 0.8rem 0 0;
  padding-left: 1rem;
}
.data-list {
  margin: 1rem 0 0;
}
.data-row {
  display: grid;
  grid-template-columns: 9rem minmax(0, 1fr);
  gap: 0.75rem;
  padding: 0.7rem 0;
  border-top: 1px solid var(--line);
}
.data-row:first-child {
  border-top: 0;
  padding-top: 0;
}
.data-row dt,
.data-row dd {
  margin: 0;
}
@media (max-width: 1080px) {
  .review-strip,
  .page-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .page,
  .content-card {
    padding: 1rem;
  }
  .hero-card {
    flex-direction: column;
    position: static;
  }
  .hero-meta {
    width: 100%;
    justify-items: flex-start;
  }
  .status-pill {
    white-space: normal;
  }
  .data-row {
    grid-template-columns: 1fr;
    gap: 0.25rem;
  }
}
.marketing-page {
  --agelo-bg-canvas: #fcfcfa;
  --agelo-bg-surface: #ffffff;
  --agelo-bg-subtle: #f4f3ef;
  --agelo-bg-muted: #ece9e3;
  --agelo-text-strong: #111111;
  --agelo-text-primary: #1b1b1b;
  --agelo-text-secondary: #5f5a53;
  --agelo-text-muted: #8b847b;
  --agelo-border-soft: #e7e1d8;
  --agelo-border-strong: #d6cec2;
  --agelo-accent-primary: #274a78;
  --agelo-accent-primary-hover: #1f3d63;
  --agelo-accent-primary-soft: #eaf0f8;
  --agelo-accent-warm: #a46b3c;
  --agelo-accent-warm-soft: #f4e8db;
  --agelo-ink: #172033;
  --agelo-shadow-soft: 0 8px 24px rgba(17, 17, 17, 0.05);
  --agelo-shadow-panel: 0 18px 48px rgba(17, 17, 17, 0.08);
  min-height: 100vh;
  color: var(--agelo-text-primary);
  font-family: "Avenir Next", Inter, Geist, "Segoe UI", sans-serif;
  background: radial-gradient(circle at 12% 4%, rgba(234, 240, 248, 0.9), transparent 26%),
    radial-gradient(circle at 86% 0%, rgba(244, 232, 219, 0.86), transparent 24%),
    var(--agelo-bg-canvas);
}
.marketing-nav {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: min(92vw, 1240px);
  margin: 0 auto;
  padding: 1.125rem 0;
  backdrop-filter: blur(12px);
}
.marketing-brand,
.marketing-links,
.hero-actions,
.profile-stats,
.auth-options,
.role-switcher {
  display: flex;
  align-items: center;
}
.marketing-brand {
  gap: 0.65rem;
  font-size: 1.18rem;
  font-weight: 800;
  letter-spacing: -0.04em;
}
.brand-mark {
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  place-items: center;
  border-radius: 0.75rem;
  color: #ffffff;
  background: var(--agelo-accent-primary);
  box-shadow: var(--agelo-shadow-soft);
}
.marketing-links {
  gap: 1.4rem;
  color: var(--agelo-text-secondary);
  font-weight: 650;
}
.marketing-links a:hover {
  color: var(--agelo-text-primary);
}
.nav-cta,
.primary-pill,
.secondary-pill,
.prompt-console a,
.auth-card button {
  border-radius: 999px;
  font-weight: 650;
  transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}
.nav-cta {
  min-height: 2.75rem;
  padding: 0 1.125rem;
  border-radius: 0.75rem;
  color: #ffffff;
  background: var(--agelo-accent-primary);
}
.nav-cta:hover,
.primary-pill:hover,
.secondary-pill:hover,
.prompt-console a:hover,
.auth-card button:hover {
  transform: translateY(-1px);
}
.marketing-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(320px, 0.98fr);
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: center;
  width: min(92vw, 1240px);
  margin: 0 auto;
  padding: clamp(2.5rem, 5vw, 4rem) 0 clamp(4rem, 7vw, 6rem);
}
.hero-copy {
  min-width: 0;
}
.marketing-kicker {
  margin: 0 0 1rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--agelo-accent-warm);
  font-size: 0.75rem;
  font-weight: 700;
}
.marketing-hero h1,
.auth-copy h1 {
  margin: 0;
  max-width: 12ch;
  color: var(--agelo-text-strong);
  font-size: clamp(3.25rem, 6.2vw, 4rem);
  font-weight: 500;
  line-height: 1.06;
  letter-spacing: -0.04em;
}
.expert-hero h1 {
  max-width: 12ch;
}
.hero-copy > p:not(.marketing-kicker),
.auth-copy > p {
  max-width: 44rem;
  margin: 1.375rem 0 0;
  color: var(--agelo-text-secondary);
  font-size: 1.125rem;
  line-height: 1.66;
}
.hero-actions {
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.75rem;
}
.primary-pill,
.secondary-pill {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  padding: 0 1.125rem;
  font-weight: 650;
}
.primary-pill {
  color: #ffffff;
  background: var(--agelo-accent-primary);
  box-shadow: var(--agelo-shadow-soft);
}
.primary-pill.dark {
  background: var(--agelo-accent-primary);
}
.secondary-pill {
  color: var(--agelo-text-primary);
  border: 1px solid var(--agelo-border-soft);
  background: var(--agelo-bg-surface);
}
.secondary-pill.light {
  background: var(--agelo-bg-surface);
}
.prompt-console {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  max-width: 46rem;
  margin-top: 1.5rem;
  padding: 0.875rem;
  border: 1px solid var(--agelo-border-soft);
  border-radius: 1.5rem;
  background: var(--agelo-bg-surface);
  box-shadow: var(--agelo-shadow-panel);
}
.prompt-console span {
  overflow: hidden;
  padding-left: 0.25rem;
  color: var(--agelo-text-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.prompt-console a {
  padding: 0.85rem 1.125rem;
  border-radius: 0.75rem;
  color: #ffffff;
  background: var(--agelo-accent-primary);
}
.live-demo-card,
.expert-profile-card,
.auth-card,
.entry-panel,
.split-story {
  border: 1px solid var(--agelo-border-soft);
  box-shadow: var(--agelo-shadow-panel);
}
.live-demo-card {
  overflow: hidden;
  border-radius: 1.25rem;
  padding: 0.75rem;
  background: radial-gradient(circle at 78% 12%, rgba(39, 74, 120, 0.24), transparent 30%),
    linear-gradient(145deg, #ffffff, var(--agelo-bg-subtle));
}
.demo-window {
  min-height: 30rem;
  border-radius: 1rem;
  padding: 1rem;
  color: #ffffff;
  background: radial-gradient(circle at bottom left, rgba(164, 107, 60, 0.34), transparent 30%),
    linear-gradient(135deg, var(--agelo-ink), var(--agelo-accent-primary) 62%, #6c7f98);
}
.demo-bar {
  display: flex;
  gap: 0.45rem;
}
.demo-bar span {
  width: 0.68rem;
  height: 0.68rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.34);
}
.demo-thread {
  display: grid;
  gap: 1rem;
  align-content: flex-end;
  min-height: 25rem;
}
.demo-question {
  margin: 0;
  max-width: 24rem;
  font-size: clamp(2rem, 3.6vw, 3.25rem);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -0.035em;
}
.demo-response {
  max-width: 25rem;
  margin-left: auto;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
}
.demo-response span,
.profile-label {
  display: block;
  margin-bottom: 0.55rem;
  color: rgba(255, 255, 255, 0.58);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.72rem;
  font-weight: 650;
}
.demo-response strong {
  display: block;
  font-size: 1.25rem;
}
.demo-response p {
  margin: 0.6rem 0 0;
  color: rgba(255, 255, 255, 0.7);
}
.entry-panel,
.split-story,
.auth-shell {
  width: min(92vw, 1240px);
  margin: 0 auto;
}
.entry-panel {
  border-radius: 1.25rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--agelo-bg-surface);
}
.panel-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.panel-heading h2,
.split-story h2 {
  margin: 0;
  max-width: 15ch;
  font-size: clamp(2.25rem, 4vw, 3.25rem);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.035em;
}
.panel-copy {
  max-width: 34rem;
  margin: 0;
  color: var(--agelo-text-secondary);
  font-size: 1rem;
  line-height: 1.65;
}
.category-grid,
.proof-grid,
.step-list {
  display: grid;
  gap: 1rem;
}
.category-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.category-card {
  display: grid;
  min-height: 17rem;
  align-content: space-between;
  border: 1px solid var(--agelo-border-soft);
  border-radius: 1rem;
  padding: 1.35rem;
  color: #ffffff;
}
.category-card p,
.category-card h3 {
  margin: 0;
}
.category-card p {
  color: rgba(255, 255, 255, 0.7);
}
.category-card h3 {
  max-width: 12ch;
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  font-weight: 550;
  line-height: 1.12;
  letter-spacing: -0.02em;
}
.category-card span {
  font-weight: 650;
}
.category-card.blue {
  background: linear-gradient(135deg, var(--agelo-accent-primary), #6c86a9);
}
.category-card.sand {
  background: linear-gradient(135deg, var(--agelo-accent-warm-soft), #f7efe5);
  color: var(--agelo-text-primary);
}
.category-card.sand p {
  color: var(--agelo-text-secondary);
}
.category-card.ink {
  background: linear-gradient(135deg, var(--agelo-ink), var(--agelo-accent-primary));
}
.split-story {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr);
  gap: 2rem;
  align-items: flex-start;
  padding: clamp(6rem, 9vw, 8rem) 0;
  box-shadow: none;
  border: 0;
}
.step-list article {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  padding: 1.15rem;
  border: 1px solid var(--agelo-border-soft);
  border-radius: 1rem;
  background: var(--agelo-bg-surface);
}
.step-list span {
  display: grid;
  width: 3rem;
  height: 3rem;
  place-items: center;
  border-radius: 0.75rem;
  color: #ffffff;
  background: var(--agelo-accent-primary);
  font-weight: 700;
}
.step-list p {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 650;
}
.expert-page {
  background: radial-gradient(circle at 12% 8%, rgba(244, 232, 219, 0.95), transparent 26%),
    radial-gradient(circle at 82% 16%, rgba(234, 240, 248, 0.82), transparent 28%),
    var(--agelo-bg-canvas);
}
.expert-profile-card {
  min-height: 30rem;
  border-radius: 1.25rem;
  padding: 1.45rem;
  color: #ffffff;
  background: radial-gradient(circle at 70% 8%, rgba(164, 107, 60, 0.3), transparent 26%),
    linear-gradient(145deg, var(--agelo-ink), var(--agelo-accent-primary));
}
.profile-orb {
  width: 6.5rem;
  height: 6.5rem;
  margin-bottom: 5rem;
  border-radius: 1.4rem;
  background: radial-gradient(circle at 34% 28%, #f4e8db, transparent 18%),
    linear-gradient(135deg, #8ca2bf, var(--agelo-ink));
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.2);
}
.expert-profile-card h2 {
  margin: 0;
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -0.035em;
}
.expert-profile-card p:not(.profile-label) {
  max-width: 34rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 1rem;
  line-height: 1.6;
}
.profile-stats {
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1.2rem;
}
.profile-stats span {
  padding: 0.62rem 0.8rem;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.1);
}
.expert-panel {
  background: var(--agelo-ink);
  color: #ffffff;
  padding: clamp(1.5rem, 3vw, 2.25rem);
}
.expert-panel .marketing-kicker,
.expert-panel p {
  color: rgba(255, 255, 255, 0.66);
}
.expert-panel .panel-heading {
  align-items: flex-start;
  margin-bottom: 1.4rem;
}
.expert-panel .panel-heading h2 {
  max-width: 18ch;
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1.08;
  letter-spacing: -0.03em;
}
.proof-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.proof-grid article {
  min-height: 13rem;
  padding: 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.06);
}
.proof-grid strong {
  display: block;
  margin-bottom: 2rem;
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.04em;
}
.proof-grid h3,
.proof-grid p {
  margin: 0;
}
.proof-grid p {
  margin-top: 0.7rem;
}
.checkpoint-auth-page {
  min-height: 100vh;
  background: radial-gradient(circle at top left, rgba(234, 241, 248, 0.72), transparent 32%),
    linear-gradient(180deg, #fcfbf8 0%, #f6f4f1 54%, #f2eeea 100%);
}
.auth-page-shell {
  max-width: 1160px;
  margin: 0 auto;
  padding: 32px 24px 96px;
}
.auth-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.auth-wordmark {
  color: var(--agelo-text-strong);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.auth-topbar-nav {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--agelo-text-secondary);
  font-size: 14px;
}
.auth-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  gap: 48px;
  align-items: start;
  padding-top: 48px;
}
.auth-left-stack {
  display: grid;
  gap: 32px;
}
.auth-kicker {
  margin: 0 0 16px;
  color: var(--agelo-text-muted);
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.auth-copy h1,
.auth-left-stack h1 {
  margin: 0;
  max-width: 10ch;
  color: var(--agelo-text-strong);
  font-family: "Ivar Text", "Canela", Georgia, serif;
  font-size: 72px;
  line-height: 74px;
  font-weight: 400;
  letter-spacing: -0.045em;
}
.auth-lede {
  margin: 24px 0 0;
  max-width: 31rem;
  color: var(--agelo-text-secondary);
  font-size: 18px;
  line-height: 30px;
}
.lane-card,
.preview-card,
.checkpoint-auth-card {
  border: 1px solid var(--agelo-border-soft);
  border-radius: 20px;
  background: rgba(252, 251, 248, 0.86);
  box-shadow: var(--agelo-shadow-soft);
}
.preview-card {
  display: grid;
  gap: 24px;
  padding: 32px;
}
.preview-heading {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 16px;
}
.mini-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--agelo-text-muted);
  font-size: 11px;
  line-height: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.preview-heading h2 {
  margin: 12px 0 0;
  color: var(--agelo-text-strong);
  font-size: 32px;
  line-height: 38px;
  font-weight: 450;
  letter-spacing: -0.02em;
}
.status-pill {
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--agelo-accent-primary-soft);
  color: var(--agelo-accent-trust);
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.preview-copy {
  max-width: 32rem;
  color: var(--agelo-text-secondary);
  font-size: 16px;
  line-height: 26px;
}
.preview-steps {
  display: grid;
  gap: 16px;
}
.preview-step {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 16px;
  align-items: start;
}
.step-number {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: var(--agelo-accent-primary-soft);
  color: var(--agelo-text-strong);
  font-size: 12px;
  font-weight: 600;
}
.step-text strong {
  display: block;
  color: var(--agelo-text-strong);
  font-size: 16px;
  line-height: 24px;
  font-weight: 550;
}
.step-text span {
  display: block;
  margin-top: 4px;
  color: var(--agelo-text-secondary);
  font-size: 14px;
  line-height: 22px;
}
.auth-card {
  position: sticky;
  top: 32px;
  padding: 32px;
}
.auth-card-inner {
  display: grid;
  gap: 24px;
}
.role-switcher {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.role-switch {
  border: 1px solid var(--agelo-border-soft);
  border-radius: 16px;
  background: var(--agelo-bg-surface);
  padding: 16px;
  text-align: left;
  box-shadow: var(--agelo-shadow-soft);
}
.role-switch.is-active {
  border-color: rgba(53, 92, 138, 0.35);
  background: linear-gradient(180deg, rgba(252, 251, 248, 0.98), rgba(234, 241, 248, 0.76));
}
.role-switch strong {
  display: block;
  color: var(--agelo-text-strong);
  font-size: 16px;
  line-height: 24px;
  font-weight: 550;
}
.role-switch span {
  display: block;
  margin-top: 6px;
  color: var(--agelo-text-secondary);
  font-size: 13px;
  line-height: 20px;
}
.auth-meta {
  display: grid;
  gap: 12px;
}
.auth-meta h3 {
  margin: 0;
  color: var(--agelo-text-strong);
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  letter-spacing: -0.015em;
}
.auth-copy,
.auth-meta p,
.terms,
.signin-row {
  margin: 0;
  color: var(--agelo-text-secondary);
  font-size: 14px;
  line-height: 22px;
}
.auth-form {
  display: grid;
  gap: 16px;
}
.auth-form label {
  display: grid;
  gap: 8px;
  color: var(--agelo-text-strong);
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
}
.auth-form input {
  width: 100%;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid var(--agelo-border-soft);
  background: var(--agelo-bg-surface);
  color: var(--agelo-text-primary);
  font: inherit;
}
.auth-form .cta {
  border: 0;
  border-radius: 12px;
  background: var(--agelo-accent-primary);
  color: #f8f5f0;
  padding: 15px 18px;
  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
  cursor: pointer;
}
.next-line {
  margin: -4px 0 0;
  color: var(--agelo-text-muted);
  font-size: 12px;
  line-height: 18px;
}
.alt-methods {
  display: grid;
  gap: 12px;
}
.alt-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.alt-button {
  border: 1px solid var(--agelo-border-soft);
  border-radius: 14px;
  background: rgba(252, 251, 248, 0.9);
  padding: 13px 14px;
  color: var(--agelo-text-primary);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
}
.terms {
  padding-top: 16px;
  border-top: 1px solid var(--agelo-border-soft);
}
.signin-row a {
  color: var(--agelo-text-strong);
  font-weight: 550;
}
.setup-page .content-card,
.setup-page .hero-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(250, 248, 244, 0.98));
}
.request-page .content-card,
.request-page .hero-card,
.request-conversation-card,
.request-summary-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(250, 248, 244, 0.98));
}
.setup-form {
  display: grid;
  gap: 0.9rem;
}
.setup-form label {
  display: grid;
  gap: 0.45rem;
  color: #3f3931;
  font-weight: 650;
}
.setup-form input,
.setup-form select {
  min-height: 3rem;
  border: 1px solid #e1d9ce;
  border-radius: 0.9rem;
  padding: 0 0.95rem;
  color: #1b1b1b;
  background: #fffdf9;
}
.setup-actions {
  align-items: stretch;
  flex-direction: column;
  margin-bottom: 1rem;
}
.setup-actions .primary-pill,
.setup-actions .secondary-pill {
  width: 100%;
}
.request-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
  gap: 1rem;
}
.request-conversation-card,
.request-summary-card {
  display: grid;
  gap: 1rem;
  align-self: start;
  padding: 1.25rem;
  border: 1px solid var(--agelo-border-soft);
  border-radius: 1.3rem;
  box-shadow: var(--agelo-shadow-panel);
}
.request-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.request-card-header h3 {
  margin: 0.2rem 0 0;
}
.request-readiness,
.request-summary-status {
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 0.5rem 0.7rem;
  border-radius: 999px;
  background: var(--agelo-bg-subtle);
  color: var(--agelo-text-secondary);
  font-size: 0.8rem;
  font-weight: 650;
}
.request-thread {
  display: grid;
  gap: 1rem;
}
.request-message {
  max-width: 36rem;
  padding: 1rem 1.05rem;
  border-radius: 1rem;
}
.request-message p,
.request-choice-row span,
.request-summary-field p {
  margin: 0;
}
.request-message.buyer {
  margin-left: auto;
  color: #ffffff;
  background: var(--agelo-accent-primary);
}
.request-message.agent {
  border: 1px solid var(--agelo-border-soft);
  background: var(--agelo-bg-subtle);
}
.request-message.agent span {
  display: block;
  margin-bottom: 0.45rem;
  color: var(--agelo-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.7rem;
  font-weight: 700;
}
.request-choice-row {
  display: grid;
  gap: 0.7rem;
}
.request-choice-row > span {
  color: var(--agelo-text-secondary);
  font-size: 0.92rem;
  font-weight: 650;
}
.request-chip-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.request-chip {
  min-height: 2.65rem;
  padding: 0 0.95rem;
  border: 1px solid var(--agelo-border-soft);
  border-radius: 999px;
  color: var(--agelo-text-primary);
  background: var(--agelo-bg-surface);
  cursor: pointer;
  transition: transform 150ms ease, border-color 150ms ease, background-color 150ms ease;
}
.request-chip:hover {
  transform: translateY(-1px);
  border-color: var(--agelo-border-strong);
}
.request-chip.is-active {
  color: #ffffff;
  border-color: var(--agelo-accent-primary);
  background: var(--agelo-accent-primary);
}
.request-summary-grid {
  display: grid;
  gap: 0.8rem;
}
.request-summary-field {
  display: grid;
  gap: 0.35rem;
  padding: 0.95rem 1rem;
  border: 1px solid var(--agelo-border-soft);
  border-radius: 1rem;
  background: var(--agelo-bg-surface);
}
.request-summary-field span {
  color: var(--agelo-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.68rem;
  font-weight: 700;
}
.request-summary-field strong {
  color: var(--agelo-text-primary);
  font-size: 0.98rem;
  line-height: 1.45;
}
.request-summary-field p {
  color: var(--agelo-text-secondary);
  font-size: 0.88rem;
  line-height: 1.45;
}
.request-summary-footer {
  display: grid;
  gap: 0.9rem;
  padding-top: 0.1rem;
}
.request-summary-actions {
  display: flex;
  gap: 0.75rem;
}
.request-summary-actions .primary-pill,
.request-summary-actions .secondary-pill {
  flex: 1;
}
.primary-pill.is-disabled {
  pointer-events: none;
  opacity: 0.45;
}
@media (max-width: 980px) {
  .marketing-hero,
  .split-story,
  .auth-shell {
    grid-template-columns: 1fr;
  }
  .category-grid,
  .proof-grid {
    grid-template-columns: 1fr;
  }
  .request-shell {
    grid-template-columns: 1fr;
  }
  .marketing-links {
    display: none;
  }
  .auth-card {
    position: static;
  }
  .auth-copy h1,
  .auth-left-stack h1 {
    max-width: none;
    font-size: 56px;
    line-height: 60px;
  }
}
@media (max-width: 640px) {
  .marketing-nav {
    width: min(92vw, 100%);
  }
  .marketing-hero h1,
  .auth-copy h1,
  .auth-left-stack h1 {
    font-size: clamp(2.9rem, 15vw, 4rem);
  }
  .prompt-console,
  .panel-heading {
    align-items: stretch;
    flex-direction: column;
  }
  .auth-topbar,
  .preview-heading,
  .request-card-header,
  .request-summary-actions {
    align-items: flex-start;
    flex-direction: column;
  }
  .auth-page-shell {
    padding: 24px 16px 64px;
  }
  .alt-grid,
  .role-switcher {
    grid-template-columns: 1fr;
  }
  .prompt-console {
    border-radius: 1.4rem;
  }
  .prompt-console span {
    white-space: normal;
  }
  .prompt-console a {
    text-align: center;
  }
  .demo-window,
  .expert-profile-card {
    min-height: 28rem;
  }
}
.locked-buyer-page {
  --shell-max: 1220px;
  --shell-pad-x: 48px;
  --shell-pad-bottom: 112px;
  --hero-gap: 72px;
  --hero-pad-top: 44px;
  --hero-pad-bottom: 92px;
  --section-gap: 132px;
  --section-head-gap: 48px;
  --thesis-gap: 24px;
  --final-cta-gap: 56px;
  --a2a-stage-height: 540px;
  --category-copy-max: 17ch;
  --final-cta-left-fr: 1.4fr;
  --hero-head-max: 14ch;
  --hero-lede-max: 48ch;
  --section-title-max: 22ch;
  --section-lede-max: 56ch;
  --final-cta-title-max: 16ch;
  --final-cta-copy-max: 44ch;
  --hero-head-size: 4.4rem;
  --hero-lede-size: 1.16rem;
  --section-title-size: 2.8rem;
  --section-lede-size: 1.06rem;
  --final-cta-title-size: 3rem;
  --final-cta-copy-size: 1.04rem;
  --thesis-card-pad: 32px;
  --category-copy-pad-y: 26px;
  --category-copy-pad-x: 28px;
  --final-cta-pad-y: 64px;
  --final-cta-pad-x: 56px;
  --final-cta-side-pad: 24px;
  --bg: var(--color-canvas, #fbfbf8);
  --fg-display: #161f2e;
  --fg-1: #1c2433;
  --fg-2: rgba(28, 36, 51, 0.72);
  --fg-3: rgba(28, 36, 51, 0.62);
  --fg-eyebrow: rgba(28, 36, 51, 0.56);
  --action: #1e2533;
  --action-hover: #161f2e;
  --action-on: #ffffff;
  --accent-amber: #ffbf69;
  --accent-sky: #78c6ff;
  --status-ok: #4a9864;
  --line: #dfe4ea;
  --line-strong: rgba(20, 28, 40, 0.14);
  --shadow-card: 0 24px 64px rgba(17, 27, 40, 0.08);
  --shadow-pop: 0 8px 18px rgba(28, 36, 51, 0.08);
  --mood-dark: linear-gradient(135deg, #10151d, #394557);
  --font-display: Georgia, "Times New Roman", serif;
  --font-sans: "Avenir Next", "Segoe UI", system-ui, sans-serif;
  min-height: 100vh;
  color: var(--fg-1);
  font-family: var(--font-sans);
  background: radial-gradient(circle at top left, rgba(210, 223, 242, 0.72), transparent 22%),
    radial-gradient(circle at bottom right, rgba(235, 223, 210, 0.55), transparent 28%),
    linear-gradient(180deg, var(--color-canvas, #fbfbf8) 0%, var(--color-subtle, #f4f4ef) 100%);
}
.locked-shell {
  max-width: var(--shell-max);
  margin: 0 auto;
  padding: 22px var(--shell-pad-x) var(--shell-pad-bottom);
}
.locked-buyer-page .agelo-header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px;
  padding: 8px 0 22px;
}
.locked-buyer-page .logo {
  display: inline-flex;
  align-items: center;
  min-width: 112px;
  color: var(--fg-display);
}
.locked-buyer-page .logo-wordmark {
  font-family: var(--font-display);
  font-size: 1.72rem;
  font-weight: 500;
  letter-spacing: -0.045em;
  line-height: 1;
}
.locked-buyer-page .nav-links {
  display: flex;
  gap: 28px;
  justify-self: center;
}
.locked-buyer-page .nav-links a,
.locked-buyer-page .hdr-link {
  font-size: 0.9rem;
  color: var(--fg-2);
  font-weight: 500;
}
.locked-buyer-page .header-right {
  display: flex;
  align-items: center;
  gap: 14px;
}
.locked-buyer-page .btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 20px;
  border-radius: 999px;
  border: none;
  font: inherit;
  font-weight: 600;
  font-size: 0.92rem;
  cursor: pointer;
  transition: transform 140ms ease, background 140ms ease, color 140ms ease;
}
.locked-buyer-page .btn:hover {
  transform: translateY(-1px);
}
.locked-buyer-page .btn-primary {
  background: var(--action);
  color: var(--action-on);
}
.locked-buyer-page .btn-primary:hover {
  background: var(--action-hover);
}
.locked-buyer-page .btn-secondary {
  background: transparent;
  color: var(--fg-1);
  border: 1px solid var(--line-strong);
}
.locked-buyer-page .btn-ghost {
  background: transparent;
  color: var(--fg-1);
  padding: 11px 14px;
}
.locked-buyer-page .btn-lg {
  font-size: 1rem;
  padding: 14px 26px;
}
.locked-buyer-page .hero {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: var(--hero-gap);
  align-items: center;
  padding: var(--hero-pad-top) 0 var(--hero-pad-bottom);
}
.locked-buyer-page .hero-eyebrow,
.locked-buyer-page .section-eyebrow,
.locked-buyer-page .final-cta .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  color: var(--fg-eyebrow);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.74rem;
  font-weight: 500;
}
.locked-buyer-page .hero-eyebrow .dot,
.locked-buyer-page .a2a-tag .live {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--status-ok);
  box-shadow: 0 0 0 4px rgba(74, 152, 100, 0.16);
}
.locked-buyer-page .hero h1,
.locked-buyer-page .section-h2,
.locked-buyer-page .final-cta h2,
.locked-buyer-page .thesis-card h3,
.locked-buyer-page .flow-step h4 {
  font-family: var(--font-display);
  color: var(--fg-display);
}
.locked-buyer-page .hero h1 {
  margin: 0 0 22px;
  max-width: var(--hero-head-max);
  font-weight: 500;
  font-size: clamp(2.6rem, 4.6vw, var(--hero-head-size));
  line-height: 0.96;
  letter-spacing: -0.014em;
}
.locked-buyer-page .hero h1 em {
  font-style: italic;
  color: rgba(28, 36, 51, 0.5);
}
.locked-buyer-page .hero-lede {
  margin: 0 0 30px;
  max-width: var(--hero-lede-max);
  color: var(--fg-2);
  font-size: var(--hero-lede-size);
  line-height: 1.5;
}
.locked-buyer-page .hero-actions {
  display: flex;
  gap: 12px;
  align-items: center;
}
.locked-buyer-page .hero-trust {
  margin-top: 36px;
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  color: var(--fg-3);
  font-size: 0.84rem;
}
.locked-buyer-page .hero-avatars {
  display: flex;
}
.locked-buyer-page .hero-avatars .av,
.locked-buyer-page .quote-meta .av {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 2px solid var(--bg);
  margin-left: -8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--font-display);
  font-size: 0.72rem;
  font-weight: 600;
}
.locked-buyer-page .hero-avatars .av:first-child {
  margin-left: 0;
}
.locked-buyer-page .av-blue {
  background: linear-gradient(135deg, #66a5d4, #214b78);
}
.locked-buyer-page .av-rose {
  background: linear-gradient(135deg, #372b59, #ee7b66);
}
.locked-buyer-page .av-violet {
  background: linear-gradient(135deg, #182235, #6b5ef5);
}
.locked-buyer-page .av-sand {
  background: linear-gradient(135deg, #8ca9b3, #d4cb9e);
  color: #1c2433;
}
.locked-buyer-page .a2a-stage {
  position: relative;
  height: var(--a2a-stage-height);
  overflow: hidden;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: var(--shadow-card);
}
.locked-buyer-page .a2a-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  position: relative;
  z-index: 2;
}
.locked-buyer-page .a2a-tag,
.locked-buyer-page .a2a-step-label,
.locked-buyer-page .bubble .meta,
.locked-buyer-page .flow-step .tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--fg-3);
  font-size: 0.72rem;
  font-family: "SF Mono", Menlo, Consolas, monospace;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.locked-buyer-page .a2a-step-label b {
  color: var(--fg-display);
  font-weight: 600;
}
.locked-buyer-page .a2a-packet {
  position: absolute;
  top: 115px;
  left: calc(75% - 9px);
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--accent-amber), var(--accent-sky));
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
  z-index: 3;
}
.locked-buyer-page .a2a-lanes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: calc(100% - 80px);
  padding: 8px 4px 4px;
}
.locked-buyer-page .a2a-lane {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.locked-buyer-page .a2a-lane::before {
  content: "";
  position: absolute;
  top: 74px;
  bottom: 0;
  width: 1px;
  background: linear-gradient(180deg, rgba(28, 36, 51, 0.08), rgba(0, 0, 0, 0));
}
.locked-buyer-page .a2a-actor {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: var(--shadow-pop);
}
.locked-buyer-page .a2a-actor.agent,
.locked-buyer-page .a2a-actor.expert {
  color: #fff;
  border-color: transparent;
}
.locked-buyer-page .a2a-actor.agent {
  background: var(--mood-dark);
}
.locked-buyer-page .a2a-actor.expert {
  background: linear-gradient(135deg, #66a5d4, #214b78);
}
.locked-buyer-page .a2a-label {
  max-width: 12ch;
  color: var(--fg-2);
  font-size: 0.74rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.3;
}
.locked-buyer-page .bubble-stack {
  width: calc(100% - 16px);
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 8px;
}
.locked-buyer-page .bubble {
  padding: 12px 12px 13px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(28, 36, 51, 0.06);
  color: #1c2433;
  box-shadow: var(--shadow-pop);
  font-size: 0.78rem;
  line-height: 1.42;
}
.locked-buyer-page .bubble.agent {
  background: #1f2735;
  color: rgba(255, 255, 255, 0.9);
  border-color: transparent;
}
.locked-buyer-page .section {
  margin-bottom: var(--section-gap);
}
.locked-buyer-page .section-h2 {
  margin: 0 0 18px;
  max-width: var(--section-title-max);
  font-weight: 500;
  font-size: clamp(1.9rem, 3vw, var(--section-title-size));
  line-height: 1;
  letter-spacing: -0.012em;
}
.locked-buyer-page .section-lede {
  margin: 0 0 36px;
  max-width: var(--section-lede-max);
  color: var(--fg-2);
  font-size: var(--section-lede-size);
  line-height: 1.5;
}
.locked-buyer-page .section-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: var(--section-head-gap);
  margin-bottom: 36px;
}
.locked-buyer-page .section-head .left {
  flex: 1;
}
.locked-buyer-page .thesis {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--thesis-gap);
}
.locked-buyer-page .thesis-card {
  display: flex;
  flex-direction: column;
  padding: var(--thesis-card-pad);
  border: 1px solid var(--line);
  border-radius: 22px;
}
.locked-buyer-page .thesis-card .label {
  margin-bottom: 14px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.locked-buyer-page .thesis-card h3 {
  margin: 0 0 14px;
  max-width: 18ch;
  font-size: 1.7rem;
  line-height: 1.05;
}
.locked-buyer-page .thesis-card p {
  margin: 0 0 20px;
  max-width: 42ch;
  font-size: 0.98rem;
  line-height: 1.5;
}
.locked-buyer-page .thesis-tools {
  background: rgba(28, 36, 51, 0.03);
  color: var(--fg-2);
}
.locked-buyer-page .thesis-pro {
  background: var(--mood-dark);
  color: #fff;
}
.locked-buyer-page .thesis-pro .label,
.locked-buyer-page .thesis-pro p {
  color: rgba(255, 255, 255, 0.75);
}
.locked-buyer-page .tool-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: auto;
}
.locked-buyer-page .tool-chip {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.7);
  color: var(--fg-3);
  font-size: 0.78rem;
}
.locked-buyer-page .tool-chip .name {
  color: var(--fg-1);
  font-size: 0.84rem;
  font-weight: 600;
}
.locked-buyer-page .glyph {
  width: 22px;
  height: 22px;
  margin-bottom: 6px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--font-display);
  font-size: 0.72rem;
  font-weight: 600;
}
.locked-buyer-page .glyph-dark {
  background: linear-gradient(135deg, #10151d, #394557);
}
.locked-buyer-page .glyph-blue {
  background: linear-gradient(135deg, #66a5d4, #214b78);
}
.locked-buyer-page .glyph-rose {
  background: linear-gradient(135deg, #372b59, #ee7b66);
}
.locked-buyer-page .pro-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: auto;
}
.locked-buyer-page .pro-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.92rem;
}
.locked-buyer-page .pro-icon {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 191, 105, 0.2);
  color: #ffbf69;
}
.locked-buyer-page .pro-item strong {
  display: block;
  color: #fff;
  margin-bottom: 2px;
  font-weight: 600;
}
.locked-buyer-page .pro-item span:last-child {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.84rem;
  line-height: 1.45;
}
.locked-buyer-page .cat-grid {
  display: grid;
  grid-template-columns: 0.96fr 1.38fr 0.9fr;
  grid-template-rows: 216px 216px;
  gap: 18px;
}
.locked-buyer-page .cat-card {
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 30px;
  box-shadow: var(--shadow-card);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 220ms ease, box-shadow 220ms ease;
}
.locked-buyer-page .cat-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 28px 72px rgba(17, 27, 40, 0.12);
}
.locked-buyer-page .cat-card .visual {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.locked-buyer-page .cat-card h3 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.locked-buyer-page .cat-video {
  grid-column: 2;
  grid-row: 1 / span 2;
  background-image: url('/agelo/category-video-main.png');
}
.locked-buyer-page .cat-video .visual {
  background: linear-gradient(180deg, rgba(10,12,16,0.08) 0%, rgba(10,12,16,0.18) 50%, rgba(10,12,16,0.78) 100%);
}
.locked-buyer-page .cat-photo {
  grid-column: 1;
  grid-row: 1;
  background-image: url('/agelo/category-video-side.png');
}
.locked-buyer-page .cat-photo .visual {
  background: linear-gradient(180deg, rgba(10,12,16,0.12) 0%, rgba(10,12,16,0.2) 55%, rgba(10,12,16,0.74) 100%);
}
.locked-buyer-page .cat-studio {
  grid-column: 3;
  grid-row: 2;
  background-image: url('/agelo/category-product-right-crop.jpeg');
}
.locked-buyer-page .cat-studio .visual {
  background: linear-gradient(180deg, rgba(10,12,16,0.04) 0%, rgba(10,12,16,0.16) 52%, rgba(10,12,16,0.66) 100%);
}
.locked-buyer-page .cat-ghost {
  background: rgba(255, 255, 255, 0.56);
  border: 1px solid rgba(20, 28, 40, 0.05);
  box-shadow: none;
}
.locked-buyer-page .cat-ghost.top {
  grid-column: 3;
  grid-row: 1;
}
.locked-buyer-page .cat-ghost.bottom {
  grid-column: 1;
  grid-row: 2;
}
.locked-buyer-page .media-copy {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding: var(--category-copy-pad-y) var(--category-copy-pad-x);
}
.locked-buyer-page .media-copy p {
  margin: 0;
  max-width: var(--category-copy-max);
  color: rgba(255, 255, 255, 0.96);
  font-size: 1.1rem;
  line-height: 1.34;
}
.locked-buyer-page .cat-video .media-copy p {
  font-size: 1.22rem;
  line-height: 1.3;
}
.locked-buyer-page .cat-studio .media-copy p {
  color: rgba(20, 24, 22, 0.9);
}
.locked-buyer-page .flow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  position: relative;
}
.locked-buyer-page .flow::before {
  content: "";
  position: absolute;
  left: 6%;
  right: 6%;
  top: 24px;
  height: 1px;
  background: var(--line);
}
.locked-buyer-page .flow-step {
  position: relative;
  z-index: 1;
}
.locked-buyer-page .flow-num {
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
  border: 1px solid var(--line);
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg);
  font-family: var(--font-display);
  font-size: 1rem;
  font-weight: 600;
}
.locked-buyer-page .flow-step h4 {
  margin: 0 0 8px;
  font-size: 1.15rem;
  font-weight: 600;
}
.locked-buyer-page .flow-step p {
  margin: 0;
  max-width: 26ch;
  color: var(--fg-2);
  font-size: 0.92rem;
  line-height: 1.5;
}
.locked-buyer-page .flow-step .tag {
  margin-top: 12px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(28, 36, 51, 0.05);
}
.locked-buyer-page .final-cta {
  display: grid;
  grid-template-columns: minmax(0, var(--final-cta-left-fr)) minmax(0, 1fr);
  gap: var(--final-cta-gap);
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: var(--final-cta-pad-y) var(--final-cta-pad-x);
  border-radius: 28px;
  background: var(--mood-dark);
  color: #fff;
}
.locked-buyer-page .final-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 100% 0%, rgba(255, 197, 139, 0.22), transparent 40%);
  pointer-events: none;
}
.locked-buyer-page .final-cta > * {
  position: relative;
}
.locked-buyer-page .final-cta h2 {
  margin: 0 0 18px;
  max-width: var(--final-cta-title-max);
  color: #fff;
  font-weight: 500;
  font-size: clamp(2rem, 3.4vw, var(--final-cta-title-size));
  line-height: 0.98;
}
.locked-buyer-page .final-cta p {
  margin: 0 0 28px;
  max-width: var(--final-cta-copy-max);
  color: rgba(255, 255, 255, 0.78);
  font-size: var(--final-cta-copy-size);
  line-height: 1.5;
}
.locked-buyer-page .final-cta .actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.locked-buyer-page .final-cta .btn-primary {
  background: var(--accent-amber);
  color: #161f2e;
}
.locked-buyer-page .final-cta .btn-secondary {
  color: #fff;
  border-color: rgba(255,255,255,0.3);
}
.locked-buyer-page .final-cta-side {
  padding: var(--final-cta-side-pad);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 18px;
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(12px);
}
.locked-buyer-page .stat-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.locked-buyer-page .stat .num {
  display: block;
  margin-bottom: 4px;
  color: #fff;
  font-family: var(--font-display);
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1;
}
.locked-buyer-page .stat .lbl {
  color: rgba(255,255,255,0.6);
  font-size: 0.62rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.locked-buyer-page .divider {
  height: 1px;
  margin: 18px 0;
  background: rgba(255,255,255,0.12);
}
.locked-buyer-page .quote {
  font-size: 0.88rem;
  line-height: 1.5;
  font-style: italic;
  color: rgba(255,255,255,0.85);
}
.locked-buyer-page .quote-meta {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(255,255,255,0.6);
  font-size: 0.78rem;
}
.locked-buyer-page .quote-meta .av {
  margin-left: 0;
  border: 0;
}
.locked-buyer-page .icon {
  display: inline-flex;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.locked-buyer-page .icon svg {
  width: 16px;
  height: 16px;
  display: block;
}
.locked-buyer-page footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-top: 64px;
  padding-top: 32px;
  border-top: 1px solid var(--line);
  color: var(--fg-3);
  font-size: 0.86rem;
}
.locked-buyer-page footer .links {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 1100px) {
  .locked-buyer-page .hero,
  .locked-buyer-page .thesis,
  .locked-buyer-page .final-cta {
    grid-template-columns: 1fr;
  }
  .locked-buyer-page .a2a-stage {
    height: 500px;
  }
  .locked-buyer-page .cat-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .locked-buyer-page .cat-card,
  .locked-buyer-page .cat-video,
  .locked-buyer-page .cat-photo,
  .locked-buyer-page .cat-studio,
  .locked-buyer-page .cat-ghost.top,
  .locked-buyer-page .cat-ghost.bottom {
    grid-column: auto;
    grid-row: auto;
  }
  .locked-buyer-page .cat-card {
    min-height: 280px;
  }
  .locked-buyer-page .cat-ghost {
    display: none;
  }
  .locked-buyer-page .flow {
    grid-template-columns: 1fr 1fr;
  }
  .locked-buyer-page .flow::before {
    display: none;
  }
}
@media (max-width: 720px) {
  .locked-shell {
    padding: 22px 20px 80px;
  }
  .locked-buyer-page .nav-links {
    display: none;
  }
  .locked-buyer-page .flow,
  .locked-buyer-page .stat-row,
  .locked-buyer-page .tool-grid {
    grid-template-columns: 1fr;
  }
  .locked-buyer-page .agelo-header {
    grid-template-columns: 1fr auto;
  }
  .locked-buyer-page .header-right,
  .locked-buyer-page .hero-actions,
  .locked-buyer-page .final-cta .actions {
    gap: 10px;
    flex-wrap: wrap;
  }
  .locked-buyer-page footer .links {
    gap: 16px;
  }
}
body:has(.expert-theme) {
  background: #08090a;
}
.expert-theme {
  --et-canvas: #08090a;
  --et-surface: #0f1011;
  --et-elevated: #161718;
  --et-overlay: #1e2022;
  --et-border: #23252a;
  --et-border-strong: #2e3035;
  --et-separator: rgba(255, 255, 255, 0.055);
  --et-text: #f7f8f8;
  --et-text-2: #d0d6e0;
  --et-text-3: #8a8f98;
  --et-text-4: #62666d;
  --et-accent: #c8a256;
  --et-accent-on: #0c0a08;
  --et-accent-dim: rgba(200, 162, 86, 0.12);
  --et-accent-border: rgba(200, 162, 86, 0.26);
  --et-accent-hover: #d4ae62;
  --et-lime: #e4f222;
  --et-green: #4ade80;
  --et-green-dim: rgba(74, 222, 128, 0.15);
  --et-serif: Georgia, "Times New Roman", serif;
  --et-sans: 'Inter Variable', Inter, "Segoe UI", system-ui, sans-serif;
  --et-mono: 'Berkeley Mono', 'IBM Plex Mono', 'SF Mono', Menlo, monospace;
  --et-text-caption: 10px;
  --et-text-label: 11px;
  --et-text-body-sm: 13px;
  --et-text-body: 14px;
  --et-text-body-l: 15px;
  --et-text-subhead: 17px;
  --et-text-h3: 20px;
  --et-text-h2: 28px;
  --et-text-h1: 48px;
  --et-text-display: 54px;
  --et-r-tag: 2px;
  --et-r-badge: 4px;
  --et-r-card: 6px;
  --et-r-pill: 9999px;
  --et-shadow-card: rgba(0, 0, 0, 0.4) 0px 2px 4px 0px;
  --et-shadow-panel: rgba(0, 0, 0, 0.6) 0px 12px 48px 0px;
  --et-max: 1100px;
  --et-section: 100px;
  --et-section-sm: 64px;
  --color-canvas: var(--et-canvas);
  --color-surface: var(--et-surface);
  --color-subtle: var(--et-elevated);
  --color-muted-bg: var(--et-overlay);
  --color-ink: var(--et-text);
  --color-text-primary: var(--et-text-2);
  --color-text-secondary: var(--et-text-2);
  --color-text-muted: var(--et-text-3);
  --color-border-soft: var(--et-border);
  --color-border-strong: var(--et-border-strong);
  --color-accent: var(--et-accent);
  --color-accent-on: var(--et-accent-on);
  --color-accent-soft: var(--et-accent-dim);
  --color-trust: var(--et-accent);
  --color-trust-soft: var(--et-accent-dim);
  --color-status-ok: var(--et-green);
  --shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.5);
  --font-sans: var(--et-sans);
  --font-serif: var(--et-serif);
  background: var(--et-canvas);
  color: var(--et-text);
  font-family: var(--et-sans);
  font-size: var(--et-text-body);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.et-inner {
  max-width: var(--et-max);
  margin: 0 auto;
  padding: 0 56px;
}
.et-eyebrow {
  font-family: var(--et-mono);
  font-size: var(--et-text-label);
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--et-text-3);
  display: flex;
  align-items: center;
  gap: 10px;
}
.et-eyebrow--accent {
  color: var(--et-accent);
}
.et-eyebrow::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 1px;
  background: currentColor;
  opacity: 0.6;
  flex-shrink: 0;
}
.et-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--et-sans);
  font-size: var(--et-text-body);
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  border: none;
  text-decoration: none;
  transition: opacity 0.15s, background 0.15s;
}
.et-btn--primary {
  background: var(--et-accent);
  color: var(--et-accent-on);
  border-radius: var(--et-r-pill);
  padding: 11px 22px;
}
.et-btn--primary:hover {
  background: var(--et-accent-hover);
}
.et-btn--ghost {
  background: transparent;
  color: var(--et-text-2);
  border: 1px solid var(--et-border-strong);
  border-radius: var(--et-r-pill);
  padding: 10px 20px;
}
.et-btn--ghost:hover {
  border-color: var(--et-text-3);
  color: var(--et-text);
}
.et-btn--sm {
  font-size: var(--et-text-body-sm);
  padding: 7px 14px;
  border-radius: var(--et-r-pill);
  background: var(--et-accent);
  color: var(--et-accent-on);
}
.et-btn--sm:hover {
  background: var(--et-accent-hover);
}
.et-tag {
  font-family: var(--et-mono);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--et-accent);
  background: var(--et-accent-dim);
  border: 1px solid var(--et-accent-border);
  padding: 2px 7px;
  border-radius: var(--et-r-tag);
}
.et-tag--neutral {
  color: var(--et-text-3);
  background: rgba(255,255,255,0.04);
  border-color: var(--et-border);
}
.et-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(8, 9, 10, 0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--et-border);
}
.et-header__inner {
  max-width: var(--et-max);
  margin: 0 auto;
  padding: 0 56px;
  height: 56px;
  display: flex;
  align-items: center;
  gap: 40px;
}
.et-logo {
  font-family: var(--et-serif);
  font-size: 1.25rem;
  color: var(--et-text);
  text-decoration: none;
  letter-spacing: -0.01em;
  flex-shrink: 0;
}
.et-nav {
  display: flex;
  align-items: center;
  gap: 28px;
  flex: 1;
}
.et-nav a {
  font-size: var(--et-text-body-sm);
  color: var(--et-text-3);
  text-decoration: none;
  transition: color 0.15s;
}
.et-nav a:hover {
  color: var(--et-text-2);
}
.et-header__right {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.et-sign-in {
  font-size: var(--et-text-body-sm);
  color: var(--et-text-3);
  text-decoration: none;
  transition: color 0.15s;
}
.et-sign-in:hover {
  color: var(--et-text-2);
}
.et-hero {
  padding: 88px 0 96px;
}
.et-hero__inner {
  max-width: var(--et-max);
  margin: 0 auto;
  padding: 0 56px;
  display: grid;
  grid-template-columns: 1fr 520px;
  gap: 72px;
  align-items: center;
}
.et-hero__copy {
  min-width: 0;
}
.et-hero__kicker {
  margin-bottom: 24px;
}
.et-hero__h1 {
  font-family: var(--et-serif);
  font-size: var(--et-text-display);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--et-text);
  margin-bottom: 20px;
  text-wrap: balance;
}
.et-hero__sub {
  font-size: var(--et-text-subhead);
  line-height: 1.65;
  color: var(--et-text-3);
  margin-bottom: 36px;
  max-width: 480px;
}
.et-hero__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.et-hero__support {
  font-family: var(--et-mono);
  font-size: var(--et-text-caption);
  letter-spacing: 0.06em;
  color: var(--et-text-4);
}
.et-brief-panel {
  background: var(--et-surface);
  border: 1px solid var(--et-border-strong);
  border-radius: var(--et-r-card);
  overflow: hidden;
  box-shadow: var(--et-shadow-panel);
}
.et-brief-panel__bar {
  background: var(--et-elevated);
  border-bottom: 1px solid var(--et-border);
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.et-brief-panel__bar-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.et-brief-panel__dots {
  display: flex;
  gap: 5px;
}
.et-brief-panel__dots span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--et-border-strong);
}
.et-brief-panel__path {
  font-family: var(--et-mono);
  font-size: 10px;
  color: var(--et-text-4);
  letter-spacing: 0.04em;
}
.et-brief-panel__status {
  display: flex;
  align-items: center;
  gap: 6px;
}
.et-status-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--et-green);
  box-shadow: 0 0 5px rgba(74, 222, 128, 0.7);
}
.et-brief-panel__status-label {
  font-family: var(--et-mono);
  font-size: 10px;
  color: var(--et-text-3);
  letter-spacing: 0.04em;
}
.et-brief-panel__body {
  padding: 20px;
}
.et-brief-panel__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.et-brief-panel__match {
  font-family: var(--et-mono);
  font-size: 10px;
  color: var(--et-text-4);
  letter-spacing: 0.04em;
}
.et-brief-panel__title {
  font-family: var(--et-serif);
  font-size: 1.3rem;
  color: var(--et-text);
  margin-bottom: 5px;
  letter-spacing: -0.01em;
  line-height: 1.25;
}
.et-brief-panel__sub {
  font-size: var(--et-text-body-sm);
  color: var(--et-text-3);
  margin-bottom: 18px;
  line-height: 1.5;
}
.et-rows {
  border-top: 1px solid var(--et-border);
}
.et-row {
  display: grid;
  grid-template-columns: 120px 1fr;
  border-bottom: 1px solid var(--et-border);
}
.et-row:last-child {
  border-bottom: none;
}
.et-row__key {
  padding: 9px 12px 9px 0;
  font-family: var(--et-mono);
  font-size: 10px;
  color: var(--et-text-4);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.et-row__val {
  padding: 9px 0 9px 12px;
  font-size: var(--et-text-body-sm);
  color: var(--et-text-2);
  border-left: 1px solid var(--et-border);
  display: flex;
  align-items: center;
}
.et-row__val--accent {
  color: var(--et-accent);
}
.et-agent-strip {
  margin-top: 16px;
  background: var(--et-elevated);
  border: 1px solid var(--et-border);
  border-radius: var(--et-r-badge);
  padding: 11px 14px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.et-agent-strip__icon {
  width: 28px;
  height: 28px;
  background: var(--et-accent-dim);
  border: 1px solid var(--et-accent-border);
  border-radius: var(--et-r-badge);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.et-agent-strip__copy {
  flex: 1;
  min-width: 0;
}
.et-agent-strip__l1 {
  font-size: var(--et-text-body-sm);
  color: var(--et-text-2);
  margin-bottom: 2px;
}
.et-agent-strip__l2 {
  font-family: var(--et-mono);
  font-size: 10px;
  color: var(--et-text-4);
  letter-spacing: 0.04em;
}
.et-shelf {
  padding: var(--et-section-sm) 0;
  border-top: 1px solid var(--et-border);
}
.et-shelf__eyebrow {
  text-align: center;
  margin-bottom: 32px;
}
.et-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  border: 1px solid var(--et-border);
  border-radius: var(--et-r-card);
  overflow: hidden;
  background: var(--et-border);
}
.et-card {
  background: var(--et-surface);
  overflow: hidden;
}
.et-card__img {
  height: 148px;
  position: relative;
}
.et-card__img-inner {
  position: absolute;
  inset: 0;
}
.et-card__img-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  padding: 12px;
  background: linear-gradient(180deg, transparent 30%, rgba(8,9,10,0.88) 100%);
}
.et-card__body {
  padding: 14px 16px 16px;
  border-top: 1px solid var(--et-border);
}
.et-card__title {
  font-size: var(--et-text-body-l);
  font-weight: 600;
  color: var(--et-text);
  margin-bottom: 5px;
  letter-spacing: -0.01em;
}
.et-card__desc {
  font-size: var(--et-text-body-sm);
  color: var(--et-text-3);
  line-height: 1.55;
  margin-bottom: 14px;
}
.et-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
  border-top: 1px solid var(--et-border);
}
.et-card__price {
  font-family: var(--et-mono);
  font-size: var(--et-text-body-sm);
  color: var(--et-accent);
  letter-spacing: 0.02em;
}
.et-card__expert {
  font-size: var(--et-text-caption);
  color: var(--et-text-4);
  letter-spacing: 0.04em;
}
.et-img--a {
  background: linear-gradient(140deg, #0d1828 0%, #1a2e44 100%);
}
.et-img--b {
  background: linear-gradient(140deg, #100e18 0%, #1e1a2e 100%);
}
.et-img--c {
  background: linear-gradient(140deg, #0e1810 0%, #162018 100%);
}
.et-why {
  padding: var(--et-section) 0;
  border-top: 1px solid var(--et-border);
}
.et-why__inner {
  max-width: var(--et-max);
  margin: 0 auto;
  padding: 0 56px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}
.et-why__left {
  position: sticky;
  top: 96px;
}
.et-why__eyebrow {
  margin-bottom: 20px;
}
.et-why__h2 {
  font-size: var(--et-text-h1);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.025em;
  color: var(--et-text);
  text-wrap: balance;
}
.et-why__right {
  padding-top: 4px;
}
.et-why__body {
  font-size: var(--et-text-subhead);
  line-height: 1.7;
  color: var(--et-text-3);
  margin-bottom: 40px;
}
.et-why__details {
  display: flex;
  flex-direction: column;
  gap: 1px;
  border: 1px solid var(--et-border);
  border-radius: var(--et-r-card);
  overflow: hidden;
  background: var(--et-border);
}
.et-why__detail {
  background: var(--et-surface);
  padding: 16px 20px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.et-why__detail-num {
  font-family: var(--et-mono);
  font-size: 10px;
  color: var(--et-accent);
  letter-spacing: 0.08em;
  margin-top: 2px;
  flex-shrink: 0;
  width: 20px;
}
.et-why__detail-text {
  font-size: var(--et-text-body-l);
  color: var(--et-text-2);
  line-height: 1.55;
}
.et-values {
  padding: var(--et-section) 0;
  border-top: 1px solid var(--et-border);
  background: var(--et-surface);
}
.et-values__header {
  text-align: center;
  margin-bottom: 48px;
}
.et-values__eyebrow {
  margin-bottom: 16px;
  justify-content: center;
}
.et-values__eyebrow::before {
  display: none;
}
.et-values__h2 {
  font-size: var(--et-text-h2);
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--et-text);
  text-wrap: balance;
}
.et-values__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--et-border);
  border: 1px solid var(--et-border-strong);
  border-radius: var(--et-r-card);
  overflow: hidden;
}
.et-value-card {
  background: var(--et-elevated);
  display: flex;
  flex-direction: column;
}
.et-value-card__fig {
  height: 220px;
  border-bottom: 1px solid var(--et-border);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--et-canvas);
}
.et-value-card__fig-label {
  position: absolute;
  top: 14px;
  left: 16px;
  font-family: var(--et-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  color: var(--et-text-4);
}
.et-value-card__body {
  padding: 24px 28px 28px;
  flex: 1;
}
.et-value-card__name {
  font-size: var(--et-text-body-l);
  font-weight: 600;
  color: var(--et-text);
  margin-bottom: 8px;
  letter-spacing: -0.01em;
}
.et-value-card__desc {
  font-size: var(--et-text-body-sm);
  color: var(--et-text-3);
  line-height: 1.6;
}
.et-how {
  padding: var(--et-section) 0;
  border-top: 1px solid var(--et-border);
}
.et-how__header {
  text-align: center;
  margin-bottom: 56px;
}
.et-how__eyebrow {
  margin-bottom: 16px;
  justify-content: center;
}
.et-how__eyebrow::before {
  display: none;
}
.et-how__h2 {
  font-size: var(--et-text-h2);
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--et-text);
}
.et-how__steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--et-border);
  border-radius: var(--et-r-card);
  overflow: hidden;
}
.et-step {
  padding: 36px 32px;
  border-right: 1px solid var(--et-border);
}
.et-step:last-child {
  border-right: none;
}
.et-step__num {
  font-family: var(--et-mono);
  font-size: 10px;
  color: var(--et-accent);
  letter-spacing: 0.1em;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.et-step__num::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--et-border);
}
.et-step__text {
  font-size: var(--et-text-h3);
  font-weight: 500;
  color: var(--et-text);
  line-height: 1.4;
  letter-spacing: -0.01em;
}
.et-step__sub {
  font-size: var(--et-text-body-sm);
  color: var(--et-text-3);
  margin-top: 10px;
  line-height: 1.6;
}
.et-proof {
  padding: var(--et-section) 0;
  border-top: 1px solid var(--et-border);
}
.et-proof__header {
  text-align: center;
  margin-bottom: 48px;
}
.et-proof__eyebrow {
  margin-bottom: 16px;
  justify-content: center;
}
.et-proof__eyebrow::before {
  display: none;
}
.et-proof__h2 {
  font-size: var(--et-text-h2);
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--et-text);
  text-wrap: balance;
}
.et-proof__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--et-border);
  border: 1px solid var(--et-border-strong);
  border-radius: var(--et-r-card);
  overflow: hidden;
}
.et-proof__card {
  background: var(--et-surface);
  padding: 28px 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.et-proof__quote {
  font-size: var(--et-text-body-l);
  line-height: 1.65;
  color: var(--et-text-2);
  flex: 1;
}
.et-proof__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid var(--et-border);
}
.et-proof__who {
  font-family: var(--et-mono);
  font-size: 10px;
  color: var(--et-text-4);
  letter-spacing: 0.04em;
}
.et-trust {
  padding: var(--et-section) 0;
  border-top: 1px solid var(--et-border);
  background: var(--et-surface);
}
.et-trust__inner {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 56px;
}
.et-trust__eyebrow {
  margin-bottom: 24px;
}
.et-trust__h2 {
  font-size: 42px;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.12;
  color: var(--et-text);
  margin-bottom: 20px;
  text-wrap: balance;
}
.et-trust__body {
  font-size: var(--et-text-subhead);
  line-height: 1.7;
  color: var(--et-text-3);
  margin-bottom: 40px;
}
.et-trust__mark {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--et-border-strong);
  border-radius: var(--et-r-badge);
  padding: 8px 14px;
}
.et-trust__mark-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--et-accent);
}
.et-trust__mark-text {
  font-family: var(--et-mono);
  font-size: 10px;
  color: var(--et-text-3);
  letter-spacing: 0.07em;
}
.et-faq {
  padding: var(--et-section) 0;
  border-top: 1px solid var(--et-border);
}
.et-faq__inner {
  max-width: var(--et-max);
  margin: 0 auto;
  padding: 0 56px;
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 80px;
}
.et-faq__sidebar {
  position: sticky;
  top: 96px;
}
.et-faq__eyebrow {
  margin-bottom: 16px;
}
.et-faq__h2 {
  font-size: var(--et-text-h2);
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--et-text);
  line-height: 1.2;
  margin-bottom: 16px;
}
.et-faq__hint {
  font-size: var(--et-text-body-sm);
  color: var(--et-text-4);
  line-height: 1.6;
}
.et-faq__list {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--et-border);
  border-radius: var(--et-r-card);
  overflow: hidden;
}
.et-faq__list details {
  border-bottom: 1px solid var(--et-border);
  overflow: hidden;
}
.et-faq__list details:last-child {
  border-bottom: none;
}
.et-faq__list summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 24px;
  cursor: pointer;
  background: var(--et-surface);
  transition: background 0.15s;
}
.et-faq__list summary::-webkit-details-marker {
  display: none;
}
.et-faq__list summary:hover {
  background: var(--et-elevated);
}
.et-faq__list details[open] summary {
  background: var(--et-elevated);
}
.et-faq__q-text {
  font-size: var(--et-text-body-l);
  font-weight: 500;
  color: var(--et-text);
  letter-spacing: -0.01em;
}
.et-faq__chevron {
  width: 16px;
  height: 16px;
  color: var(--et-text-4);
  flex-shrink: 0;
  transition: transform 0.2s;
}
.et-faq__list details[open] .et-faq__chevron {
  transform: rotate(180deg);
  color: var(--et-accent);
}
.et-faq__a {
  padding: 16px 24px 20px;
  background: var(--et-elevated);
  font-size: var(--et-text-body-sm);
  color: var(--et-text-3);
  line-height: 1.7;
  border-top: 1px solid var(--et-border);
}
.et-cta {
  padding: var(--et-section) 0;
  border-top: 1px solid var(--et-border);
  position: relative;
  overflow: hidden;
}
.et-cta::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 300px;
  background: radial-gradient(ellipse at center top, rgba(200, 162, 86, 0.06) 0%, transparent 70%);
  pointer-events: none;
}
.et-cta__inner {
  max-width: 680px;
  margin: 0 auto;
  padding: 0 56px;
  text-align: center;
  position: relative;
}
.et-cta__eyebrow {
  justify-content: center;
  margin-bottom: 24px;
}
.et-cta__eyebrow::before {
  display: none;
}
.et-cta__h2 {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.12;
  color: var(--et-text);
  margin-bottom: 16px;
  text-wrap: balance;
}
.et-cta__body {
  font-size: var(--et-text-subhead);
  color: var(--et-text-3);
  line-height: 1.65;
  margin-bottom: 36px;
}
.et-cta__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.et-cta__secondary {
  font-size: var(--et-text-body-sm);
  color: var(--et-text-4);
  text-decoration: none;
  transition: color 0.15s;
}
.et-cta__secondary:hover {
  color: var(--et-text-3);
}
.et-footer {
  border-top: 1px solid var(--et-border);
  padding: 32px 0;
}
.et-footer__inner {
  max-width: var(--et-max);
  margin: 0 auto;
  padding: 0 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.et-footer__brand {
  font-family: var(--et-serif);
  font-size: 1.1rem;
  color: var(--et-text-3);
}
.et-footer__links {
  display: flex;
  gap: 24px;
}
.et-footer__links a {
  font-size: var(--et-text-body-sm);
  color: var(--et-text-4);
  text-decoration: none;
}
.et-footer__copy {
  font-family: var(--et-mono);
  font-size: 10px;
  color: var(--et-text-4);
  letter-spacing: 0.04em;
}
@media (max-width: 900px) {
  .et-inner {
    padding: 0 32px;
  }
  .et-header__inner {
    padding: 0 32px;
  }
  .et-hero__inner {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 0 32px;
  }
  .et-hero {
    padding: 56px 0 64px;
  }
  .et-why__inner {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 0 32px;
  }
  .et-why__left {
    position: static;
  }
  .et-faq__inner {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 0 32px;
  }
  .et-faq__sidebar {
    position: static;
  }
  .et-values__grid {
    grid-template-columns: 1fr;
  }
  .et-cards {
    grid-template-columns: 1fr;
  }
  .et-how__steps {
    grid-template-columns: 1fr;
  }
  .et-step {
    border-right: none;
    border-bottom: 1px solid var(--et-border);
  }
  .et-step:last-child {
    border-bottom: none;
  }
  .et-proof__grid {
    grid-template-columns: 1fr;
  }
  .et-trust__inner {
    padding: 0 32px;
  }
  .et-cta__inner {
    padding: 0 32px;
  }
  .et-footer__inner {
    padding: 0 32px;
  }
}
@media (max-width: 720px) {
  .et-inner {
    padding: 0 20px;
  }
  .et-header__inner {
    padding: 0 20px;
    gap: 16px;
  }
  .et-nav {
    display: none;
  }
  .et-hero__inner {
    padding: 0 20px;
  }
  .et-hero {
    padding: 40px 0 48px;
  }
  .et-hero__h1 {
    font-size: 36px;
  }
  .et-why__inner {
    padding: 0 20px;
  }
  .et-why__h2 {
    font-size: 32px;
  }
  .et-faq__inner {
    padding: 0 20px;
  }
  .et-trust__inner {
    padding: 0 20px;
  }
  .et-trust__h2 {
    font-size: 28px;
  }
  .et-cta__inner {
    padding: 0 20px;
  }
  .et-cta__h2 {
    font-size: 28px;
  }
  .et-cta__actions {
    flex-direction: column;
    align-items: stretch;
  }
  .et-footer__inner {
    padding: 0 20px;
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }
  .et-footer__links {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.mobile-topbar {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 52px;
  z-index: 40;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  background: var(--color-subtle);
  border-bottom: 1px solid var(--color-border-soft);
}
.mobile-topbar__wordmark {
  font-family: var(--font-serif);
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--color-ink);
  text-decoration: none;
  letter-spacing: -0.02em;
}
.mobile-topbar__hamburger {
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px 8px;
  color: var(--color-text-muted);
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
}
.mobile-drawer-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 49;
}
.mobile-drawer-close {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 20px;
  color: var(--color-text-muted);
  padding: 2px 8px;
  line-height: 1;
  align-self: flex-end;
  margin-bottom: var(--spacing-2);
}
@media (max-width: 768px) {
  .mobile-topbar {
    display: flex;
  }
  .mobile-drawer-backdrop {
    display: block;
  }
  .mobile-drawer-close {
    display: block;
  }
  .app-sidebar {
    position: fixed !important;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100dvh !important;
    transform: translateX(-100%);
    transition: transform 0.25s ease;
    z-index: 50;
  }
  .app-sidebar.is-open {
    transform: translateX(0);
  }
  .appshell-main {
    padding-top: 52px;
  }
  .expert-sidebar-desktop {
    display: none !important;
  }
  .expert-theme .appshell-main {
    padding-top: 0;
    padding-bottom: env(safe-area-inset-bottom);
  }
}
.expert-bottom-tab-bar {
  display: none !important;
}
.expert-mobile-header {
  display: none;
}
@media (max-width: 768px) {
  .expert-mobile-header {
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--et-canvas);
    padding-top: env(safe-area-inset-top);
    border-bottom: 1px solid var(--et-border);
  }
  .expert-mobile-toprow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px 8px;
  }
  .expert-mobile-wordmark {
    font-family: var(--et-sans);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--et-text);
  }
  .expert-mobile-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--et-elevated);
    border: 1px solid var(--et-border-strong);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--et-sans);
    font-size: 10px;
    font-weight: 600;
    color: var(--et-text-3);
    letter-spacing: 0.04em;
  }
  .expert-nav-pills {
    display: flex;
    overflow-x: auto;
    gap: 6px;
    padding: 0 16px 11px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .expert-nav-pills::-webkit-scrollbar {
    display: none;
  }
  .expert-nav-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 12px;
    border-radius: var(--et-r-pill);
    background: transparent;
    border: 1px solid var(--et-border);
    color: var(--et-text-3);
    font-family: var(--et-sans);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
  }
  .expert-nav-pill {
    min-height: 44px;
  }
  .expert-nav-pill svg {
    flex-shrink: 0;
  }
  .expert-nav-pill.active {
    background: var(--et-elevated);
    border-color: var(--et-border-strong);
    color: var(--et-text);
  }
}
.desk-mobile-layout {
  display: none;
}
.desk-desktop-layout {
  display: block;
}
@media (max-width: 768px) {
  .desk-mobile-layout {
    display: block;
  }
  .desk-desktop-layout {
    display: none;
  }
}
.expert-page-body {
  padding-left: var(--spacing-5);
  padding-right: var(--spacing-5);
}
@media (max-width: 768px) {
  .expert-page-body {
    padding-left: var(--spacing-4) !important;
    padding-right: var(--spacing-4) !important;
  }
}
.native-screen-context {
  font-size: 13px;
  font-weight: 500;
  color: var(--et-text-3);
  margin: 0 0 4px 0;
  letter-spacing: 0.01em;
}
.native-screen-title {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--et-text);
  margin: 0;
  line-height: 1.15;
  font-family: var(--et-sans);
}
@media (max-width: 768px) {
  .native-screen-title {
    font-size: 32px;
    font-weight: 700;
    padding: var(--spacing-5) 0 var(--spacing-3);
  }
}
.native-nav-bar {
  display: none;
}
@media (max-width: 768px) {
  .native-nav-bar {
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 100;
    height: 52px;
    padding: 0 var(--spacing-3);
    background: var(--et-canvas);
    border-bottom: 1px solid var(--et-border);
    gap: var(--spacing-3);
  }
  .native-back-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--et-elevated);
    border: 1px solid var(--et-border);
    color: var(--et-text-2);
    cursor: pointer;
    text-decoration: none;
    flex-shrink: 0;
  }
  .native-back-btn:hover {
    background: var(--et-overlay);
  }
  .native-nav-title {
    flex: 1;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: var(--et-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 36px;
  }
}
.rg-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.rg-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.workspace-split {
  display: grid;
  grid-template-columns: 1fr 280px;
  min-height: 0;
  border-top: 1px solid var(--et-border);
  margin-top: var(--spacing-4);
}
@media (max-width: 1024px) {
  .workspace-split {
    grid-template-columns: 1fr 220px;
  }
}
@media (max-width: 768px) {
  .rg-4 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2);
  }
  .rg-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .workspace-split {
    grid-template-columns: 1fr;
  }
  .workspace-split > :last-child {
    border-left: none !important;
    border-top: 1px solid var(--et-border);
  }
}
@media (max-width: 480px) {
  .rg-3 {
    grid-template-columns: 1fr;
  }
}
.native-list-row {
  min-height: 56px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .native-list-row {
    padding: var(--spacing-3) var(--spacing-4);
  }
}
.table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.files-table-inner {
  min-width: 560px;
}
.files-table-grid {
  display: grid;
  grid-template-columns: 1fr 70px 70px 80px 120px 80px;
  gap: var(--spacing-3);
  align-items: center;
}
@media (max-width: 600px) {
  .files-table-inner {
    min-width: 0;
  }
  .files-table-grid {
    grid-template-columns: 1fr 120px;
  }
  .fc-format, .fc-size, .fc-version, .fc-dl-btn {
    display: none;
  }
}
.agent-log-detail {
  padding-left: calc(130px + var(--spacing-4) + 90px + var(--spacing-4));
}
@media (max-width: 600px) {
  .agent-log-detail {
    padding-left: var(--spacing-4);
  }
}
.agent-tab-strip {
  display: flex;
  border-bottom: 1px solid var(--et-border);
}
@media (max-width: 600px) {
  .agent-tab-strip {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .agent-tab-strip::-webkit-scrollbar {
    display: none;
  }
  .agent-tab-strip a {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .inbox-filter-group button {
    min-height: 44px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 480px) {
  .intervention-auto {
    flex-direction: column;
    gap: var(--spacing-3);
  }
}
@media (max-width: 480px) {
  .job-row-sec {
    display: none;
  }
}
@media (max-width: 480px) {
  .onboarding-panel-body {
    padding: var(--spacing-4) !important;
  }
}
@media (max-width: 768px) {
  .native-bottom-sheet-overlay {
    position: fixed;
    inset: 0;
    z-index: 400;
    background: rgba(0, 0, 0, 0.6);
  }
  .native-bottom-sheet {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 85dvh;
    background: var(--et-elevated);
    border-radius: 20px 20px 0 0;
    border-top: 1px solid var(--et-border);
    padding-bottom: env(safe-area-inset-bottom);
    overflow-y: auto;
    z-index: 401;
    animation: slide-up-sheet 0.28s cubic-bezier(0.32, 0.72, 0, 1);
  }
  .native-bottom-sheet-handle {
    width: 36px;
    height: 4px;
    background: var(--et-border-strong);
    border-radius: 2px;
    margin: 12px auto 0;
  }
  @keyframes slide-up-sheet {
    from {
      transform: translateY(100%);
    }
    to {
      transform: translateY(0);
    }
  }
  .onboarding-slide-over {
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 85dvh !important;
    border-left: none !important;
    border-top: 1px solid var(--et-border) !important;
    border-radius: 20px 20px 0 0 !important;
    background: var(--et-elevated) !important;
    padding-bottom: env(safe-area-inset-bottom);
    overflow-y: auto;
    animation: slide-up-sheet 0.28s cubic-bezier(0.32, 0.72, 0, 1);
  }
}
.chart-header-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-4);
  flex-wrap: wrap;
  margin-bottom: var(--spacing-3);
}
.chart-period-row {
  display: flex;
}
.chart-pill-group {
  display: flex;
  background: var(--et-elevated);
  border: 1px solid var(--et-border);
  border-radius: var(--et-r-pill);
  padding: 2px;
  gap: 2px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.chart-pill-group::-webkit-scrollbar {
  display: none;
}
.chart-pill-btn {
  padding: 6px 12px;
  flex-shrink: 0;
}
.chart-period-row .chart-pill-group {
  flex: 1;
}
.chart-period-btn {
  flex: 1;
  text-align: center;
}
@media (max-width: 600px) {
  .chart-header-top {
    align-items: center;
  }
  .chart-pill-btn {
    padding: 8px 14px;
  }
}
@keyframes aegis-bounce {
  0%, 80%, 100% {
    opacity: 0.3;
    transform: translateY(0);
  }
  40% {
    opacity: 1;
    transform: translateY(-4px);
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}