/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/@fontsource-variable/inter/index.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
/* inter-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/_next/static/media/inter-cyrillic-ext-wght-normal.460bdf14.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/_next/static/media/inter-cyrillic-wght-normal.491cbc05.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/_next/static/media/inter-greek-ext-wght-normal.23aae568.woff2) format('woff2-variations');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/_next/static/media/inter-greek-wght-normal.4449bf7a.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/_next/static/media/inter-vietnamese-wght-normal.113a630f.woff2) format('woff2-variations');
  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;
}

/* inter-latin-ext-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/_next/static/media/inter-latin-ext-wght-normal.3835a68e.woff2) format('woff2-variations');
  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;
}

/* inter-latin-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/_next/static/media/inter-latin-wght-normal.6c596dfc.woff2) format('woff2-variations');
  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[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/@fontsource-variable/space-grotesk/index.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
/* space-grotesk-vietnamese-wght-normal */
@font-face {
  font-family: 'Space Grotesk Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 300 700;
  src: url(/_next/static/media/space-grotesk-vietnamese-wght-normal.a3924ff4.woff2) format('woff2-variations');
  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;
}

/* space-grotesk-latin-ext-wght-normal */
@font-face {
  font-family: 'Space Grotesk Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 300 700;
  src: url(/_next/static/media/space-grotesk-latin-ext-wght-normal.55a1343a.woff2) format('woff2-variations');
  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;
}

/* space-grotesk-latin-wght-normal */
@font-face {
  font-family: 'Space Grotesk Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 300 700;
  src: url(/_next/static/media/space-grotesk-latin-wght-normal.5a0c43ff.woff2) format('woff2-variations');
  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[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/@fontsource/jetbrains-mono/400.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
/* jetbrains-mono-cyrillic-ext-400-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/jetbrains-mono-cyrillic-ext-400-normal.17d05b18.woff2) format('woff2'), url(/_next/static/media/jetbrains-mono-cyrillic-ext-400-normal.7daf4077.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* jetbrains-mono-cyrillic-400-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/jetbrains-mono-cyrillic-400-normal.17524150.woff2) format('woff2'), url(/_next/static/media/jetbrains-mono-cyrillic-400-normal.29859c59.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* jetbrains-mono-greek-400-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/jetbrains-mono-greek-400-normal.77d339c7.woff2) format('woff2'), url(/_next/static/media/jetbrains-mono-greek-400-normal.4a5b0cb1.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* jetbrains-mono-vietnamese-400-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/jetbrains-mono-vietnamese-400-normal.553f85d1.woff2) format('woff2'), url(/_next/static/media/jetbrains-mono-vietnamese-400-normal.fd17702b.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;
}

/* jetbrains-mono-latin-ext-400-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/jetbrains-mono-latin-ext-400-normal.4d63b447.woff2) format('woff2'), url(/_next/static/media/jetbrains-mono-latin-ext-400-normal.ef62d646.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;
}

/* jetbrains-mono-latin-400-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_next/static/media/jetbrains-mono-latin-400-normal.db9d659a.woff2) format('woff2'), url(/_next/static/media/jetbrains-mono-latin-400-normal.b0c7be19.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[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/globals.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --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);
  }
}
@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%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)) {
    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;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::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 {
    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;
  }
  .fixed {
    position: fixed;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .block {
    display: block;
  }
  .hidden {
    display: none;
  }
  .table {
    display: table;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .resize {
    resize: both;
  }
  .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, -webkit-backdrop-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));
  }
  .\[no-new-privileges\:true\] {
    no-new-privileges: true;
  }
}
:root {
  --bg: #05080d;
  --surface: #0b111b;
  --panel: #0d151f;
  --text: #f2f7fc;
  --muted: #9eadbe;
  --cyan: #39e8ff;
  --accent: #00cfff;
  --border: rgba(158,183,205,.14);
  --radius: 14px;
  --font-body: 'Inter Variable',Inter,Arial,sans-serif;
  --font-display: 'Space Grotesk Variable','Inter Variable',sans-serif;
  --font-mono: 'JetBrains Mono',monospace;
  color-scheme: dark;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
button,input,select {
  font: inherit;
}
button,a,input,select,summary {
  -webkit-tap-highlight-color: transparent;
}
button {
  cursor: pointer;
}
button:disabled {
  cursor: not-allowed;
  opacity: .45;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  color: inherit;
}
svg {
  flex-shrink: 0;
}
button,input,select {
  outline: none;
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 5px;
}
a,button {
  touch-action: manipulation;
}
::selection {
  background: #176274;
  color: #fff;
}
h1,h2,h3,p {
  margin: 0;
}
h1,h2,h3 {
  font-family: var(--font-display);
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -.045em;
}
h2 {
  font-size: clamp(30px,3.2vw,46px);
}
p {
  color: var(--muted);
}
ul {
  list-style: none;
  padding: 0;
}
input,select {
  background: #080f18;
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text);
  min-height: 44px;
  padding: 10px 13px;
  max-width: 100%;
}
input::placeholder {
  color: #728294;
}
input {
  min-width: 0;
}
select {
  padding-right: 28px;
}
dialog {
  color: var(--text);
}
.container {
  width: calc(100% - 112px);
  max-width: 1328px;
  margin-inline: auto;
}
.mono {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .07em;
}
.muted {
  color: var(--muted);
}
.cyan {
  color: var(--cyan);
}
.small {
  font-size: 12px;
  line-height: 1.7;
}
.full {
  width: 100%;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 48px;
  border-radius: 7px;
  padding: 12px 20px;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid transparent;
  transition: background .2s,border-color .2s,transform .2s,box-shadow .2s;
}
.button:hover:not(:disabled) {
  transform: translateY(-2px);
}
.button.primary {
  color: #041217;
  background: var(--cyan);
  box-shadow: 0 0 24px #00cfff0d;
}
.button.primary:hover {
  background: #83f3ff;
  box-shadow: 0 0 25px #00cfff20;
}
.button.ghost {
  background: #ffffff04;
  border-color: #a9c3dd30;
}
.button.ghost:hover:not(:disabled) {
  background: #39e8ff0b;
  border-color: #39e8ff60;
}
.button svg:last-child {
  margin-left: auto;
}
.text-link {
  display: inline-flex;
  gap: 14px;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  transition: color .2s;
}
.text-link:hover {
  color: var(--cyan);
}
.icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--border);
  background: #ffffff03;
  border-radius: 8px;
}
.icon-button:hover {
  background: #ffffff0b;
}
.eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: .13em;
  color: var(--muted);
  margin-bottom: 24px;
  line-height: 1.6;
}
.index {
  color: var(--cyan);
  padding-right: 9px;
  border-right: 1px solid var(--border);
}
.tiny-line {
  display: inline-block;
  width: 18px;
  height: 1px;
  background: var(--cyan);
}
.status-dot {
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #64e4bb;
  margin-right: 8px;
  box-shadow: 0 0 8px #64e4bb40;
  flex-shrink: 0;
}
.status-dot.amber {
  background: #e9bc6d;
  box-shadow: none;
}
.status-label {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  font-family: var(--font-mono);
  font-size: 9px;
  color: #d3b17c;
  letter-spacing: .04em;
}
.status-label i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
}
.badge {
  font: 8px var(--font-mono);
  letter-spacing: .07em;
  padding: 5px 7px;
  border: 1px solid #8babc52b;
  border-radius: 4px;
  color: var(--muted);
  white-space: nowrap;
}
.section {
  padding-block: 110px;
}
.section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 46px;
}
.section-heading h2 {
  margin-top: 12px;
}
.section-aside {
  font-size: 12px;
  max-width: 320px;
}
.section-aside p {
  margin-bottom: 22px;
}
.page-content {
  padding-top: 145px;
  padding-bottom: 110px;
  min-height: 70vh;
}
.page-intro {
  padding-bottom: 48px;
  position: relative;
}
.page-intro:after {
  content: '+';
  position: absolute;
  right: 0;
  top: 12px;
  color: #39e8ff55;
  font: 28px var(--font-mono);
}
.page-intro h1 {
  font-size: clamp(38px,4.5vw,64px);
  margin-bottom: 24px;
  max-width: 1000px;
}
.page-intro>p {
  font-size: 14px;
  max-width: 580px;
  line-height: 1.9;
}
.info-strip {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 16px 20px;
  background: #101d282e;
  border: 1px solid var(--border);
  border-radius: 8px;
  margin-bottom: 36px;
}
.info-strip p {
  font-size: 11px;
  line-height: 1.8;
}
.info-strip>svg {
  color: #769eaf;
}
.skip-link {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 200;
  background: var(--cyan);
  color: #000;
  padding: 10px;
  transform: translateY(-200%);
  border-radius: 6px;
}
.skip-link:focus {
  transform: none;
}
.header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 50;
  background: #05080dc9;
  backdrop-filter: blur(18px);
  border-bottom: 1px solid #ffffff09;
  transition: background .25s;
}
.header-inner {
  max-width: 1500px;
  width: calc(100% - 112px);
  height: 83px;
  display: flex;
  align-items: center;
  margin: auto;
  gap: 34px;
  transition: height .25s;
}
.header.scrolled .header-inner {
  height: 68px;
}
.brand {
  display: flex;
  gap: 11px;
  align-items: center;
  font-family: var(--font-display);
  font-size: 23px;
  font-weight: 600;
  letter-spacing: .09em;
}
.brand svg {
  color: var(--cyan);
}
.brand-dot {
  color: var(--cyan);
}
.desktop-nav {
  display: flex;
  gap: 28px;
  align-items: center;
  margin: auto;
}
.desktop-nav a {
  font-size: 11px;
  color: #94a3b4;
  position: relative;
  padding: 30px 0;
  transition: color .2s;
}
.desktop-nav a:hover,.desktop-nav a.active {
  color: var(--text);
}
.desktop-nav a.active:after {
  content: '';
  position: absolute;
  width: 12px;
  height: 2px;
  background: var(--cyan);
  bottom: 19px;
  left: calc(50% - 6px);
}
.header-actions {
  display: flex;
  gap: 20px;
  align-items: center;
  font-size: 11px;
}
.download-link {
  display: flex;
  gap: 8px;
  align-items: center;
  color: var(--muted);
}
.download-link:hover {
  color: var(--cyan);
}
.profile-link {
  display: flex;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 9px 14px;
}
.profile-link:hover {
  border-color: #39e8ff66;
}
.mobile-menu-toggle {
  display: none;
}
.mobile-menu {
  display: none;
}
.ai-core {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  --rx: 0deg;
  --ry: 0deg;
  isolation: isolate;
}
.core-aura {
  position: absolute;
  inset: 13%;
  border-radius: 50%;
  background: radial-gradient(circle,#00cfff13,transparent 65%);
  box-shadow: 0 0 150px #007fac0b;
}
.core-perspective {
  width: 100%;
  height: 100%;
  transform: perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));
  transition: transform .6s ease-out;
}
.core-svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 6px #00bfff12);
}
.core-orbit {
  animation: orbit-spin 38s linear infinite;
}
.orbit-b {
  animation-duration: 51s;
  animation-direction: reverse;
}
.orbit-c {
  animation-duration: 67s;
}
.core-pulse {
  animation: core-pulse 6s ease-in-out infinite;
}
.core-coordinate {
  position: absolute;
  color: #6c95a3;
  line-height: 1.8;
  font-size: 7px;
  letter-spacing: .1em;
}
.core-coordinate b {
  color: #a3c8d1;
  font-weight: 400;
}
.coordinate-a {
  left: 7%;
  top: 37%;
}
.coordinate-b {
  right: 0;
  bottom: 26%;
  text-align: right;
}
.core-small .core-coordinate {
  display: none;
}
.waveform {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  height: 48px;
}
.waveform i {
  display: block;
  width: 2px;
  border-radius: 4px;
  background: #39e8ff80;
  height: var(--bar-height);
  transform: scaleY(.45);
}
.wave-active i {
  animation: wave 1s var(--bar-delay) ease-in-out infinite alternate;
}
.loading-orbit {
  display: block;
  border: 1px solid #39e8ff30;
  border-top-color: var(--cyan);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: orbit-spin 1s linear infinite;
}
@keyframes orbit-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes core-pulse {
  50% {
    opacity: .4;
  }
}
@keyframes wave {
  to {
    transform: scaleY(1);
  }
}
.hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 860px;
  height: min(960px,100svh);
  max-height: 1080px;
  background: radial-gradient(ellipse at 57% 43%,#0b1b24 0,transparent 48%);
}
.hero-container {
  height: 100%;
  position: relative;
}
.hero-grid {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(#43829d0b 1px,transparent 1px),linear-gradient(90deg,#43829d0b 1px,transparent 1px);
  background-size: 100px 100px;
  mask-image: radial-gradient(ellipse,black,transparent 68%);
  z-index: -1;
}
.hero-horizon {
  position: absolute;
  width: 150%;
  height: 600px;
  left: -25%;
  bottom: -460px;
  border: 1px solid #00baff0e;
  box-shadow: 0 -20px 160px #008aca05;
  border-radius: 50%;
  z-index: -1;
}
.hero-topline {
  position: absolute;
  top: 126px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hero-topline .mono {
  font-size: 8px;
}
.hero-wordmark {
  position: absolute;
  top: 144px;
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--font-display);
  font-size: clamp(140px,22vw,330px);
  letter-spacing: .12em;
  padding-left: .12em;
  line-height: 1;
  font-weight: 500;
  color: transparent;
  -webkit-text-stroke: 1px #7694a020;
  mask-image: linear-gradient(#fff,transparent 95%);
  user-select: none;
  white-space: nowrap;
}
.hero-core {
  position: absolute;
  top: 164px;
  left: calc(53% - 300px);
  width: 650px;
  pointer-events: auto;
}
.hero-copy {
  position: absolute;
  left: 0;
  top: 392px;
  max-width: 430px;
  z-index: 2;
}
.hero-copy .eyebrow {
  font-size: 8px;
  margin-bottom: 22px;
  letter-spacing: .1em;
}
.hero h1 {
  font-size: clamp(36px,3.6vw,53px);
  line-height: 1.2;
  letter-spacing: -.052em;
}
.hero h1>span {
  color: #8eabb8;
}
.hero-copy>p {
  max-width: 360px;
  font-size: 12px;
  line-height: 1.9;
  margin-top: 22px;
}
.hero-buttons {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 28px;
}
.hero-buttons .button {
  font-size: 11px;
  padding: 12px 16px;
  gap: 12px;
}
.hero-buttons .ghost {
  border-color: transparent;
  padding-inline: 12px;
}
.hero-float {
  position: absolute;
  right: 0;
  top: 505px;
  width: 202px;
  border-top: 1px solid #8babb82d;
  padding-top: 17px;
  background: linear-gradient(90deg,transparent,#05080d33);
}
.float-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #8baab8;
}
.float-top .mono {
  font-size: 7px;
  letter-spacing: .02em;
}
.hero-float p {
  font-size: 15px;
  line-height: 1.6;
  margin-top: 23px;
  color: #e5f1f5;
  font-weight: 400;
  letter-spacing: -.02em;
}
.hero-float p>span {
  color: var(--muted);
}
.hero-float .waveform {
  justify-content: flex-start;
  height: 56px;
  margin-top: 9px;
}
.hero-float .waveform i {
  width: 2px;
  opacity: .7;
}
.hero-float>a {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 10px;
  color: var(--cyan);
  margin-top: 14px;
}
.hero-bottom {
  position: absolute;
  bottom: 35px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.hero-bottom .mono {
  font-size: 8px;
}
.scroll-cue {
  display: flex;
  align-items: center;
  gap: 13px;
}
.scroll-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 36px;
  border: 1px solid #9eadbe36;
  border-radius: 16px;
  color: #8eabb8;
}
.scroll-icon svg {
  animation: scroll-nudge 2s ease-in-out infinite;
}
.hero-platform {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #7f93a5;
}
@keyframes scroll-nudge {
  50% {
    transform: translateY(4px);
  }
}
.module-strip {
  border-block: 1px solid var(--border);
  background: #080d14;
}
.module-strip>.container {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding-block: 23px;
}
.module-strip>.container>span {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-display);
  font-size: 10px;
  letter-spacing: .05em;
  white-space: nowrap;
}
.strip-index {
  font-size: 8px;
  color: #608391;
}
.strip-plus {
  color: #537384;
  font-size: 17px;
  margin-left: 10px;
}
.home-features {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap: 16px;
}
.home-feature {
  border: 1px solid var(--border);
  background: linear-gradient(130deg,#0d1620,#080e15);
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  transition: border-color .3s,transform .3s;
}
.home-feature:hover {
  border-color: #39e8ff55;
  transform: translateY(-4px) !important;
}
.home-feature>a {
  display: block;
  padding: 26px;
  height: 100%;
}
.home-feature.feature-0 {
  grid-row: span 2;
  min-height: 520px;
}
.home-feature.feature-1 {
  grid-column: span 2;
}
.home-feature.feature-2,.home-feature.feature-3 {
  min-height: 300px;
}
.feature-top {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #84b5c6;
}
.feature-top .mono {
  font-size: 8px;
  color: #8293a6;
}
.feature-top>svg:last-child {
  margin-left: auto;
  color: #6c899a;
}
.feature-art {
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-block: 5px 15px;
}
.feature-0 .feature-art {
  height: 260px;
  flex-direction: column;
  align-items: stretch;
  gap: 22px;
}
.home-feature h3 {
  font-size: 24px;
  letter-spacing: -.03em;
}
.home-feature p {
  margin-top: 10px;
  font-size: 11px;
  max-width: 270px;
}
.feature-caption {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 22px;
  font-size: 9px;
  color: #718b9b;
}
.chat-prompt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  border: 1px solid #39667866;
  border-radius: 8px;
  font-size: 10px;
  color: #b8d1da;
  box-shadow: 0 0 40px #00cfff08;
  background: #0b1d28;
}
.mini-plan {
  font-size: 10px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: #8ca7b5;
  margin-left: 18px;
  border-left: 1px solid #39e8ff25;
  padding-left: 20px;
}
.mini-plan span {
  display: flex;
  gap: 9px;
  align-items: center;
}
.mini-plan i {
  width: 5px;
  height: 5px;
  border: 1px solid var(--cyan);
  border-radius: 50%;
}
.windows-art {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  width: 80px;
  transform: perspective(300px) rotateY(-10deg);
}
.windows-art span {
  height: 36px;
  background: #39e8ff12;
  border: 1px solid #39e8ff60;
  box-shadow: 0 0 30px #39e8ff05;
}
.feature-1 .feature-art {
  position: absolute;
  right: 35px;
  width: 160px;
  height: 160px;
  top: 47px;
}
.feature-1 h3 {
  margin-top: 32px;
}
.feature-1 p {
  max-width: 240px;
}
.browser-art {
  width: 200px;
  border: 1px solid #a5c6d733;
  border-radius: 7px;
  padding: 10px;
  background: #0a1420;
}
.browser-art>div {
  border-bottom: 1px solid var(--border);
  display: flex;
  gap: 8px;
  padding-bottom: 8px;
  font-size: 12px;
  align-items: center;
  color: var(--cyan);
}
.browser-art>div>span {
  font: 7px var(--font-mono);
  color: #8197a7;
}
.browser-art>div i {
  margin-left: auto;
  width: 4px;
  height: 4px;
  background: #39e8ff88;
  border-radius: 50%;
}
.browser-art>b {
  display: block;
  height: 4px;
  width: 85%;
  background: #1c3442;
  margin-top: 11px;
  border-radius: 2px;
}
.browser-art>b:nth-child(3) {
  width: 60%;
  background: #24657566;
}
.vision-art {
  position: relative;
  width: 170px;
  height: 100px;
  border: 1px solid #2c606e;
  display: flex;
  gap: 8px;
  padding: 18px;
}
.vision-art i {
  display: block;
  background: #102732;
  width: 34px;
  height: 44px;
  border: 1px dashed #39e8ff44;
}
.vision-art>.mono {
  position: absolute;
  bottom: 7px;
  font-size: 5px;
  color: #39e8ff88;
}
.scan-line {
  height: 1px;
  background: #39e8ff;
  box-shadow: 0 0 12px #39e8ff80;
  position: absolute;
  left: 0;
  right: 0;
  top: 20%;
  animation: scan 4s ease-in-out infinite;
  opacity: .5;
}
@keyframes scan {
  50% {
    top: 80%;
  }
}
.home-demo-section {
  border-block: 1px solid var(--border);
  background: radial-gradient(ellipse at 75% 50%,#09222a55,transparent 55%),#070c13;
}
.home-demo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
  align-items: center;
  padding-block: 100px;
}
.home-demo-copy h2 {
  font-size: clamp(30px,3vw,44px);
}
.home-demo-copy>p {
  margin-top: 25px;
  font-size: 13px;
  line-height: 1.9;
  max-width: 400px;
}
.home-demo-copy .button {
  margin-top: 30px;
}
.home-demo-copy>small {
  display: block;
  font-size: 10px;
  margin-top: 15px;
}
.demo-preview {
  border: 1px solid #43677855;
  border-radius: 12px;
  background: #0b121b;
  transform: perspective(1000px) rotateY(-3deg);
  box-shadow: 0 24px 80px #0008;
  overflow: hidden;
}
.window-title {
  height: 42px;
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding-inline: 16px;
  color: #748da0;
}
.window-title .mono {
  font-size: 7px;
}
.window-title>span:first-child {
  display: flex;
  gap: 4px;
}
.window-title i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #46515d;
}
.demo-preview-content {
  padding: 26px;
}
.preview-command {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 10px;
  padding-bottom: 27px;
  border-bottom: 1px solid var(--border);
  margin-bottom: 18px;
  color: #c5d6df;
}
.mini-avatar {
  display: inline-flex;
  width: 26px;
  height: 26px;
  border: 1px solid #39e8ff45;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  font-family: var(--font-display);
  color: var(--cyan);
  background: #39e8ff0d;
  flex-shrink: 0;
}
.preview-step {
  display: flex;
  gap: 15px;
  align-items: center;
  padding: 13px 0;
  font-size: 10px;
}
.preview-step>span:first-child {
  font-family: var(--font-mono);
  color: #628797;
  font-size: 9px;
}
.preview-step b {
  font-weight: 500;
}
.preview-step p {
  font-size: 9px;
  margin-top: 3px;
}
.preview-step>span:last-child {
  margin-left: auto;
}
.preview-step.current b {
  color: var(--cyan);
}
.preview-progress {
  height: 2px;
  background: #1a2c37;
  margin-top: 18px;
  margin-bottom: 16px;
}
.preview-progress i {
  display: block;
  width: 68%;
  height: 100%;
  background: var(--cyan);
}
.demo-preview-content>.mono {
  font-size: 6px;
}
.home-manifest {
  display: flex;
  gap: 60px;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}
.home-manifest p {
  font-size: 13px;
  max-width: 500px;
  line-height: 1.9;
  margin-top: 25px;
}
.home-manifest .hero-buttons {
  gap: 25px;
}
.manifest-orbit {
  position: relative;
  width: 320px;
  height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.manifest-orbit>div {
  position: absolute;
  inset: 0;
  border: 1px solid #39e8ff15;
  border-radius: 50%;
}
.manifest-orbit>div:nth-child(2) {
  inset: 40px;
  border-style: dashed;
  animation: orbit-spin 70s linear infinite;
}
.manifest-orbit>div:nth-child(3) {
  inset: 80px;
  border-color: #39e8ff40;
}
.manifest-orbit>span {
  font: 60px var(--font-display);
  color: #39e8ff99;
}
.feature-filter {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  margin: 44px 0 24px;
}
.feature-filter>div {
  display: flex;
  gap: 8px;
}
.feature-filter button {
  font-size: 10px;
  padding: 9px 13px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--muted);
}
.feature-filter button.selected {
  border-color: #39e8ff40;
  color: var(--cyan);
  background: #39e8ff09;
}
.features-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 20px;
}
.feature-detail-card {
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(145deg,#0d1721,#080e16);
  transition: border-color .3s,box-shadow .3s;
}
.feature-detail-card:hover {
  border-color: #39e8ff50;
  box-shadow: 0 12px 35px #0003;
}
.feature-open {
  display: block;
  width: 100%;
  text-align: left;
  background: none;
  border: 0;
  padding: 28px;
  scroll-margin-top: 110px;
}
.feature-card-copy {
  padding-top: 18px;
  border-top: 1px solid var(--border);
}
.feature-card-copy h2 {
  font-size: 26px;
  margin: 14px 0 10px;
}
.feature-ru {
  color: #d0dee6;
  font-size: 13px !important;
}
.feature-card-copy p {
  font-size: 11px;
  margin-bottom: 9px;
}
.feature-card-copy .text-link {
  margin-top: 16px;
  font-size: 11px;
  color: #a7d5df;
}
.mini-feature {
  position: relative;
  height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0 10px;
  overflow: hidden;
  gap: 16px;
}
.mini-feature:before {
  content: '';
  position: absolute;
  width: 260px;
  height: 160px;
  background: radial-gradient(ellipse,#00cfff0a,transparent 70%);
  pointer-events: none;
}
.mini-chat {
  width: 70%;
  max-width: 310px;
  display: flex;
  flex-direction: column;
  gap: 13px;
  z-index: 1;
}
.mini-chat>span {
  padding: 10px 15px;
  border: 1px solid var(--border);
  border-radius: 9px;
  font-size: 10px;
  width: 80%;
  color: #b6d0dc;
}
.mini-chat>span:nth-child(2) {
  align-self: flex-end;
  background: #102632;
  color: #a5e6f1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mini-chat>div {
  display: flex;
  gap: 5px;
  margin-left: 10px;
}
.mini-chat i {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--cyan);
}
.mini-active .mini-chat>div i {
  animation: core-pulse .6s infinite;
}
.mini-windows {
  width: 300px;
  height: 150px;
  position: relative;
}
.notepad {
  width: 230px;
  height: 130px;
  background: #0d1a25;
  border: 1px solid #31556577;
  border-radius: 6px;
  position: absolute;
  top: 3px;
  left: 0;
  box-shadow: 0 10px 20px #0003;
  transition: transform .5s;
}
.notepad>div {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 8px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--border);
  color: var(--muted);
}
.notepad>div>span {
  margin-left: auto;
  font-size: 8px;
  letter-spacing: 5px;
}
.notepad p {
  font: 9px var(--font-mono);
  padding: 16px;
}
.notepad>i {
  display: block;
  width: 1px;
  height: 10px;
  background: var(--cyan);
  margin-left: 16px;
}
.calculator {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 110px;
  height: 120px;
  background: #101d2b;
  border: 1px solid #526c8066;
  border-radius: 6px;
  padding: 10px;
  color: #99c7d4;
  box-shadow: 0 10px 25px #0007;
  display: flex;
  flex-direction: column;
  font-size: 9px;
  gap: 5px;
}
.calculator b {
  font: 20px var(--font-mono);
  align-self: flex-end;
}
.calculator>span {
  word-spacing: 16px;
  font-size: 9px;
  color: #809baa;
}
.mini-active .notepad {
  animation: window-switch 1.8s ease-in-out both;
}
.mini-active .calculator {
  animation: calculator-switch 1.8s ease-in-out both;
}
@keyframes window-switch {
  40% {
    z-index: 3;
    transform: translate(12px,6px);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes calculator-switch {
  100% {
    transform: translateY(-5px);
  }
}
.mini-browser {
  width: 300px;
  max-width: 90%;
  height: 145px;
  border: 1px solid #42647666;
  border-radius: 7px;
  background: #0b1622;
  overflow: hidden;
}
.mini-browser>div {
  display: flex;
  gap: 10px;
  align-items: center;
  height: 29px;
  background: #0f1b27;
  padding-inline: 9px;
  font-size: 7px;
  color: #859dad;
}
.mini-browser>div>span:first-child {
  background: #193440;
  padding: 5px 9px;
  border-radius: 4px;
  color: #b3dce7;
}
.mini-browser p {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 10px;
  padding: 9px;
  border-block: 1px solid var(--border);
}
.mini-browser p>span {
  font: 7px var(--font-mono);
}
.mini-browser p>svg {
  margin-left: auto;
}
.mini-browser>i {
  display: block;
  height: 5px;
  margin: 12px 14px;
  background: #18313d;
  width: 70%;
  border-radius: 2px;
}
.mini-browser>i:nth-last-child(2) {
  width: 48%;
  background: #1a6473;
}
.mini-browser>i:last-child {
  width: 60%;
}
.mini-active .mini-browser>i:nth-last-child(2) {
  animation: highlight 1s ease-in-out 2;
}
@keyframes highlight {
  50% {
    background: #39e8ff66;
    box-shadow: 0 0 0 6px #39e8ff16;
  }
}
.preview-vision {
  flex-direction: column;
  gap: 0;
}
.vision-target {
  border: 1px solid #33566c77;
  width: 240px;
  height: 115px;
  padding: 12px;
  background: #0c1721;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.vision-target>span {
  border: 1px dashed #39e8ff80;
  font-size: 9px;
  padding: 5px;
  grid-column: span 2;
  color: #a7c5d1;
}
.vision-target>i {
  height: 25px;
  border: 1px dashed #39e8ff55;
  background: #17303a;
}
.vision-target>b {
  display: none;
}
.scan-label {
  font-size: 7px;
  color: #659aaa;
  margin-top: 12px;
}
.preview-voice {
  flex-direction: column;
  gap: 14px;
}
.preview-voice>.mono {
  font-size: 7px;
}
.preview-voice .waveform {
  transform: scale(1.4);
}
.mini-messages {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 270px;
  max-width: 95%;
}
.mini-messages>span {
  font: 8px var(--font-mono);
  color: #a1bdcc;
  display: flex;
  align-items: center;
  gap: 10px;
}
.mini-messages>span i {
  font: 6px var(--font-mono);
  color: #7893a4;
  border: 1px solid var(--border);
  padding: 2px 4px;
}
.mini-messages>p {
  font-size: 9px;
  padding: 12px;
  border: 1px solid #273f4e;
  border-radius: 9px;
  align-self: flex-end;
  background: #102431;
}
.mini-messages>p:last-child {
  align-self: flex-start;
  display: flex;
  gap: 13px;
  background: #0c1924;
}
.mini-messages>p svg {
  color: var(--cyan);
}
.mini-active .mini-messages>p {
  animation: message-in .4s both;
}
.mini-active .mini-messages>p:last-child {
  animation-delay: .7s;
}
@keyframes message-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}
.mini-memory {
  width: 270px;
  max-width: 95%;
  border: 1px solid #35546688;
  border-radius: 8px;
  background: #0d1c29;
  padding: 17px;
  font-size: 9px;
  transform: rotate(-2deg);
}
.mini-memory>span:first-child {
  display: flex;
  gap: 8px;
  align-items: center;
  color: #b6d4df;
}
.mini-memory>p {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 13px 0;
  color: #8ba5b4;
  font-size: 8px;
}
.mini-memory>p>i {
  width: 9px;
  height: 9px;
  border: 1px solid #6c9aac;
  border-radius: 2px;
}
.mini-memory>p svg {
  color: var(--cyan);
}
.mini-memory>.mono {
  font-size: 6px;
  border-top: 1px solid var(--border);
  display: block;
  padding-top: 11px;
  color: #678596;
}
.mini-active .mini-memory>p:first-of-type>i {
  background: var(--cyan);
  transition: background .5s;
}
.mini-workflow {
  display: flex;
  gap: 22px;
  position: relative;
}
.mini-workflow:before {
  content: '';
  position: absolute;
  top: 17px;
  left: 20px;
  right: 20px;
  border-top: 1px solid #39e8ff30;
}
.mini-workflow>div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  font-size: 7px;
  color: #829caa;
  z-index: 1;
}
.workflow-node {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0e1e2b;
  border: 1px solid #39e8ff50;
  border-radius: 9px;
  color: #98e5ef;
  font: 11px var(--font-mono);
}
.mini-active .workflow-node {
  animation: workflow-step 1.5s ease-in-out both;
}
.mini-active>div>div:nth-child(2) .workflow-node {
  animation-delay: .3s;
}
.mini-active>div>div:nth-child(3) .workflow-node {
  animation-delay: .6s;
}
.mini-active>div>div:nth-child(4) .workflow-node {
  animation-delay: .9s;
}
@keyframes workflow-step {
  to {
    background: #18434c;
    border-color: var(--cyan);
  }
}
.modal {
  position: fixed;
  margin: auto;
  background: linear-gradient(145deg,#111e2a,#080f18);
  border: 1px solid #3a5b6b;
  border-radius: 16px;
  width: min(530px,calc(100vw - 32px));
  padding: 28px;
  max-height: calc(100svh - 48px);
  overflow: auto;
  box-shadow: 0 20px 100px #0009;
}
.modal[open] {
  animation: modal-in .22s ease-out;
}
.modal::backdrop {
  background: #02050bbf;
  backdrop-filter: blur(7px);
}
.modal-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.modal-top>.mono {
  font-size: 8px;
}
.modal h2 {
  font-size: 30px;
  margin-bottom: 16px;
}
.modal h2+.status-label {
  margin-bottom: 15px;
}
.modal-description {
  font-size: 12px;
  line-height: 1.9;
  margin-bottom: 22px;
}
.modal>.small {
  margin-top: 18px;
}
.modal .mini-feature {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #060d16;
}
.modal .button+.button {
  margin-top: 10px;
}
.demo-result {
  min-height: 80px;
  padding: 16px;
  background: #39e8ff05;
  border-left: 1px solid #39e8ff77;
  border-radius: 0 5px 5px 0;
  margin: 16px 0 24px;
  font-size: 11px;
  color: #a0c3d0;
}
.purchase-symbol {
  width: 72px;
  height: 72px;
  border: 1px solid #39e8ff50;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--cyan);
  margin: 30px auto;
  background: #39e8ff08;
}
.selected-plan-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 17px;
  border: 1px solid var(--border);
  border-radius: 8px;
  font-size: 12px;
  margin-block: 25px 16px;
}
.selected-plan-row strong {
  font-family: var(--font-display);
  font-weight: 500;
  letter-spacing: .05em;
}
.modal .selected-plan-row~.button {
  margin-top: 20px;
}
@keyframes modal-in {
  from {
    opacity: 0;
    transform: translateY(12px) scale(.98);
  }
}
.demo-page .page-intro h1 {
  font-size: clamp(38px,4vw,58px);
}
.workspace {
  border: 1px solid #42647555;
  border-radius: 12px;
  background: #0a121c;
  overflow: hidden;
  box-shadow: 0 15px 90px #0004;
}
.workspace-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 17px 20px;
  border-bottom: 1px solid var(--border);
  background: #101a24;
}
.workspace-top>span:first-child {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .05em;
}
.workspace-top .mono {
  font-size: 8px;
}
.workspace-top>span>svg {
  color: var(--cyan);
}
.workspace-grid {
  display: grid;
  grid-template-columns: 245px minmax(0,1fr) 235px;
  min-height: 640px;
}
.workspace-sidebar {
  border-right: 1px solid var(--border);
  padding: 23px 16px;
  display: flex;
  flex-direction: column;
}
.panel-label {
  display: flex;
  align-items: center;
  gap: 7px;
  font: 8px var(--font-mono);
  letter-spacing: .08em;
  color: #7c91a5;
  margin-bottom: 20px;
}
.scenario-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.scenario-list button {
  padding: 12px 10px;
  background: none;
  display: flex;
  gap: 10px;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 7px;
  text-align: left;
  font-size: 10px;
  line-height: 1.65;
  color: #9eafbd;
  transition: background .2s;
}
.scenario-list button>svg:first-child {
  color: #7496aa;
}
.scenario-list button>svg:last-child {
  margin-left: auto;
  color: #597589;
}
.scenario-list button:hover,.scenario-list button[aria-pressed=true] {
  border-color: #39e8ff2b;
  background: #39e8ff07;
  color: #d6f2f7;
}
.tool-list {
  margin-top: 35px;
  border-top: 1px solid var(--border);
  padding-top: 24px;
}
.tool-list>div {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 6px 5px;
  font-size: 9px;
  color: #8da6b5;
}
.tool-list .mono {
  margin-left: auto;
  font-size: 7px;
}
.tool-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #477180;
}
.demo-controls {
  margin-top: auto;
  padding-top: 24px;
}
.demo-controls label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 9px;
  color: var(--muted);
  margin-bottom: 10px;
}
.demo-controls select {
  font-size: 10px;
  min-height: 38px;
  width: 100%;
}
.workspace-chat {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 0 22px;
}
.chat-header {
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid var(--border);
}
.chat-header>span {
  display: flex;
  align-items: center;
  gap: 9px;
}
.chat-header b {
  font: 12px var(--font-display);
  letter-spacing: .05em;
}
.chat-header .small {
  font-size: 9px;
}
.chat-header .badge {
  font-size: 7px;
}
.chat-messages {
  flex: 1;
  min-height: 385px;
  max-height: 450px;
  overflow-y: auto;
  padding: 22px 0;
  scrollbar-width: thin;
  scrollbar-color: #315467 transparent;
}
.chat-welcome {
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 360px;
  gap: 20px;
}
.chat-welcome>svg {
  color: #5999aa;
}
.chat-welcome h2 {
  font-size: 28px;
}
.chat-welcome p {
  font-size: 11px;
  line-height: 1.9;
}
.chat-welcome>.mono {
  font-size: 7px;
  margin-top: 15px;
}
.user-message {
  padding: 12px 16px;
  background: #142a36;
  border: 1px solid #2a505f88;
  color: #c9e6ef;
  border-radius: 10px 10px 2px 10px;
  font-size: 11px;
  margin-left: 32px;
  margin-bottom: 25px;
  line-height: 1.7;
}
.assistant-message {
  display: flex;
  gap: 12px;
}
.assistant-message>div {
  flex: 1;
  min-width: 0;
}
.assistant-message b {
  font: 11px var(--font-display);
  letter-spacing: .03em;
}
.assistant-message .small {
  font: 8px var(--font-body);
}
.response-step {
  display: flex;
  gap: 10px;
  margin-top: 20px;
  animation: message-in .3s ease-out;
}
.response-step>.mono {
  font-size: 7px;
  color: #527d8c;
  line-height: 2;
}
.response-step>div {
  flex: 1;
  min-width: 0;
}
.response-step .step-label {
  font: 9px var(--font-mono);
  color: #a6dbe5;
}
.response-step p {
  font-size: 10px;
  line-height: 1.85;
  margin-top: 6px;
}
.response-step>svg {
  color: var(--cyan);
  margin-top: 2px;
  opacity: .7;
}
.verified-result {
  font-size: 9px;
  display: flex;
  gap: 9px;
  align-items: center;
  border: 1px solid #64e4bb26;
  background: #64e4bb06;
  border-radius: 6px;
  padding: 12px;
  margin-top: 22px;
  color: #85c9b5;
}
.chat-form {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #486a7c66;
  border-radius: 9px;
  background: #080f18;
  padding: 7px;
  margin-top: 15px;
}
.chat-form:focus-within {
  border-color: #39e8ff88;
}
.chat-form input {
  flex: 1;
  border: 0;
  background: none;
  min-height: 35px;
  padding: 7px 10px;
  font-size: 11px;
  width: 100%;
}
.chat-form input:focus-visible {
  outline: 0;
}
.send-button {
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--cyan);
  color: #051116;
  border: 0;
  border-radius: 7px;
  flex-shrink: 0;
}
.chat-bottom {
  padding: 12px 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
.chat-bottom>.small {
  font-size: 8px;
}
.chat-bottom>div {
  display: flex;
  gap: 10px;
}
.small-control {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 8px;
  color: #8eafbf;
  background: none;
  border: none;
  padding: 6px 0;
  min-height: 30px;
}
.workspace-system {
  border-left: 1px solid var(--border);
  padding: 15px 22px;
  min-width: 0;
  background: #0b141e55;
}
.system-core {
  margin: 0 -7px;
  aspect-ratio: 1;
}
.system-state {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: -14px;
}
.system-state>.mono {
  font-size: 7px;
}
.system-state>strong {
  font: 21px var(--font-display);
  font-weight: 400;
  letter-spacing: -.02em;
}
.system-state>.small {
  font-size: 8px;
}
.stage-list {
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.stage-list>div {
  display: flex;
  gap: 10px;
  align-items: center;
  font: 8px var(--font-mono);
  color: #84929f;
}
.stage-list>div>span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  border: 1px solid #344954;
  border-radius: 50%;
  font-size: 6px;
}
.stage-list .stage-active {
  color: #9dc9d3;
}
.stage-list .stage-active>span {
  border-color: #39e8ff66;
  color: var(--cyan);
}
.stage-list .stage-current {
  color: var(--cyan);
}
.stage-list .stage-current>span {
  box-shadow: 0 0 14px #39e8ff0e;
}
.task-progress {
  height: 3px;
  border-radius: 3px;
  overflow: hidden;
  background: #20303e;
  margin-top: 24px;
}
.task-progress>i {
  display: block;
  background: var(--cyan);
  height: 100%;
  transition: width .5s;
}
.system-history {
  border-top: 1px solid var(--border);
  margin-top: 30px;
  padding-top: 22px;
}
.system-history .panel-label {
  font-size: 7px;
}
.system-history>.small {
  font-size: 9px;
}
.system-history>div {
  display: flex;
  gap: 6px;
  font-size: 8px;
  padding: 7px 0;
  color: #91acba;
}
.system-history>div>svg {
  color: #69bfa7;
  margin-top: 2px;
}
.workspace-bottom {
  display: flex;
  justify-content: space-between;
  padding: 12px 20px;
  border-top: 1px solid var(--border);
  font-size: 7px;
  color: #718b9c;
}
.workspace-bottom .status-dot {
  width: 4px;
  height: 4px;
}
.demo-footnote {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 40px;
}
.demo-footnote>.mono {
  color: #90acba;
  font-size: 8px;
}
.demo-footnote>p {
  font-size: 11px;
  line-height: 1.9;
  max-width: 720px;
}
.pricing-page>.page-intro {
  text-align: center;
}
.pricing-page>.page-intro .eyebrow {
  justify-content: center;
}
.pricing-page>.page-intro h1 {
  margin-inline: auto;
}
.pricing-page>.page-intro>p {
  margin-inline: auto;
  max-width: 560px;
}
.pricing-page>.page-intro:after {
  display: none;
}
.billing-control {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin: 2px 0 55px;
}
.billing-control>.small {
  font-size: 10px;
}
.segmented {
  display: flex;
  background: #0b131d;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 4px;
}
.segmented button {
  border: 0;
  background: transparent;
  padding: 10px 22px;
  color: var(--muted);
  font-size: 11px;
  border-radius: 5px;
  transition: background .2s;
}
.segmented .selected {
  background: #1a2c39;
  color: #d4e8f0;
  box-shadow: 0 1px 8px #0004;
}
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 20px;
  align-items: stretch;
  max-width: 1160px;
  margin-inline: auto;
}
.pricing-card {
  position: relative;
  background: linear-gradient(135deg,#0e1924,#0a1018);
  border: 1px solid var(--border);
  border-radius: 13px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  transition: box-shadow .3s,border-color .3s;
}
.pricing-card:hover {
  box-shadow: 0 20px 50px #0005;
  transform: translateY(-4px) !important;
}
.pricing-default {
  background: radial-gradient(ellipse at 50% 0,#163b47,transparent 65%),#0c1821;
  border-color: #39e8ff66;
}
.pricing-pro {
  background: radial-gradient(ellipse at 100% 0,#172f4b55,transparent 65%),#0a121c;
}
.pricing-pro:after {
  content: '';
  position: absolute;
  right: 25px;
  top: 25px;
  width: 52px;
  height: 52px;
  border: 1px solid #39e8ff12;
  border-radius: 50%;
  pointer-events: none;
}
.pricing-card.plan-selected {
  border-color: #39e8ff99;
}
.pricing-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  color: #7f9fae;
}
.plan-symbol {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #96b8c8;
}
.pricing-default .plan-symbol {
  color: var(--cyan);
}
.pricing-pro .plan-symbol {
  color: #9bdcfb;
}
.pricing-card-top>.mono {
  font-size: 8px;
}
.plan-flag {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  background: #23434f;
  border: 1px solid #427783;
  border-radius: 5px;
  padding: 5px 13px;
  color: #b1e8ee;
  font: 7px var(--font-mono);
  letter-spacing: .07em;
}
.plan-kicker {
  font-size: 8px;
  color: #7196a7;
  letter-spacing: .17em;
}
.pricing-card h2 {
  font-size: 39px;
  letter-spacing: .015em;
  margin-top: 10px;
}
.plan-subtitle {
  font-size: 10px;
  min-height: 20px;
  margin-top: 12px;
  color: #b6c5d0;
}
.plan-price {
  padding: 27px 0 25px;
  margin-top: 24px;
  border-block: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.plan-price strong {
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 400;
  letter-spacing: -.03em;
}
.plan-price>span {
  font-size: 9px;
  color: #7f9aab;
}
.plan-description {
  font-size: 10px;
  min-height: 44px;
  margin-top: 22px;
  margin-bottom: 18px;
}
.pricing-card .button {
  font-size: 11px;
  min-height: 45px;
}
.plan-features {
  margin-top: 25px;
  margin-bottom: 25px;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.plan-features>li {
  display: flex;
  gap: 10px;
  font-size: 10px;
  color: #acbdc9;
  align-items: flex-start;
  line-height: 1.7;
}
.plan-features>li>svg {
  margin-top: 1px;
  color: #5b8a9b;
  width: 12px;
}
.pricing-default .plan-features>li>svg {
  color: #78c7d6;
}
.plan-local-status {
  display: flex;
  gap: 7px;
  align-items: center;
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px solid var(--border);
  font-size: 9px;
  color: #6f8a9c;
  min-height: 36px;
}
.plan-selected .plan-local-status {
  color: #95d7de;
}
.pricing-notice {
  max-width: 1160px;
  margin: 27px auto 0;
}
.comparison-section {
  margin-top: 100px;
}
.comparison-section h2 {
  font-size: 34px;
}
.comparison-section .section-heading>.mono {
  font-size: 7px;
}
.comparison-scroll {
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: 10px;
}
.comparison-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
}
.comparison-table th,.comparison-table td {
  padding: 21px 24px;
  border-bottom: 1px solid var(--border);
  text-align: center;
}
.comparison-table th:first-child {
  text-align: left;
  width: 45%;
  font-weight: 400;
  color: #a6b9c7;
}
.comparison-table thead th {
  font-family: var(--font-display);
  font-size: 13px;
  letter-spacing: .04em;
  background: #0d1822;
}
.comparison-table tbody th,.comparison-table tbody td {
  background: #0a1119;
}
.comparison-table tr:last-child th,.comparison-table tr:last-child td {
  border-bottom: none;
}
.comparison-table td>svg {
  margin: auto;
  color: #79c8d5;
}
.comparison-table td>span {
  color: #57707f;
}
.comparison-note {
  font-size: 11px;
  color: var(--muted);
  margin-top: 20px;
}
.comparison-note summary {
  display: flex;
  align-items: center;
  gap: 15px;
  cursor: pointer;
  padding: 10px 0;
}
.comparison-note summary svg {
  transition: transform .2s;
}
.comparison-note[open] summary svg {
  transform: rotate(180deg);
}
.comparison-note p {
  max-width: 750px;
  line-height: 1.9;
  margin-top: 8px;
}
.pricing-faq {
  max-width: 800px;
  margin: 100px auto 0;
}
.pricing-faq h2 {
  font-size: 34px;
  margin-bottom: 30px;
}
.pricing-faq>.text-link {
  margin-top: 25px;
}
.profile-page>.page-intro h1 {
  font-size: clamp(36px,4vw,58px);
}
.dashboard {
  display: grid;
  grid-template-columns: 230px minmax(0,1fr);
  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden;
  background: #09111a;
  min-height: 660px;
}
.profile-sidebar {
  padding: 28px 17px;
  border-right: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  background: #0e182266;
}
.sidebar-identity {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
  padding: 5px 0 28px;
  border-bottom: 1px solid var(--border);
}
.sidebar-identity>b {
  font-weight: 500;
  font-size: 13px;
  max-width: 100%;
  overflow-wrap: anywhere;
  text-align: center;
}
.avatar {
  width: 48px;
  height: 48px;
  border-radius: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #11313c;
  border: 1px solid #39e8ff40;
  color: #82e8f4;
  flex-shrink: 0;
}
.avatar-1 {
  background: #242a48;
  border-color: #8c9dff44;
  color: #b6c0ff;
}
.avatar-2 {
  background: #14382e;
  border-color: #79e0b144;
  color: #9ee5c1;
}
.avatar-3 {
  background: #3b2e23;
  border-color: #e4b78444;
  color: #e3c091;
}
.avatar-large {
  width: 80px;
  height: 80px;
  border-radius: 19px;
}
.profile-sidebar nav {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-top: 25px;
}
.profile-sidebar nav>button {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: #8da2b3;
  font-size: 11px;
  text-align: left;
}
.profile-sidebar nav>button>svg:last-child {
  margin-left: auto;
  opacity: .4;
}
.profile-sidebar nav>button:hover {
  background: #ffffff04;
}
.profile-sidebar nav>button.active {
  background: #39e8ff08;
  border-color: #39e8ff29;
  color: #b9e7f1;
}
.profile-sidebar nav>button.active>svg:first-child {
  color: var(--cyan);
}
.sidebar-bottom {
  margin-top: auto;
  padding: 45px 12px 0;
  display: flex;
  align-items: flex-start;
  gap: 2px;
}
.sidebar-bottom .status-dot {
  margin-top: 5px;
  width: 4px;
  height: 4px;
}
.sidebar-bottom .mono {
  font-size: 7px;
  line-height: 1.9;
  color: #93adb9;
}
.profile-main {
  padding: 24px 30px 30px;
  min-width: 0;
}
.profile-content-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 7px;
}
.profile-content-title .mono {
  font-size: 8px;
}
.save-notice {
  min-height: 28px;
  display: flex;
  align-items: center;
  font-size: 10px;
  color: #89cdb9;
  gap: 5px;
  line-height: 1.5;
  margin-bottom: 6px;
}
.dashboard-panel {
  padding: 26px;
  border: 1px solid var(--border);
  background: linear-gradient(130deg,#101b26,#0b141e);
  border-radius: 10px;
  margin-bottom: 20px;
}
.dashboard-panel:last-child {
  margin-bottom: 0;
}
.panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 20px;
}
.panel-heading h2 {
  font-size: 17px;
  letter-spacing: -.02em;
}
.panel-heading>svg {
  color: #719eaf;
}
.panel-heading .badge {
  font-size: 6px;
}
.identity-panel {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
}
.identity-panel>div {
  flex: 1;
  min-width: 150px;
}
.identity-panel .mono {
  font-size: 7px;
}
.identity-panel h2 {
  font-size: 25px;
  margin: 9px 0;
  overflow-wrap: anywhere;
}
.identity-panel p {
  font-size: 10px;
}
.profile-language {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 8px;
  color: #91b3c2;
  margin-top: 10px;
}
.identity-panel>.button {
  font-size: 9px;
  min-height: 40px;
  padding: 9px 12px;
  gap: 10px;
}
.profile-overview-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 20px;
  margin-bottom: 20px;
}
.profile-overview-grid>.dashboard-panel {
  margin-bottom: 0;
}
.profile-plan-panel>.mono {
  font-size: 7px;
}
.profile-plan-panel h3 {
  font-size: 27px;
  letter-spacing: -.02em;
  margin: 15px 0 12px;
}
.profile-plan-panel h3>span {
  color: #b3e5ef;
}
.profile-plan-panel>p {
  font-size: 10px;
  max-width: 280px;
}
.profile-plan-list {
  display: flex;
  gap: 7px;
  margin: 22px 0;
}
.profile-plan-list>button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: none;
  border: 1px solid var(--border);
  border-radius: 5px;
  color: #839eaf;
  font: 8px var(--font-mono);
}
.profile-plan-list>button.selected {
  border-color: #39e8ff55;
  background: #39e8ff08;
  color: #a5e6f1;
}
.profile-plan-panel>.button {
  font-size: 10px;
  min-height: 40px;
}
.overview-core {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  gap: 17px;
}
.mini-system-orb {
  border: 1px solid #39e8ff30;
  border-radius: 50%;
  width: 85px;
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #66b7c7;
  box-shadow: 0 0 0 15px #39e8ff04,0 0 0 30px #39e8ff02;
  background: radial-gradient(#173b47,#0b151d);
}
.overview-core>.mono {
  font-size: 6px;
  margin-top: 8px;
}
.overview-core h3 {
  font-size: 22px;
  color: #afc7d1;
}
.overview-core>.text-link {
  font-size: 10px;
}
.device-grid {
  display: grid;
  gap: 12px;
  margin: 20px 0;
}
.device-card {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 18px;
  border: 1px solid #405c6c44;
  border-radius: 8px;
  background: #09121d66;
}
.device-card>svg {
  color: #729dad;
}
.device-card>div {
  min-width: 0;
}
.device-card b {
  font-size: 11px;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.device-card p {
  font-size: 9px;
  margin: 3px 0 8px;
}
.device-card>div>span {
  font-size: 8px;
  color: #75b6a2;
}
.device-card .status-dot {
  width: 3px;
  height: 3px;
  margin-right: 5px;
}
.device-card>.icon-button {
  margin-left: auto;
  width: 32px;
  height: 32px;
  border: none;
  color: #7594a7;
}
.device-card>.icon-button:hover {
  color: #f0a3a3;
}
.device-form {
  display: flex;
  gap: 10px;
  margin-block: 15px 7px;
}
.device-form input {
  flex: 1;
  font-size: 10px;
}
.device-form .button {
  font-size: 10px;
  min-height: 44px;
  padding: 9px 14px;
}
.device-form~.small {
  font-size: 8px;
}
.activity-list {
  margin-top: 20px;
}
.activity-list>div {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 17px 0;
  border-bottom: 1px solid var(--border);
}
.activity-list>div:last-child {
  border-bottom: 0;
}
.activity-icon {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #39e8ff30;
  background: #39e8ff05;
  border-radius: 7px;
  color: #74c1cb;
  flex-shrink: 0;
}
.activity-list b {
  font-size: 10px;
  font-weight: 400;
}
.activity-list p {
  font-size: 8px;
  margin-top: 4px;
}
.activity-list .badge {
  margin-left: auto;
  font-size: 6px;
}
.setting-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-block: 20px;
  border-bottom: 1px solid var(--border);
}
.setting-row b {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  font-weight: 500;
}
.setting-row b>svg {
  color: #6993a7;
}
.setting-row p {
  font-size: 9px;
  margin-top: 5px;
}
.setting-row select {
  font-size: 10px;
  min-width: 120px;
  min-height: 39px;
}
.switch {
  border: 1px solid #315064;
  width: 39px;
  height: 23px;
  border-radius: 20px;
  background: #142433;
  padding: 3px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  transition: background .2s;
}
.switch>span {
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #8096a5;
  transition: transform .2s,background .2s;
}
.switch[aria-checked=true] {
  border-color: #39e8ff66;
  background: #16404c;
}
.switch[aria-checked=true]>span {
  transform: translateX(15px);
  background: var(--cyan);
}
.demo-notification {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 23px;
  border: 1px solid #39e8ff30;
  background: #39e8ff05;
  padding: 16px;
  border-radius: 7px;
}
.demo-notification>svg {
  color: #78bdcb;
}
.demo-notification b {
  font-size: 10px;
  font-weight: 500;
}
.demo-notification p {
  font-size: 9px;
  margin-top: 4px;
}
.demo-notification .badge {
  margin-left: auto;
  font-size: 6px;
}
.security-panel>svg {
  color: #5e99ae;
  margin-bottom: 25px;
}
.security-panel>h2 {
  font-size: 27px;
  margin-bottom: 18px;
}
.security-panel>p {
  font-size: 12px;
  line-height: 1.9;
  max-width: 600px;
}
.session-row {
  display: flex;
  gap: 13px;
  align-items: center;
  border: 1px solid var(--border);
  padding: 20px;
  border-radius: 8px;
  margin: 30px 0;
  color: #90b3c3;
}
.session-row b {
  font-size: 11px;
  font-weight: 500;
  color: #ccdce4;
}
.session-row p {
  font-size: 9px;
  margin-top: 4px;
}
.session-row .badge {
  margin-left: auto;
  font-size: 6px;
}
.field-label {
  display: block;
  font-size: 11px;
  color: #b6c8d4;
  margin: 20px 0 10px;
}
.field-label+input {
  width: 100%;
  font-size: 13px;
}
.avatar-picker {
  display: flex;
  gap: 13px;
  margin: 16px 0 25px;
}
.avatar-picker .avatar {
  width: 55px;
  height: 55px;
  opacity: .6;
  transition: opacity .2s,outline-color .2s;
}
.avatar-picker .avatar.selected {
  outline: 1px solid var(--cyan);
  outline-offset: 4px;
  opacity: 1;
}
.avatar-picker~.button {
  margin-top: 25px;
}
.empty-message {
  font-size: 11px;
  padding-block: 20px;
}
.profile-page .page-intro {
  padding-bottom: 35px;
}
.download-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid #36556466;
  border-radius: 14px;
  overflow: hidden;
  background: #0b131e;
}
.download-visual {
  min-height: 400px;
  background: radial-gradient(ellipse at 50% 50%,#073f5666,transparent 65%),linear-gradient(#12202a22,#0a1823);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 40px;
  border-right: 1px solid var(--border);
  position: relative;
}
.download-visual:before {
  content: '';
  position: absolute;
  inset: 35px;
  border: 1px solid #39e8ff08;
  border-radius: 50%;
  transform: scaleX(.8);
}
.windows-logo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  width: 120px;
  transform: perspective(400px) rotateY(-13deg);
  filter: drop-shadow(0 0 30px #39e8ff12);
}
.windows-logo>span {
  height: 57px;
  background: #39e8ff07;
  border: 1px solid #39e8ff77;
}
.download-visual>.mono {
  font-size: 7px;
  color: #70a7bc;
}
.download-info {
  padding: 50px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.download-info h2 {
  font-size: 33px;
  margin: 20px 0 16px;
}
.download-platform {
  font-size: 12px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}
.download-platform .badge {
  font-size: 6px;
}
.release-meta {
  display: flex;
  gap: 45px;
  margin: 30px 0;
}
.release-meta>span {
  display: flex;
  flex-direction: column;
  font-size: 9px;
  color: #718fa2;
  gap: 6px;
}
.release-meta strong {
  font-weight: 400;
  color: #adc3cf;
  font-size: 10px;
}
.download-info>.small {
  font-size: 9px;
  margin-top: 18px;
}
.download-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  padding-block: 65px;
  border-bottom: 1px solid var(--border);
}
.info-icon {
  display: block;
  color: #699eb1;
  margin-bottom: 22px;
}
.download-details h2 {
  font-size: 24px;
  margin-bottom: 20px;
}
.download-details p {
  font-size: 12px;
  line-height: 1.9;
  max-width: 510px;
}
.installation-list {
  padding-left: 19px;
  color: #a3b7c6;
  font-size: 12px;
  line-height: 2.3;
}
.download-details .small {
  font-size: 10px;
}
.changelog {
  margin-top: 65px;
}
.changelog h2 {
  font-size: 32px;
}
.changelog .section-heading>svg {
  color: #537f96;
}
.empty-release {
  display: flex;
  gap: 22px;
  align-items: center;
  padding: 30px;
  background: #0b151f;
  border: 1px solid var(--border);
  border-radius: 9px;
}
.empty-release>svg {
  color: #638fa2;
}
.empty-release b {
  font-size: 14px;
  font-weight: 400;
}
.empty-release p {
  font-size: 11px;
  margin-top: 6px;
}
.empty-release>.text-link {
  margin-left: auto;
  flex-shrink: 0;
}
.roadmap-list {
  max-width: 1030px;
  margin: 60px auto 0;
}
.roadmap-item {
  display: flex;
  gap: 40px;
  min-height: 190px;
}
.roadmap-line {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 30px;
  flex-shrink: 0;
}
.roadmap-line>.mono {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #39647766;
  color: #7cb8cc;
  border-radius: 50%;
  background: #0b1721;
  font-size: 9px;
}
.roadmap-line>i {
  display: block;
  width: 1px;
  background: linear-gradient(#416f7d44,#416f7d22);
  flex: 1;
  margin-top: 12px;
  margin-bottom: 12px;
}
.roadmap-item:last-child .roadmap-line>i {
  display: none;
}
.roadmap-card {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: flex-start;
  flex: 1;
  padding: 8px 0 42px;
  position: relative;
}
.roadmap-card:after {
  content: '';
  position: absolute;
  bottom: 28px;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--border);
}
.roadmap-card .mono {
  font-size: 7px;
}
.roadmap-card h2 {
  font-size: 29px;
  letter-spacing: -.025em;
  margin: 12px 0 14px;
}
.roadmap-card p {
  font-size: 11px;
  line-height: 1.9;
  max-width: 570px;
}
.roadmap-card>.status-label {
  margin-top: 32px;
  flex-shrink: 0;
}
.roadmap-closing {
  text-align: center;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 55px 25px;
  margin-top: 30px;
  background: radial-gradient(ellipse at 50% 100%,#0f344044,transparent 65%);
}
.roadmap-closing>.mono {
  font-size: 8px;
}
.roadmap-closing h2 {
  font-size: 32px;
  margin: 22px 0 30px;
}
.faq-page {
  max-width: 1100px;
}
.accordion {
  border-top: 1px solid var(--border);
}
.accordion details {
  border-bottom: 1px solid var(--border);
}
.accordion summary {
  display: flex;
  gap: 25px;
  align-items: center;
  list-style: none;
  cursor: pointer;
  padding: 25px 3px;
  font-size: 13px;
  color: #cad8e2;
  transition: color .2s;
}
.accordion summary::-webkit-details-marker {
  display: none;
}
.accordion summary:hover {
  color: var(--cyan);
}
.faq-index {
  font-size: 8px;
  color: #638a9e;
}
.accordion summary>svg {
  margin-left: auto;
  color: #6e8c9e;
  transition: transform .2s;
  width: 17px;
  height: 17px;
}
.accordion details[open] summary>svg {
  transform: rotate(45deg);
  color: var(--cyan);
}
.accordion details p {
  padding: 0 40px 27px 43px;
  font-size: 12px;
  line-height: 1.95;
  max-width: 850px;
}
.faq-closing {
  display: flex;
  align-items: center;
  gap: 22px;
  background: #0c151f;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 30px;
  margin-top: 55px;
}
.faq-closing>svg {
  color: #6c9cae;
}
.faq-closing h2 {
  font-size: 18px;
}
.faq-closing p {
  font-size: 10px;
  margin-top: 10px;
}
.faq-closing>.text-link {
  margin-left: auto;
  white-space: nowrap;
}
.legal-page {
  max-width: 1030px;
}
.legal-page .page-intro h1 {
  font-size: clamp(30px,4vw,55px);
  overflow-wrap: anywhere;
}
.legal-warning {
  border-color: #b3985a38;
  background: #c89e2c05;
}
.legal-warning>svg {
  color: #b79c68;
}
.legal-warning p {
  color: #c0ad89;
}
.legal-sections {
  margin-top: 60px;
}
.legal-sections>section {
  display: flex;
  gap: 35px;
  padding-block: 30px;
  border-bottom: 1px solid var(--border);
}
.legal-sections>section>.mono {
  font-size: 8px;
  padding-top: 6px;
  color: #5b91a6;
}
.legal-sections h2 {
  font-size: 23px;
  letter-spacing: -.025em;
  margin-bottom: 16px;
}
.legal-sections p {
  font-size: 12px;
  line-height: 1.95;
  max-width: 800px;
}
.legal-page>.text-link {
  margin-top: 35px;
}
.legal-end {
  display: flex;
  gap: 9px;
  align-items: center;
  margin-top: 40px;
  font-size: 10px;
}
.legal-end svg {
  color: #75bca8;
}
.error-page {
  padding-block: 200px;
  min-height: 80vh;
}
.error-page h1 {
  font-size: clamp(40px,5vw,70px);
  margin: 25px 0;
}
.error-page p {
  margin-bottom: 30px;
}
.page-loading {
  height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  color: #6f9aac;
}
.footer {
  border-top: 1px solid var(--border);
  background: #070b12;
}
.footer-top {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1.2fr;
  gap: 45px;
  padding-block: 65px;
}
.footer-top>div:first-child p {
  font-size: 12px;
  line-height: 1.8;
  margin: 22px 0;
}
.footer-top>div:not(:first-child) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 13px;
  font-size: 10px;
  color: #8197a9;
}
.footer-top>div:not(:first-child)>a:hover {
  color: var(--cyan);
}
.footer-label {
  font-size: 10px;
  font-weight: 500;
  color: #d4dee6;
  margin-bottom: 9px;
}
.footer-note {
  font-size: 6px;
  color: #527184;
}
.footer-bottom {
  border-top: 1px solid var(--border);
  display: flex;
  justify-content: space-between;
  padding-block: 22px;
  gap: 20px;
  color: #648092;
  font-size: 8px;
}
.footer-bottom>.mono {
  font-size: 6px;
}
.footer-bottom .status-dot {
  width: 3px;
  height: 3px;
  box-shadow: none;
}
html[data-theme=midnight] {
  --bg: #040a15;
  --surface: #0b1427;
  --panel: #101d32;
  --border: rgba(128,167,217,.18);
}
html[data-compact=true] .profile-main {
  padding: 18px;
}
html[data-compact=true] .dashboard-panel {
  padding: 18px;
  margin-bottom: 12px;
}
html[data-compact=true] .setting-row {
  padding-block: 12px;
}
html[data-compact=true] .profile-overview-grid {
  gap: 12px;
  margin-bottom: 12px;
}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}
html[data-motion=off] {
  scroll-behavior: auto;
}
html[data-motion=off] .hero-core {
  transform: none !important;
}
@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior: auto;
  }
  *,*:before,*:after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  .hero-core {
    transform: none !important;
  }
}
@media (min-width:1700px) {
  .hero {
    min-height: 940px;
  }
  .hero-copy {
    top: 440px;
  }
  .hero-core {
    top: 170px;
    width: 720px;
    left: calc(52% - 310px);
  }
  .hero-float {
    top: 550px;
  }
  .hero h1 {
    font-size: 56px;
  }
}
@media (max-width:1200px) {
  .container,.header-inner {
    width: calc(100% - 72px);
  }
  .header-inner {
    gap: 20px;
  }
  .desktop-nav {
    gap: 20px;
  }
  .header-actions {
    gap: 16px;
  }
  .hero-core {
    width: 600px;
    left: calc(57% - 300px);
    top: 175px;
  }
  .hero-copy {
    max-width: 380px;
    top: 390px;
  }
  .hero h1 {
    font-size: 43px;
  }
  .hero-float {
    width: 170px;
    top: 550px;
  }
  .hero-float .waveform {
    gap: 2px;
  }
  .hero-topline .mono {
    font-size: 7px;
  }
  .hero-buttons .button {
    font-size: 10px;
    padding: 11px 13px;
    min-height: 45px;
  }
  .home-demo {
    gap: 55px;
  }
  .home-feature>a {
    padding: 22px;
  }
  .home-features {
    grid-template-columns: 1.1fr 1fr 1fr;
  }
  .feature-1 .feature-art {
    right: 20px;
    width: 120px;
  }
  .feature-1 p {
    max-width: 200px;
  }
  .module-strip>.container {
    gap: 15px;
  }
  .module-strip>.container>span {
    font-size: 8px;
    gap: 8px;
  }
  .strip-plus {
    margin-left: 0;
  }
  .workspace-grid {
    grid-template-columns: 210px minmax(0,1fr) 205px;
  }
  .workspace-chat {
    padding-inline: 18px;
  }
  .workspace-system {
    padding-inline: 15px;
  }
  .chat-header .small {
    display: none;
  }
  .pricing-card {
    padding: 26px 23px;
  }
  .plan-subtitle {
    font-size: 9px;
  }
  .dashboard {
    grid-template-columns: 200px minmax(0,1fr);
  }
  .profile-main {
    padding: 22px;
  }
  .dashboard-panel {
    padding: 22px;
  }
  .identity-panel {
    gap: 16px;
  }
  .identity-panel>.button {
    margin-left: 95px;
  }
  .profile-overview-grid {
    grid-template-columns: 1.2fr 1fr;
  }
  .profile-plan-list {
    gap: 5px;
  }
  .profile-plan-list>button {
    padding: 8px 9px;
    font-size: 7px;
  }
  .download-info {
    padding: 35px;
  }
  .release-meta {
    gap: 25px;
  }
  .faq-closing {
    flex-wrap: wrap;
  }
  .faq-closing>.text-link {
    margin-left: 45px;
  }
  .footer-top {
    gap: 30px;
  }
}
@media (max-width:900px) {
  .container,.header-inner {
    width: calc(100% - 48px);
  }
  .header-inner {
    height: 74px;
  }
  .desktop-nav,.header-actions {
    display: none;
  }
  .mobile-menu-toggle {
    display: flex;
    margin-left: auto;
    border: none;
  }
  .header.scrolled .header-inner {
    height: 64px;
  }
  .mobile-menu {
    display: block;
    background: #080f18;
    height: calc(100svh - 74px);
    overflow: auto;
    padding: 30px 24px 40px;
    border-top: 1px solid var(--border);
  }
  .mobile-menu>nav {
    display: flex;
    flex-direction: column;
    margin: 25px 0 35px;
  }
  .mobile-menu>nav>a {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 14px 0;
    border-bottom: 1px solid var(--border);
    font-size: 18px;
    font-family: var(--font-display);
  }
  .mobile-menu>nav>a>.mono {
    font-size: 8px;
    color: #608b9f;
  }
  .mobile-menu>nav>a>svg {
    margin-left: auto;
    color: #6b9aac;
  }
  .mobile-menu>nav>a[aria-current=page] {
    color: var(--cyan);
  }
  .mobile-menu>p {
    font-size: 11px;
  }
  .hero {
    min-height: 900px;
    height: 100svh;
  }
  .hero-topline {
    top: 110px;
  }
  .hero-topline>span:last-child {
    font-size: 6px;
  }
  .hero-wordmark {
    top: 165px;
    font-size: 24vw;
  }
  .hero-core {
    width: 540px;
    left: calc(61% - 270px);
    top: 165px;
    opacity: .9;
  }
  .hero-copy {
    top: 490px;
    max-width: 430px;
  }
  .hero h1 {
    font-size: 41px;
  }
  .hero-copy>p {
    max-width: 340px;
    font-size: 11px;
  }
  .hero-float {
    top: 660px;
    width: 150px;
  }
  .hero-float p {
    font-size: 12px;
  }
  .hero-float .waveform {
    display: none;
  }
  .hero-float>a {
    margin-top: 24px;
  }
  .hero-bottom>.muted {
    display: none;
  }
  .hero-bottom .mono {
    font-size: 7px;
  }
  .hero-copy .eyebrow {
    font-size: 7px;
  }
  .hero-buttons .button {
    font-size: 10px;
  }
  .module-strip>.container {
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px 28px;
    padding-block: 20px;
  }
  .module-strip>.container>span {
    font-size: 8px;
  }
  .module-strip>.container>span:last-child {
    display: none;
  }
  .section {
    padding-block: 75px;
  }
  .section-heading {
    gap: 30px;
    align-items: flex-start;
  }
  .section-heading h2 {
    font-size: 33px;
  }
  .section-aside {
    max-width: 230px;
    font-size: 10px;
  }
  .eyebrow {
    font-size: 7px;
    gap: 8px;
    margin-bottom: 19px;
  }
  .home-features {
    grid-template-columns: 1fr 1fr;
  }
  .home-feature.feature-0 {
    grid-row: auto;
    min-height: 410px;
  }
  .home-feature.feature-1 {
    grid-column: auto;
    min-height: 410px;
  }
  .feature-1 .feature-art {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    height: 250px;
  }
  .feature-0 .feature-art {
    height: 250px;
  }
  .feature-1 h3 {
    margin-top: 0;
  }
  .home-feature.feature-2,.home-feature.feature-3 {
    min-height: 300px;
  }
  .home-feature h3 {
    font-size: 22px;
  }
  .home-feature p {
    font-size: 10px;
  }
  .home-demo {
    gap: 35px;
    padding-block: 75px;
  }
  .home-demo-copy h2 {
    font-size: 31px;
  }
  .home-demo-copy>p {
    font-size: 11px;
  }
  .home-demo-copy .button {
    font-size: 10px;
    padding: 11px 14px;
  }
  .demo-preview-content {
    padding: 18px;
  }
  .preview-command {
    font-size: 8px;
    gap: 8px;
  }
  .window-title .mono {
    font-size: 6px;
  }
  .window-title>svg {
    display: none;
  }
  .preview-step {
    gap: 10px;
  }
  .preview-step b {
    font-size: 9px;
  }
  .preview-step p {
    font-size: 8px;
  }
  .demo-preview-content>.mono {
    font-size: 5px;
  }
  .home-manifest {
    gap: 30px;
  }
  .home-manifest h2 {
    font-size: 34px;
  }
  .manifest-orbit {
    width: 220px;
    height: 220px;
  }
  .manifest-orbit>div:nth-child(2) {
    inset: 30px;
  }
  .manifest-orbit>div:nth-child(3) {
    inset: 60px;
  }
  .manifest-orbit>span {
    font-size: 40px;
  }
  .page-content {
    padding-top: 120px;
    padding-bottom: 75px;
  }
  .page-intro {
    padding-bottom: 35px;
  }
  .page-intro h1 {
    font-size: 48px;
  }
  .page-intro>p {
    font-size: 12px;
  }
  .feature-open {
    padding: 22px;
  }
  .feature-top>.mono {
    font-size: 7px;
  }
  .feature-filter>.mono {
    font-size: 7px;
  }
  .feature-filter button {
    font-size: 9px;
    padding: 8px 10px;
  }
  .mini-workflow {
    gap: 13px;
  }
  .mini-workflow>div {
    font-size: 6px;
  }
  .workflow-node {
    width: 31px;
    height: 31px;
  }
  .feature-card-copy h2 {
    font-size: 23px;
  }
  .feature-card-copy .feature-ru {
    font-size: 11px !important;
  }
  .feature-card-copy p {
    font-size: 10px;
  }
  .mini-windows {
    transform: scale(.85);
  }
  .workspace-grid {
    grid-template-columns: 190px minmax(0,1fr);
  }
  .workspace-system {
    display: none;
  }
  .workspace-sidebar {
    padding: 20px 12px;
  }
  .workspace-chat {
    padding-inline: 18px;
  }
  .workspace-top .mono {
    font-size: 6px;
  }
  .workspace-top>span:first-child {
    font-size: 8px;
  }
  .workspace-grid {
    min-height: 620px;
  }
  .chat-messages {
    max-height: 460px;
  }
  .demo-footnote {
    grid-template-columns: 150px 1fr;
    gap: 20px;
  }
  .pricing-grid {
    gap: 13px;
  }
  .pricing-card {
    padding: 25px 18px;
  }
  .pricing-card h2 {
    font-size: 29px;
  }
  .plan-subtitle {
    font-size: 8px;
  }
  .plan-description {
    font-size: 9px;
    min-height: 51px;
  }
  .plan-price strong {
    font-size: 25px;
  }
  .plan-features>li {
    font-size: 9px;
    gap: 8px;
  }
  .pricing-card .button {
    font-size: 9px;
    padding: 10px 11px;
    gap: 5px;
  }
  .plan-flag {
    font-size: 6px;
    padding: 5px 9px;
  }
  .pricing-card-top {
    margin-bottom: 25px;
  }
  .plan-local-status {
    font-size: 8px;
  }
  .billing-control {
    margin-bottom: 45px;
  }
  .comparison-section {
    margin-top: 70px;
  }
  .comparison-section .section-heading {
    flex-direction: column;
    gap: 12px;
  }
  .dashboard {
    grid-template-columns: 170px minmax(0,1fr);
  }
  .profile-sidebar {
    padding-inline: 12px;
  }
  .profile-sidebar nav>button {
    font-size: 10px;
    gap: 8px;
    padding: 9px;
  }
  .profile-sidebar nav>button>svg:last-child {
    display: none;
  }
  .profile-main {
    padding: 18px;
  }
  .dashboard-panel {
    padding: 20px;
  }
  .profile-overview-grid {
    grid-template-columns: 1fr;
  }
  .overview-core {
    display: none;
  }
  .identity-panel>.button {
    margin-left: 0;
    width: 100%;
  }
  .identity-panel .avatar-large {
    width: 60px;
    height: 60px;
  }
  .identity-panel>div {
    min-width: 100px;
  }
  .identity-panel h2 {
    font-size: 22px;
  }
  .panel-heading h2 {
    font-size: 15px;
  }
  .device-form {
    flex-wrap: wrap;
  }
  .device-form>input {
    flex-basis: 100%;
  }
  .device-form>.button {
    width: 100%;
  }
  .device-card {
    padding: 14px;
    gap: 11px;
  }
  .device-card>svg {
    width: 22px;
  }
  .device-card b {
    font-size: 10px;
  }
  .device-card>div>span {
    font-size: 7px;
  }
  .setting-row {
    gap: 12px;
    flex-wrap: wrap;
  }
  .setting-row p {
    max-width: 260px;
  }
  .setting-row:has(.switch) {
    flex-wrap: nowrap;
  }
  .setting-row select {
    min-width: 130px;
  }
  .profile-content-title .mono {
    font-size: 6px;
  }
  .profile-content-title .badge {
    font-size: 6px;
  }
  .demo-notification {
    flex-wrap: wrap;
  }
  .demo-notification .badge {
    margin-left: 28px;
  }
  .download-visual {
    min-height: 350px;
  }
  .download-info {
    padding: 30px 25px;
  }
  .download-info h2 {
    font-size: 26px;
  }
  .download-platform {
    font-size: 10px;
    gap: 10px;
  }
  .release-meta {
    flex-direction: column;
    gap: 15px;
    margin: 22px 0;
  }
  .download-details {
    gap: 35px;
  }
  .download-details h2 {
    font-size: 21px;
  }
  .empty-release {
    flex-wrap: wrap;
    gap: 17px;
  }
  .empty-release>.text-link {
    margin-left: 40px;
  }
  .roadmap-item {
    gap: 27px;
  }
  .roadmap-card {
    flex-direction: column;
    gap: 14px;
  }
  .roadmap-card>.status-label {
    margin-top: 0;
    margin-bottom: 15px;
  }
  .roadmap-card p {
    max-width: 550px;
  }
  .footer-top {
    grid-template-columns: 1.3fr 1fr 1fr;
    gap: 35px;
  }
  .footer-top>div:first-child {
    grid-column: span 3;
    display: flex;
    align-items: center;
    gap: 35px;
  }
  .footer-top>div:first-child p {
    margin: 0;
  }
  .footer-note {
    margin-left: auto;
  }
}
@media (max-width:600px) {
  .container,.header-inner {
    width: calc(100% - 40px);
  }
  .brand {
    font-size: 20px;
    gap: 9px;
  }
  .brand>svg {
    width: 24px;
    height: 24px;
  }
  .header-inner {
    height: 68px;
  }
  .header.scrolled .header-inner {
    height: 60px;
  }
  .mobile-menu {
    height: calc(100svh - 68px);
    padding-top: 22px;
  }
  .mobile-menu>nav {
    margin-block: 16px 25px;
  }
  .mobile-menu>nav>a {
    font-size: 18px;
    padding-block: 12px;
  }
  .hero {
    height: auto;
    min-height: 960px;
    background: radial-gradient(ellipse at 50% 35%,#0c243044,transparent 50%);
  }
  .hero-container {
    min-height: 960px;
  }
  .hero-topline {
    top: 100px;
    justify-content: center;
  }
  .hero-topline .mono {
    font-size: 6px;
  }
  .hero-topline>span:last-child {
    display: none;
  }
  .hero-wordmark {
    top: 145px;
    font-size: 25vw;
    letter-spacing: .11em;
    -webkit-text-stroke: 1px #7296aa28;
  }
  .hero-core {
    top: 140px;
    left: 50%;
    margin-left: -225px;
    width: 450px;
    opacity: 1;
  }
  .core-coordinate {
    font-size: 5px;
  }
  .coordinate-a {
    left: 11%;
    top: 41%;
  }
  .coordinate-b {
    right: 11%;
    bottom: 26%;
  }
  .hero-copy {
    top: 550px;
    text-align: left;
    width: 100%;
    max-width: none;
  }
  .hero-copy .eyebrow {
    font-size: 6px;
    letter-spacing: .09em;
    gap: 8px;
    margin-bottom: 20px;
  }
  .hero h1 {
    font-size: 38px;
    line-height: 1.16;
    letter-spacing: -.055em;
  }
  .hero-copy>p {
    font-size: 11px;
    max-width: 330px;
    margin-top: 22px;
    line-height: 1.85;
  }
  .hero-buttons {
    gap: 10px;
    margin-top: 25px;
  }
  .hero-buttons .button {
    font-size: 10px;
    min-height: 46px;
    gap: 10px;
    padding-inline: 13px;
  }
  .hero-buttons .ghost {
    padding-inline: 9px;
  }
  .hero-float {
    display: none;
  }
  .hero-bottom {
    bottom: 22px;
    gap: 16px;
  }
  .hero-bottom>.hero-platform {
    font-size: 5px;
    gap: 5px;
  }
  .hero-platform svg {
    width: 12px;
    height: 12px;
  }
  .hero-bottom .scroll-cue .mono {
    font-size: 6px;
  }
  .scroll-icon {
    width: 21px;
    height: 30px;
  }
  .scroll-cue {
    gap: 8px;
  }
  .module-strip>.container {
    padding-block: 19px;
    justify-content: space-between;
    gap: 18px 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .module-strip>.container>span {
    font-size: 7px;
    gap: 9px;
  }
  .module-strip .strip-plus {
    margin-left: auto;
    font-size: 13px;
  }
  .strip-index {
    font-size: 6px;
  }
  .section {
    padding-block: 60px;
  }
  .section-heading {
    display: block;
    margin-bottom: 30px;
  }
  .section-heading h2 {
    font-size: 31px;
    line-height: 1.2;
  }
  .eyebrow {
    font-size: 6px;
    letter-spacing: .07em;
    gap: 7px;
    margin-bottom: 20px;
  }
  .eyebrow .tiny-line {
    width: 12px;
  }
  .eyebrow .index {
    padding-right: 7px;
  }
  .section-aside {
    margin-top: 23px;
    max-width: none;
    font-size: 11px;
  }
  .section-aside p {
    margin-bottom: 17px;
  }
  .text-link {
    font-size: 11px;
  }
  .home-features {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .home-feature>a {
    padding: 24px;
  }
  .home-feature.feature-0,.home-feature.feature-1,.home-feature.feature-2,.home-feature.feature-3 {
    min-height: 0;
  }
  .feature-0 .feature-art {
    height: 210px;
    margin-block: 5px 15px;
  }
  .feature-1 .feature-art {
    height: 150px;
  }
  .feature-art {
    height: 150px;
  }
  .feature-caption {
    font-size: 9px;
  }
  .home-feature h3 {
    font-size: 25px;
  }
  .home-feature p {
    font-size: 11px;
    max-width: 280px;
  }
  .feature-top .mono {
    font-size: 7px;
  }
  .home-demo {
    grid-template-columns: 1fr;
    gap: 40px;
    padding-block: 60px;
  }
  .home-demo-copy h2 {
    font-size: 32px;
  }
  .home-demo-copy>p {
    font-size: 12px;
  }
  .home-demo-copy .button {
    min-height: 46px;
    font-size: 11px;
  }
  .demo-preview {
    transform: none !important;
  }
  .demo-preview-content {
    padding: 22px;
  }
  .preview-command {
    font-size: 9px;
  }
  .preview-step b {
    font-size: 10px;
  }
  .preview-step p {
    font-size: 9px;
  }
  .window-title .mono {
    font-size: 6px;
  }
  .demo-preview-content>.mono {
    font-size: 6px;
  }
  .home-manifest {
    display: block;
  }
  .home-manifest h2 {
    font-size: 32px;
  }
  .home-manifest p {
    font-size: 12px;
  }
  .home-manifest .hero-buttons {
    gap: 20px;
  }
  .home-manifest .hero-buttons .button {
    font-size: 10px;
  }
  .manifest-orbit {
    display: none;
  }
  .page-content {
    padding-top: 108px;
    padding-bottom: 60px;
  }
  .page-intro h1 {
    font-size: 38px;
    line-height: 1.16;
    margin-bottom: 20px;
  }
  .page-intro:after {
    font-size: 18px;
    top: 0;
  }
  .page-intro>p {
    font-size: 12px;
    line-height: 1.85;
    max-width: 310px;
  }
  .page-intro .eyebrow {
    font-size: 6px;
    margin-bottom: 23px;
  }
  .page-intro {
    padding-bottom: 30px;
  }
  .info-strip {
    padding: 14px;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 25px;
  }
  .info-strip .status-dot {
    margin-top: 7px;
    width: 4px;
    height: 4px;
    margin-right: 0;
  }
  .info-strip>svg {
    width: 15px;
    height: 15px;
    margin-top: 2px;
  }
  .info-strip p {
    font-size: 9px;
    line-height: 1.85;
  }
  .features-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .feature-open {
    padding: 23px;
  }
  .feature-card-copy h2 {
    font-size: 27px;
  }
  .feature-card-copy .feature-ru {
    font-size: 12px !important;
  }
  .feature-card-copy p {
    font-size: 11px;
  }
  .mini-feature {
    height: 175px;
  }
  .mini-windows {
    transform: scale(.9);
  }
  .mini-workflow {
    gap: 15px;
  }
  .mini-workflow>div {
    font-size: 6px;
  }
  .feature-filter {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin: 30px 0 20px;
  }
  .feature-filter>.mono {
    font-size: 7px;
  }
  .feature-filter>div {
    gap: 5px;
    flex-wrap: wrap;
  }
  .feature-filter button {
    padding: 8px 10px;
    font-size: 9px;
  }
  .feature-card-copy .text-link {
    font-size: 10px;
  }
  .modal {
    padding: 23px;
    max-height: calc(100svh - 32px);
  }
  .modal h2 {
    font-size: 26px;
  }
  .modal-description {
    font-size: 11px;
    line-height: 1.85;
  }
  .modal-top {
    margin-bottom: 18px;
  }
  .modal .mini-feature {
    height: 175px;
  }
  .demo-result {
    font-size: 10px;
    min-height: 70px;
    padding: 13px;
  }
  .modal .button {
    min-height: 46px;
    font-size: 11px;
  }
  .modal .small {
    font-size: 10px;
  }
  .selected-plan-row {
    font-size: 10px;
    padding: 15px;
  }
  .demo-page .page-intro h1 {
    font-size: 37px;
  }
  .workspace-grid {
    display: flex;
    flex-direction: column;
  }
  .workspace-sidebar {
    border-right: 0;
    border-bottom: 1px solid var(--border);
    padding: 18px;
  }
  .workspace-sidebar>.panel-label {
    font-size: 7px;
    margin-bottom: 14px;
  }
  .scenario-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
  }
  .scenario-list button {
    border-color: var(--border);
    padding: 10px;
    font-size: 8px;
    gap: 7px;
    min-height: 62px;
  }
  .scenario-list button>svg:first-child {
    width: 13px;
    height: 13px;
  }
  .scenario-list button>svg:last-child {
    display: none;
  }
  .scenario-list button:last-child {
    grid-column: span 2;
    min-height: 41px;
  }
  .tool-list {
    display: none;
  }
  .demo-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding-top: 16px;
  }
  .demo-controls label {
    font-size: 8px;
    margin: 0;
  }
  .demo-controls label svg {
    width: 12px;
  }
  .demo-controls select {
    width: 142px;
    font-size: 8px;
    min-height: 34px;
    padding: 6px 10px;
  }
  .workspace-chat {
    padding-inline: 16px;
  }
  .workspace-top {
    padding: 15px;
  }
  .workspace-top>span:first-child {
    font-size: 7px;
    gap: 7px;
  }
  .workspace-top>span:first-child>svg {
    width: 13px;
  }
  .workspace-top>span:last-child {
    display: none;
  }
  .workspace-top .badge {
    font-size: 6px;
  }
  .chat-header {
    height: 59px;
  }
  .chat-header b {
    font-size: 10px;
  }
  .chat-header>.badge {
    font-size: 6px;
  }
  .chat-welcome {
    min-height: 315px;
  }
  .chat-welcome h2 {
    font-size: 25px;
  }
  .chat-welcome p {
    font-size: 10px;
    max-width: 240px;
  }
  .chat-welcome .mono {
    font-size: 5px;
  }
  .chat-messages {
    min-height: 360px;
    max-height: 470px;
  }
  .user-message {
    font-size: 10px;
    margin-left: 20px;
    padding: 12px;
  }
  .assistant-message {
    gap: 9px;
  }
  .assistant-message .mini-avatar {
    width: 23px;
    height: 23px;
    font-size: 12px;
  }
  .assistant-message b {
    font-size: 10px;
  }
  .assistant-message .small {
    font-size: 7px;
  }
  .response-step {
    gap: 7px;
  }
  .response-step p {
    font-size: 9px;
  }
  .response-step .step-label {
    font-size: 8px;
  }
  .verified-result {
    font-size: 8px;
    line-height: 1.7;
  }
  .chat-form {
    padding: 5px;
  }
  .chat-form input {
    font-size: 10px;
    padding-inline: 7px;
  }
  .chat-bottom {
    padding-bottom: 13px;
    gap: 5px;
  }
  .chat-bottom>.small {
    font-size: 7px;
  }
  .small-control {
    font-size: 7px;
    min-height: 30px;
  }
  .chat-bottom>div {
    gap: 10px;
  }
  .workspace-bottom {
    padding: 13px 15px;
    font-size: 5px;
  }
  .workspace-bottom .status-dot {
    width: 3px;
    height: 3px;
    margin-right: 4px;
  }
  .demo-footnote {
    display: block;
    margin-top: 25px;
  }
  .demo-footnote>.mono {
    font-size: 7px;
  }
  .demo-footnote>p {
    font-size: 10px;
    margin-top: 13px;
  }
  .pricing-page>.page-intro {
    text-align: left;
  }
  .pricing-page>.page-intro .eyebrow {
    justify-content: flex-start;
  }
  .pricing-page>.page-intro>p {
    max-width: none;
  }
  .pricing-page>.page-intro h1 {
    font-size: 40px;
  }
  .billing-control {
    align-items: flex-start;
    margin-bottom: 38px;
    gap: 13px;
  }
  .billing-control .small {
    font-size: 8px;
    max-width: 300px;
  }
  .segmented {
    width: 100%;
  }
  .segmented>button {
    flex: 1;
    font-size: 10px;
    padding: 10px;
  }
  .pricing-grid {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .pricing-card {
    padding: 28px;
  }
  .pricing-card h2 {
    font-size: 40px;
  }
  .pricing-card-top {
    margin-bottom: 30px;
  }
  .plan-kicker {
    font-size: 9px;
  }
  .plan-subtitle {
    font-size: 11px;
  }
  .plan-price {
    margin-top: 25px;
    padding-block: 25px;
  }
  .plan-price strong {
    font-size: 30px;
  }
  .plan-price>span {
    font-size: 10px;
  }
  .plan-description {
    min-height: 0;
    font-size: 11px;
    margin-block: 22px;
  }
  .pricing-card .button {
    font-size: 12px;
    padding: 13px 16px;
    min-height: 48px;
  }
  .plan-features {
    gap: 15px;
    margin-block: 25px;
  }
  .plan-features>li {
    font-size: 11px;
    gap: 11px;
  }
  .plan-features>li>svg {
    width: 14px;
  }
  .plan-local-status {
    font-size: 10px;
  }
  .plan-flag {
    font-size: 7px;
  }
  .pricing-notice {
    margin-top: 24px;
  }
  .comparison-section {
    margin-top: 60px;
  }
  .comparison-section h2 {
    font-size: 29px;
  }
  .comparison-section .section-heading>.mono {
    font-size: 6px;
  }
  .comparison-table {
    min-width: 510px;
    font-size: 10px;
  }
  .comparison-table th,.comparison-table td {
    padding: 17px 16px;
  }
  .comparison-table thead th {
    font-size: 11px;
  }
  .comparison-table th:first-child {
    width: 43%;
  }
  .comparison-note {
    font-size: 10px;
  }
  .pricing-faq {
    margin-top: 60px;
  }
  .pricing-faq h2 {
    font-size: 29px;
  }
  .accordion summary {
    font-size: 12px;
    gap: 17px;
    padding: 22px 0;
    line-height: 1.7;
  }
  .accordion details p {
    font-size: 11px;
    padding: 0 7px 24px 30px;
    line-height: 1.9;
  }
  .faq-index {
    font-size: 7px;
  }
  .dashboard {
    display: flex;
    flex-direction: column;
    border-radius: 9px;
  }
  .profile-page>.page-intro h1 {
    font-size: 35px;
    letter-spacing: -.045em;
  }
  .profile-sidebar {
    padding: 15px 12px;
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }
  .sidebar-identity {
    display: none;
  }
  .profile-sidebar nav {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 5px;
    margin: 0;
  }
  .profile-sidebar nav>button {
    min-height: 41px;
    justify-content: center;
    font-size: 9px;
    padding: 8px 4px;
    gap: 6px;
  }
  .profile-sidebar nav>button>svg {
    width: 13px;
    height: 13px;
  }
  .sidebar-bottom {
    display: none;
  }
  .profile-main {
    padding: 17px 13px;
  }
  .profile-content-title .mono {
    font-size: 6px;
  }
  .profile-content-title .badge {
    font-size: 5px;
  }
  .save-notice {
    font-size: 8px;
    min-height: 28px;
  }
  .dashboard-panel {
    padding: 18px;
    margin-bottom: 15px;
  }
  .panel-heading {
    gap: 8px;
  }
  .panel-heading h2 {
    font-size: 15px;
  }
  .panel-heading>svg {
    width: 15px;
  }
  .panel-heading>.badge {
    font-size: 5px;
  }
  .identity-panel {
    gap: 14px;
  }
  .identity-panel .avatar-large {
    width: 56px;
    height: 56px;
    border-radius: 13px;
  }
  .identity-panel .avatar-large svg {
    width: 29px;
  }
  .identity-panel h2 {
    font-size: 23px;
  }
  .identity-panel .mono {
    font-size: 6px;
  }
  .identity-panel p {
    font-size: 8px;
  }
  .identity-panel .profile-language {
    font-size: 7px;
  }
  .identity-panel>.button {
    font-size: 10px;
    margin-top: 5px;
    min-height: 41px;
  }
  .profile-overview-grid {
    margin-bottom: 15px;
  }
  .profile-plan-panel h3 {
    font-size: 28px;
  }
  .profile-plan-list {
    gap: 7px;
  }
  .profile-plan-list>button {
    font-size: 8px;
    padding: 9px 13px;
  }
  .profile-plan-panel .button {
    font-size: 10px;
    min-height: 41px;
  }
  .device-card {
    padding: 13px 10px;
    gap: 9px;
  }
  .device-card>svg {
    width: 21px;
  }
  .device-card b {
    font-size: 10px;
  }
  .device-card p {
    font-size: 8px;
  }
  .device-card>div>span {
    font-size: 7px;
  }
  .device-card .icon-button {
    width: 28px;
  }
  .device-form input {
    font-size: 10px;
    min-height: 43px;
  }
  .device-form .button {
    font-size: 10px;
    min-height: 43px;
  }
  .activity-list>div {
    gap: 10px;
    padding-block: 16px;
  }
  .activity-list b {
    font-size: 9px;
  }
  .activity-list p {
    font-size: 7px;
  }
  .activity-list .badge {
    font-size: 5px;
    padding: 4px;
  }
  .activity-icon {
    width: 24px;
    height: 24px;
  }
  .dashboard-panel>.small {
    font-size: 9px;
  }
  .setting-row {
    padding-block: 18px;
  }
  .setting-row b {
    font-size: 10px;
  }
  .setting-row p {
    font-size: 8px;
    max-width: 190px;
  }
  .setting-row select {
    font-size: 9px;
    min-height: 38px;
    min-width: 120px;
  }
  .demo-notification {
    padding: 13px;
    gap: 9px;
  }
  .demo-notification b {
    font-size: 9px;
  }
  .demo-notification p {
    font-size: 8px;
  }
  .security-panel>h2 {
    font-size: 25px;
  }
  .security-panel>p {
    font-size: 10px;
  }
  .session-row {
    padding: 15px;
    flex-wrap: wrap;
    gap: 9px;
  }
  .session-row>svg {
    width: 16px;
  }
  .session-row b {
    font-size: 9px;
  }
  .session-row p {
    font-size: 8px;
  }
  .session-row .badge {
    margin-left: 25px;
  }
  .security-panel .text-link {
    font-size: 9px;
  }
  .download-hero {
    grid-template-columns: 1fr;
  }
  .download-visual {
    min-height: 260px;
    border-right: 0;
    border-bottom: 1px solid var(--border);
    gap: 30px;
  }
  .windows-logo {
    width: 88px;
    gap: 5px;
  }
  .windows-logo>span {
    height: 42px;
  }
  .download-visual>.mono {
    font-size: 6px;
  }
  .download-info {
    padding: 29px 24px;
  }
  .download-info h2 {
    font-size: 27px;
  }
  .download-platform {
    font-size: 11px;
  }
  .release-meta {
    flex-direction: row;
    gap: 25px;
  }
  .release-meta>span {
    font-size: 8px;
  }
  .release-meta strong {
    font-size: 9px;
  }
  .download-info .button {
    font-size: 11px;
  }
  .download-info>.small {
    font-size: 9px;
  }
  .download-details {
    grid-template-columns: 1fr;
    gap: 38px;
    padding-block: 45px;
  }
  .download-details h2 {
    font-size: 24px;
  }
  .download-details p {
    font-size: 11px;
  }
  .installation-list {
    font-size: 11px;
  }
  .download-details .small {
    font-size: 9px;
  }
  .changelog {
    margin-top: 45px;
  }
  .changelog h2 {
    font-size: 29px;
  }
  .empty-release {
    padding: 23px;
    gap: 15px;
    align-items: flex-start;
  }
  .empty-release>div {
    flex: 1;
    min-width: 180px;
  }
  .empty-release b {
    font-size: 13px;
  }
  .empty-release p {
    font-size: 10px;
    line-height: 1.9;
  }
  .empty-release>.text-link {
    margin-left: 38px;
    font-size: 10px;
  }
  .roadmap-list {
    margin-top: 40px;
  }
  .roadmap-item {
    gap: 19px;
  }
  .roadmap-line {
    width: 26px;
  }
  .roadmap-line>.mono {
    width: 28px;
    height: 28px;
    font-size: 8px;
  }
  .roadmap-card {
    padding-top: 2px;
    padding-bottom: 35px;
    gap: 13px;
  }
  .roadmap-card .mono {
    font-size: 6px;
  }
  .roadmap-card h2 {
    font-size: 25px;
    margin-block: 12px;
  }
  .roadmap-card p {
    font-size: 10px;
    line-height: 1.9;
  }
  .roadmap-card>.status-label {
    font-size: 8px;
    margin-bottom: 17px;
  }
  .roadmap-card:after {
    bottom: 22px;
  }
  .roadmap-closing {
    padding: 36px 20px;
    margin-top: 15px;
  }
  .roadmap-closing>.mono {
    font-size: 6px;
  }
  .roadmap-closing h2 {
    font-size: 27px;
    margin-block: 20px 25px;
  }
  .roadmap-closing .button {
    font-size: 10px;
    min-height: 45px;
    padding-inline: 14px;
  }
  .faq-closing {
    padding: 23px;
    gap: 15px;
  }
  .faq-closing>div {
    flex: 1;
    min-width: 220px;
  }
  .faq-closing h2 {
    font-size: 20px;
  }
  .faq-closing p {
    font-size: 10px;
    line-height: 1.9;
  }
  .faq-closing>.text-link {
    margin-left: 37px;
    font-size: 10px;
  }
  .legal-page .page-intro h1 {
    font-size: 29px;
  }
  .legal-sections {
    margin-top: 28px;
  }
  .legal-sections>section {
    gap: 18px;
    padding-block: 26px;
  }
  .legal-sections>section>.mono {
    font-size: 7px;
  }
  .legal-sections h2 {
    font-size: 21px;
    line-height: 1.3;
  }
  .legal-sections p {
    font-size: 11px;
  }
  .legal-end {
    font-size: 8px;
    align-items: flex-start;
  }
  .legal-end svg {
    width: 12px;
    margin-top: 2px;
  }
  .error-page {
    padding-block: 150px 90px;
  }
  .error-page h1 {
    font-size: 38px;
  }
  .error-page p {
    font-size: 12px;
  }
  .footer-top {
    grid-template-columns: 1fr 1fr;
    gap: 35px 20px;
    padding-block: 45px;
  }
  .footer-top>div:first-child {
    grid-column: span 2;
    flex-wrap: wrap;
    gap: 23px;
    align-items: flex-start;
  }
  .footer-top>div:first-child p {
    margin: 0;
    font-size: 11px;
    margin-left: auto;
  }
  .footer-note {
    display: none;
  }
  .footer-top>div:not(:first-child) {
    font-size: 10px;
    gap: 12px;
  }
  .footer-top>div:last-child {
    grid-column: span 2;
    border-top: 1px solid var(--border);
    padding-top: 25px;
  }
  .footer-bottom {
    flex-wrap: wrap;
    gap: 13px;
    font-size: 7px;
    padding-block: 22px;
  }
  .footer-bottom>.mono {
    width: 100%;
    font-size: 6px;
  }
  .footer-label {
    font-size: 10px;
    margin-bottom: 4px;
  }
}
@media (max-width:374px) {
  .container,.header-inner {
    width: calc(100% - 32px);
  }
  .hero,.hero-container {
    min-height: 970px;
  }
  .hero-copy {
    top: 550px;
  }
  .hero h1 {
    font-size: 35px;
  }
  .hero-buttons {
    gap: 7px;
  }
  .hero-buttons .button {
    font-size: 9px;
    padding-inline: 12px;
  }
  .hero-core {
    width: 420px;
    margin-left: -210px;
    top: 150px;
  }
  .hero-copy>p {
    font-size: 10px;
  }
  .hero-copy .eyebrow {
    font-size: 5.5px;
  }
  .hero-bottom>.hero-platform {
    font-size: 4.5px;
  }
  .page-intro h1 {
    font-size: 35px;
  }
  .pricing-page>.page-intro h1 {
    font-size: 37px;
  }
  .demo-page .page-intro h1 {
    font-size: 34px;
  }
  .profile-page>.page-intro h1 {
    font-size: 31px;
  }
  .feature-filter button {
    font-size: 8px;
    padding-inline: 8px;
  }
  .feature-open {
    padding: 20px;
  }
  .mini-workflow {
    gap: 12px;
  }
  .profile-sidebar nav>button {
    font-size: 8px;
  }
  .profile-main {
    padding-inline: 10px;
  }
  .dashboard-panel {
    padding: 16px;
  }
  .panel-heading h2 {
    font-size: 14px;
  }
  .profile-plan-list>button {
    font-size: 7px;
    padding: 8px 11px;
  }
  .scenario-list button {
    font-size: 7px;
  }
  .chat-bottom>.small {
    font-size: 6px;
  }
  .small-control {
    font-size: 6px;
  }
  .avatar-picker {
    gap: 11px;
  }
  .avatar-picker .avatar {
    width: 49px;
    height: 49px;
  }
}
@media (min-width:901px) and (max-height:800px) {
  .hero,.hero-container {
    min-height: 760px;
  }
  .hero-copy {
    top: 330px;
  }
  .hero h1 {
    font-size: 43px;
  }
  .hero-copy>p {
    margin-top: 18px;
  }
  .hero-buttons {
    margin-top: 22px;
  }
  .hero-core {
    top: 130px;
  }
  .hero-float {
    top: 480px;
  }
  .hero-bottom {
    bottom: 24px;
  }
}
@media (max-width:600px) {
  .hero,.hero-container {
    min-height: 930px;
  }
  .hero-copy {
    top: 510px;
  }
  .hero-core {
    top: 125px;
    width: 420px;
    margin-left: -210px;
  }
  .hero-copy>p {
    font-size: 12px;
    line-height: 1.8;
  }
  .page-intro>p {
    font-size: 13px;
  }
  .home-feature p,.feature-card-copy p {
    font-size: 12px;
  }
  .home-demo-copy>p,.home-manifest p {
    font-size: 13px;
  }
  .accordion details p,.legal-sections p {
    font-size: 12px;
  }
  .download-details p,.installation-list {
    font-size: 12px;
  }
}
@media (max-width:374px) {
  .hero,.hero-container {
    min-height: 940px;
  }
  .hero-copy {
    top: 500px;
  }
  .hero-core {
    width: 400px;
    margin-left: -200px;
    top: 130px;
  }
  .hero-copy>p {
    font-size: 11px;
  }
}
@media (max-width:900px) {
  .pricing-card:hover,.home-feature:hover {
    transform: none !important;
  }
}
@media (min-width:901px) and (hover:hover) and (pointer:fine) {
  .feature-detail-card {
    transition: transform .3s,border-color .3s,box-shadow .3s;
  }
  .feature-detail-card:hover {
    transform: perspective(1000px) rotateX(.6deg) rotateY(-.6deg);
  }
}
@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-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;
}
@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-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;
    }
  }
}


/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/platform.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
/* Account surfaces continue the original cyan JARVIS system. */
.p-header .header-inner{gap:20px}.p-header .desktop-nav{gap:21px}.p-header .header-actions{gap:14px}.p-version{font:9px var(--font-mono);color:var(--cyan);margin-left:-14px;align-self:center}.p-language{display:flex;gap:2px;border:1px solid var(--border);border-radius:6px;padding:3px}.p-language button{background:transparent;border:0;padding:5px;font:9px var(--font-mono);color:var(--muted)}.p-language button[aria-pressed=true]{background:#39e8ff14;color:var(--cyan);border-radius:3px}.p-environment{position:relative;z-index:3;margin-top:84px;background:#11222b;border-bottom:1px solid #39e8ff20;padding:9px 24px;text-align:center;font-size:11px;color:#a8c7d0}.p-environment+.page-content{padding-top:65px}.p-test-environment{background:#2d2414;color:#f5cf86}.p-environment+.p-hero{margin-top:0}.p-hero .hero-copy{max-width:450px}.p-hero h1>span{color:var(--text)}.p-hero h1>span.p-final-line{color:#8eabb8}.p-section-copy{max-width:420px}.p-benefits,.p-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.p-panel{background:linear-gradient(130deg,#0d1620,#080e15);border:1px solid var(--border);border-radius:12px;padding:28px;min-width:0}.p-panel>svg{color:var(--cyan)}.p-panel h2{font-size:26px;margin-bottom:20px}.p-panel h3{font-size:23px;margin:20px 0 12px}.p-panel p{font-size:13px}.p-panel+.p-panel{margin-top:20px}.p-benefits .p-panel+.p-panel,.p-feature-grid .p-panel+.p-panel{margin-top:0}.p-feature{min-height:300px;display:flex;flex-direction:column}.p-feature h2{margin:40px 0 18px}.p-feature-plan{margin-top:auto;padding-top:24px;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--border);font-size:11px}.p-feature-plan span{color:var(--muted)}.p-workspace-preview{border:1px solid #39e8ff35;border-radius:14px;background:linear-gradient(150deg,#0b1b29,#070c13);box-shadow:0 40px 100px #0007;overflow:hidden}.p-workspace-preview .window-title{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;font-size:11px}.p-workspace-preview .window-title .mono{font-size:8px;color:var(--muted)}.p-workspace-center{display:flex;align-items:center;padding:30px 20px 30px 0}.p-workspace-center .ai-core{width:220px;flex-shrink:0;margin:0}.p-workspace-center h3{font-size:25px;margin:0 0 16px}.p-workspace-center p{font-size:12px;padding-right:20px}.p-preview-links{display:grid;grid-template-columns:repeat(4,1fr);padding:18px;gap:10px;border-top:1px solid var(--border)}.p-preview-links a{flex-direction:column;font-size:10px;gap:10px;padding:10px;border:1px solid var(--border);border-radius:7px}.p-preview-links svg{color:#74bccb}.p-home-pricing{background:#080e15;border-block:1px solid var(--border)}.p-home-faq{max-width:1000px}.p-home-faq>h2{margin-bottom:35px}.p-support-cta{display:flex;align-items:center;gap:28px;padding-block:50px;margin-bottom:70px;border-block:1px solid var(--border)}.p-support-cta>svg{color:var(--cyan)}.p-support-cta h2{font-size:28px;margin-bottom:8px}.p-support-cta .button{margin-left:auto}.p-empty{padding:55px 24px;text-align:center;border:1px dashed #8cabc72b;border-radius:12px;background:#0a121b60;display:flex;align-items:center;flex-direction:column;gap:18px}.p-empty>svg{color:#6697a8}.p-empty h2{font-size:27px;max-width:650px}.p-empty p{max-width:620px;font-size:13px}.p-alert{padding:16px 20px;background:#39e8ff08;border:1px solid #39e8ff26;border-radius:8px;color:#abc6d1;font-size:12px;margin-block:20px;line-height:1.85}.p-alert-error{background:#ff7a910a;border-color:#ff7a9133;color:#efacb9}.p-notice{padding:14px 16px;border:1px solid #51e3af40;border-radius:8px;font-size:12px;color:#8de2c4;background:#1b5c4318;display:flex;gap:8px;align-items:center;margin:18px 0}.p-notice-error{color:#ffabbc;border-color:#ff7a9140;background:#ff7a910a}.p-subtle{font-size:11px!important;color:var(--muted);line-height:1.8}.p-row-between{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.p-row-actions,.p-order-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.p-text-button{background:none;border:0;color:var(--cyan);font-size:12px;padding:6px 2px;text-decoration:underline;text-underline-offset:4px}.p-danger-button{color:#f3a0ac}.p-status{display:inline-flex;gap:7px;align-items:center;font:9px var(--font-mono);letter-spacing:.03em;padding:5px 8px;border:1px solid #92b3cb2a;border-radius:5px;color:#a6bccd;white-space:nowrap}.p-status i{width:4px;height:4px;border-radius:50%;background:currentColor}.p-status-active,.p-status-paid,.p-status-published,.p-status-resolved,.p-status-completed{color:#8fdec3;border-color:#8fdec330}.p-status-revoked,.p-status-rejected,.p-status-suspended,.p-status-disputed,.p-status-error{color:#efa2af;border-color:#efa2af30}.p-status-pending,.p-status-awaiting_review,.p-status-awaiting_user,.p-status-reconcile{color:#e4c28f;border-color:#e4c28f30}.p-test-label{display:inline-block;font:9px var(--font-mono);color:#e3c78f;border:1px solid #e3c78f40;border-radius:4px;padding:3px 6px;margin-top:12px}.p-form{display:flex;flex-direction:column;gap:19px;margin-top:24px}.p-field{display:flex;flex-direction:column;gap:8px;min-width:0}.p-field>label,.field-label{font-size:12px;color:#c2d2df}.p-form input,.p-form textarea,.p-form select{width:100%;font-size:13px}.p-form textarea,textarea{font:inherit;color:var(--text);background:#080f18;border:1px solid var(--border);border-radius:8px;padding:12px 14px;resize:vertical;width:100%;line-height:1.8}.p-form textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.p-field-hint{font-size:11px!important;line-height:1.7}.p-check-field>label{display:flex;gap:12px;align-items:flex-start;font-size:12px}.p-form input[type=checkbox],.p-checkbox-group input,.p-matrix input{width:17px;min-height:17px;height:17px;flex-shrink:0;accent-color:var(--cyan);margin:3px 0 0}.p-form>.button{align-self:flex-start;min-width:180px}.p-form .button[disabled]{opacity:.5}.p-spin{animation:p-spin 1s linear infinite}@keyframes p-spin{to{transform:rotate(360deg)}}.p-auth-page{max-width:1080px}.p-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.p-auth-card{border:1px solid var(--border);border-radius:15px;padding:34px;background:linear-gradient(145deg,#0e1b28,#080e15);min-width:0}.p-auth-card h2{font-size:28px}.p-auth-card .button{width:100%}.p-auth-links{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:24px;font-size:12px}.p-auth-links a{color:var(--cyan)}.p-auth-aside{padding-top:30px}.p-auth-aside .ai-core{width:100%;max-width:360px;margin:auto}.p-auth-aside h2{font-size:30px;margin-bottom:20px}.p-auth-divider{display:flex;align-items:center;gap:15px;font-size:11px;color:var(--muted);margin:24px 0}.p-auth-divider:before,.p-auth-divider:after{content:'';height:1px;flex:1;background:var(--border)}.p-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.p-price-card{position:relative;padding:30px;border:1px solid var(--border);border-radius:13px;background:#0a111b;display:flex;flex-direction:column}.p-price-card.p-recommended{border-color:#39e8ff70;background:linear-gradient(140deg,#102331,#0a111b)}.p-price-badge{font:9px var(--font-mono);color:var(--cyan);margin-bottom:20px}.p-price-card h2{font-size:30px;margin-bottom:12px}.p-price-description{font-size:12px;min-height:64px}.p-price-value{font:500 47px var(--font-display);letter-spacing:-.05em;margin:28px 0 0}.p-price-term{font-size:11px;color:var(--muted)}.p-price-card ul{border-top:1px solid var(--border);padding-top:20px;margin:25px 0;display:flex;flex-direction:column;gap:14px;font-size:12px;color:#b5c7d5;flex:1}.p-price-card li{display:flex;gap:10px;align-items:flex-start}.p-price-card li svg{color:var(--cyan)}.p-term-switch{display:flex;gap:6px;padding:5px;border:1px solid var(--border);border-radius:9px;width:fit-content;margin:0 0 35px}.p-term-switch button{background:none;border:0;border-radius:6px;padding:12px 20px;font-size:12px;color:var(--muted)}.p-term-switch button[aria-pressed=true]{color:var(--text);background:#14313f}.p-price-footnote{max-width:850px;margin-top:26px;font-size:12px}.p-checkout-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--border)}.p-checkout-summary strong{font:500 32px var(--font-display)}.p-provider-switch{display:flex;gap:10px;margin:24px 0}.p-provider-switch button{flex:1;background:#0a121b;border:1px solid var(--border);border-radius:7px;min-height:46px;font-size:12px}.p-provider-switch button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan)}.p-promo-entry{display:flex;gap:10px;align-items:end;margin:20px 0}.p-promo-entry label{display:flex;flex-direction:column;gap:7px;flex:1;font-size:12px}.p-promo-entry input{width:100%}.p-promo-entry .button{min-height:44px}.p-reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.p-review{border:1px solid var(--border);padding:26px;border-radius:12px;background:#0a121b}.p-review-rating{display:flex;gap:4px;color:#87e9f3;margin-bottom:20px}.p-review>p{white-space:pre-wrap;font-size:13px;margin-bottom:24px;overflow-wrap:anywhere}.p-review-footer{display:flex;justify-content:space-between;gap:12px;font-size:11px;flex-wrap:wrap}.p-review-footer time{color:var(--muted)}.p-review-form{max-width:680px;margin-top:50px}.p-support-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px}.p-support-contacts{display:flex;flex-direction:column;gap:15px;margin-top:25px}.p-support-contacts a{padding:18px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:14px}.p-release{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:start}.p-release-visual{min-height:300px;background:radial-gradient(ellipse,#123245,#0a111b 70%);border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:45px}.p-release-visual .windows-logo{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:90px}.p-release-visual .windows-logo span{height:40px;background:#39e8ff19;border:1px solid #39e8ff88}.p-release-info h2{margin-bottom:25px}.p-release section{grid-column:1/-1;white-space:pre-wrap}.p-release section h3{margin:25px 0 15px;font-size:26px}dl{margin:22px 0;font-size:12px}dl>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--border)}dt{color:var(--muted)}dd{margin:0;text-align:right;overflow-wrap:anywhere;max-width:65%}code{font:11px var(--font-mono);overflow-wrap:anywhere}.p-legal{max-width:920px}.p-legal section{margin-block:40px}.p-legal section h2{font-size:28px;margin-bottom:20px}.p-legal section p{line-height:1.9;white-space:pre-wrap}.p-dashboard{display:grid;grid-template-columns:238px minmax(0,1fr);gap:32px;align-items:start}.p-sidebar{border:1px solid var(--border);border-radius:12px;background:#0a111b;padding:18px;position:sticky;top:100px}.p-sidebar nav{display:flex;flex-direction:column;gap:5px;margin-bottom:20px}.p-sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid transparent;border-radius:7px;font-size:12px;color:var(--muted)}.p-sidebar nav a.active{background:#39e8ff0b;color:var(--cyan);border-color:#39e8ff24}.p-sidebar nav a:hover{color:var(--text);background:#ffffff04}.p-sidebar>.button{width:100%;font-size:11px;padding:10px}.p-identity{padding:10px 10px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;overflow-wrap:anywhere}.p-identity>span:last-child{font-size:10px;color:var(--muted)}.p-avatar{width:52px;height:52px;background:#39e8ff10;border:1px solid #39e8ff30;border-radius:12px;display:grid;place-items:center;color:var(--cyan);margin-bottom:9px}.p-dashboard-main{min-width:0}.p-dashboard-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;padding:0 0 23px;border-bottom:1px solid var(--border);margin-bottom:25px}.p-dashboard-bar .mono{font-size:9px}.p-welcome{margin:30px 0}.p-welcome h2{font-size:42px;margin:15px 0 10px;overflow-wrap:anywhere}.p-welcome p{font-size:12px}.p-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:24px 0}.p-stat{padding:22px;border:1px solid var(--border);border-radius:10px;background:#0c1520;display:flex;flex-direction:column;gap:15px}.p-stat>span{font-size:11px;color:var(--muted)}.p-stat strong{font:500 30px var(--font-display);overflow-wrap:anywhere}.p-mini-stats{display:flex;gap:40px;margin:25px 0}.p-mini-stats span{display:flex;flex-direction:column;font-size:11px;color:var(--muted);gap:8px}.p-mini-stats b{font-size:27px;color:var(--text)}.p-activity-list>div{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border);font-size:11px}.p-activity-list svg{color:#71b7c5}.p-activity-list time{margin-left:auto;color:var(--muted);font-size:10px}.p-license-list{margin-top:20px}.p-license-card h2{margin-top:24px}.p-feature-chips{display:flex;flex-wrap:wrap;gap:7px}.p-feature-chips>span{font-size:10px;background:#39e8ff09;border:1px solid #39e8ff24;border-radius:5px;padding:5px 8px}.p-device{display:flex;align-items:center;gap:20px}.p-device>svg{color:#85d4e0}.p-device>div{flex:1;min-width:0;overflow-wrap:anywhere}.p-device p{font-size:11px}.p-device .button{font-size:11px}.p-order h2{margin-top:24px}.p-order>.p-row-between .mono{font-size:9px;overflow-wrap:anywhere;max-width:100%}.p-ticket h2{margin:25px 0}.p-ticket-messages{display:flex;flex-direction:column;gap:14px;margin-block:25px}.p-ticket-messages article{padding:20px;border:1px solid var(--border);border-radius:9px;background:#071019}.p-ticket-messages article>div{display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap}.p-ticket-messages b{font-size:11px}.p-ticket-messages p{font-size:13px;white-space:pre-wrap;margin-top:10px;overflow-wrap:anywhere}.p-ticket-messages time{font-size:10px;color:var(--muted)}.p-session{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:20px;border-bottom:1px solid var(--border)}.p-session>div{min-width:0;overflow-wrap:anywhere}.p-session p{font-size:11px}.p-secret-once{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:#08131d;border:1px solid #39e8ff40;padding:20px;border-radius:9px;color:var(--cyan);margin-block:20px;font-size:13px;user-select:all}.p-history>div{padding:15px 0;border-bottom:1px solid var(--border);font-size:12px}.p-record-list{display:flex;flex-direction:column;gap:12px}.p-record{border:1px solid var(--border);border-radius:10px;padding:22px;background:#0a121b;display:flex;justify-content:space-between;gap:20px;align-items:center;min-width:0}.p-record>div{display:flex;flex-direction:column;gap:7px;min-width:0;overflow-wrap:anywhere;font-size:12px}.p-record>div>span,.p-record time{font-size:11px;color:var(--muted)}.p-record .p-row-actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0;max-width:45%;margin:0}.p-record .button{font-size:10px;min-height:36px;padding:8px 12px}.p-search-form{flex-direction:row;align-items:end;margin:0 0 25px}.p-search-form .p-field{flex:1}.p-search-form>.button{align-self:auto}.p-checkbox-group,.p-matrix,.p-faq-edit{border:1px solid var(--border);border-radius:8px;padding:18px;min-width:0}.p-checkbox-group legend,.p-matrix legend{font-size:12px;color:var(--muted);padding-inline:8px}.p-checkbox-group{display:flex;flex-wrap:wrap;gap:20px}.p-checkbox-group label{font-size:12px;display:flex;gap:10px}.p-matrix>div{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);font-size:11px}.p-matrix label{display:flex;gap:7px;align-items:center}.p-faq-edit{display:flex;flex-direction:column;gap:15px}.p-faq-edit label{display:flex;flex-direction:column;gap:6px;font-size:11px}.p-table-scroll{overflow:auto}.p-table{width:100%;border-collapse:collapse;font-size:11px}.p-table th{text-align:left;color:var(--muted);font-weight:400}.p-table th,.p-table td{padding:15px 12px;border-bottom:1px solid var(--border)}.p-admin-page .p-sidebar{padding:12px}.p-admin-page .p-sidebar nav{margin:0}.p-admin-page .p-sidebar nav a{padding:10px}.p-admin-page .page-intro{padding-bottom:35px}.p-admin-page .p-dashboard-bar .p-row-actions{margin:0}.p-admin-page .p-panel>h3{margin-top:0}.p-admin-page .p-panel>select{margin-top:12px}.p-admin-page .modal{max-height:85vh;overflow:auto}.modal .p-empty{padding:30px}.p-auth-card .p-alert{margin-top:0}.p-account-page .p-panel>.p-form{max-width:650px}
@media(min-width:1500px){.p-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px){.p-header .desktop-nav{gap:14px}.p-header .header-inner{gap:14px}.p-header .header-actions .download-link{display:none}.p-benefits{grid-template-columns:repeat(3,1fr)}.p-panel{padding:23px}.p-workspace-center .ai-core{width:170px}.p-price-card{padding:24px}.p-price-value{font-size:40px}.p-record{align-items:flex-start;flex-direction:column}.p-record .p-row-actions{max-width:100%;justify-content:flex-start}.p-dashboard{gap:22px;grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:900px){.p-header .header-inner{gap:16px}.p-header .p-language{margin-left:auto}.p-benefits,.p-feature-grid,.p-reviews-grid{grid-template-columns:1fr 1fr}.p-benefits .p-panel:last-child{grid-column:1/-1}.p-price-grid{grid-template-columns:1fr}.p-price-card{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding:30px}.p-price-card ul{grid-column:2;grid-row:1/7;margin:0;padding:10px 0;border:0}.p-price-card>.button{grid-column:1;margin-top:20px}.p-price-card .p-price-description{min-height:0}.p-price-value{margin-top:20px}.p-dashboard{grid-template-columns:1fr}.p-sidebar{position:static;padding:15px}.p-identity{display:none}.p-sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.p-sidebar nav a{font-size:10px;padding:9px;gap:7px}.p-sidebar nav a svg{width:14px}.p-sidebar>.button{max-width:190px}.p-admin-page .p-sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.p-auth-grid{gap:35px}.p-support-grid{gap:20px}.p-environment{margin-top:74px}.p-environment+.page-content{padding-top:50px}.p-workspace-center h3{font-size:21px}}
@media(max-width:640px){.p-header .header-inner{gap:12px}.p-header .brand{font-size:21px}.p-header .p-version{display:none}.p-header .header-actions{display:none}.p-environment{margin-top:68px;font-size:10px;padding:9px 18px}.p-hero .hero-copy{max-width:100%}.p-benefits,.p-feature-grid,.p-reviews-grid{grid-template-columns:1fr}.p-benefits .p-panel:last-child{grid-column:auto}.p-panel{padding:22px}.p-panel h2{font-size:23px}.p-panel h3{font-size:22px}.p-workspace-center{flex-direction:column;padding:0 22px 28px;text-align:center}.p-workspace-center .ai-core{width:220px;margin:0 auto -12px}.p-workspace-center p{padding:0}.p-workspace-preview .window-title .mono{display:none}.p-preview-links{grid-template-columns:repeat(2,1fr)}.p-support-cta{flex-wrap:wrap;gap:20px}.p-support-cta>div{flex:1}.p-support-cta h2{font-size:25px}.p-support-cta .button{margin-left:0}.p-empty{padding:38px 20px}.p-empty h2{font-size:24px}.p-auth-grid{grid-template-columns:1fr}.p-auth-aside{display:none}.p-auth-card{padding:24px}.p-auth-page .page-intro{padding-bottom:26px}.p-auth-links{gap:18px;flex-direction:column}.p-price-card{display:flex;padding:27px;gap:0}.p-price-card ul{margin:22px 0;padding-top:22px;border-top:1px solid var(--border)}.p-price-card>.button{margin-top:0}.p-term-switch{width:100%;gap:3px}.p-term-switch button{padding:11px 8px;flex:1;font-size:11px}.p-provider-switch{flex-direction:column}.p-promo-entry{flex-wrap:wrap}.p-promo-entry label{flex-basis:100%}.p-promo-entry .button{width:100%}.p-support-grid{grid-template-columns:1fr}.p-release{grid-template-columns:1fr;gap:30px}.p-release-visual{min-height:230px}.p-release-info h2{font-size:30px}.p-sidebar nav,.p-admin-page .p-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.p-sidebar nav a{font-size:11px;padding:10px}.p-dashboard{gap:28px}.p-dashboard-bar{padding-bottom:18px}.p-welcome h2{font-size:35px}.p-stat-grid{gap:10px}.p-stat{padding:18px;gap:12px}.p-stat strong{font-size:26px}.p-stat>span{font-size:10px}.p-activity-list>div{flex-wrap:wrap;gap:8px}.p-activity-list time{flex-basis:100%;padding-left:22px}.p-device{flex-wrap:wrap;gap:15px}.p-device>div{flex-basis:70%}.p-device .button{margin-left:42px}.p-session{flex-direction:column;align-items:flex-start;gap:12px}.p-form>.button{width:100%}.p-search-form{flex-direction:column;align-items:stretch}.p-record{padding:20px}.p-record .p-row-actions .button{font-size:11px;min-height:40px}.p-matrix>div{grid-template-columns:1fr 1fr}.p-matrix>div>span{grid-column:1/-1}.p-checkout-summary{align-items:flex-start;flex-direction:column}.p-account-page .page-intro h1{font-size:37px}.p-legal section h2{font-size:25px}.p-home-faq .accordion summary{font-size:13px}.p-price-grid+.p-alert{font-size:11px}.p-hero .hero-bottom .hero-platform{display:none}}
.p-periods{display:flex;gap:6px;padding:5px;border:1px solid var(--border);border-radius:9px;width:fit-content;margin-bottom:35px}.p-periods button{background:none;border:0;border-radius:6px;padding:12px 20px;font-size:12px;color:var(--muted)}.p-periods button[aria-pressed=true]{color:var(--text);background:#14313f}.p-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.p-plan{padding:32px;border:1px solid var(--border);border-radius:13px;background:#0a111b;display:flex;flex-direction:column;position:relative}.p-plan-default{border-color:#39e8ff70;background:linear-gradient(140deg,#102331,#0a111b)}.p-plan-recommended{position:absolute;top:-13px;left:28px;padding:5px 10px;border:1px solid #39e8ff50;border-radius:5px;background:#0c2934;font:9px var(--font-mono);color:var(--cyan)}.p-plan-brand{font-size:8px;color:var(--muted);margin-top:32px}.p-plan h2{font-size:35px;margin:12px 0 15px}.p-plan>p{font-size:12px;min-height:70px}.p-plan-price{display:flex;flex-direction:column;gap:5px;margin:26px 0}.p-plan-price strong{font:500 46px var(--font-display);letter-spacing:-.055em}.p-plan-price span{font-size:11px;color:var(--muted)}.p-plan-includes{border-top:1px solid var(--border);padding-top:24px;margin-top:26px;display:flex;flex-direction:column;gap:14px}.p-plan-includes li{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#b0c7d4}.p-plan-includes li svg{color:#86d9e5}.p-order-summary{display:flex;flex-direction:column;gap:12px;margin:24px 0}.p-order-summary>span{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:10px}.p-order-summary b{color:var(--text);font-weight:500}.p-order-summary code{max-width:65%;text-align:right}.p-inline-control{display:flex;gap:10px;margin:8px 0 24px}.p-inline-control input{flex:1;min-width:0}.p-inline-control .button{min-height:44px;font-size:11px}.p-order-instructions{font-size:12px;margin-bottom:22px}.p-comparison{margin:70px 0 50px}.p-comparison h2{margin-bottom:20px}.p-comparison>p{margin-bottom:24px;font-size:12px}.p-pending-copy{padding:30px;border:1px solid var(--border);border-radius:10px}.p-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.p-review-grid .p-panel+.p-panel{margin:0}.p-review footer{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:10px;color:var(--muted);margin-top:24px}.p-review footer b{color:var(--text);font-size:12px}.p-buyer{display:flex;gap:5px;align-items:center;color:#8fdec3}.p-form-panel{margin-top:45px;max-width:720px}.p-auth-page{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center;max-width:1100px}.p-auth-card .page-intro{padding-bottom:10px}.p-auth-card .page-intro:after{display:none}.p-auth-card .page-intro h1{font-size:34px;letter-spacing:-.04em;margin-bottom:16px}.p-auth-card .page-intro p{font-size:12px}.p-auth-card .eyebrow{font-size:8px;margin-bottom:18px}.p-auth-visual h2{font-size:35px;margin:24px 0}.p-auth-visual>p{max-width:320px;font-size:13px}.p-auth-aperture{height:280px;position:relative;display:grid;place-items:center;max-width:300px;color:#90eaf5}.p-auth-aperture span{position:absolute;inset:18px;border:1px solid #39e8ff29;border-radius:50%}.p-auth-aperture span:nth-child(2){inset:52px;border-style:dashed;transform:rotate(30deg)}.p-auth-aperture span:nth-child(3){inset:82px;background:radial-gradient(ellipse,#13506155,transparent);border-color:#39e8ff66}.p-recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.p-recovery-codes code{padding:10px;background:#07121a;color:var(--cyan);border:1px solid var(--border);border-radius:5px;user-select:all}.p-history-row{padding:16px 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px;font-size:12px}.p-history-row time{font-size:10px;color:var(--muted)}.p-legal-links{display:flex;flex-wrap:wrap;gap:15px;font-size:11px;margin:30px 0}.p-record .p-row-actions button{background:#ffffff04;border:1px solid #a9c3dd30;border-radius:6px;padding:8px 12px;font-size:11px;min-height:38px}.p-record .p-row-actions button:hover{border-color:var(--cyan);color:var(--cyan)}.p-admin-page .p-dashboard-bar button{font-size:11px}.p-support-grid aside>a{display:flex;margin:18px 0}.p-support-grid aside>p{margin:20px 0}.p-legal>section{max-width:900px}.p-faq-page .accordion{max-width:1000px}
@media(max-width:1000px){.p-plan{padding:25px}.p-plan-price strong{font-size:40px}.p-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p-auth-page{gap:35px}}
@media(max-width:800px){.p-plan-grid{grid-template-columns:1fr}.p-plan{padding:30px;display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.p-plan-includes{grid-column:2;grid-row:1/8;border:0;margin:0;justify-content:center}.p-plan>.button{grid-column:1}.p-plan>p{min-height:0}.p-plan-brand{margin-top:22px}.p-auth-page{grid-template-columns:1fr;max-width:650px}.p-auth-visual{display:none}}
@media(max-width:640px){.p-periods{width:100%}.p-periods button{padding:11px 8px;flex:1;font-size:11px}.p-plan{display:flex;padding:28px}.p-plan-includes{border-top:1px solid var(--border);margin-top:25px}.p-plan-price strong{font-size:44px}.p-review-grid{grid-template-columns:1fr}.p-inline-control{flex-wrap:wrap}.p-inline-control input,.p-inline-control button{width:100%}.p-auth-card .page-intro h1{font-size:30px}.p-recovery-codes{grid-template-columns:1fr}.p-order-summary>span{flex-wrap:wrap}.p-order-summary code{max-width:100%}.p-plan-brand{margin-top:28px}}
.p-table-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.p-table-actions button{background:#ffffff04;border:1px solid #a9c3dd30;border-radius:6px;padding:9px 12px;font-size:11px;min-height:40px}.p-table-actions button:hover{color:var(--cyan);border-color:var(--cyan)}.p-home-pricing .page-intro h2{margin-bottom:20px}.p-home-pricing .page-intro>p{margin-top:15px}.p-record .p-table-actions{max-width:50%}.p-panel>.p-row-actions label{display:flex;flex-direction:column;gap:8px;font-size:12px}
@media(max-width:1150px){.p-record .p-table-actions{max-width:100%;justify-content:flex-start}}
.p-promotion-redeemer>.p-form{gap:8px;margin-top:20px}.p-promotion-redeemer .p-inline-control{margin-bottom:0}.p-promotion-redeemer>p{font-size:12px;max-width:550px}.p-promotion-benefit{border:1px solid #39e8ff40;background:#39e8ff08;border-radius:10px;padding:18px;margin:18px 0}.p-promotion-benefit-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--cyan);font-size:13px}.p-promotion-benefit-title>.mono{margin-left:auto;color:var(--muted);font-size:9px;overflow-wrap:anywhere;max-width:100%}.p-promotion-benefit>p{font-size:13px;margin-top:12px}.p-promotion-choice{display:flex;flex-direction:column;gap:8px;font-size:12px;margin-top:18px}.p-promotion-choice select{width:100%;font-size:12px}.p-promotion-external{margin:0 0 20px}.p-checkout-total{align-items:center}.p-checkout-total strong{font:500 26px var(--font-display);color:var(--text)}.p-checkout-promotion{margin-top:24px}.p-promotion-redeemer>.button{margin-top:4px}.p-promotion-redeemer .icon-button,.p-checkout-promotion .icon-button{min-width:44px;height:48px;align-self:center}
@media(max-width:640px){.p-promotion-redeemer .p-inline-control,.p-checkout-promotion .p-inline-control{display:grid;grid-template-columns:1fr 44px;gap:10px}.p-promotion-redeemer .p-inline-control input,.p-checkout-promotion .p-inline-control input{grid-column:1/-1;width:100%}.p-promotion-redeemer .p-inline-control>.button,.p-checkout-promotion .p-inline-control>.button{min-width:0;width:100%}.p-promotion-redeemer .p-inline-control>.icon-button,.p-checkout-promotion .p-inline-control>.icon-button{width:44px}.p-promotion-benefit-title>.mono{margin-left:0}.p-promotion-benefit{padding:16px}.p-promotion-choice select{max-width:100%}}
.modal:has(.p-checkout-promotion) .modal-top{position:sticky;top:0;z-index:3;background:#0b121c}.p-purchase-help{margin:18px 0;font-size:12px}.p-purchase-help summary{cursor:pointer;color:#bcd1dd}.p-purchase-help p{margin-top:12px;font-size:12px;line-height:1.8}.p-checkout-promotion .field-label{display:block}.p-checkout-promotion+.p-alert{margin-top:0}
@media(prefers-reduced-motion:reduce){.p-spin{animation:none}.p-header{backdrop-filter:none}}