@layer reset, tokens, base, components, pages, utilities, responsive, launch, chat, cozy-polish, betra;

@layer tokens {
  :root {
    color-scheme: dark;
    --bg: #080706;
    --bg-soft: #0d0b0a;
    --bg-elevated: #100e0d;
    --surface: #141210;
    --surface-2: #191613;
    --surface-highlight: #211d19;
    --surface-light: #f0ece3;
    --text: #f4f0e7;
    --text-soft: rgba(244, 240, 231, 0.74);
    --text-muted: rgba(244, 240, 231, 0.49);
    --text-faint: rgba(244, 240, 231, 0.29);
    --border: rgba(244, 228, 207, 0.095);
    --border-strong: rgba(244, 228, 207, 0.175);
    --cyan: #9fd9dd;
    --blue: #8faed2;
    --violet: #b3a4cc;
    --gold: #e2c28b;
    --green: #8bd3ac;
    --amber: #e4b570;
    --red: #df968e;
    --shadow-soft: 0 26px 90px rgba(2, 1, 1, 0.38), 0 2px 18px rgba(115, 72, 38, 0.05);
    --shadow-deep: 0 44px 150px rgba(2, 1, 1, 0.62), 0 12px 70px rgba(110, 69, 33, 0.07);
    --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    --container: min(1380px, calc(100vw - 64px));
    --container-narrow: min(1040px, calc(100vw - 64px));
    --header-h: 78px;
    --radius-xs: 8px;
    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-lg: 28px;
    --radius-xl: 42px;
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-smooth: cubic-bezier(0.65, 0, 0.35, 1);
    --ease-spring: cubic-bezier(0.22, 1.25, 0.36, 1);
  }

  html[data-theme="contrast"] {
    --bg: #020203;
    --bg-soft: #060607;
    --bg-elevated: #09090a;
    --surface: #0d0d0f;
    --surface-2: #121216;
    --surface-highlight: #1d1d22;
    --text: #ffffff;
    --text-soft: rgba(255, 255, 255, 0.82);
    --text-muted: rgba(255, 255, 255, 0.58);
    --border: rgba(255, 255, 255, 0.15);
    --border-strong: rgba(255, 255, 255, 0.25);
  }
}

@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  html { scroll-behavior: smooth; background: var(--bg); }
  body { margin: 0; min-width: 320px; overflow-x: hidden; }
  body, button, input, textarea, select { font-family: var(--font-sans); }
  button, input, textarea, select { font: inherit; }
  button { color: inherit; }
  img, svg, canvas { display: block; max-width: 100%; }
  a { color: inherit; text-decoration: none; }
  h1, h2, h3, h4, p, ul, ol, blockquote, figure { margin: 0; }
  ul, ol { padding: 0; list-style: none; }
  button { border: 0; background: none; padding: 0; cursor: pointer; }
  input, textarea, select { border: 0; outline: none; color: inherit; background: transparent; }
  textarea { resize: none; }
  table { border-collapse: collapse; border-spacing: 0; }
  [hidden] { display: none !important; }
  ::selection { background: rgba(139, 233, 255, 0.22); color: var(--text); }
}

@layer base {
  body {
    background: var(--bg);
    color: var(--text);
    font-size: 16px;
    line-height: 1.55;
    letter-spacing: -0.01em;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

  body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 10000;
    opacity: 0.024;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.93' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
    mix-blend-mode: soft-light;
  }

  body.menu-open,
  body.modal-open,
  body.command-open { overflow: hidden; }

  main { min-height: 72vh; outline: none; }
  body.has-site-header main { padding-top: 0; }
  body.is-app-page { overflow: hidden; }
  body.is-app-page main { height: 100vh; min-height: 0; }

  h1, h2, h3, h4 { font-weight: 520; letter-spacing: -0.045em; line-height: 1.02; text-wrap: balance; }
  h2 { font-size: clamp(2.65rem, 5.6vw, 6.6rem); }
  h3 { font-size: clamp(1.2rem, 2vw, 1.65rem); letter-spacing: -0.032em; }
  p { color: var(--text-soft); }
  strong { font-weight: 600; }
  code, kbd { font-family: var(--font-mono); }
  kbd {
    display: inline-grid;
    place-items: center;
    min-width: 24px;
    height: 22px;
    padding: 0 6px;
    border: 1px solid var(--border);
    border-radius: 5px;
    color: var(--text-muted);
    background: rgba(255, 255, 255, 0.035);
    font-size: .75rem;
    line-height: 1;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08);
  }

  :focus-visible {
    outline: 2px solid rgba(139, 233, 255, 0.92);
    outline-offset: 4px;
  }

  .container { width: var(--container); margin-inline: auto; }
  .container--narrow { width: var(--container-narrow); margin-inline: auto; }
  .section { position: relative; padding: clamp(96px, 12vw, 190px) 0; }
  .page { position: relative; isolation: isolate; overflow: clip; }
  .eyebrow {
    color: var(--text-muted);
    font-size: .75rem;
    font-weight: 650;
    letter-spacing: 0.15em;
    line-height: 1;
    text-transform: uppercase;
  }
  .display { font-weight: 500; line-height: 0.92; letter-spacing: -0.065em; }
  .display--page { font-size: clamp(4.3rem, 9.2vw, 10.5rem); }
  .lede { max-width: 760px; font-size: clamp(1.15rem, 1.8vw, 1.55rem); line-height: 1.48; letter-spacing: -0.025em; }
  .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .skip-link {
    position: fixed;
    z-index: 100000;
    top: 12px;
    left: 12px;
    transform: translateY(-140%);
    padding: 11px 16px;
    border-radius: 999px;
    background: var(--text);
    color: var(--bg);
    font-weight: 650;
    transition: transform 0.2s var(--ease-out);
  }
  .skip-link:focus { transform: translateY(0); }
}

@layer components {
  .astrid-field { position: absolute; inset: 0; width: 100%; height: 100%; }

  .logo { display: inline-flex; align-items: center; gap: 10px; color: var(--text); }
  .logo__mark { width: 25px; height: 25px; overflow: visible; }
  .logo__ray { transform-origin: 24px 22px; }
  .logo__ray--one { fill: rgba(245, 245, 242, 0.98); }
  .logo__ray--two { fill: var(--bg); opacity: 0.72; transform: scale(0.68); }
  .logo__core { fill: var(--cyan); filter: drop-shadow(0 0 7px rgba(139, 233, 255, 0.68)); }
  .logo__word { font-size: 0.79rem; font-weight: 720; letter-spacing: 0.22em; }
  .logo__mark.is-shimmering { animation: logo-shimmer 1.1s var(--ease-out); }
  @keyframes logo-shimmer {
    0% { transform: scale(1) rotate(0); filter: brightness(1); }
    36% { transform: scale(1.18) rotate(45deg); filter: brightness(1.8) drop-shadow(0 0 18px var(--cyan)); }
    100% { transform: scale(1) rotate(90deg); filter: brightness(1); }
  }

  .button-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
  .button {
    --button-bg: transparent;
    --button-color: var(--text);
    --button-border: var(--border-strong);
    position: relative;
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 0 18px 0 21px;
    border: 1px solid var(--button-border);
    border-radius: 999px;
    background: var(--button-bg);
    color: var(--button-color);
    font-size: 0.86rem;
    font-weight: 620;
    overflow: hidden;
    transform: translate3d(var(--mag-x, 0), var(--mag-y, 0), 0);
    transition: transform 0.45s var(--ease-spring), border-color 0.25s ease, background 0.25s ease, color 0.25s ease, opacity 0.2s ease;
    isolation: isolate;
  }
  .button::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -50% -25%;
    background: linear-gradient(105deg, transparent 25%, rgba(139, 233, 255, 0.23), rgba(181, 146, 255, 0.18), transparent 70%);
    transform: translateX(-75%) rotate(8deg);
    transition: transform 0.7s var(--ease-out);
  }
  .button:hover::before { transform: translateX(68%) rotate(8deg); }
  .button__label { transform: translate3d(var(--mag-text-x, 0), var(--mag-text-y, 0), 0); transition: transform 0.45s var(--ease-spring); }
  .button__icon {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    margin-right: -8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.07);
    transition: transform 0.35s var(--ease-out), background 0.25s ease;
  }
  .button:hover .button__icon { transform: translateX(3px); }
  .button--light { --button-bg: var(--text); --button-color: #09090a; --button-border: rgba(255, 255, 255, 0.8); box-shadow: inset 0 1px 0 #fff, 0 8px 26px rgba(0, 0, 0, 0.2); }
  .button--light .button__icon { background: rgba(0, 0, 0, 0.08); }
  .button--light:hover { background: #fff; }
  .button--ghost { --button-border: transparent; color: var(--text-soft); }
  .button--ghost:hover { color: var(--text); background: rgba(255, 255, 255, 0.055); }
  .button--outline { background: rgba(255, 255, 255, 0.015); }
  .button--outline:hover { border-color: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.05); }
  .button:disabled { opacity: 0.42; pointer-events: none; }
  .button.is-success { border-color: rgba(118, 229, 172, 0.35); }

  .icon-button {
    display: inline-grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid var(--border);
    border-radius: 50%;
    color: var(--text-soft);
    background: rgba(255, 255, 255, 0.025);
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, transform 0.3s var(--ease-out);
  }
  .icon-button:hover { color: var(--text); border-color: var(--border-strong); background: rgba(255, 255, 255, 0.06); transform: scale(1.04); }

  .text-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--text);
    font-size: 0.88rem;
    font-weight: 600;
  }
  .text-link svg { transition: transform 0.25s var(--ease-out); }
  .text-link:hover svg { transform: translateX(4px); }
  .text-link--back svg { transform: rotate(180deg); }
  .text-link--back:hover svg { transform: rotate(180deg) translateX(4px); }

  .badge {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 0 9px;
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--text-muted);
    background: rgba(255, 255, 255, 0.025);
    font-size: .75rem;
    font-weight: 690;
    letter-spacing: 0.09em;
    text-transform: uppercase;
  }
  .badge--cyan { color: var(--cyan); border-color: rgba(139, 233, 255, 0.22); background: rgba(139, 233, 255, 0.06); }
  .badge--violet { color: #cfb9ff; border-color: rgba(181, 146, 255, 0.22); background: rgba(181, 146, 255, 0.06); }
  .badge--gold { color: var(--gold); border-color: rgba(233, 201, 135, 0.23); background: rgba(233, 201, 135, 0.06); }
  .badge--blue { color: #a6c3ff; border-color: rgba(118, 165, 255, 0.22); background: rgba(118, 165, 255, 0.06); }

  .status-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--text-muted); box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.03); }
  .status-dot--operational { background: var(--green); box-shadow: 0 0 0 4px rgba(118, 229, 172, 0.08), 0 0 14px rgba(118, 229, 172, 0.35); }
  .status-dot--degraded { background: var(--amber); box-shadow: 0 0 0 4px rgba(240, 190, 105, 0.09); }
  .status-dot--partial { background: #ef9d70; box-shadow: 0 0 0 4px rgba(239, 157, 112, 0.09); }
  .status-dot--major { background: var(--red); box-shadow: 0 0 0 4px rgba(241, 141, 147, 0.09); }
  .status-dot--maintenance { background: var(--blue); box-shadow: 0 0 0 4px rgba(118, 165, 255, 0.09); }

  .section-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 32px;
    margin-bottom: clamp(44px, 7vw, 92px);
  }
  .section-heading > div:first-child { max-width: 980px; }
  .section-heading h2 { margin-top: 18px; }
  .section-heading p:not(.eyebrow) { max-width: 660px; margin-top: 22px; font-size: 1.03rem; line-height: 1.64; }
  .section-heading--center { display: block; max-width: 950px; margin-inline: auto; text-align: center; }
  .section-heading--center p:not(.eyebrow) { margin-inline: auto; }

  .page-intro {
    position: relative;
    min-height: min(880px, 93vh);
    display: grid;
    align-items: end;
    padding: calc(var(--header-h) + 120px) 0 90px;
    overflow: hidden;
    border-bottom: 1px solid var(--border);
  }
  .page-intro__field { position: absolute; inset: 0; opacity: 0.85; }
  .page-intro::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(7, 7, 7, 0.05), var(--bg) 96%); pointer-events: none; }
  .page-intro__inner { position: relative; z-index: 1; }
  .page-intro__content { max-width: 1200px; }
  .page-intro .display { margin-top: 30px; }
  .page-intro .lede { margin-top: 34px; }
  .page-intro .button-row { margin-top: 38px; }

  .reveal {
    opacity: 0;
    transform: translate3d(0, 28px, 0);
    transition: opacity 0.85s var(--ease-out), transform 0.95s var(--ease-out);
  }
  .reveal--delay-1 { transition-delay: 0.12s; }
  .reveal--delay-2 { transition-delay: 0.22s; }
  .reveal--delay-3 { transition-delay: 0.34s; }
  .reveal.is-visible { opacity: 1; transform: none; }

  .demo-note {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-top: 24px;
    padding: 14px 16px;
    border: 1px solid rgba(233, 201, 135, 0.15);
    border-radius: 12px;
    background: rgba(233, 201, 135, 0.035);
  }
  .demo-note svg { flex: 0 0 auto; margin-top: 2px; color: var(--gold); }
  .demo-note p { font-size: .875rem; line-height: 1.5; color: var(--text-muted); }

  .form-message { min-height: 20px; color: var(--green); font-size: 0.78rem; }
  label { color: var(--text-soft); font-size: .8125rem; font-weight: 560; }
  label > input, label > textarea, label > select,
  .password-field {
    width: 100%;
    margin-top: 8px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.025);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  }
  label > input, label > select { height: 48px; padding: 0 14px; }
  label > textarea { padding: 13px 14px; }
  label > input:focus, label > textarea:focus, label > select:focus,
  .password-field:focus-within { border-color: rgba(139, 233, 255, 0.5); box-shadow: 0 0 0 3px rgba(139, 233, 255, 0.08); background: rgba(255, 255, 255, 0.04); }
  select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%); background-position: calc(100% - 18px) 20px, calc(100% - 13px) 20px; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }
  select option { background: var(--surface); color: var(--text); }

  .site-header {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--header-h);
    padding: 14px 20px;
    transition: transform 0.5s var(--ease-out), padding 0.45s var(--ease-out);
  }
  .site-header.is-hidden { transform: translateY(-112%); }
  .site-header__bar {
    width: min(1500px, 100%);
    height: 50px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: 0 8px 0 14px;
    border: 1px solid transparent;
    border-radius: 18px;
    transition: width 0.5s var(--ease-out), height 0.5s var(--ease-out), background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, backdrop-filter 0.35s ease;
  }
  .site-header.is-scrolled { padding-top: 12px; }
  .site-header.is-scrolled .site-header__bar {
    width: min(1240px, 100%);
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(10, 10, 12, 0.72);
    box-shadow: 0 12px 45px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(22px) saturate(130%);
  }
  .site-header__logo { justify-self: start; }
  .desktop-nav ul { display: flex; align-items: center; gap: 2px; }
  .nav-link {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    gap: 5px;
    padding: 0 11px;
    border-radius: 10px;
    color: var(--text-soft);
    font-size: 0.76rem;
    font-weight: 560;
    transition: color 0.2s ease, background 0.2s ease;
  }
  .nav-link:hover, .nav-link.is-active, .nav-popover.is-open > .nav-link { color: var(--text); background: rgba(255, 255, 255, 0.05); }
  .nav-link svg { transition: transform 0.25s var(--ease-out); }
  .nav-popover.is-open > .nav-link svg { transform: rotate(180deg); }
  .site-header__actions { display: flex; justify-self: end; align-items: center; gap: 8px; }
  .nav-signin { padding: 8px 10px; color: var(--text-soft); font-size: 0.76rem; font-weight: 580; }
  .nav-signin:hover { color: var(--text); }
  .site-header__cta { min-height: 38px; padding-left: 16px; font-size: 0.75rem; }
  .site-header__cta .button__icon { width: 22px; height: 22px; }
  .mobile-menu-trigger { display: none; width: 38px; height: 38px; }

  .nav-popover, .status-popover { position: relative; }
  .nav-dropdown, .status-mini {
    position: absolute;
    top: calc(100% + 14px);
    left: 50%;
    width: 390px;
    padding: 10px;
    border: 1px solid var(--border-strong);
    border-radius: 18px;
    background: rgba(14, 14, 17, 0.96);
    box-shadow: var(--shadow-deep);
    backdrop-filter: blur(24px);
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -7px) scale(0.98);
    transform-origin: top center;
    transition: opacity 0.22s ease, transform 0.35s var(--ease-out);
  }
  .nav-popover.is-open .nav-dropdown, .status-popover.is-open .status-mini { opacity: 1; pointer-events: auto; transform: translate(-50%, 0) scale(1); }
  .nav-dropdown__glow { position: absolute; inset: 0; border-radius: inherit; overflow: hidden; pointer-events: none; }
  .nav-dropdown__glow::after { content: ""; position: absolute; width: 220px; height: 220px; left: 50%; top: -160px; transform: translateX(-50%); background: radial-gradient(circle, rgba(139, 233, 255, 0.12), transparent 68%); }
  .nav-dropdown__head { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 10px 11px 13px; color: var(--text-muted); }
  .nav-dropdown__head span { font-family: var(--font-mono); font-size: .75rem; }
  .nav-dropdown__head strong { color: var(--text-soft); font-size: .75rem; letter-spacing: 0.08em; text-transform: uppercase; }
  .nav-dropdown__links { display: grid; gap: 2px; }
  .nav-dropdown__link { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px; border-radius: 11px; transition: background 0.2s ease, transform 0.3s var(--ease-out); }
  .nav-dropdown__link:hover, .nav-dropdown__link:focus-visible { background: rgba(255, 255, 255, 0.055); transform: translateX(2px); }
  .nav-dropdown__link > span { display: grid; gap: 3px; }
  .nav-dropdown__link strong { font-size: 0.87rem; letter-spacing: -0.02em; }
  .nav-dropdown__link small { color: var(--text-muted); font-size: .75rem; }
  .nav-dropdown__link svg { color: var(--text-muted); }

  .status-trigger { display: flex; align-items: center; gap: 8px; padding: 7px 8px; border-radius: 10px; color: var(--text-soft); font-size: .75rem; font-weight: 580; transition: background 0.2s ease; }
  .status-trigger:hover { background: rgba(255, 255, 255, 0.05); }
  .status-mini { left: auto; right: 0; width: 330px; padding: 14px; transform: translate(0, -7px) scale(0.98); transform-origin: top right; }
  .status-popover.is-open .status-mini { transform: translate(0, 0) scale(1); }
  .status-mini__head { padding: 5px 4px 13px; border-bottom: 1px solid var(--border); }
  .status-mini__head > div { display: flex; align-items: center; gap: 9px; }
  .status-mini__head strong { font-size: 0.84rem; }
  .status-mini__head small { display: block; margin-top: 6px; color: var(--text-muted); font-size: .75rem; }
  .status-mini__services { display: grid; gap: 9px; padding: 14px 4px; }
  .status-mini__services div { display: flex; justify-content: space-between; gap: 14px; font-size: .75rem; }
  .status-mini__services span { color: var(--text-soft); }
  .status-mini__services em { color: var(--green); font-style: normal; }
  .status-mini__link { display: flex; align-items: center; justify-content: space-between; padding: 10px; border-radius: 9px; background: rgba(255, 255, 255, 0.045); font-size: .75rem; font-weight: 600; }

  .mobile-menu {
    position: fixed;
    z-index: 1050;
    inset: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    padding: 24px;
    background: rgba(7, 7, 8, 0.98);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-12px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.45s var(--ease-out);
  }
  .mobile-menu.is-open { opacity: 1; visibility: visible; transform: none; }
  .mobile-menu__field { position: absolute; inset: 0; opacity: 0.55; }
  .mobile-menu::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent, rgba(7, 7, 8, 0.68)); pointer-events: none; }
  .mobile-menu__top, .mobile-menu__nav, .mobile-menu__bottom { position: relative; z-index: 1; }
  .mobile-menu__top { display: flex; align-items: center; justify-content: space-between; }
  .mobile-menu__nav { align-self: center; display: grid; }
  .mobile-menu__link { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--border); opacity: 0; transform: translateY(18px); transition: opacity 0.45s ease, transform 0.55s var(--ease-out); }
  .mobile-menu.is-open .mobile-menu__link { opacity: 1; transform: none; }
  .mobile-menu.is-open .mobile-menu__link:nth-child(2) { transition-delay: 0.04s; }
  .mobile-menu.is-open .mobile-menu__link:nth-child(3) { transition-delay: 0.08s; }
  .mobile-menu.is-open .mobile-menu__link:nth-child(4) { transition-delay: 0.12s; }
  .mobile-menu.is-open .mobile-menu__link:nth-child(5) { transition-delay: 0.16s; }
  .mobile-menu.is-open .mobile-menu__link:nth-child(6) { transition-delay: 0.2s; }
  .mobile-menu.is-open .mobile-menu__link:nth-child(7) { transition-delay: 0.24s; }
  .mobile-menu__link span { color: var(--text-muted); font-family: var(--font-mono); font-size: .75rem; }
  .mobile-menu__link strong { font-size: clamp(1.45rem, 5vw, 2.6rem); font-weight: 500; letter-spacing: -0.04em; }
  .mobile-menu__link svg { color: var(--text-muted); }
  .mobile-menu__bottom { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
  .mobile-menu__status { display: flex; align-items: center; gap: 9px; color: var(--text-muted); font-size: .75rem; }
  .mobile-menu__bottom > div { display: flex; align-items: center; gap: 14px; }

  .site-footer { position: relative; padding: 110px 0 0; overflow: hidden; border-top: 1px solid var(--border); background: #080809; }
  .site-footer__field { position: absolute; inset: 0; opacity: 0.55; }
  .site-footer::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(8, 8, 9, 0.15), #080809 82%); pointer-events: none; }
  .site-footer__top, .site-footer__meta, .site-footer__giant { position: relative; z-index: 1; }
  .site-footer__top { display: grid; grid-template-columns: 1.05fr 1.6fr; gap: 90px; }
  .site-footer__brand p { max-width: 390px; margin-top: 26px; font-size: 1.02rem; line-height: 1.65; }
  .site-footer__status { display: inline-flex; align-items: center; gap: 9px; margin-top: 32px; color: var(--text-soft); font-size: .75rem; }
  .site-footer__status small { padding: 2px 6px; border: 1px solid var(--border); border-radius: 999px; color: var(--text-muted); }
  .site-footer__links { display: grid; grid-template-columns: repeat(5, 1fr); gap: 34px; }
  .site-footer__group { display: flex; flex-direction: column; gap: 10px; }
  .site-footer__group h3 { margin-bottom: 8px; color: var(--text-muted); font-size: .875rem; font-weight: 650; letter-spacing: 0.12em; text-transform: uppercase; }
  .site-footer__group a { color: var(--text-soft); font-size: .8125rem; transition: color 0.2s ease, transform 0.2s ease; }
  .site-footer__group a:hover { color: var(--text); transform: translateX(2px); }
  .site-footer__meta { display: flex; justify-content: space-between; gap: 20px; margin-top: 92px; padding: 22px 0; border-top: 1px solid var(--border); color: var(--text-muted); font-size: .75rem; }
  .site-footer__giant { height: 21vw; margin-top: 14px; font-size: 23.5vw; font-weight: 650; line-height: 0.82; letter-spacing: -0.085em; text-align: center; color: rgba(245, 245, 242, 0.94); transform: translateY(3vw); white-space: nowrap; }

  .scroll-progress { position: fixed; z-index: 1100; top: 0; left: 0; right: 0; height: 2px; pointer-events: none; }
  .scroll-progress span { display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left; background: linear-gradient(90deg, var(--cyan), var(--blue), var(--violet), var(--gold)); box-shadow: 0 0 12px rgba(139, 233, 255, 0.4); }

  .page-transition { position: fixed; z-index: 9999; inset: 0; pointer-events: none; display: grid; place-items: center; visibility: hidden; overflow: hidden; }
  .page-transition::before, .page-transition::after { content: ""; position: absolute; inset: 0; background: #070708; transform: translateY(-101%); }
  .page-transition::after { background: linear-gradient(125deg, #070708 45%, #111118 100%); }
  .page-transition__line { position: absolute; z-index: 2; left: -10%; width: 120%; height: 1px; background: linear-gradient(90deg, transparent, var(--cyan), var(--violet), transparent); box-shadow: 0 0 25px rgba(139, 233, 255, 0.55); transform: translateX(-100%); }
  .page-transition__label { position: relative; z-index: 3; color: rgba(245, 245, 242, 0.7); font-size: .75rem; font-weight: 670; letter-spacing: 0.28em; opacity: 0; }
  .page-transition.is-entering, .page-transition.is-leaving { visibility: visible; }
  .page-transition.is-entering::before { animation: transition-cover 0.58s var(--ease-smooth) forwards; }
  .page-transition.is-entering::after { animation: transition-cover 0.58s 0.06s var(--ease-smooth) forwards; }
  .page-transition.is-entering .page-transition__line { animation: transition-line 0.64s 0.05s var(--ease-out) forwards; }
  .page-transition.is-entering .page-transition__label { animation: transition-label 0.4s 0.2s ease forwards; }
  .page-transition.is-leaving::before, .page-transition.is-leaving::after { transform: translateY(0); animation: transition-leave 0.58s var(--ease-smooth) forwards; }
  .page-transition.is-leaving::after { animation-delay: 0.05s; }
  .page-transition.is-leaving .page-transition__label { animation: transition-label-out 0.25s ease forwards; }
  @keyframes transition-cover { to { transform: translateY(0); } }
  @keyframes transition-leave { to { transform: translateY(101%); } }
  @keyframes transition-line { 0% { transform: translateX(-100%); top: 35%; } 100% { transform: translateX(100%); top: 65%; } }
  @keyframes transition-label { to { opacity: 1; } }
  @keyframes transition-label-out { to { opacity: 0; transform: translateY(8px); } }

  .modal-backdrop {
    position: fixed;
    z-index: 3000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(2, 2, 3, 0.72);
    backdrop-filter: blur(14px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
  }
  .modal-backdrop.is-open { opacity: 1; pointer-events: auto; }
  .modal {
    width: min(100%, 560px);
    max-height: min(84vh, 900px);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-strong);
    border-radius: 22px;
    background: rgba(15, 15, 18, 0.98);
    box-shadow: var(--shadow-deep);
    transform: translateY(18px) scale(0.98);
    transition: transform 0.42s var(--ease-out);
    overflow: hidden;
  }
  .modal-backdrop.is-open .modal { transform: none; }
  .modal--large { width: min(100%, 820px); }
  .modal__head { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 20px; border-bottom: 1px solid var(--border); }
  .modal__head h2 { font-size: 1rem; letter-spacing: -0.02em; }
  .modal__head .icon-button { width: 34px; height: 34px; }
  .modal__body { padding: 22px; overflow-y: auto; }
  .modal__footer { display: flex; justify-content: flex-end; gap: 10px; padding: 16px 20px; border-top: 1px solid var(--border); }

  .command-palette { position: fixed; z-index: 3500; inset: 0; opacity: 0; pointer-events: none; transition: opacity 0.2s ease; }
  .command-palette.is-open { opacity: 1; pointer-events: auto; }
  .command-palette__backdrop { position: absolute; inset: 0; background: rgba(2, 2, 3, 0.7); backdrop-filter: blur(12px); }
  .command-dialog {
    position: relative;
    width: min(680px, calc(100vw - 32px));
    max-height: min(74vh, 720px);
    margin: 11vh auto 0;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-strong);
    border-radius: 20px;
    background: rgba(14, 14, 17, 0.985);
    box-shadow: var(--shadow-deep);
    overflow: hidden;
    transform: translateY(-12px) scale(0.985);
    transition: transform 0.4s var(--ease-out);
  }
  .command-palette.is-open .command-dialog { transform: none; }
  .command-input { display: flex; align-items: center; gap: 12px; padding: 16px 17px; border-bottom: 1px solid var(--border); }
  .command-input > span { color: var(--text-muted); }
  .command-input input { flex: 1; min-width: 0; font-size: 0.97rem; }
  .command-input input::placeholder { color: var(--text-muted); }
  .command-results { padding: 9px; overflow-y: auto; }
  .command-group-label { padding: 10px 10px 6px; color: var(--text-muted); font-size: .75rem; font-weight: 670; letter-spacing: 0.12em; text-transform: uppercase; }
  .command-result { width: 100%; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 11px; padding: 10px; border-radius: 10px; text-align: left; transition: background 0.15s ease; }
  .command-result.is-active, .command-result:hover { background: rgba(255, 255, 255, 0.065); }
  .command-result > span { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid var(--border); border-radius: 9px; color: var(--text-soft); }
  .command-result > div { display: grid; gap: 2px; }
  .command-result strong { font-size: 0.83rem; }
  .command-result small { color: var(--text-muted); font-size: .75rem; }
  .command-result em { color: var(--text-muted); font-style: normal; }
  .command-empty { display: grid; place-items: center; gap: 8px; padding: 56px 20px; text-align: center; }
  .command-empty .logo__mark { width: 30px; height: 30px; opacity: 0.6; }
  .command-empty strong { margin-top: 8px; }
  .command-empty span { color: var(--text-muted); font-size: 0.78rem; }
  .command-dialog footer { display: flex; align-items: center; justify-content: flex-end; gap: 18px; padding: 10px 14px; border-top: 1px solid var(--border); color: var(--text-muted); font-size: .75rem; }
  .command-dialog footer span { display: flex; align-items: center; gap: 4px; }

  .cursor {
    position: fixed;
    z-index: 10001;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px;
    border-radius: 50%;
    background: rgba(245, 245, 242, 0.82);
    mix-blend-mode: difference;
    pointer-events: none;
    opacity: 0;
    transition: width 0.25s var(--ease-out), height 0.25s var(--ease-out), margin 0.25s var(--ease-out), opacity 0.2s ease, background 0.2s ease;
  }
  .cursor.is-visible { opacity: 1; }
  .cursor.is-interactive { width: 42px; height: 42px; margin: -21px 0 0 -21px; background: rgba(245, 245, 242, 0.18); border: 1px solid rgba(245, 245, 242, 0.55); backdrop-filter: blur(2px); }
  .cursor.has-label { width: 72px; height: 72px; margin: -36px 0 0 -36px; background: var(--text); color: #09090a; mix-blend-mode: normal; }
  .cursor span { display: none; position: absolute; inset: 0; place-items: center; font-size: .75rem; font-weight: 650; letter-spacing: 0.06em; text-transform: uppercase; }
  .cursor.has-label span { display: grid; }

  .toast-region { position: fixed; z-index: 5000; right: 18px; bottom: 18px; display: grid; gap: 8px; pointer-events: none; }
  .toast { display: flex; align-items: center; gap: 9px; min-width: 230px; padding: 12px 14px; border: 1px solid var(--border-strong); border-radius: 12px; color: var(--text); background: rgba(17, 17, 20, 0.96); box-shadow: var(--shadow-soft); opacity: 0; transform: translateY(10px) scale(0.98); transition: opacity 0.22s ease, transform 0.3s var(--ease-out); }
  .toast.is-visible { opacity: 1; transform: none; }
  .toast svg { color: var(--green); }
  .toast--error svg { color: var(--amber); }
  .toast span { font-size: 0.75rem; }

  .tooltip { position: fixed; z-index: 6000; max-width: 260px; padding: 9px 10px; border: 1px solid var(--border); border-radius: 8px; color: var(--text-soft); background: rgba(15, 15, 18, 0.98); box-shadow: var(--shadow-soft); font-size: .75rem; line-height: 1.45; opacity: 0; transform: translateY(4px); pointer-events: none; transition: opacity 0.15s ease, transform 0.2s ease; }
  .tooltip.is-visible { opacity: 1; transform: none; }

  .empty-state { min-height: 280px; display: grid; place-items: center; align-content: center; gap: 10px; padding: 30px; border: 1px dashed var(--border-strong); border-radius: 18px; text-align: center; }
  .empty-state__icon { display: grid; width: 48px; height: 48px; place-items: center; margin-bottom: 4px; border: 1px solid var(--border); border-radius: 50%; color: var(--text-muted); }
  .empty-state h3 { font-size: 1rem; }
  .empty-state p { max-width: 380px; font-size: .875rem; }

  .tabs__list { display: flex; gap: 4px; padding: 4px; border: 1px solid var(--border); border-radius: 11px; background: rgba(255, 255, 255, 0.025); }
  .tabs__list button { flex: 1; min-height: 33px; padding: 0 10px; border-radius: 8px; color: var(--text-muted); font-size: .8125rem; font-weight: 600; transition: color 0.2s ease, background 0.2s ease; }
  .tabs__list button[aria-selected="true"] { color: var(--text); background: rgba(255, 255, 255, 0.075); }
  .tabs__panels { margin-top: 10px; }

  .code-block { border: 1px solid var(--border); border-radius: 17px; background: #0c0c0f; overflow: hidden; box-shadow: var(--shadow-soft); }
  .code-block__bar { display: flex; align-items: center; justify-content: space-between; padding: 11px 13px; border-bottom: 1px solid var(--border); color: var(--text-muted); font-family: var(--font-mono); font-size: .75rem; }
  .copy-button { display: flex; align-items: center; gap: 6px; padding: 5px 7px; border-radius: 7px; color: var(--text-muted); font-family: var(--font-sans); font-size: .75rem; transition: color 0.2s ease, background 0.2s ease; }
  .copy-button:hover { color: var(--text); background: rgba(255, 255, 255, 0.06); }
  .copy-button.is-copied { color: var(--green); }
  .code-block pre { margin: 0; padding: 14px 0; overflow-x: auto; font-family: var(--font-mono); font-size: clamp(0.67rem, 0.85vw, 0.78rem); line-height: 1.78; }
  .code-line { display: grid; grid-template-columns: 42px minmax(max-content, 1fr); min-width: max-content; padding-right: 20px; }
  .code-line i { padding-right: 13px; color: rgba(245, 245, 242, 0.22); font-style: normal; text-align: right; user-select: none; }
  .code-line code { color: #cbd1dc; }
  .code-line.is-highlighted { background: rgba(118, 165, 255, 0.06); box-shadow: inset 2px 0 var(--blue); }
  .code-line.is-highlighted code { color: #e2e8f7; }

  .metric-ring { display: grid; justify-items: center; gap: 10px; }
  .metric-ring__graphic { position: relative; width: 118px; aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--cyan) calc(var(--metric) * 1%), rgba(255, 255, 255, 0.06) 0); }
  .metric-ring__graphic::before { content: ""; position: absolute; inset: 7px; border-radius: 50%; background: var(--surface); }
  .metric-ring__graphic span { position: relative; font-size: 1.65rem; font-weight: 560; letter-spacing: -0.05em; }
  .metric-ring small { color: var(--text-muted); font-size: .75rem; }

  .procedural-graphic { position: relative; width: 100%; height: 100%; min-height: 200px; overflow: hidden; border-radius: inherit; background: radial-gradient(circle at 45% 40%, rgba(139, 233, 255, 0.08), transparent 48%), #0b0b0e; }
  .procedural-graphic::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 36px 36px; mask-image: radial-gradient(circle at center, black, transparent 78%); }
  .graphic-orbit { position: absolute; left: 50%; top: 50%; width: 52%; aspect-ratio: 1; border: 1px solid rgba(139, 233, 255, 0.22); border-radius: 50%; transform: translate(-50%, -50%) rotate(20deg); animation: graphic-orbit 14s linear infinite; }
  .graphic-orbit--b { width: 72%; border-color: rgba(181, 146, 255, 0.15); animation-direction: reverse; animation-duration: 19s; }
  .graphic-core { position: absolute; left: 50%; top: 50%; width: 12%; aspect-ratio: 1; border-radius: 50%; transform: translate(-50%, -50%); background: radial-gradient(circle at 35% 30%, white, var(--cyan) 15%, rgba(118, 165, 255, 0.35) 42%, transparent 70%); box-shadow: 0 0 60px rgba(139, 233, 255, 0.22); }
  @keyframes graphic-orbit { to { transform: translate(-50%, -50%) rotate(380deg); } }

  .graphic-grid { position: absolute; inset: 18%; border: 1px solid rgba(118,165,255,.22); transform: perspective(500px) rotateX(62deg) rotateZ(-22deg); background-image: linear-gradient(rgba(118,165,255,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(118,165,255,.16) 1px, transparent 1px); background-size: 22px 22px; }
  .graphic-scan { position: absolute; left: 12%; right: 12%; top: 32%; height: 1px; background: var(--cyan); box-shadow: 0 0 20px var(--cyan); animation: scan-y 3.6s ease-in-out infinite alternate; }
  @keyframes scan-y { to { transform: translateY(120px); } }
  .graphic-ring { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(233,201,135,.22); border-radius: 50%; transform: translate(-50%,-50%); }
  .graphic-ring--1 { width: 26%; aspect-ratio: 1; }
  .graphic-ring--2 { width: 48%; aspect-ratio: 1; border-style: dashed; animation: graphic-orbit 18s linear infinite; }
  .graphic-ring--3 { width: 72%; aspect-ratio: 1; border-color: rgba(139,233,255,.15); animation: graphic-orbit 28s linear infinite reverse; }
  .graphic-node { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 18px rgba(139,233,255,.5); }
  .graphic-node.n1 { left: 20%; top: 30%; } .graphic-node.n2 { left: 62%; top: 22%; } .graphic-node.n3 { left: 72%; top: 68%; } .graphic-node.n4 { left: 30%; top: 72%; }
  .graphic-link { position: absolute; left: 23%; top: 32%; width: 45%; height: 1px; background: linear-gradient(90deg, rgba(139,233,255,.4), transparent); transform: rotate(-10deg); transform-origin: left; }
  .graphic-link.l2 { left: 31%; top: 72%; width: 44%; transform: rotate(-7deg); }
  .graphic-terminal { position: absolute; inset: 18%; padding: 18px; border: 1px solid var(--border); border-radius: 12px; background: rgba(8,8,10,.8); }
  .graphic-terminal b { display: block; height: 6px; margin-bottom: 12px; border-radius: 999px; background: linear-gradient(90deg, rgba(139,233,255,.55), rgba(181,146,255,.12)); }
  .graphic-terminal b:nth-child(2) { width: 68%; } .graphic-terminal b:nth-child(3) { width: 86%; } .graphic-terminal b:nth-child(4) { width: 45%; }
  .graphic-stack { position: absolute; left: 50%; top: 50%; width: 48%; height: 28%; border: 1px solid rgba(181,146,255,.2); border-radius: 12px; background: rgba(181,146,255,.03); transform: translate(-50%,-50%); }
  .graphic-stack.s1 { transform: translate(-58%,-68%) rotate(-7deg); } .graphic-stack.s2 { transform: translate(-42%,-48%) rotate(5deg); } .graphic-stack.s3 { transform: translate(-50%,-28%); border-color: rgba(139,233,255,.25); }
  .graphic-sphere { position: absolute; left: 50%; top: 50%; width: 44%; aspect-ratio: 1; transform: translate(-50%,-50%); border-radius: 50%; background: radial-gradient(circle at 38% 32%, rgba(255,255,255,.85), rgba(139,233,255,.22) 14%, rgba(118,165,255,.1) 35%, transparent 67%); box-shadow: inset -20px -30px 60px rgba(181,146,255,.13), 0 0 50px rgba(139,233,255,.09); }
  .graphic-scanline { position: absolute; left: 27%; right: 27%; top: 50%; height: 2px; background: var(--cyan); box-shadow: 0 0 18px var(--cyan); animation: sphere-scan 3.3s ease-in-out infinite; }
  @keyframes sphere-scan { 0%,100% { transform: translateY(-58px); opacity:.2; } 50% { transform: translateY(58px); opacity:1; } }
  .graphic-cityline { position: absolute; bottom: 20%; width: 2px; background: linear-gradient(to top, rgba(139,233,255,.5), transparent); }
  .graphic-cityline.c1 { left: 32%; height: 42%; } .graphic-cityline.c2 { left: 50%; height: 60%; } .graphic-cityline.c3 { left: 68%; height: 34%; }
  .graphic-block { position: absolute; width: 30%; height: 25%; border: 1px solid rgba(118,165,255,.2); border-radius: 8px; background: rgba(118,165,255,.04); }
  .graphic-block.b1 { left: 17%; top: 25%; } .graphic-block.b2 { right: 17%; top: 35%; } .graphic-block.b3 { left: 35%; bottom: 20%; border-color: rgba(139,233,255,.26); }
  .graphic-doc { position: absolute; left: 50%; top: 50%; width: 38%; height: 58%; transform: translate(-50%,-50%); padding: 22px 16px; border: 1px solid var(--border-strong); border-radius: 8px; background: rgba(255,255,255,.035); }
  .graphic-doc b { display:block; height:4px; margin-bottom:11px; border-radius:99px; background:rgba(245,245,242,.18); } .graphic-doc b:nth-child(2){width:75%}.graphic-doc b:nth-child(3){width:90%}.graphic-doc b:nth-child(4){width:55%}
  .graphic-focus { position:absolute; left:42%; top:42%; width:32%; height:18%; border:1px solid var(--cyan); border-radius:5px; box-shadow:0 0 22px rgba(139,233,255,.16); }
  .graphic-shield { position:absolute; left:50%; top:50%; width:40%; height:50%; transform:translate(-50%,-50%); clip-path:polygon(50% 0, 93% 18%, 85% 72%, 50% 100%, 15% 72%, 7% 18%); border:1px solid rgba(139,233,255,.35); background:linear-gradient(145deg,rgba(139,233,255,.1),rgba(181,146,255,.03)); }
  .graphic-shield-core { position:absolute; left:50%; top:48%; width:8%; aspect-ratio:1; transform:translate(-50%,-50%); border-radius:50%; background:var(--green); box-shadow:0 0 30px rgba(118,229,172,.4); }
  .graphic-arc { position:absolute; left:50%; top:62%; width:64%; height:34%; border:1px solid rgba(139,233,255,.25); border-bottom:0; border-radius:50% 50% 0 0; transform:translate(-50%,-50%) rotate(-12deg); }
  .graphic-arc.a2 { width:43%; height:23%; border-color:rgba(233,201,135,.2); transform:translate(-50%,-50%) rotate(17deg); }
}

@layer pages {
  /* Home */
  .home-hero {
    position: relative;
    min-height: max(900px, 100svh);
    display: grid;
    align-items: center;
    overflow: hidden;
    background: #070707;
  }
  .home-hero__field { position: absolute; inset: 0; opacity: 0.9; }
  .home-hero__grain { position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, transparent 0, rgba(7,7,7,.2) 54%, rgba(7,7,7,.92) 100%), linear-gradient(to bottom, rgba(7,7,7,.08), transparent 25%, transparent 76%, #070707 100%); pointer-events: none; }
  .home-hero__orbit { position: absolute; left: 50%; top: 48%; width: min(90vw, 1160px); aspect-ratio: 1.8; transform: translate(-50%,-50%); opacity: .42; pointer-events: none; }
  .home-hero__orbit span { position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.05); border-radius: 50%; transform: rotate(-8deg); }
  .home-hero__orbit span:nth-child(2) { inset: 13%; border-color: rgba(139,233,255,.07); transform: rotate(9deg); }
  .home-hero__orbit span:nth-child(3) { inset: 27%; border-color: rgba(181,146,255,.08); transform: rotate(-17deg); }
  .home-hero__inner { position: relative; z-index: 2; padding-top: 112px; padding-bottom: 52px; }
  .home-hero__brand { display: flex; justify-content: space-between; gap: 20px; margin-bottom: clamp(46px, 7vh, 86px); color: var(--text-muted); font-family: var(--font-mono); font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; }
  .home-hero__brand em { font-style: normal; }
  .home-hero__title { max-width: 1280px; font-size: clamp(4.5rem, 10.5vw, 11rem); line-height: .82; letter-spacing: -.075em; font-weight: 500; }
  .title-line { display: block; overflow: hidden; padding-bottom: .08em; }
  .title-line i { display: block; font-style: normal; transform: translateY(115%); animation: hero-title-in 1.05s var(--ease-out) forwards; }
  .title-line:nth-child(2) i { animation-delay: .11s; }
  .title-line:nth-child(3) i { animation-delay: .2s; }
  .title-line--offset { padding-left: clamp(1rem, 9vw, 8rem); color: rgba(245,245,242,.83); }
  @keyframes hero-title-in { to { transform: translateY(0); } }
  .home-hero__copy { max-width: 650px; margin-top: 36px; font-size: clamp(1.08rem, 1.7vw, 1.45rem); line-height: 1.5; letter-spacing: -.025em; }
  .home-hero .button-row { margin-top: 30px; }
  .hero-composer-wrap { width: min(720px, 100%); margin-top: clamp(46px, 7vh, 78px); }
  .hero-composer {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: end;
    min-height: 74px;
    padding: 17px 14px 13px 21px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 22px;
    background: rgba(16,16,19,.66);
    box-shadow: 0 22px 70px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.035);
    backdrop-filter: blur(22px);
    overflow: hidden;
    transition: border-color .3s ease, box-shadow .3s ease, transform .3s var(--ease-out);
  }
  .hero-composer::before { content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px; background:linear-gradient(105deg,transparent 15%,rgba(139,233,255,.2),rgba(181,146,255,.16),transparent 82%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; opacity:0; transition:opacity .3s ease; pointer-events:none; }
  .hero-composer:focus-within { border-color: rgba(139,233,255,.26); box-shadow: 0 28px 90px rgba(0,0,0,.43), 0 0 0 4px rgba(139,233,255,.035); transform: translateY(-2px); }
  .hero-composer:focus-within::before, .hero-composer.has-value::before { opacity: 1; }
  .hero-composer textarea { min-height: 37px; max-height: 160px; padding: 7px 6px 4px 0; color: var(--text); font-size: 1rem; line-height: 1.45; }
  .hero-composer textarea::placeholder { color: var(--text-muted); }
  .hero-composer__tools { display: flex; align-items: center; gap: 7px; }
  .composer-tool, .composer-mode, .composer-send { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; border-radius: 10px; color: var(--text-muted); transition: color .2s ease, background .2s ease, transform .2s ease; }
  .composer-tool { width: 36px; }
  .composer-mode { gap: 7px; padding: 0 10px; font-size: .75rem; }
  .mode-spark { color: var(--cyan); }
  .composer-send { width: 38px; border-radius: 50%; background: var(--text); color: #080809; }
  .composer-tool:hover, .composer-mode:hover { color: var(--text); background: rgba(255,255,255,.06); }
  .composer-send:hover { transform: scale(1.06); }
  .hero-composer__energy { position:absolute; left:20px; right:20px; bottom:0; height:1px; transform-origin:left; transform:scaleX(calc(var(--energy,0%) / 100)); background:linear-gradient(90deg,var(--cyan),var(--violet),var(--gold)); box-shadow:0 0 12px rgba(139,233,255,.5); transition:transform .3s ease; }
  .hero-composer.is-shaking { animation: composer-shake .36s ease; }
  @keyframes composer-shake { 25%{transform:translateX(-5px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)} }
  .prompt-suggestions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
  .prompt-suggestions button { padding: 8px 11px; border: 1px solid var(--border); border-radius: 999px; color: var(--text-muted); background: rgba(255,255,255,.018); font-size: .8125rem; transition: color .2s ease, border-color .2s ease, background .2s ease, opacity .2s ease; }
  .prompt-suggestions button:hover { color: var(--text); border-color: var(--border-strong); background: rgba(255,255,255,.045); }
  .prompt-suggestions button.is-used { opacity: .45; }
  .home-hero__foot { display:flex; align-items:center; gap:14px; margin-top:54px; color:var(--text-muted); font-family:var(--font-mono); font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; }
  .home-hero__foot i { width:48px; height:1px; background:linear-gradient(90deg,var(--text-muted),transparent); }
  .home-hero__foot small { margin-left:auto; }

  .field-story { position: relative; height: 300vh; background: #070707; }
  .field-story__sticky { position: sticky; top: 0; height: 100vh; overflow: hidden; }
  .field-story__background { position:absolute; inset:0; opacity:.68; }
  .field-story__sticky::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 50%,transparent 0,rgba(7,7,7,.2) 42%,#070707 100%); pointer-events:none; }
  .field-story__orb { --story-progress:0; position:absolute; z-index:2; left:50%; top:50%; width:min(36vw,480px); aspect-ratio:1; margin-left:max(-18vw,-240px); margin-top:max(-18vw,-240px); border-radius:50%; background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.9),rgba(139,233,255,.36) 7%,rgba(118,165,255,.13) 28%,rgba(181,146,255,.08) 47%,rgba(7,7,7,.03) 67%); box-shadow:inset -30px -40px 90px rgba(181,146,255,.11),0 0 110px rgba(139,233,255,.12); filter:saturate(1.05); transition:border-radius .1s linear; }
  .field-story__orb::before, .field-story__orb::after { content:""; position:absolute; inset:-12%; border:1px solid rgba(139,233,255,.16); border-radius:inherit; transform:rotate(calc(var(--story-progress) * 80deg)); }
  .field-story__orb::after { inset:16%; border-color:rgba(181,146,255,.2); transform:rotate(calc(var(--story-progress) * -130deg)); }
  .field-story__orb i { position:absolute; inset:7%; border-radius:inherit; background:conic-gradient(from calc(var(--story-progress)*360deg),transparent,rgba(139,233,255,.15),transparent 38%,rgba(233,201,135,.08),transparent); animation:orb-spin 18s linear infinite; }
  .field-story__orb span { position:absolute; left:12%; top:24%; width:6px; height:6px; border-radius:50%; background:#fff; box-shadow:0 0 20px var(--cyan); }
  .field-story__orb b { position:absolute; right:17%; bottom:25%; width:4px; height:4px; border-radius:50%; background:var(--gold); box-shadow:0 0 16px var(--gold); }
  @keyframes orb-spin { to{transform:rotate(360deg)} }
  .field-story__frames { position:relative; z-index:3; height:100%; }
  .story-frame { position:absolute; left:0; top:50%; width:min(520px,42vw); transform:translateY(-42%); opacity:0; visibility:hidden; transition:opacity .55s ease, transform .75s var(--ease-out), visibility .55s ease; }
  .story-frame:nth-child(2), .story-frame:nth-child(3) { left:auto; right:0; text-align:right; }
  .story-frame h2 { margin-top:20px; font-size:clamp(2.4rem,4.7vw,5.3rem); }
  .story-frame > p:last-child { max-width:470px; margin-top:22px; font-size:1rem; line-height:1.66; }
  .story-frame:nth-child(2) > p:last-child, .story-frame:nth-child(3) > p:last-child { margin-left:auto; }
  .story-frame.is-active { opacity:1; visibility:visible; transform:translateY(-50%); }
  .field-story__progress { position:absolute; z-index:4; left:50%; bottom:34px; display:flex; gap:7px; transform:translateX(-50%); }
  .field-story__progress span { width:28px; height:2px; background:rgba(255,255,255,.12); overflow:hidden; }
  .field-story__progress span::after { content:""; display:block; width:100%; height:100%; transform:scaleX(0); transform-origin:left; background:var(--text); transition:transform .45s var(--ease-out); }
  .field-story__progress span.is-active::after { transform:scaleX(1); }

  .section--demo { padding-top:140px; background:linear-gradient(to bottom,#070707,#0b0b0d 15%,#0b0b0d); }
  .product-demo { position:relative; border:1px solid var(--border-strong); border-radius:26px; background:#0d0d10; box-shadow:var(--shadow-deep); overflow:hidden; transform-origin:center top; }
  .product-demo__chrome { height:48px; display:flex; align-items:center; gap:7px; padding:0 15px; border-bottom:1px solid var(--border); color:var(--text-muted); font-size:.75rem; }
  .product-demo__chrome > span { width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.15); }
  .product-demo__chrome > div { position:absolute; left:50%; transform:translateX(-50%); }
  .product-demo__chrome em { margin-left:auto; padding:3px 7px; border:1px solid var(--border); border-radius:99px; font-style:normal; font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; }
  .product-demo__body { min-height:720px; display:grid; grid-template-columns:230px minmax(0,1fr); }
  .demo-sidebar { display:flex; flex-direction:column; padding:14px 11px; border-right:1px solid var(--border); background:#0a0a0c; transform:translateX(-25px); opacity:0; transition:transform .85s var(--ease-out),opacity .7s ease; }
  .product-demo.has-played .demo-sidebar { transform:none; opacity:1; }
  .demo-new { display:flex; align-items:center; gap:9px; padding:10px; border:1px solid var(--border); border-radius:9px; color:var(--text-soft); font-size:.75rem; }
  .demo-sidebar nav { display:grid; gap:2px; margin-top:16px; }
  .demo-sidebar nav button { display:flex; align-items:center; gap:9px; width:100%; padding:9px 10px; border-radius:8px; color:var(--text-muted); font-size:.8125rem; text-align:left; }
  .demo-sidebar nav button.is-active,.demo-sidebar nav button:hover { color:var(--text); background:rgba(255,255,255,.055); }
  .demo-sidebar__recent { display:grid; gap:5px; margin-top:24px; }
  .demo-sidebar__recent small { padding:0 10px 5px; color:var(--text-muted); font-size:.75rem; text-transform:uppercase; letter-spacing:.11em; }
  .demo-sidebar__recent button { padding:7px 10px; color:var(--text-muted); font-size:.8125rem; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .demo-sidebar__profile { margin-top:auto; display:grid; grid-template-columns:32px 1fr auto; align-items:center; gap:9px; padding:9px; border-top:1px solid var(--border); }
  .demo-sidebar__profile > span { display:grid; width:30px; height:30px; place-items:center; border-radius:50%; background:rgba(139,233,255,.12); color:var(--cyan); font-size:.75rem; }
  .demo-sidebar__profile div { display:grid; }
  .demo-sidebar__profile strong { font-size:.75rem; }
  .demo-sidebar__profile small { color:var(--text-muted); font-size:.75rem; }
  .demo-conversation { min-width:0; display:grid; grid-template-rows:auto 1fr auto auto; background:#101013; opacity:0; transform:translateY(18px); transition:opacity .8s .18s ease,transform .9s .18s var(--ease-out); }
  .product-demo.has-played .demo-conversation { opacity:1; transform:none; }
  .demo-conversation__head { display:flex; align-items:center; justify-content:space-between; padding:13px 18px; border-bottom:1px solid var(--border); }
  .demo-conversation__head > div { display:grid; gap:2px; }
  .demo-conversation__head strong { font-size:.76rem; }
  .demo-conversation__head small { color:var(--text-muted); font-size:.75rem; }
  .demo-conversation__head button { color:var(--text-muted); }
  .demo-thread { width:min(810px,calc(100% - 48px)); margin:0 auto; padding:42px 0 24px; }
  .demo-user-message { max-width:640px; margin-left:auto; padding:14px 16px; border:1px solid var(--border); border-radius:17px 17px 5px 17px; background:rgba(255,255,255,.055); color:var(--text-soft); font-size:.83rem; line-height:1.52; }
  .demo-assistant-message { margin-top:34px; }
  .demo-assistant-message__identity { display:flex; align-items:center; gap:8px; margin-bottom:18px; }
  .demo-assistant-message__identity .logo__mark { width:22px; height:22px; }
  .demo-assistant-message__identity span { font-size:.75rem; font-weight:600; }
  .demo-assistant-message__identity small { padding:2px 6px; border:1px solid var(--border); border-radius:99px; color:var(--text-muted); font-size:.75rem; }
  .reasoning-chip { display:inline-flex; align-items:center; gap:8px; margin-bottom:18px; padding:7px 9px; border:1px solid rgba(139,233,255,.13); border-radius:99px; color:var(--text-muted); background:rgba(139,233,255,.03); font-size:.75rem; }
  .reasoning-chip span { width:6px; height:6px; border-radius:50%; background:var(--cyan); box-shadow:0 0 10px var(--cyan); animation:reasoning-pulse 1.4s ease-in-out infinite; }
  @keyframes reasoning-pulse { 50%{opacity:.3;transform:scale(.7)} }
  .streaming-response { font-size:.81rem; line-height:1.66; }
  .streaming-response > * { opacity:0; transform:translateY(7px); transition:opacity .45s ease,transform .55s var(--ease-out); }
  .streaming-response > *.is-streamed, .source-chips.is-streamed { opacity:1; transform:none; }
  .streaming-response p + p { margin-top:14px; }
  .streaming-response h4 { margin:20px 0 8px; font-size:.875rem; letter-spacing:-.02em; }
  .streaming-response ul { display:grid; gap:8px; }
  .streaming-response li { position:relative; padding-left:15px; color:var(--text-soft); }
  .streaming-response li::before { content:""; position:absolute; left:0; top:.7em; width:4px; height:4px; border-radius:50%; background:var(--cyan); }
  .comparison-chart { display:grid; gap:9px; margin:20px 0; padding:14px; border:1px solid var(--border); border-radius:12px; background:rgba(255,255,255,.02); }
  .comparison-chart div { display:grid; grid-template-columns:100px minmax(0,1fr) 90px; align-items:center; gap:12px; font-size:.75rem; }
  .comparison-chart i { height:5px; border-radius:99px; background:linear-gradient(90deg,var(--cyan),var(--violet)); transform:scaleX(0); transform-origin:left; transition:transform .9s .2s var(--ease-out); }
  .comparison-chart.is-streamed i { transform:scaleX(calc(var(--bar) / 100)); }
  .comparison-chart em { color:var(--text-muted); font-style:normal; text-align:right; }
  .demo-caveat { margin-top:16px!important; padding:10px 12px; border-left:2px solid var(--gold); color:var(--text-muted)!important; background:rgba(233,201,135,.025); font-size:.75rem; }
  .source-chips { display:flex; flex-wrap:wrap; gap:6px; margin-top:18px; opacity:0; transform:translateY(7px); transition:opacity .45s ease,transform .55s var(--ease-out); }
  .source-chips span { padding:6px 8px; border:1px solid var(--border); border-radius:7px; color:var(--text-muted); font-size:.75rem; }
  .demo-response-actions { display:flex; gap:7px; margin-top:17px; }
  .demo-response-actions button { display:grid; width:28px; height:28px; place-items:center; border-radius:7px; color:var(--text-muted); }
  .demo-response-actions button:hover { color:var(--text); background:rgba(255,255,255,.05); }
  .demo-followups { display:flex; gap:7px; width:min(810px,calc(100% - 48px)); margin:0 auto 14px; overflow-x:auto; }
  .demo-followups button { flex:0 0 auto; padding:8px 10px; border:1px solid var(--border); border-radius:99px; color:var(--text-muted); font-size:.8125rem; }
  .demo-input { width:min(810px,calc(100% - 48px)); min-height:54px; margin:0 auto 18px; display:flex; align-items:center; justify-content:space-between; padding:0 10px 0 16px; border:1px solid var(--border); border-radius:15px; color:var(--text-muted); background:rgba(255,255,255,.025); font-size:.75rem; }
  .demo-input > div { display:flex; align-items:center; gap:10px; }
  .demo-input button { display:grid; width:32px; height:32px; place-items:center; border-radius:50%; background:var(--text); color:var(--bg); }

  .capabilities-section { background:#0b0b0d; }
  .capability-stage { display:grid; grid-template-columns:190px minmax(0,1fr); gap:34px; min-height:680px; }
  .capability-nav { display:flex; flex-direction:column; justify-content:center; }
  .capability-nav__item { position:relative; display:grid; grid-template-columns:32px 1fr auto; align-items:center; gap:10px; padding:16px 0; border-bottom:1px solid var(--border); text-align:left; color:var(--text-muted); transition:color .25s ease; }
  .capability-nav__item span { font-family:var(--font-mono); font-size:.75rem; }
  .capability-nav__item strong { font-size:.91rem; font-weight:520; }
  .capability-nav__item i { width:5px; height:5px; border-radius:50%; background:var(--text-muted); transition:transform .35s var(--ease-out),background .25s ease,box-shadow .25s ease; }
  .capability-nav__item.is-active { color:var(--text); }
  .capability-nav__item.is-active i { transform:scale(1.6); background:var(--cyan); box-shadow:0 0 14px var(--cyan); }
  .capability-panels { position:relative; min-width:0; border:1px solid var(--border); border-radius:28px; background:linear-gradient(145deg,#111114,#0c0c0e); overflow:hidden; }
  .capability-panel { position:absolute; inset:0; display:grid; grid-template-columns:.86fr 1.2fr; gap:30px; padding:clamp(28px,4vw,58px); opacity:0; visibility:hidden; transform:translateY(16px); transition:opacity .45s ease,visibility .45s ease,transform .65s var(--ease-out); }
  .capability-panel.is-active { opacity:1; visibility:visible; transform:none; }
  .capability-panel__copy { align-self:center; }
  .capability-panel__copy > span { color:var(--text-muted); font-family:var(--font-mono); font-size:.75rem; }
  .capability-panel__copy h3 { margin-top:20px; font-size:clamp(2.15rem,3.8vw,4.6rem); }
  .capability-panel__copy > p { margin-top:20px; font-size:.95rem; line-height:1.65; }
  .capability-prompt { margin-top:32px; padding:13px 14px; border:1px solid var(--border); border-radius:12px; background:rgba(255,255,255,.025); }
  .capability-prompt small { display:block; margin-bottom:5px; color:var(--text-muted); font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; }
  .capability-prompt strong { font-size:.75rem; font-weight:520; }
  .capability-output { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
  .capability-output span { padding:6px 8px; border:1px solid var(--border); border-radius:7px; color:var(--text-muted); font-size:.75rem; }
  .capability-panel__visual { align-self:stretch; min-height:520px; }
  .cap-visual { position:relative; width:100%; height:100%; min-height:500px; border:1px solid var(--border); border-radius:20px; background:radial-gradient(circle at 45% 45%,rgba(139,233,255,.05),transparent 48%),#0b0b0e; overflow:hidden; }
  .cap-visual::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px); background-size:36px 36px; mask-image:radial-gradient(circle at center,black,transparent 82%); }
  .reason-node { position:absolute; z-index:2; min-width:96px; padding:10px 12px; border:1px solid rgba(139,233,255,.18); border-radius:10px; color:var(--text-soft); background:rgba(11,11,14,.86); font-size:.75rem; text-align:center; box-shadow:0 12px 28px rgba(0,0,0,.25); }
  .reason-node::before { content:""; position:absolute; left:50%; top:50%; width:6px; height:6px; margin:-3px; border-radius:50%; background:var(--cyan); box-shadow:0 0 12px var(--cyan); opacity:.6; }
  .reason-node--root { left:50%; top:15%; transform:translateX(-50%); border-color:rgba(255,255,255,.25); }
  .reason-node--root::before { display:none; }
  .reason-node--one { left:8%; top:45%; }
  .reason-node--two { right:8%; top:45%; }
  .reason-node--three { left:50%; bottom:12%; transform:translateX(-50%); }
  .cap-visual--reason svg { position:absolute; inset:0; width:100%; height:100%; }
  .cap-visual--reason path { fill:none; stroke:rgba(139,233,255,.18); stroke-width:1; stroke-dasharray:5 7; animation:dash-flow 8s linear infinite; }
  @keyframes dash-flow { to{stroke-dashoffset:-100} }
  .mini-editor__tabs { height:43px; display:flex; gap:2px; padding:8px 8px 0; border-bottom:1px solid var(--border); }
  .mini-editor__tabs span { padding:7px 12px; border-radius:7px 7px 0 0; color:var(--text-muted); font-family:var(--font-mono); font-size:.75rem; }
  .mini-editor__tabs .is-active { color:var(--text-soft); background:rgba(255,255,255,.04); }
  .mini-code { display:grid; grid-template-columns:40px 1fr; align-content:center; min-height:390px; padding:20px 0; font-family:var(--font-mono); font-size:.75rem; line-height:2.25; }
  .mini-code i { padding-right:10px; color:var(--text-faint); font-style:normal; text-align:right; }
  .mini-code code { padding:0 14px; color:#cbd1dc; }
  .mini-code code.added { color:#9ee6bd; background:rgba(118,229,172,.06); box-shadow:inset 2px 0 var(--green); }
  .mini-code code.removed { color:#e8a3a8; background:rgba(241,141,147,.05); box-shadow:inset 2px 0 var(--red); text-decoration:line-through; }
  .mini-terminal { position:absolute; left:14px; right:14px; bottom:14px; padding:11px 13px; border:1px solid var(--border); border-radius:9px; color:var(--green); background:rgba(6,8,7,.88); font-family:var(--font-mono); font-size:.75rem; }
  .mini-terminal span { display:inline-block; width:6px; height:6px; margin-right:8px; border-radius:50%; background:var(--green); box-shadow:0 0 10px var(--green); }
  .mini-terminal em { float:right; color:var(--text-muted); font-style:normal; }
  .research-query { position:absolute; left:50%; top:11%; transform:translateX(-50%); width:70%; padding:11px 14px; border:1px solid var(--border); border-radius:99px; color:var(--text-soft); background:rgba(255,255,255,.025); font-size:.75rem; text-align:center; }
  .research-node { position:absolute; padding:9px 11px; border:1px solid rgba(118,165,255,.18); border-radius:9px; color:var(--text-muted); background:#101014; font-size:.75rem; }
  .research-node::after { content:""; position:absolute; width:1px; height:70px; background:linear-gradient(var(--blue),transparent); left:50%; top:100%; transform-origin:top; }
  .rn1{left:8%;top:34%}.rn1::after{transform:rotate(-34deg)}.rn2{right:8%;top:31%}.rn2::after{transform:rotate(31deg)}.rn3{left:17%;top:61%}.rn3::after{height:34px;transform:rotate(-70deg)}.rn4{right:15%;top:61%}.rn4::after{height:34px;transform:rotate(68deg)}
  .research-report { position:absolute; left:50%; bottom:8%; width:48%; min-height:130px; transform:translateX(-50%); padding:16px; border:1px solid var(--border-strong); border-radius:12px; background:rgba(14,14,17,.94); }
  .research-report b { display:block; margin-bottom:15px; font-size:.75rem; }
  .research-report span { display:block; height:5px; margin:9px 0; border-radius:99px; background:rgba(245,245,242,.11); }
  .research-report span:nth-child(2){width:82%}.research-report span:nth-child(3){width:66%}
  .analysis-table { position:absolute; left:7%; top:9%; width:58%; height:58%; display:grid; grid-template-columns:repeat(6,1fr); grid-template-rows:repeat(5,1fr); border:1px solid var(--border); }
  .analysis-table i { border-right:1px solid var(--border); border-bottom:1px solid var(--border); background:rgba(255,255,255,.014); }
  .analysis-table i.hot { background:rgba(233,201,135,.12); box-shadow:inset 0 0 16px rgba(233,201,135,.09); }
  .cap-visual--analyze svg { position:absolute; left:10%; right:6%; bottom:15%; width:84%; height:38%; overflow:visible; }
  .cap-visual--analyze path { fill:none; stroke:var(--cyan); stroke-width:2; filter:drop-shadow(0 0 6px rgba(139,233,255,.35)); }
  .cap-visual--analyze circle { fill:var(--gold); filter:drop-shadow(0 0 7px var(--gold)); }
  .analysis-insight { position:absolute; right:7%; top:14%; width:31%; padding:14px; border:1px solid var(--border); border-radius:11px; color:var(--text-muted); background:rgba(15,15,18,.9); font-size:.75rem; }
  .analysis-insight strong { display:block; margin-top:9px; color:var(--text); font-size:1.25rem; }
  .idea-fragment { position:absolute; padding:9px 11px; border:1px solid var(--border); border-radius:9px; color:var(--text-muted); background:#111115; font-size:.75rem; animation:idea-float 5s ease-in-out infinite; }
  .idea-fragment.f1{left:9%;top:16%}.idea-fragment.f2{right:11%;top:25%;animation-delay:-1s}.idea-fragment.f3{left:16%;bottom:23%;animation-delay:-2s}.idea-fragment.f4{right:8%;bottom:14%;animation-delay:-3s}
  @keyframes idea-float { 50%{transform:translateY(-7px)} }
  .create-document { position:absolute; left:50%; top:50%; width:48%; height:62%; transform:translate(-50%,-50%); padding:24px; border:1px solid var(--border-strong); border-radius:14px; background:rgba(17,17,20,.94); box-shadow:0 26px 70px rgba(0,0,0,.4); }
  .create-document b { display:block; margin-bottom:25px; font-size:.83rem; }
  .create-document span { display:block; height:6px; margin:12px 0; border-radius:99px; background:linear-gradient(90deg,rgba(139,233,255,.26),rgba(255,255,255,.06)); }
  .create-document span:nth-child(3){width:84%}.create-document span:nth-child(4){width:62%}.create-document span:nth-child(5){width:91%}
  .vision-sample { position:absolute; left:7%; top:8%; width:66%; height:68%; border:1px solid var(--border); border-radius:14px; background:linear-gradient(145deg,#15171a,#0b0b0e); overflow:hidden; }
  .vision-sample::before { content:""; position:absolute; left:12%; right:12%; top:17%; height:14%; border:1px solid rgba(255,255,255,.09); box-shadow:0 55px 0 rgba(255,255,255,.025),0 110px 0 rgba(255,255,255,.025); }
  .vision-box { position:absolute; padding:5px 7px; border:1px solid var(--cyan); border-radius:4px; color:var(--cyan); background:rgba(7,7,7,.7); font-size:.75rem; }
  .vision-box::before { content:""; position:absolute; inset:-18px -24px; border:1px solid rgba(139,233,255,.4); }
  .vb1{left:17%;top:18%}.vb2{right:18%;top:44%;border-color:var(--gold);color:var(--gold)}.vb2::before{border-color:rgba(233,201,135,.35)}.vb3{left:29%;bottom:18%;border-color:var(--violet);color:#cfb9ff}.vb3::before{border-color:rgba(181,146,255,.35)}
  .vision-caption { position:absolute; right:6%; bottom:8%; width:44%; display:flex; align-items:center; gap:10px; padding:12px; border:1px solid var(--border); border-radius:11px; background:rgba(15,15,18,.92); }
  .vision-caption i { flex:0 0 auto; width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 12px var(--cyan); }
  .vision-caption span { color:var(--text-soft); font-size:.75rem; }

  .models-preview { background:linear-gradient(to bottom,#0b0b0d,#09090b); overflow:hidden; }
  .models-preview__field { position:absolute; inset:0; opacity:.55; }
  .models-preview .container { position:relative; }
  .model-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .model-grid--home { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .model-card { position:relative; min-height:560px; display:flex; flex-direction:column; padding:24px; border:1px solid var(--border); border-radius:24px; background:rgba(16,16,19,.78); overflow:hidden; transition:transform .45s var(--ease-out),border-color .3s ease,box-shadow .4s ease; }
  .model-card:hover, .model-card:focus-visible { transform:translateY(-7px); border-color:rgba(255,255,255,.18); box-shadow:0 30px 80px rgba(0,0,0,.32); }
  .model-card__field { position:absolute; inset:0; opacity:.55; }
  .model-card::after { content:""; position:absolute; inset:0; background:linear-gradient(to bottom,transparent 10%,rgba(12,12,14,.22) 48%,rgba(12,12,14,.92) 100%); pointer-events:none; }
  .model-card__top,.model-card__body,
.model-card__technical { margin-top:18px;border-top:1px solid var(--border);border-bottom:1px solid var(--border); }
.model-card__technical summary { display:flex;align-items:center;justify-content:space-between;min-height:44px;color:var(--text-muted);font-size:.75rem;cursor:pointer;list-style:none; }
.model-card__technical summary::-webkit-details-marker { display:none; }
.model-card__technical summary svg { transition:transform .2s ease; }
.model-card__technical[open] summary svg { transform:rotate(180deg); }
.model-card__technical dl { display:grid;gap:0;padding-bottom:10px; }
.model-card__technical dl div { display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;padding:7px 0;border-top:1px solid rgba(255,255,255,.045); }
.model-card__technical dt { color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em; }
.model-card__technical dd { margin:0;color:var(--text-soft);font-size:.875rem;line-height:1.45;overflow-wrap:anywhere; }

.model-card__metrics,.model-card__footer { position:relative; z-index:1; }
  .model-card__top { display:flex; align-items:center; justify-content:space-between; }
  .model-card__context { color:var(--text-muted); font-family:var(--font-mono); font-size:.75rem; }
  .model-card__body { margin-top:auto; padding-top:130px; }
  .model-card__body h3 { font-size:clamp(2rem,3vw,3.7rem); }
  .model-card__body > p { margin-top:17px; line-height:1.58; font-size:.88rem; }
  .model-card__body ul { display:grid; gap:7px; margin-top:21px; }
  .model-card__body li { display:flex; align-items:center; gap:8px; color:var(--text-muted); font-size:.875rem; }
  .model-card__body li svg { color:var(--cyan); }
  .model-card--violet .model-card__body li svg { color:var(--violet); }.model-card--gold .model-card__body li svg{color:var(--gold)}.model-card--blue .model-card__body li svg{color:var(--blue)}
  .model-card__metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:26px; border:1px solid var(--border); border-radius:11px; overflow:hidden; }
  .model-card__metrics span { display:grid; gap:4px; padding:10px; background:rgba(255,255,255,.022); }
  .model-card__metrics small { color:var(--text-muted); font-size:.75rem; }
  .model-card__metrics strong { font-size:.9rem; font-weight:520; }
  .model-card__footer { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-top:20px; padding-top:17px; border-top:1px solid var(--border); }
  .model-card__footer > span { display:grid; }
  .model-card__footer > span strong { font-size:.77rem; }
  .model-card__footer > span small { color:var(--text-muted); font-size:.75rem; }
  .model-card__link { display:flex; align-items:center; gap:8px; color:var(--text-soft); font-size:.75rem; }
  .model-card--compact { min-height:470px; padding:20px; }
  .model-card--compact .model-card__body { padding-top:100px; }
  .model-card--compact .model-card__body h3 { font-size:clamp(1.55rem,2.1vw,2.55rem); }
  .model-card--compact .model-card__metrics { display:none; }

  .evaluation-section { background:#09090b; }
  .evaluation-layout { display:grid; grid-template-columns:.78fr 1.22fr; gap:clamp(50px,8vw,120px); align-items:center; }
  .evaluation-copy h2 { margin-top:22px; font-size:clamp(2.8rem,5vw,5.9rem); }
  .evaluation-copy > p:not(.eyebrow) { max-width:580px; margin-top:24px; line-height:1.66; }
  .evaluation-selector { display:flex; flex-wrap:wrap; gap:7px; margin-top:30px; }
  .evaluation-selector button { padding:8px 10px; border:1px solid var(--border); border-radius:99px; color:var(--text-muted); font-size:.8125rem; transition:color .2s ease,background .2s ease,border-color .2s ease; }
  .evaluation-selector button.is-active { color:var(--text); border-color:rgba(139,233,255,.24); background:rgba(139,233,255,.06); }
  .evaluation-card { padding:26px; border:1px solid var(--border); border-radius:24px; background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)); box-shadow:var(--shadow-soft); transition:opacity .16s ease,transform .16s ease; }
  .evaluation-card.is-changing { opacity:.55; transform:scale(.995); }
  .evaluation-card__head { display:flex; justify-content:space-between; padding-bottom:20px; border-bottom:1px solid var(--border); }
  .evaluation-card__head span { color:var(--text-muted); font-size:.75rem; text-transform:uppercase; letter-spacing:.1em; }
  .evaluation-card__head strong { font-size:.78rem; }
  .evaluation-list { display:grid; gap:19px; margin-top:25px; }
  .evaluation-row { display:grid; grid-template-columns:150px minmax(0,1fr) 38px; align-items:center; gap:14px; }
  .evaluation-row__label { display:flex; align-items:center; gap:7px; color:var(--text-soft); font-size:.75rem; }
  .info-button { display:grid; width:18px; height:18px; place-items:center; color:var(--text-muted); }
  .evaluation-row__track { height:6px; border-radius:99px; background:rgba(255,255,255,.06); overflow:hidden; }
  .evaluation-row__track span { display:block; width:100%; height:100%; transform:scaleX(calc(var(--value) / 100)); transform-origin:left; border-radius:inherit; background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet)); box-shadow:0 0 12px rgba(139,233,255,.24); transition:transform .7s var(--ease-out); }
  .evaluation-row > strong { text-align:right; font-size:.75rem; font-weight:520; }
  .evaluation-card__foot { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; margin-top:18px; color:var(--text-faint); font-size:.75rem; }
  .evaluation-card__foot i { height:1px; background:var(--border); }

  .developer-bridge { overflow:hidden; background:#08080a; }
  .developer-bridge::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 35% 50%,rgba(118,165,255,.08),transparent 42%); }
  .developer-bridge__nodes { position:absolute; inset:0; opacity:.55; }
  .developer-bridge__nodes i { position:absolute; left:calc((var(--i) * 73 + 9) % 100 * 1%); top:calc((var(--i) * 47 + 17) % 100 * 1%); width:4px; height:4px; border-radius:50%; background:var(--blue); box-shadow:0 0 12px rgba(118,165,255,.5); }
  .developer-bridge__inner { position:relative; display:grid; grid-template-columns:.82fr 1.18fr; gap:clamp(50px,8vw,110px); align-items:center; }
  .developer-bridge__copy h2 { margin-top:22px; font-size:clamp(3rem,5.5vw,6.2rem); }
  .developer-bridge__copy > p:not(.eyebrow) { max-width:560px; margin-top:24px; line-height:1.66; }
  .developer-bridge__copy .button-row { margin-top:31px; }
  .developer-bridge .code-block { transform:perspective(1100px) rotateY(-4deg) rotateX(1.5deg); }

  .home-status { padding-top:100px; padding-bottom:120px; background:#08080a; }
  .home-status__card { position:relative; display:grid; grid-template-columns:230px minmax(0,1fr) auto; gap:35px; align-items:center; padding:34px; border:1px solid var(--border); border-radius:25px; background:linear-gradient(120deg,rgba(118,229,172,.035),rgba(255,255,255,.018)); overflow:hidden; }
  .home-status__network { height:170px; border-radius:16px; overflow:hidden; }
  .home-status__network .procedural-graphic { min-height:170px; }
  .home-status__card h2 { display:flex; align-items:center; gap:12px; margin-top:14px; font-size:clamp(1.7rem,3vw,3rem); }
  .home-status__card > div:nth-child(2) > p:last-child { max-width:650px; margin-top:15px; font-size:.875rem; line-height:1.6; }
  .home-status__metrics { display:grid; grid-template-columns:repeat(2,auto); gap:22px; align-items:end; }
  .home-status__metrics span { display:grid; }
  .home-status__metrics strong { font-size:1.45rem; letter-spacing:-.04em; }
  .home-status__metrics small { color:var(--text-muted); font-size:.75rem; }
  .home-status__metrics .button { grid-column:1/-1; }

  .final-cta { min-height:760px; display:grid; align-items:center; overflow:hidden; border-top:1px solid var(--border); background:#080809; }
  .final-cta__field { position:absolute; inset:0; opacity:.7; }
  .final-cta::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 46%,transparent,rgba(8,8,9,.38) 55%,#080809 100%); }
  .final-cta__inner { position:relative; z-index:1; text-align:center; }
  .final-cta__index { display:inline-block; margin-bottom:30px; color:var(--text-muted); font-family:var(--font-mono); font-size:.75rem; letter-spacing:.14em; }
  .final-cta h2 { font-size:clamp(4rem,9vw,10rem); }
  .final-cta p { max-width:620px; margin:28px auto 0; font-size:1.05rem; line-height:1.6; }
  .final-cta .button-row { justify-content:center; margin-top:34px; }
}

@layer pages {
  /* Astrid AI */
  .product-hero { position:relative; min-height:1000px; padding:calc(var(--header-h) + 110px) 0 110px; overflow:hidden; background:#080809; }
  .product-hero__field { position:absolute; inset:0; opacity:.72; }
  .product-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(to bottom,rgba(8,8,9,.05),rgba(8,8,9,.38) 62%,#080809); pointer-events:none; }
  .product-hero__inner { position:relative; z-index:1; display:grid; grid-template-columns:.75fr 1.25fr; gap:70px; align-items:center; }
  .product-hero__copy h1 { margin-top:20px; font-size:clamp(5rem,10vw,10.5rem); }
  .product-hero__copy > p:not(.eyebrow) { max-width:550px; margin-top:27px; font-size:1.08rem; line-height:1.62; }
  .product-hero__copy .button-row { margin-top:32px; }
  .product-hero__expansion { position:relative; min-height:650px; display:grid; place-items:center; perspective:1200px; }
  .expansion-input { position:absolute; z-index:3; top:50%; left:50%; width:min(580px,90%); height:70px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; padding:0 12px 0 19px; border:1px solid var(--border-strong); border-radius:19px; background:rgba(17,17,20,.88); box-shadow:var(--shadow-deep); transform:translate(-50%,-50%); transition:top .9s var(--ease-out),width .9s var(--ease-out),transform .9s var(--ease-out),border-radius .9s var(--ease-out); }
  .expansion-input > span { color:var(--cyan); }
  .expansion-input p { color:var(--text-soft); font-size:.875rem; }
  .expansion-input button { display:grid; width:40px; height:40px; place-items:center; border-radius:50%; background:var(--text); color:var(--bg); }
  .expansion-window { position:absolute; inset:3%; display:grid; grid-template-columns:100px minmax(0,1fr) 210px; border:1px solid var(--border-strong); border-radius:26px; background:#0f0f12; box-shadow:var(--shadow-deep); overflow:hidden; opacity:0; transform:rotateX(7deg) scale(.78); transition:opacity .7s .1s ease,transform 1.05s var(--ease-out); }
  .product-hero__expansion.is-expanded .expansion-input { top:92%; width:54%; transform:translate(-50%,-50%) scale(.72); border-radius:14px; }
  .product-hero__expansion.is-expanded .expansion-window { opacity:1; transform:none; }
  .expansion-window aside { padding:18px 14px; border-right:1px solid var(--border); background:#0a0a0c; }
  .expansion-window aside i { display:block; width:100%; height:34px; margin-bottom:8px; border-radius:8px; background:rgba(255,255,255,.035); }
  .expansion-window [data-ui-main] { padding:30px 28px 80px; }
  .expansion-user { margin-left:auto; max-width:72%; padding:13px; border-radius:14px 14px 5px 14px; color:var(--text-soft); background:rgba(255,255,255,.06); font-size:.75rem; }
  .expansion-response { margin-top:34px; }
  .expansion-response span { display:block; height:7px; margin:13px 0; border-radius:99px; background:linear-gradient(90deg,rgba(139,233,255,.22),rgba(255,255,255,.06)); }
  .expansion-response span:nth-child(2){width:83%}.expansion-response span:nth-child(3){width:64%}
  .expansion-response b { display:block; width:80%; height:180px; margin-top:24px; border:1px solid var(--border); border-radius:12px; background:linear-gradient(135deg,rgba(139,233,255,.05),rgba(181,146,255,.03)); }
  .expansion-window > section { padding:22px 13px; border-left:1px solid var(--border); }
  .expansion-window > section small { color:var(--text-muted); font-size:.75rem; text-transform:uppercase; letter-spacing:.1em; }
  .expansion-window > section div { margin-top:10px; padding:10px; border:1px solid var(--border); border-radius:8px; color:var(--text-muted); font-size:.75rem; }

  .product-principles { background:#080809; }
  .principle-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
  .principle-grid article { min-height:300px; padding:34px; border-right:1px solid var(--border); }
  .principle-grid article:last-child { border-right:0; }
  .principle-grid span { color:var(--text-muted); font-family:var(--font-mono); font-size:.75rem; }
  .principle-grid h3 { margin-top:70px; font-size:1.9rem; }
  .principle-grid p { margin-top:17px; font-size:.875rem; line-height:1.62; }

  .product-feature-sequence { background:#09090b; }
  .product-feature { position:relative; min-height:800px; display:grid; align-items:center; padding:110px 0; border-top:1px solid var(--border); overflow:hidden; }
  .product-feature:nth-child(even) { background:#0b0b0d; }
  .product-feature::before { content:""; position:absolute; width:620px; height:620px; left:58%; top:50%; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle,rgba(139,233,255,.035),transparent 66%); }
  .product-feature__inner { position:relative; display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(50px,8vw,130px); align-items:center; }
  .product-feature:nth-child(even) .product-feature__copy { order:2; }
  .product-feature:nth-child(even) .product-feature__visual { order:1; }
  .product-feature__copy > span { color:var(--text-faint); font-family:var(--font-mono); font-size:.75rem; }
  .product-feature__copy .eyebrow { margin-top:18px; }
  .product-feature__copy h2 { margin-top:19px; font-size:clamp(2.8rem,5vw,5.8rem); }
  .product-feature__copy > p:not(.eyebrow) { margin-top:22px; line-height:1.66; }
  .product-feature__copy .text-link { margin-top:28px; }
  .product-feature__visual { min-width:0; }
  .pf-window { position:relative; min-height:520px; border:1px solid var(--border-strong); border-radius:23px; background:linear-gradient(145deg,#121216,#0b0b0e); box-shadow:var(--shadow-deep); overflow:hidden; }
  .pf-conversation { padding:45px 40px 30px; }
  .pf-question { max-width:68%; margin-left:auto; padding:13px 15px; border-radius:14px 14px 5px 14px; background:rgba(255,255,255,.06); color:var(--text-soft); font-size:.75rem; }
  .pf-answer { margin-top:35px; max-width:86%; }
  .pf-answer > i { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 13px var(--cyan); }
  .pf-answer > span { display:block; margin-top:16px; color:var(--text-soft); font-size:.76rem; line-height:1.65; }
  .pf-answer > div { margin-top:22px; padding:14px; border:1px solid rgba(233,201,135,.17); border-radius:11px; background:rgba(233,201,135,.03); }
  .pf-answer b,.pf-answer em { display:block; }
  .pf-answer b { font-size:.75rem; }.pf-answer em { margin-top:4px; color:var(--text-muted); font-size:.75rem; font-style:normal; }
  .pf-composer { position:absolute; left:22px; right:22px; bottom:20px; display:flex; justify-content:space-between; padding:15px; border:1px solid var(--border); border-radius:14px; color:var(--text-muted); font-size:.75rem; background:rgba(255,255,255,.025); }
  .pf-projects { display:grid; grid-template-columns:190px 1fr; }
  .pf-projects aside { display:flex; flex-direction:column; gap:4px; padding:25px 13px; border-right:1px solid var(--border); background:#0a0a0c; }
  .pf-projects aside strong { padding:0 9px 18px; font-size:.75rem; }
  .pf-projects aside button { padding:8px 9px; border-radius:7px; color:var(--text-muted); font-size:.8125rem; text-align:left; }
  .pf-projects aside button.active,.pf-projects aside button:hover { color:var(--text); background:rgba(255,255,255,.055); }
  .pf-projects [data-ui-main] { padding:40px; }
  .project-card { padding:25px; border:1px solid var(--border); border-radius:15px; background:rgba(255,255,255,.025); }
  .project-card small { color:var(--text-muted); font-size:.75rem; text-transform:uppercase; letter-spacing:.1em; }
  .project-card h4 { margin-top:18px; font-size:2.2rem; }.project-card p { margin-top:12px; font-size:.875rem; }
  .project-files { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:16px; }
  .project-files span { min-height:120px; display:flex; align-items:end; padding:12px; border:1px solid var(--border); border-radius:12px; color:var(--text-muted); font-size:.75rem; background:linear-gradient(150deg,rgba(139,233,255,.04),transparent); }
  .pf-memory { padding:22px; }
  .pf-memory header { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; padding-bottom:18px; border-bottom:1px solid var(--border); }
  .pf-memory header span { display:flex; align-items:center; gap:9px; font-size:.75rem; }.pf-memory header button{padding:7px 10px;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:.8125rem}
  .memory-row { display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:12px; padding:16px 8px; border-bottom:1px solid var(--border); }
  .memory-row > div { display:grid; gap:3px; }.memory-row strong{font-size:.75rem}.memory-row small{color:var(--text-muted);font-size:.75rem}.memory-row button{color:var(--text-muted);font-size:.8125rem}
  .toggle { position:relative; width:29px; height:17px; border-radius:99px; background:rgba(255,255,255,.1); }.toggle::after{content:"";position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:var(--text-muted)}.toggle.on{background:rgba(118,229,172,.2)}.toggle.on::after{left:15px;background:var(--green)}
  .memory-row.muted { opacity:.45; }
  .pf-files { display:grid; grid-template-columns:.78fr 1.22fr; gap:25px; padding:30px; align-items:center; }
  .file-stack { position:relative; min-height:370px; }
  .file-stack article { position:absolute; left:50%; top:50%; width:65%; height:260px; display:flex; flex-direction:column; justify-content:end; padding:18px; border:1px solid var(--border-strong); border-radius:13px; background:linear-gradient(145deg,#151519,#0d0d10); transform:translate(-50%,-50%) rotate(-8deg); box-shadow:0 22px 50px rgba(0,0,0,.3); }
  .file-stack article:nth-child(2){transform:translate(-45%,-49%) rotate(3deg)}.file-stack article:nth-child(3){transform:translate(-52%,-47%) rotate(10deg)}
  .file-stack b{font-size:.75rem}.file-stack span{color:var(--text-muted);font-size:.75rem}
  .file-analysis { padding:22px; border:1px solid var(--border); border-radius:15px; background:rgba(255,255,255,.025); }
  .file-analysis small { color:var(--gold); font-size:.75rem; text-transform:uppercase; letter-spacing:.1em; }.file-analysis h4{margin-top:14px;font-size:1.8rem}.file-analysis p{margin-top:14px;font-size:.875rem;line-height:1.6}.file-analysis>div{display:flex;gap:7px;margin-top:20px}.file-analysis>div span{padding:6px 8px;border:1px solid var(--border);border-radius:7px;color:var(--text-muted);font-size:.75rem}
  .pf-research { display:grid; grid-template-columns:190px 1fr; }
  .pf-research aside { padding:26px 14px; border-right:1px solid var(--border); }
  .pf-research aside span { position:relative; display:block; padding:9px 9px 9px 25px; color:var(--text-muted); font-size:.75rem; }
  .pf-research aside span::before { content:""; position:absolute; left:7px; top:50%; width:7px; height:7px; border:1px solid var(--border-strong); border-radius:50%; transform:translateY(-50%); }
  .pf-research aside span.done::before { background:var(--green); border-color:var(--green); }.pf-research aside span.active{color:var(--text)}.pf-research aside span.active::before{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
  .pf-research [data-ui-main] { position:relative; padding:35px; }
  .research-map { height:310px; position:relative; border:1px solid var(--border); border-radius:14px; background:radial-gradient(circle,rgba(139,233,255,.07),transparent 65%); }
  .research-map i { position:absolute; width:8px; height:8px; border-radius:50%; background:var(--blue); box-shadow:0 0 12px var(--blue); }.research-map i:nth-child(1){left:22%;top:28%}.research-map i:nth-child(2){right:18%;top:35%}.research-map i:nth-child(3){left:35%;bottom:20%}.research-map i:nth-child(4){right:30%;bottom:25%}
  .research-map b { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:.75rem; }
  .research-finding { margin-top:13px; padding:14px; border:1px solid rgba(233,201,135,.16); border-radius:11px; background:rgba(233,201,135,.025); }.research-finding small{display:block;color:var(--gold);font-size:.75rem;text-transform:uppercase}.research-finding strong{display:block;margin-top:6px;font-size:.75rem}
  .pf-code { display:grid; grid-template-columns:150px 1fr; }
  .pf-code aside { padding:24px 12px; border-right:1px solid var(--border); font-family:var(--font-mono); font-size:.75rem; }.pf-code aside span,.pf-code aside b{display:block;padding:7px 9px;color:var(--text-muted)}.pf-code aside b{color:var(--text-soft);background:rgba(255,255,255,.04);border-radius:6px}
  .pf-code [data-ui-main] { display:flex; flex-direction:column; min-width:0; }.pf-code [data-ui-main] header{padding:15px;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:.75rem}.pf-code [data-ui-main] header em{float:right;color:var(--green);font-style:normal}.pf-code pre{flex:1;margin:0;padding:40px 20px;color:#cbd1dc;font-family:var(--font-mono);font-size:.75rem;line-height:2;white-space:pre-wrap}.pf-code pre span{display:inline-block;width:30px;color:var(--text-faint)}.pf-code pre del{color:#e8a3a8;background:rgba(241,141,147,.05)}.pf-code pre ins{color:#9ee6bd;background:rgba(118,229,172,.05);text-decoration:none}.pf-code footer{padding:12px 15px;border-top:1px solid var(--border);color:var(--green);font-family:var(--font-mono);font-size:.75rem}.pf-code footer i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.pf-code footer em{float:right;color:var(--text-muted);font-style:normal}
  .pf-vision { display:grid; grid-template-columns:1.3fr .7fr; }
  .vision-board { position:relative; margin:20px; border:1px solid var(--border); border-radius:14px; background:linear-gradient(145deg,#17191d,#0c0c0f); overflow:hidden; }
  .vision-machine { position:absolute; inset:16% 12%; border:1px solid rgba(255,255,255,.1); background:linear-gradient(90deg,transparent 48%,rgba(255,255,255,.04) 50%,transparent 52%); }
  .vision-board .box { position:absolute; z-index:2; padding:5px 7px; border:1px solid var(--cyan); color:var(--cyan); background:rgba(7,7,7,.8); font-size:.75rem; }.vision-board .box::before{content:"";position:absolute;inset:-28px -34px;border:1px solid currentColor;opacity:.45}.vision-board .b1{left:17%;top:22%}.vision-board .b2{right:17%;top:39%;color:var(--gold);border-color:var(--gold)}.vision-board .b3{left:35%;bottom:18%;color:var(--violet);border-color:var(--violet)}
  .pf-vision aside { padding:28px 20px; border-left:1px solid var(--border); }.pf-vision aside small{display:block;margin-top:22px;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.pf-vision aside small:first-child{margin-top:0}.pf-vision aside p{margin-top:9px;font-size:.875rem;line-height:1.55}
  .pf-voice { display:grid; place-items:center; align-content:center; gap:26px; padding:35px; text-align:center; }
  .voice-orb { position:relative; width:160px; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle at 38% 32%,white,var(--cyan) 8%,rgba(118,165,255,.2) 28%,rgba(181,146,255,.08) 50%,transparent 70%); box-shadow:0 0 60px rgba(139,233,255,.14); }.voice-orb i{position:absolute;inset:-10%;border:1px solid rgba(139,233,255,.16);border-radius:50%;animation:voice-ring 2.6s ease-out infinite}.voice-orb i:nth-child(2){animation-delay:.7s}.voice-orb i:nth-child(3){animation-delay:1.4s}@keyframes voice-ring{0%{transform:scale(.7);opacity:0}35%{opacity:1}100%{transform:scale(1.35);opacity:0}}
  .pf-voice > p { max-width:520px; color:var(--text); font-size:1.1rem; }
  .voice-wave { width:min(520px,90%); height:75px; display:flex; align-items:center; justify-content:center; gap:3px; }.voice-wave i{width:2px;height:var(--h);border-radius:99px;background:linear-gradient(var(--cyan),var(--violet));opacity:.6;animation:wave-breathe 1.6s ease-in-out infinite alternate;animation-delay:calc(var(--h)*-6ms)}@keyframes wave-breathe{to{transform:scaleY(.35);opacity:.25}}
  .voice-actions { display:flex; gap:8px; }.voice-actions button{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--border);border-radius:99px;color:var(--text-muted);font-size:.8125rem}
  .pf-agents { padding:28px; }
  .agent-step { display:grid; grid-template-columns:32px 1fr auto; align-items:center; gap:13px; padding:17px 8px; border-bottom:1px solid var(--border); opacity:.48; }.agent-step>span{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--border);border-radius:50%;font-size:.75rem}.agent-step div{display:grid;gap:3px}.agent-step strong{font-size:.75rem}.agent-step small{color:var(--text-muted);font-size:.75rem}.agent-step button{padding:7px 10px;border-radius:8px;background:var(--text);color:var(--bg);font-size:.8125rem}.agent-step.active{opacity:1}.agent-step.active>span{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 14px rgba(139,233,255,.12)}.agent-step.done{opacity:.8}.agent-step.done>span{background:rgba(118,229,172,.12);border-color:rgba(118,229,172,.25);color:var(--green)}
  .product-cta { background:#09090b; }
  .product-cta__panel { display:flex; align-items:end; justify-content:space-between; gap:40px; padding:clamp(34px,5vw,65px); border:1px solid var(--border); border-radius:28px; background:linear-gradient(130deg,rgba(139,233,255,.045),rgba(181,146,255,.025),rgba(255,255,255,.015)); }
  .product-cta__panel h2 { max-width:800px; margin-top:32px; font-size:clamp(3rem,5.5vw,6.4rem); }.product-cta__panel p{max-width:610px;margin-top:22px;line-height:1.6}

  /* Models */
  .model-family { background:#09090b; }
  .model-positioning { background:#08080a; }
  .model-map { position:relative; height:min(700px,70vw); min-height:520px; border:1px solid var(--border); border-radius:26px; background:radial-gradient(circle at 50% 45%,rgba(139,233,255,.045),transparent 50%),#0b0b0e; overflow:hidden; }
  .model-map__grid { position:absolute; inset:9%; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:12.5% 16.66%; border-left:1px solid var(--border); border-bottom:1px solid var(--border); }
  .model-map__axis { position:absolute; z-index:2; display:flex; justify-content:space-between; color:var(--text-muted); font-size:.75rem; text-transform:uppercase; letter-spacing:.1em; }
  .model-map__axis--x { left:9%; right:9%; bottom:4%; }.model-map__axis--y{left:2%;top:9%;bottom:9%;flex-direction:column-reverse;writing-mode:vertical-rl;transform:rotate(180deg)}
  .model-map__point { position:absolute; z-index:3; left:var(--x); top:var(--y); transform:translate(-50%,-50%); display:grid; justify-items:center; gap:9px; color:var(--text-soft); font-size:.75rem; }
  .model-map__point i { width:18px; height:18px; border:1px solid currentColor; border-radius:50%; background:currentColor; box-shadow:0 0 0 8px rgba(139,233,255,.04),0 0 28px currentColor; transition:transform .35s var(--ease-out); }.model-map__point:hover i{transform:scale(1.4)}
  .model-map__point--cyan{color:var(--cyan)}.model-map__point--violet{color:var(--violet)}.model-map__point--gold{color:var(--gold)}.model-map__point--blue{color:var(--blue)}
  .model-map__note { position:absolute; right:3%; top:4%; color:var(--text-faint); font-family:var(--font-mono); font-size:.75rem; }
  .model-compare { background:#09090b; }
  .compare-selector { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
  .compare-selector button { display:flex; align-items:center; gap:9px; padding:9px 11px; border:1px solid var(--border); border-radius:10px; color:var(--text-muted); font-size:.8125rem; }.compare-selector button.is-selected{color:var(--text);border-color:var(--border-strong);background:rgba(255,255,255,.04)}.compare-selector button>i{margin-left:6px;color:var(--text-muted)}
  .model-swatch { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 9px currentColor; }.model-swatch--violet{background:var(--violet)}.model-swatch--gold{background:var(--gold)}.model-swatch--blue{background:var(--blue)}
  .compare-table-wrap,.plan-table-wrap { overflow-x:auto; border:1px solid var(--border); border-radius:18px; }
  .compare-table,.plan-table { width:100%; min-width:780px; background:rgba(255,255,255,.01); }
  .compare-table th,.compare-table td,.plan-table th,.plan-table td { padding:16px 17px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); text-align:left; font-size:.75rem; }.compare-table th:last-child,.compare-table td:last-child,.plan-table th:last-child,.plan-table td:last-child{border-right:0}.compare-table tr:last-child th,.compare-table tr:last-child td,.plan-table tr:last-child th,.plan-table tr:last-child td{border-bottom:0}
  .compare-table thead th { color:var(--text-soft); font-size:.75rem; }.compare-table thead th:not(:first-child){min-width:210px}.compare-table thead .model-swatch{margin-right:8px}.compare-table tbody th{color:var(--text-muted);font-weight:520}.compare-table td{color:var(--text-soft)}.compare-table td small{display:block;margin-top:3px;color:var(--text-muted);font-size:.75rem}.compare-table td>svg{display:inline;vertical-align:middle;margin-right:5px;color:var(--green)}
  .mini-meter { display:inline-block; width:76px; height:5px; margin-right:9px; border-radius:99px; background:rgba(255,255,255,.06); overflow:hidden; vertical-align:middle; }.mini-meter i{display:block;width:100%;height:100%;transform:scaleX(calc(var(--v)/100));transform-origin:left;background:linear-gradient(90deg,var(--cyan),var(--violet))}
  .evaluation-detail { background:#08080a; }
  .evaluation-matrix { border:1px solid var(--border); border-radius:20px; overflow:hidden; }
  .evaluation-matrix__head,.evaluation-matrix__row { display:grid; grid-template-columns:170px repeat(4,minmax(100px,1fr)) 1.7fr; }
  .evaluation-matrix__head { background:rgba(255,255,255,.035); }.evaluation-matrix__head span{padding:13px 12px;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;border-right:1px solid var(--border)}
  .evaluation-matrix__row { border-top:1px solid var(--border); }.evaluation-matrix__row>strong,.evaluation-matrix__row>span,.evaluation-matrix__row>p{padding:15px 12px;border-right:1px solid var(--border)}.evaluation-matrix__row>strong{font-size:.75rem}.evaluation-matrix__row>span{display:flex;align-items:center;gap:7px}.evaluation-matrix__row>span i{height:4px;flex:1;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--violet));transform:scaleX(calc(var(--v)/100));transform-origin:left}.evaluation-matrix__row>span em{font-style:normal;font-size:.75rem}.evaluation-matrix__row>p{border-right:0;font-size:.875rem;line-height:1.45}
  .model-routing { background:#09090b; }
  .model-routing__inner { display:grid; grid-template-columns:.78fr 1.22fr; gap:80px; align-items:center; }.model-routing__copy h2{margin-top:20px;font-size:clamp(3rem,5vw,5.7rem)}.model-routing__copy>p:not(.eyebrow){margin-top:22px;line-height:1.65}.model-routing__copy ul{display:grid;gap:10px;margin:25px 0}.model-routing__copy li{display:flex;align-items:center;gap:9px;color:var(--text-muted);font-size:.875rem}.model-routing__copy li svg{color:var(--green)}
  .routing-visual { position:relative; min-height:560px; }.routing-input,.routing-core,.routing-node{position:absolute;z-index:2;border:1px solid var(--border);border-radius:12px;background:#111115;box-shadow:0 16px 40px rgba(0,0,0,.3)}.routing-input{left:0;top:50%;transform:translateY(-50%);padding:14px 18px;color:var(--text-muted);font-size:.75rem}.routing-core{left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;gap:7px;width:115px;height:115px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(139,233,255,.14),#111115 60%)}.routing-core .logo__mark{width:30px;height:30px}.routing-core span{font-size:.75rem}.routing-node{right:0;width:150px;padding:12px 14px;font-size:.75rem}.routing-node small{display:block;color:var(--text-muted);font-size:.75rem}.routing-node--cyan{top:8%;border-color:rgba(139,233,255,.18)}.routing-node--violet{top:35%;border-color:rgba(181,146,255,.18)}.routing-node--gold{top:62%;border-color:rgba(233,201,135,.18)}.routing-node--blue{top:89%;transform:translateY(-100%);border-color:rgba(118,165,255,.18)}.routing-visual svg{position:absolute;inset:0;width:100%;height:100%}.routing-visual path{fill:none;stroke:rgba(139,233,255,.15);stroke-width:1;stroke-dasharray:5 7;animation:dash-flow 8s linear infinite}

  /* Research and articles */
  .research-hero { position:relative; min-height:850px; display:grid; align-items:center; padding:calc(var(--header-h) + 110px) 0 100px; border-bottom:1px solid var(--border); overflow:hidden; }
  .research-hero__inner { position:relative; z-index:2; }
  .research-hero__index { display:flex; justify-content:space-between; color:var(--text-muted); font-family:var(--font-mono); font-size:.75rem; letter-spacing:.1em; }.research-hero__index em{font-style:normal}
  .research-hero__title { max-width:1220px; margin-top:90px; font-size:clamp(4rem,8vw,9rem); }
  .research-hero__lede { max-width:650px; margin:36px 0 0 auto; font-size:1.08rem; line-height:1.65; }
  .research-hero__graphic { position:absolute; inset:0; opacity:.45; }
  .research-wave { position:absolute; left:-5%; right:-5%; bottom:5%; height:45%; display:flex; align-items:center; gap:1.7vw; transform:perspective(800px) rotateX(58deg) rotateZ(-6deg); }
  .research-wave i { flex:1; height:calc(10% + (var(--i) % 11)*7%); border-radius:50%; border:1px solid rgba(139,233,255,.12); transform:translateY(calc(sin(var(--i))*20px)); }
  .research-index { background:#09090b; }
  .filter-bar { display:flex; align-items:center; gap:20px; margin-bottom:38px; padding:10px; border:1px solid var(--border); border-radius:14px; background:rgba(255,255,255,.015); }
  .filter-bar__label { padding:0 8px; color:var(--text-muted); font-size:.75rem; text-transform:uppercase; letter-spacing:.1em; white-space:nowrap; }
  .filter-bar__scroll { display:flex; gap:4px; overflow-x:auto; }.filter-bar__scroll button{flex:0 0 auto;padding:8px 10px;border-radius:8px;color:var(--text-muted);font-size:.8125rem}.filter-bar__scroll button.is-active{color:var(--text);background:rgba(255,255,255,.06)}
  .filter-bar__search { margin-left:auto; display:flex; align-items:center; gap:8px; padding:7px 8px; border:1px solid var(--border); border-radius:8px; color:var(--text-muted); font-size:.75rem; white-space:nowrap; }
  .research-feature { display:grid; grid-template-columns:1.15fr .85fr; min-height:530px; margin-bottom:18px; border:1px solid var(--border); border-radius:24px; overflow:hidden; }
  .research-feature__visual { position:relative; min-height:480px; border-right:1px solid var(--border); background:#0b0b0e; }
  .research-feature__diagram { position:absolute; left:50%; top:50%; width:310px; aspect-ratio:1; transform:translate(-50%,-50%); border:1px solid rgba(181,146,255,.2); border-radius:50%; }.research-feature__diagram::before,.research-feature__diagram::after{content:"";position:absolute;inset:16%;border:1px solid rgba(139,233,255,.16);border-radius:50%}.research-feature__diagram::after{inset:32%;border-color:rgba(233,201,135,.16)}.research-feature__diagram i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan);animation:graphic-orbit 12s linear infinite;transform-origin:155px 155px}.research-feature__diagram i:nth-child(1){left:-3px;top:50%}.research-feature__diagram i:nth-child(2){right:-3px;top:50%;animation-direction:reverse}.research-feature__diagram i:nth-child(3){left:50%;top:47px;transform-origin:0 108px}.research-feature__diagram i:nth-child(4){left:50%;bottom:47px;transform-origin:0 -108px}.research-feature__diagram span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.75rem;text-align:center;line-height:1.3;text-transform:uppercase;letter-spacing:.12em}
  .research-feature > div:last-child { display:flex; }.research-feature .research-card{border:0;border-radius:0;width:100%;}
  .research-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
  .research-card { min-height:420px; display:flex; flex-direction:column; padding:30px; border:1px solid var(--border); border-radius:20px; background:rgba(255,255,255,.012); transition:background .25s ease,border-color .25s ease,transform .4s var(--ease-out); }
  .research-card:hover { transform:translateY(-4px); border-color:var(--border-strong); background:rgba(255,255,255,.025); }
  .research-card--featured { min-height:100%; justify-content:center; }
  .research-card__meta { display:flex; justify-content:space-between; color:var(--text-muted); font-size:.75rem; text-transform:uppercase; letter-spacing:.08em; }
  .research-card h2 { margin-top:50px; font-size:clamp(1.8rem,3.2vw,3.8rem); }.research-card h2 a:hover{color:var(--cyan)}
  .research-card > p { margin-top:20px; line-height:1.63; font-size:.875rem; }
  .research-card__foot { margin-top:auto; display:grid; grid-template-columns:1fr auto auto; align-items:end; gap:15px; padding-top:42px; color:var(--text-muted); font-size:.75rem; }.research-card__foot>span:first-child{max-width:220px}.research-card__arrow{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--border);border-radius:50%;transition:background .2s ease,transform .3s var(--ease-out)}.research-card:hover .research-card__arrow{background:var(--text);color:var(--bg);transform:translate(2px,-2px)}
  .research-methods { background:#08080a; }
  .research-principles { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }.research-principles article{min-height:290px;padding:28px;border-right:1px solid var(--border)}.research-principles article:last-child{border-right:0}.research-principles span{color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem}.research-principles h3{margin-top:65px;font-size:1.55rem}.research-principles p{margin-top:15px;font-size:.875rem;line-height:1.58}

  .article-hero { position:relative; min-height:790px; display:grid; align-items:end; padding:calc(var(--header-h) + 90px) 0 90px; border-bottom:1px solid var(--border); overflow:hidden; }
  .article-hero__field { position:absolute; inset:0; opacity:.58; }.article-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(7,7,7,.1),var(--bg) 96%)}
  .article-hero__inner { position:relative; z-index:1; }
  .article-hero__breadcrumbs { display:flex; gap:9px; color:var(--text-muted); font-size:.75rem; }.article-hero__breadcrumbs a:hover{color:var(--text)}
  .article-hero__meta { display:flex; gap:15px; margin-top:60px; color:var(--text-muted); font-size:.75rem; text-transform:uppercase; letter-spacing:.09em; }
  .article-hero h1 { max-width:1180px; margin-top:26px; font-size:clamp(3.8rem,7.5vw,8.4rem); }.article-hero> .container>p,.article-hero__inner>p{max-width:760px;margin-top:30px;font-size:1.1rem;line-height:1.6}
  .article-hero__authors { display:grid; gap:4px; margin-top:40px; }.article-hero__authors span{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.article-hero__authors strong{font-size:.75rem}
  .article-layout { display:grid; grid-template-columns:180px minmax(0,760px) 170px; justify-content:space-between; gap:50px; padding-top:95px; padding-bottom:150px; }
  .article-toc,.article-meta-rail { position:sticky; top:110px; align-self:start; display:flex; flex-direction:column; gap:10px; }
  .article-toc>strong { margin-bottom:8px; color:var(--text-muted); font-size:.75rem; text-transform:uppercase; letter-spacing:.1em; }.article-toc>a{padding-left:10px;border-left:1px solid var(--border);color:var(--text-muted);font-size:.8125rem;line-height:1.4;transition:color .2s ease,border-color .2s ease}.article-toc>a.active,.article-toc>a:hover{color:var(--text);border-color:var(--cyan)}.article-share{margin-top:16px}.article-share button{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:.8125rem}
  .article-meta-rail div { display:grid; gap:4px; padding-bottom:14px; border-bottom:1px solid var(--border); }.article-meta-rail span{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.article-meta-rail strong{font-size:.75rem;line-height:1.4}
  .article-body { min-width:0; }
  .article-body .demo-note { margin:0 0 55px; }
  .article-abstract { padding:0 0 55px; border-bottom:1px solid var(--border); }.article-abstract>p:last-child{margin-top:20px;color:var(--text);font-size:1.35rem;line-height:1.55;letter-spacing:-.025em}
  .article-body>section:not(.article-abstract) { padding:62px 0; border-bottom:1px solid var(--border); scroll-margin-top:100px; }.article-section-number{display:block;color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem}.article-body section h2{margin-top:17px;font-size:clamp(2.2rem,4vw,4.1rem)}.article-body section>p{margin-top:23px;color:var(--text-soft);font-size:1rem;line-height:1.8}
  .article-figure { margin-top:42px; }.article-figure>div{position:relative;min-height:300px;border:1px solid var(--border);border-radius:16px;background:#0c0c0f;overflow:hidden}.article-figure figcaption{margin-top:12px;color:var(--text-muted);font-size:.75rem;line-height:1.45}
  .article-figure--curve svg { position:absolute; inset:28px; width:calc(100% - 56px); height:calc(100% - 56px); overflow:visible; }.article-figure--curve .gridline{fill:none;stroke:rgba(255,255,255,.05);stroke-width:1}.article-figure--curve .curve-a,.article-figure--curve .curve-b{fill:none;stroke:var(--cyan);stroke-width:2;filter:drop-shadow(0 0 6px rgba(139,233,255,.3))}.article-figure--curve .curve-b{stroke:var(--violet);stroke-dasharray:6 6}.fig-label{position:absolute;color:var(--text-muted);font-size:.75rem}.fig-label.l1{right:7%;top:22%}.fig-label.l2{right:7%;top:42%}
  .article-figure--matrix>div{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;padding:30px;align-items:end}.article-figure--matrix i{height:var(--v);min-height:10px;border-radius:4px 4px 1px 1px;background:linear-gradient(to top,rgba(118,165,255,.18),rgba(139,233,255,.65))}
  .article-figure--flow>div{display:flex;align-items:center;justify-content:center;gap:12px;padding:30px}.article-figure--flow span{padding:11px 13px;border:1px solid var(--border);border-radius:9px;color:var(--text-soft);font-size:.75rem}.article-figure--flow i{width:35px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
  .article-end { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:50px; }.article-end>span{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.article-end>div{display:flex;gap:20px}
}

@layer pages {
  /* Developer platform */
  .developer-hero { position:relative; min-height:920px; display:grid; align-items:center; padding:calc(var(--header-h) + 92px) 0 110px; overflow:hidden; border-bottom:1px solid var(--border); background:#08080a; }
  .developer-hero__grid { position:absolute; inset:0; opacity:.55; background-image:linear-gradient(rgba(118,165,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(118,165,255,.045) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to bottom,transparent 0,#000 20%,#000 75%,transparent 100%); transform:perspective(900px) rotateX(58deg) scale(1.55) translateY(27%); transform-origin:center bottom; }
  .developer-hero__field { position:absolute; inset:0; opacity:.48; mix-blend-mode:screen; }
  .developer-hero__inner { position:relative; z-index:2; display:grid; grid-template-columns:.78fr 1.22fr; align-items:center; gap:76px; }
  .developer-hero__copy h1 { max-width:710px; margin-top:20px; font-size:clamp(4.5rem,8vw,9rem); }
  .developer-hero__copy > p:not(.eyebrow) { max-width:620px; margin-top:28px; font-size:1.04rem; line-height:1.7; }
  .developer-hero__copy .button-row { margin-top:35px; }
  .developer-hero__notice { display:flex; align-items:flex-start; gap:10px; max-width:590px; margin-top:30px; color:var(--text-muted); font-size:.75rem; line-height:1.55; }.developer-hero__notice svg{flex:0 0 auto;color:var(--blue);margin-top:1px}
  .developer-hero__code { min-width:0; filter:drop-shadow(0 38px 90px rgba(0,0,0,.44)); }
  .developer-hero__code .tabs { border-color:rgba(118,165,255,.14); background:rgba(8,8,11,.82); backdrop-filter:blur(18px); }
  .api-surface { background:#09090b; }
  .api-category-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--border); border-left:1px solid var(--border); }
  .api-category { position:relative; min-height:330px; padding:27px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); overflow:hidden; transition:background .28s ease; }
  .api-category::after { content:""; position:absolute; left:0; right:0; bottom:0; height:1px; transform:scaleX(0); transform-origin:left; background:linear-gradient(90deg,var(--blue),var(--cyan),transparent); transition:transform .55s var(--ease-out); }
  .api-category:hover { background:rgba(118,165,255,.035); }.api-category:hover::after{transform:scaleX(1)}
  .api-category > span { display:grid; width:40px; height:40px; place-items:center; border:1px solid var(--border); border-radius:11px; color:var(--blue); background:rgba(118,165,255,.05); }
  .api-category > small { position:absolute; top:28px; right:28px; color:var(--text-faint); font-family:var(--font-mono); font-size:.75rem; }
  .api-category h3 { margin-top:64px; font-size:1.45rem; }.api-category p{margin-top:13px;max-width:330px;font-size:.875rem;line-height:1.58}
  .api-category a { position:absolute; left:27px; bottom:26px; display:flex; align-items:center; gap:7px; color:var(--text-muted); font-size:.8125rem; }.api-category a:hover{color:var(--text)}.api-category a svg{transition:transform .25s var(--ease-out)}.api-category a:hover svg{transform:translateX(3px)}
  .developer-terminal-section { background:#070709; }
  .developer-terminal-layout { display:grid; grid-template-columns:.7fr 1.3fr; align-items:center; gap:90px; }
  .developer-terminal-copy h2 { margin-top:20px; font-size:clamp(3rem,5vw,5.8rem); }.developer-terminal-copy>p:not(.eyebrow){margin-top:24px;line-height:1.7}.developer-terminal-copy ul{display:grid;gap:11px;margin-top:30px}.developer-terminal-copy li{display:flex;align-items:center;gap:9px;color:var(--text-soft);font-size:.875rem}.developer-terminal-copy li svg{color:var(--green)}
  .terminal-demo { border:1px solid rgba(118,165,255,.16); border-radius:18px; overflow:hidden; background:#090a0d; box-shadow:0 35px 100px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.03); font-family:var(--font-mono); }
  .terminal-demo__bar { display:flex; align-items:center; gap:7px; min-height:48px; padding:0 16px; border-bottom:1px solid var(--border); background:#101117; color:var(--text-muted); font-size:.75rem; }
  .terminal-demo__bar>span { width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,.16); }.terminal-demo__bar strong{margin-left:10px;font-weight:500}.terminal-demo__bar em{margin-left:auto;padding:4px 6px;border:1px solid rgba(118,229,172,.18);border-radius:5px;color:var(--green);font-style:normal;font-size:.75rem;letter-spacing:.08em}
  .terminal-demo__body { min-height:400px; padding:30px 24px; background:radial-gradient(circle at 100% 0,rgba(118,165,255,.08),transparent 40%),#08090b; }
  .terminal-demo__body>div:not(.terminal-demo__cursor) { display:grid; grid-template-columns:74px 185px 1fr; gap:13px; padding:11px 0; border-bottom:1px dashed rgba(255,255,255,.055); opacity:.18; transform:translateY(8px); transition:opacity .35s ease,transform .35s var(--ease-out); }
  .terminal-demo.is-running .terminal-demo__body>div.is-visible { opacity:1; transform:none; }
  .terminal-demo__body i { color:var(--text-faint); font-style:normal; font-size:.75rem; }.terminal-demo__body b{color:var(--blue);font-weight:500;font-size:.75rem}.terminal-demo__body span{color:var(--text-soft);font-size:.75rem;overflow-wrap:anywhere}
  .terminal-demo__cursor { display:flex; align-items:center; height:30px; }.terminal-demo__cursor i{display:block;width:7px;height:15px;background:var(--cyan);animation:blink 1s steps(2,end) infinite}
  .console-preview { background:#09090b; }
  .console-window { display:grid; grid-template-columns:205px minmax(0,1fr); min-height:730px; border:1px solid var(--border); border-radius:22px; overflow:hidden; background:#0c0c0f; box-shadow:var(--shadow-deep); }
  .console-sidebar { display:flex; flex-direction:column; padding:22px 14px 16px; border-right:1px solid var(--border); background:#0a0a0c; }
  .console-sidebar>div { display:flex; align-items:center; gap:10px; padding:3px 8px 27px; }.console-sidebar>div .logo__mark{width:24px;height:24px}.console-sidebar>div strong{font-size:.75rem}
  .console-sidebar nav { display:grid; gap:3px; }.console-sidebar nav button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border-radius:8px;color:var(--text-muted);font-size:.8125rem;text-align:left}.console-sidebar nav button:hover,.console-sidebar nav button.active{color:var(--text);background:rgba(255,255,255,.055)}
  .console-sidebar footer { margin-top:auto; display:flex; align-items:center; gap:9px; padding:13px 8px 2px; border-top:1px solid var(--border); }.console-sidebar footer>span{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:linear-gradient(135deg,rgba(118,165,255,.4),rgba(181,146,255,.25));font-size:.75rem}.console-sidebar footer div{display:grid}.console-sidebar footer strong{font-size:.75rem}.console-sidebar footer small{color:var(--text-muted);font-size:.75rem}
  .console-main { min-width:0; padding:28px; }
  .console-main>header { display:flex; align-items:center; justify-content:space-between; }.console-main>header small{display:block;color:var(--text-muted);font-size:.75rem}.console-main>header h3{margin-top:3px;font-size:1.2rem}.console-main>header button{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:8px;background:var(--surface-light);color:#111;font-size:.8125rem;font-weight:620}
  .console-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:28px; }.console-metrics article{display:grid;gap:8px;padding:17px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.015)}.console-metrics span{color:var(--text-muted);font-size:.75rem}.console-metrics strong{font-size:1.45rem;letter-spacing:-.04em}.console-metrics em{color:var(--green);font-style:normal;font-size:.75rem}
  .console-chart { position:relative; height:280px; margin-top:12px; border:1px solid var(--border); border-radius:12px; overflow:hidden; background:linear-gradient(to bottom,rgba(118,165,255,.035),transparent); }
  .console-chart__grid { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:100% 25%,12.5% 100%; }.console-chart svg{position:absolute;inset:24px 20px 35px;width:calc(100% - 40px);height:calc(100% - 59px);overflow:visible}.console-chart path{fill:none;stroke:var(--blue);stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px rgba(118,165,255,.4));stroke-dasharray:1200;stroke-dashoffset:1200;transition:stroke-dashoffset 1.7s var(--ease-out)}.console-window.is-revealed .console-chart path,.console-window.reveal.is-visible .console-chart path{stroke-dashoffset:0}
  .console-chart__axis { position:absolute; left:20px; right:20px; bottom:10px; display:flex; justify-content:space-between; color:var(--text-faint); font-size:.75rem; }
  .console-logs { margin-top:12px; border:1px solid var(--border); border-radius:12px; overflow:hidden; }.console-logs__head{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;background:rgba(255,255,255,.025)}.console-logs__head strong{font-size:.75rem}.console-logs__head button{color:var(--text-muted);font-size:.8125rem}.console-logs>div:not(.console-logs__head){display:grid;grid-template-columns:1.25fr 1.2fr 1fr .8fr .8fr;padding:11px 15px;border-top:1px solid var(--border)}.console-logs>div span{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.console-logs .state{font-family:var(--font-sans)}
  .state { width:max-content; padding:3px 6px; border:1px solid var(--border); border-radius:99px; font-size:.75rem!important; }.state--ok{color:var(--green)!important;border-color:rgba(118,229,172,.17);background:rgba(118,229,172,.05)}.state--warn{color:var(--amber)!important;border-color:rgba(240,190,105,.18);background:rgba(240,190,105,.05)}
  .sdk-section { background:#08080a; }
  .sdk-layout { display:grid; grid-template-columns:.78fr 1.22fr; gap:90px; align-items:center; }.sdk-copy h2{margin-top:20px;font-size:clamp(3rem,5vw,5.7rem)}.sdk-copy>p:not(.eyebrow){margin-top:23px;line-height:1.67}.sdk-copy .button-row{margin-top:28px}
  .sdk-packages { display:grid; gap:12px; }.sdk-packages article{display:grid;grid-template-columns:42px minmax(0,1fr) auto 34px;align-items:center;gap:15px;padding:18px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.018)}.sdk-packages article>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--border);border-radius:9px;color:var(--cyan);font-family:var(--font-mono);font-size:.75rem}.sdk-packages article>div{display:grid}.sdk-packages strong{font-size:.75rem}.sdk-packages small{margin-top:3px;color:var(--text-muted);font-size:.75rem}.sdk-packages code{color:var(--text-muted);font-size:.75rem}.sdk-packages button{display:grid;width:31px;height:31px;place-items:center;border:1px solid var(--border);border-radius:7px;color:var(--text-muted)}.sdk-packages button:hover{color:var(--text);background:rgba(255,255,255,.05)}

  /* Documentation */
  .page--docs { background:#0a0a0c; }
  .page--docs .site-header,.page--app .site-header,.page--auth .site-header { display:none; }
  .docs-shell { min-height:100vh; display:grid; grid-template-columns:276px minmax(0,1fr); }
  .docs-sidebar { position:sticky; top:0; z-index:20; height:100vh; display:flex; flex-direction:column; padding:21px 18px; border-right:1px solid var(--border); background:#09090b; overflow-y:auto; }
  .docs-sidebar__top { display:flex; align-items:center; justify-content:space-between; min-height:36px; padding:0 4px 17px; border-bottom:1px solid var(--border); }.docs-sidebar__top>div{display:flex;align-items:center;gap:7px}.docs-sidebar__top span{font-size:.75rem;font-weight:640}.docs-sidebar__top small{padding:3px 6px;border:1px solid var(--border);border-radius:5px;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.docs-sidebar__close{display:none;width:28px;height:28px}
  .docs-search-trigger { display:flex; align-items:center; gap:8px; width:100%; margin:16px 0 18px; padding:9px 9px; border:1px solid var(--border); border-radius:8px; color:var(--text-muted); background:rgba(255,255,255,.015); font-size:.75rem; text-align:left; }.docs-search-trigger:hover{border-color:var(--border-strong);color:var(--text)}.docs-search-trigger span{flex:1}.docs-search-trigger kbd{font-size:.75rem}
  .docs-sidebar nav { display:grid; gap:21px; padding-bottom:30px; }.docs-sidebar__group{display:grid;gap:3px}.docs-sidebar__group strong{padding:0 8px 6px;color:var(--text-faint);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.docs-sidebar__group a{padding:6px 8px;border-radius:6px;color:var(--text-muted);font-size:.8125rem}.docs-sidebar__group a:hover,.docs-sidebar__group a.active{color:var(--text);background:rgba(255,255,255,.045)}
  .docs-sidebar__bottom { margin-top:auto; padding:14px 4px 0; border-top:1px solid var(--border); }.docs-sidebar__bottom a{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.8125rem}.docs-sidebar__bottom a:hover{color:var(--text)}
  .docs-main { min-width:0; display:grid; grid-template-columns:minmax(0,900px) 190px; justify-content:center; gap:70px; padding:80px max(34px,4vw) 120px; background:radial-gradient(circle at 35% 0,rgba(118,165,255,.045),transparent 30%),#0b0b0d; }
  .docs-mobile-bar { display:none; }
  .docs-nav-backdrop { position:fixed; z-index:90; inset:0; display:block; background:rgba(0,0,0,.56); opacity:0; pointer-events:none; transition:opacity .24s ease; }.docs-nav-backdrop.is-visible{opacity:1;pointer-events:auto}
  .docs-content { min-width:0; }
  .docs-breadcrumbs { color:var(--text-faint); font-size:.75rem; }.docs-breadcrumbs span{padding:0 5px}
  .docs-content>header { display:flex; justify-content:space-between; gap:40px; padding:38px 0 42px; border-bottom:1px solid var(--border); }.docs-content>header h1{margin-top:17px;font-size:clamp(3rem,5.5vw,5.7rem)}.docs-content>header p{max-width:690px;margin-top:17px;font-size:.9rem;line-height:1.65}
  .docs-version { flex:0 0 auto; display:grid; align-content:start; gap:7px; }.docs-version>span{color:var(--text-faint);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.docs-version button{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--border);border-radius:7px;color:var(--text-muted);font-family:var(--font-mono);font-size:.8125rem}
  .docs-content>.demo-note { margin:28px 0 12px; }
  .docs-content>section { padding:54px 0; border-bottom:1px solid var(--border); scroll-margin-top:30px; }.docs-content section h2{font-size:clamp(2rem,3vw,3.1rem)}.docs-content section>p{max-width:760px;margin-top:17px;color:var(--text-soft);font-size:.875rem;line-height:1.72}.docs-content section code:not(.code-block code){padding:2px 5px;border:1px solid var(--border);border-radius:5px;background:rgba(255,255,255,.03);font-family:var(--font-mono);font-size:.85em}.docs-content section>.code-block,.docs-content section>.event-table,.docs-content section>.error-example-grid{margin-top:27px}
  .docs-callout { display:flex; gap:13px; margin-top:24px; padding:17px; border:1px solid var(--border); border-radius:10px; }.docs-callout>svg{flex:0 0 auto;margin-top:2px}.docs-callout strong{font-size:.75rem}.docs-callout p{margin-top:4px;color:var(--text-muted);font-size:.875rem;line-height:1.5}.docs-callout--info{border-color:rgba(118,165,255,.18);background:rgba(118,165,255,.04);color:var(--blue)}.docs-callout--info p{color:var(--text-muted)}
  .event-table { border:1px solid var(--border); border-radius:11px; overflow:hidden; }.event-table>div{display:grid;grid-template-columns:minmax(190px,.7fr) 1.3fr;border-top:1px solid var(--border)}.event-table>div:first-child{border-top:0;background:rgba(255,255,255,.028)}.event-table strong,.event-table code,.event-table span{padding:12px 14px;border-right:1px solid var(--border);font-size:.75rem}.event-table span{border-right:0;color:var(--text-muted);line-height:1.45}.event-table code{color:var(--cyan)}
  .docs-section-label { margin-bottom:15px; color:var(--blue); font-size:.75rem; text-transform:uppercase; letter-spacing:.11em; }.docs-reference-section ul{display:grid;gap:10px;margin-top:23px}.docs-reference-section li{position:relative;padding-left:19px;color:var(--text-muted);font-size:.875rem;line-height:1.55}.docs-reference-section li::before{content:"";position:absolute;left:1px;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--blue)}
  .error-example-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; }.error-example-grid article{display:grid;grid-template-columns:40px 1fr;gap:11px;padding:14px;border:1px solid var(--border);border-radius:9px}.error-example-grid article>span{color:var(--red);font-family:var(--font-mono);font-size:.75rem}.error-example-grid strong{font-size:.75rem}.error-example-grid p{margin-top:4px;color:var(--text-muted);font-size:.875rem;line-height:1.45}
  .docs-next { display:flex; align-items:center; justify-content:space-between; margin-top:70px; padding:22px 0; border-top:1px solid var(--border); }.docs-next>span{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.docs-next__link{display:flex;align-items:center;gap:17px;text-align:right}.docs-next__link div{display:grid}.docs-next__link small{color:var(--text-muted);font-size:.75rem}.docs-next__link strong{font-size:.75rem}.docs-next__link:hover svg{transform:translateX(3px)}
  .docs-toc { position:sticky; top:60px; align-self:start; display:grid; gap:9px; padding-top:70px; }.docs-toc>strong{margin-bottom:6px;color:var(--text-faint);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.docs-toc>a{padding-left:10px;border-left:1px solid var(--border);color:var(--text-muted);font-size:.8125rem;line-height:1.4}.docs-toc>a:hover{color:var(--text);border-color:var(--blue)}
  .docs-feedback { display:grid; gap:10px; margin-top:28px; padding-top:17px; border-top:1px solid var(--border); }.docs-feedback span{color:var(--text-muted);font-size:.75rem}.docs-feedback div{display:flex;gap:6px}.docs-feedback button{display:grid;width:30px;height:28px;place-items:center;border:1px solid var(--border);border-radius:6px;color:var(--text-muted)}.docs-feedback button:hover{color:var(--text);background:rgba(255,255,255,.04)}
  .docs-search-modal .command-input { margin-bottom:14px; }.docs-search-results{display:grid;gap:3px;max-height:440px;overflow-y:auto}.docs-search-results>a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;border-radius:9px}.docs-search-results>a:hover,.docs-search-results>a.is-active{background:rgba(255,255,255,.055)}.docs-search-results>a>span{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--border);border-radius:7px;color:var(--blue)}.docs-search-results>a>div{display:grid;min-width:0}.docs-search-results strong{font-size:.75rem}.docs-search-results small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:.75rem}.docs-search-results em{color:var(--text-faint);font-style:normal}.docs-search-empty{padding:25px 0}

  /* Enterprise */
  .enterprise-hero { position:relative; min-height:930px; display:grid; align-items:center; padding:calc(var(--header-h) + 90px) 0 105px; overflow:hidden; border-bottom:1px solid var(--border); background:#080809; }
  .enterprise-hero__mesh { position:absolute; inset:0; opacity:.45; background-image:radial-gradient(circle at center,rgba(233,201,135,.08),transparent 38%),linear-gradient(30deg,transparent 49.5%,rgba(233,201,135,.04) 50%,transparent 50.5%),linear-gradient(-30deg,transparent 49.5%,rgba(118,165,255,.035) 50%,transparent 50.5%); background-size:auto,80px 138px,80px 138px; mask-image:linear-gradient(to right,transparent,#000 25%,#000); }
  .enterprise-hero__inner { position:relative; z-index:2; display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:80px; }.enterprise-hero__copy h1{margin-top:20px;max-width:830px;font-size:clamp(4.2rem,7vw,8.1rem)}.enterprise-hero__copy>p:not(.eyebrow){max-width:620px;margin-top:27px;font-size:1rem;line-height:1.68}.enterprise-hero__copy .button-row{margin-top:34px}.enterprise-hero__copy>small{display:block;max-width:560px;margin-top:27px;color:var(--text-faint);font-size:.75rem;line-height:1.5}
  .enterprise-hero__visual { min-width:0; }
  .org-orbit { position:relative; width:min(100%,650px); aspect-ratio:1.15; margin-left:auto; }
  .org-orbit svg { position:absolute; inset:0; width:100%; height:100%; }.org-orbit svg circle,.org-orbit svg path{fill:none;stroke:rgba(233,201,135,.13);stroke-width:1;stroke-dasharray:4 7}.org-orbit svg circle:first-child{animation:spin 32s linear infinite;transform-origin:center}.org-core{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;gap:8px;width:145px;height:145px;transform:translate(-50%,-50%);border:1px solid rgba(233,201,135,.19);border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(233,201,135,.14),#101012 68%);box-shadow:0 25px 80px rgba(0,0,0,.4)}.org-core .logo__mark{width:35px;height:35px}.org-core strong{font-size:.75rem}
  .org-node { position:absolute; z-index:3; padding:9px 11px; border:1px solid var(--border); border-radius:8px; background:rgba(13,13,16,.86); backdrop-filter:blur(8px); color:var(--text-soft); font-size:.75rem; box-shadow:0 15px 35px rgba(0,0,0,.25); }.org-node i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}.org-node.n1{left:50%;top:5%;transform:translateX(-50%)}.org-node.n2{right:3%;top:25%}.org-node.n3{right:0;bottom:22%}.org-node.n4{left:12%;bottom:3%}.org-node.n5{left:0;top:26%}.org-node.n1 i{left:50%;bottom:-3px}.org-node.n2 i,.org-node.n3 i{left:-3px;top:50%}.org-node.n4 i{left:50%;top:-3px}.org-node.n5 i{right:-3px;top:50%}
  .enterprise-proof { padding-top:0; padding-bottom:0; background:#09090b; }.enterprise-proof__grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--border)}.enterprise-proof article{min-height:270px;padding:38px;border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:flex-end}.enterprise-proof strong{font-size:1.45rem}.enterprise-proof p{max-width:350px;margin-top:14px;font-size:.875rem;line-height:1.6}
  .enterprise-controls { background:#08080a; }
  .enterprise-control-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.enterprise-control{min-height:340px;padding:25px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.012);transition:transform .35s var(--ease-out),background .25s ease,border-color .25s ease}.enterprise-control:hover{transform:translateY(-4px);background:rgba(233,201,135,.025);border-color:rgba(233,201,135,.18)}.enterprise-control>div{display:flex;justify-content:space-between;align-items:center}.enterprise-control>div>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--border);border-radius:9px;color:var(--gold)}.enterprise-control>div>small{color:var(--text-faint);font-family:var(--font-mono);font-size:.75rem}.enterprise-control h3{margin-top:68px;font-size:1.45rem}.enterprise-control p{margin-top:14px;font-size:.875rem;line-height:1.57}.enterprise-control a{display:flex;align-items:center;gap:7px;margin-top:34px;color:var(--text-muted);font-size:.8125rem}.enterprise-control a:hover{color:var(--text)}
  .enterprise-dashboard-section { background:#09090b; }
  .enterprise-dashboard { display:grid; grid-template-columns:205px minmax(0,1fr); min-height:760px; border:1px solid var(--border); border-radius:22px; overflow:hidden; background:#0c0c0f; box-shadow:var(--shadow-deep); }
  .enterprise-dashboard>aside { display:flex; flex-direction:column; padding:21px 14px; border-right:1px solid var(--border); background:#0a0a0c; }.enterprise-dashboard>aside>div{display:flex;align-items:center;gap:9px;padding:4px 8px 27px}.enterprise-dashboard>aside .logo__mark{width:24px;height:24px}.enterprise-dashboard>aside>div strong{font-size:.75rem}.enterprise-dashboard>aside nav{display:grid;gap:3px}.enterprise-dashboard>aside nav button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border-radius:8px;color:var(--text-muted);font-size:.8125rem;text-align:left}.enterprise-dashboard>aside nav button.active,.enterprise-dashboard>aside nav button:hover{color:var(--text);background:rgba(255,255,255,.05)}.enterprise-dashboard>aside footer{display:grid;gap:3px;margin-top:auto;padding:14px 8px 1px;border-top:1px solid var(--border)}.enterprise-dashboard>aside footer span{font-size:.75rem}.enterprise-dashboard>aside footer small{color:var(--text-muted);font-size:.75rem}
  .enterprise-dashboard>[data-ui-main] { min-width:0; padding:28px; }.enterprise-dashboard>[data-ui-main]>header{display:flex;justify-content:space-between;align-items:center}.enterprise-dashboard>[data-ui-main]>header small{color:var(--text-muted);font-size:.75rem}.enterprise-dashboard>[data-ui-main]>header h3{margin-top:3px;font-size:1.25rem}.enterprise-dashboard>[data-ui-main]>header button{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--border);border-radius:7px;color:var(--text-muted);font-size:.8125rem}
  .enterprise-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin-top:27px; }.enterprise-stats article{display:grid;gap:7px;padding:16px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.012)}.enterprise-stats span{color:var(--text-muted);font-size:.75rem}.enterprise-stats strong{font-size:1.35rem}.enterprise-stats em{color:var(--text-faint);font-style:normal;font-size:.75rem}
  .enterprise-dashboard__body { display:grid; grid-template-columns:1.25fr .75fr; gap:10px; margin-top:10px; }.enterprise-dashboard__body>section,.audit-preview{padding:17px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.01)}
  .dashboard-panel-head { display:flex; align-items:center; justify-content:space-between; }.dashboard-panel-head strong{font-size:.75rem}.dashboard-panel-head button,.dashboard-panel-head>span{color:var(--text-muted);font-size:.8125rem}
  .team-usage { display:grid; gap:13px; margin-top:24px; }.team-usage>div{display:grid;grid-template-columns:80px 1fr 42px;align-items:center;gap:9px}.team-usage span,.team-usage em{color:var(--text-muted);font-size:.75rem;font-style:normal}.team-usage em{text-align:right}.team-usage i{height:5px;border-radius:99px;background:rgba(255,255,255,.05);overflow:hidden}.team-usage b{display:block;width:var(--v);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--cyan))}
  .security-checks { display:grid; gap:0; margin-top:16px; }.security-checks>div{display:grid;grid-template-columns:17px 1fr auto;align-items:center;gap:7px;padding:10px 0;border-top:1px solid var(--border);color:var(--text-muted);font-size:.75rem}.security-checks>div svg{color:var(--green)}.security-checks strong{color:var(--text-soft);font-size:.75rem}
  .audit-preview { margin-top:10px; }.audit-preview>.dashboard-panel-head{margin-bottom:8px}.audit-preview>div:not(.dashboard-panel-head){display:grid;grid-template-columns:1.5fr .8fr .8fr 24px;align-items:center;padding:10px 0;border-top:1px solid var(--border)}.audit-preview>div span,.audit-preview time{color:var(--text-muted);font-size:.75rem}.audit-preview>div span:first-child{color:var(--text-soft)}.audit-preview>div button{color:var(--text-muted)}
  .enterprise-integrations { background:#08080a; }.enterprise-integrations__inner{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:90px}.enterprise-integrations__copy h2{margin-top:20px;font-size:clamp(3rem,5vw,5.7rem)}.enterprise-integrations__copy>p:not(.eyebrow){margin-top:23px;line-height:1.68}.enterprise-integrations__copy .button-row{margin-top:28px}
  .integration-orbit { position:relative; min-height:560px; }.integration-core{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:105px;height:105px;transform:translate(-50%,-50%);border:1px solid rgba(233,201,135,.2);border-radius:50%;background:#111114}.integration-core .logo__mark{width:30px;height:30px}.integration-orbit::before,.integration-orbit::after{content:"";position:absolute;left:50%;top:50%;width:330px;height:330px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.08);border-radius:50%}.integration-orbit::after{width:500px;height:500px;border-style:dashed;animation:spin 35s linear infinite}
  .integration-orbit>span:not(.integration-core){position:absolute;z-index:3;display:grid;place-items:center;width:76px;height:76px;border:1px solid var(--border);border-radius:18px;background:#101013;color:var(--text-soft);font-size:.75rem;text-align:center;box-shadow:0 15px 35px rgba(0,0,0,.28)}.integration-orbit>span:nth-child(2){left:50%;top:3%;transform:translateX(-50%)}.integration-orbit>span:nth-child(3){right:4%;top:28%}.integration-orbit>span:nth-child(4){right:17%;bottom:4%}.integration-orbit>span:nth-child(5){left:17%;bottom:4%}.integration-orbit>span:nth-child(6){left:4%;top:28%}.integration-orbit>span:nth-child(7){left:50%;bottom:21%;transform:translateX(-50%)}
  .contact-section { background:#09090b; }.contact-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:68px;border:1px solid var(--border);border-radius:28px;background:radial-gradient(circle at 0 100%,rgba(233,201,135,.07),transparent 35%),rgba(255,255,255,.012)}.contact-panel>div>h2{margin-top:19px;font-size:clamp(3rem,5vw,5.6rem)}.contact-panel>div>p:not(.eyebrow){margin-top:22px;line-height:1.67}.value-list{display:grid;gap:10px;margin-top:28px}.value-list li{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.875rem}.value-list svg{color:var(--green)}
  .enterprise-form { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }.enterprise-form label{display:grid;gap:7px;color:var(--text-muted);font-size:.8125rem}.enterprise-form label:nth-child(5),.enterprise-form label:nth-child(6),.enterprise-form .form-message,.enterprise-form button{grid-column:1/-1}.enterprise-form input,.enterprise-form select,.enterprise-form textarea{width:100%;padding:12px 13px;border:1px solid var(--border);border-radius:9px;background:#0e0e11;color:var(--text);font-size:.8125rem}.enterprise-form textarea{resize:vertical;min-height:115px}.enterprise-form input:focus,.enterprise-form select:focus,.enterprise-form textarea:focus{border-color:rgba(233,201,135,.45);box-shadow:0 0 0 3px rgba(233,201,135,.06)}
}

@layer pages {
  /* Safety */
  .safety-hero { position:relative; min-height:930px; display:grid; align-items:center; padding:calc(var(--header-h) + 92px) 0 110px; overflow:hidden; border-bottom:1px solid var(--border); background:#080808; }
  .safety-hero__field { position:absolute; inset:0; opacity:.45; mask-image:linear-gradient(to right,transparent 8%,#000 54%,#000); }
  .safety-hero__inner { position:relative; z-index:2; display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:80px; }.safety-hero__copy h1{margin-top:20px;max-width:1000px;font-size:clamp(4.1rem,7.2vw,8.4rem)}.safety-hero__copy>p:not(.eyebrow){max-width:740px;margin-top:28px;font-size:1rem;line-height:1.72}
  .safety-hero__seal { position:relative; width:min(100%,500px); aspect-ratio:1; margin-left:auto; }
  .safety-hero__seal>div { position:absolute; left:50%; top:50%; z-index:2; display:grid; width:118px; height:118px; place-items:center; transform:translate(-50%,-50%); border:1px solid rgba(233,201,135,.2); border-radius:50%; background:radial-gradient(circle,rgba(233,201,135,.12),#0e0e10 70%); }.safety-hero__seal>div .logo__mark{width:39px;height:39px}
  .safety-hero__seal>span { position:absolute; z-index:3; color:var(--text-soft); font-size:.75rem; text-transform:uppercase; letter-spacing:.12em; }.safety-hero__seal>span:nth-of-type(1){left:50%;top:5%;transform:translateX(-50%)}.safety-hero__seal>span:nth-of-type(2){right:1%;top:50%;transform:translateY(-50%) rotate(90deg)}.safety-hero__seal>span:nth-of-type(3){left:50%;bottom:5%;transform:translateX(-50%)}.safety-hero__seal>span:nth-of-type(4){left:1%;top:50%;transform:translateY(-50%) rotate(-90deg)}
  .safety-hero__seal svg { position:absolute; inset:0; width:100%; height:100%; animation:spin 38s linear infinite; }.safety-hero__seal circle,.safety-hero__seal path{fill:none;stroke:rgba(233,201,135,.15);stroke-width:1;stroke-dasharray:5 8}.safety-hero__seal path{stroke-dasharray:2 10}
  .safety-philosophy { background:#0a0a0c; }.safety-philosophy__layout{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:start}.safety-philosophy__layout h2{margin-top:20px;font-size:clamp(3.3rem,5.5vw,6.5rem)}.safety-philosophy__text{display:grid;gap:24px;padding-top:35px}.safety-philosophy__text p{font-size:1rem;line-height:1.76}.safety-philosophy__text p:last-child{padding-top:24px;border-top:1px solid var(--border);color:var(--text-muted);font-size:.875rem}
  .safety-timeline-section { background:#08080a; }
  .safety-timeline { position:relative; display:grid; grid-template-columns:repeat(8,1fr); margin-top:30px; padding-top:48px; }.safety-timeline::before{content:"";position:absolute;left:5%;right:5%;top:65px;height:1px;background:linear-gradient(90deg,transparent,rgba(233,201,135,.34),transparent)}
  .safety-timeline article { position:relative; z-index:2; display:grid; grid-template-rows:26px 34px auto; justify-items:center; text-align:center; padding:0 8px; }.safety-timeline article>span{color:var(--text-faint);font-family:var(--font-mono);font-size:.75rem}.safety-timeline article>i{width:12px;height:12px;margin-top:5px;border:1px solid var(--gold);border-radius:50%;background:#09090b;box-shadow:0 0 0 6px rgba(233,201,135,.035)}.safety-timeline article>div{margin-top:20px}.safety-timeline h3{font-size:.875rem}.safety-timeline p{margin-top:8px;color:var(--text-muted);font-size:.875rem;line-height:1.45}
  .safety-metrics-section { background:#09090b; }
  .safety-metrics { display:grid; grid-template-columns:300px minmax(0,1fr); border:1px solid var(--border); border-radius:20px; overflow:hidden; background:#0c0c0f; }
  .safety-metrics__summary { display:grid; padding:22px; border-right:1px solid var(--border); background:rgba(233,201,135,.018); }.safety-metrics__summary article{display:grid;place-items:center;padding:22px 0;border-bottom:1px solid var(--border)}.safety-metrics__summary article:last-child{border-bottom:0}
  .safety-risk-grid { min-width:0; }.risk-grid-head,.safety-risk-grid>div:not(.risk-grid-head){display:grid;grid-template-columns:1.1fr 1.3fr .7fr .8fr;align-items:center}.risk-grid-head{padding:13px 18px;background:rgba(255,255,255,.025)}.risk-grid-head span{color:var(--text-faint);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.safety-risk-grid>div:not(.risk-grid-head){min-height:67px;padding:12px 18px;border-top:1px solid var(--border)}.safety-risk-grid strong{font-size:.75rem}.safety-risk-grid>div>span{display:flex;align-items:center;gap:8px}.safety-risk-grid>div>span>i{position:relative;flex:1;height:5px;border-radius:99px;background:rgba(255,255,255,.055);overflow:hidden}.safety-risk-grid>div>span>i::after{content:"";display:block;width:var(--v);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--cyan))}.safety-risk-grid em{width:30px;color:var(--text-muted);font-style:normal;font-size:.75rem}.safety-risk-grid b{font-size:.75rem;font-weight:500}.safety-risk-grid small{width:max-content;padding:4px 7px;border:1px solid var(--border);border-radius:99px;color:var(--text-muted);font-size:.75rem}
  .safety-sections { background:#08080a; }
  .safety-accordion { border-top:1px solid var(--border); }.safety-accordion:last-child{border-bottom:1px solid var(--border)}.safety-accordion>button{display:grid;grid-template-columns:70px 1fr 40px;align-items:center;width:100%;padding:25px 0;text-align:left}.safety-accordion>button>span{color:var(--text-faint);font-family:var(--font-mono);font-size:.8125rem}.safety-accordion>button strong{font-size:clamp(1.4rem,2.5vw,2.5rem);font-weight:530}.safety-accordion>button i{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--border);border-radius:50%;font-style:normal;transition:transform .3s var(--ease-out),background .2s ease}.safety-accordion>button[aria-expanded="true"] i{transform:rotate(45deg);background:var(--text);color:var(--bg)}
  .safety-accordion__panel { display:grid; grid-template-columns:1fr .8fr auto; align-items:start; gap:60px; padding:5px 0 34px 70px; }.safety-accordion__panel p{max-width:690px;font-size:.875rem;line-height:1.67}.safety-accordion__panel ul{display:grid;gap:9px}.safety-accordion__panel li{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.875rem}.safety-accordion__panel li svg{color:var(--green)}.safety-accordion__panel a{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:.8125rem}.safety-accordion__panel a:hover{color:var(--text)}
  .safety-escalation { background:#09090b; }.safety-escalation__panel{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;padding:64px;border:1px solid var(--border);border-radius:26px;background:radial-gradient(circle at 0 100%,rgba(233,201,135,.07),transparent 38%),rgba(255,255,255,.012)}.safety-escalation__panel h2{margin-top:19px;font-size:clamp(3rem,5vw,5.7rem)}.safety-escalation__panel>div:first-child>p:last-child{margin-top:22px;line-height:1.67}
  .scaling-ladder { display:grid; align-content:center; gap:7px; }.scaling-ladder>div{display:grid;grid-template-columns:80px 1fr auto;align-items:center;padding:15px 17px;border:1px solid var(--border);border-radius:10px;background:#0f0f12}.scaling-ladder>div:nth-child(2){margin-left:20px}.scaling-ladder>div:nth-child(3){margin-left:40px;border-color:rgba(240,190,105,.18)}.scaling-ladder>div:nth-child(4){margin-left:60px;border-color:rgba(241,141,147,.2)}.scaling-ladder span{color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem}.scaling-ladder strong{font-size:.75rem}.scaling-ladder small{color:var(--text-muted);font-size:.75rem}

  /* Pricing */
  .page--pricing .page-intro { background:radial-gradient(circle at 75% 10%,rgba(181,146,255,.06),transparent 28%),#08080a; }
  .billing-toggle { position:relative; display:grid; grid-template-columns:1fr 1fr; width:max-content; padding:4px; border:1px solid var(--border); border-radius:11px; background:#0c0c0e; }.billing-toggle button{position:relative;z-index:2;padding:9px 13px;border-radius:8px;color:var(--text-muted);font-size:.8125rem}.billing-toggle button span{margin-left:5px;color:var(--green);font-size:.8125rem}.billing-toggle button.is-active{color:var(--text)}.billing-toggle>i{position:absolute;left:4px;top:4px;width:calc(50% - 4px);height:calc(100% - 8px);border-radius:8px;background:rgba(255,255,255,.075);transition:transform .35s var(--ease-out)}.billing-toggle[data-period="yearly"]>i{transform:translateX(100%)}
  .pricing-plans { background:#09090b; }
  .pricing-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; align-items:stretch; }.pricing-card{position:relative;display:flex;flex-direction:column;min-height:640px;padding:27px;border:1px solid var(--border);border-radius:19px;background:rgba(255,255,255,.012);overflow:hidden}.pricing-card--featured{border-color:rgba(181,146,255,.3);background:radial-gradient(circle at 100% 0,rgba(181,146,255,.11),transparent 36%),#101014;box-shadow:0 30px 90px rgba(0,0,0,.32)}.pricing-card__featured{position:absolute;left:0;right:0;top:0;padding:8px 13px;background:linear-gradient(90deg,rgba(181,146,255,.2),rgba(139,233,255,.1));color:var(--text-soft);font-size:.75rem;text-align:center;text-transform:uppercase;letter-spacing:.09em}.pricing-card--featured .pricing-card__head{margin-top:22px}.pricing-card__head h2{font-size:1.55rem}.pricing-card__head p{min-height:62px;margin-top:11px;font-size:.875rem;line-height:1.5}.pricing-card__price{display:flex;align-items:baseline;gap:4px;min-height:86px;margin-top:30px}.pricing-card__price>span{font-size:1rem}.pricing-card__price strong{font-size:3.6rem;letter-spacing:-.07em}.pricing-card__price small{max-width:75px;color:var(--text-muted);font-size:.75rem;line-height:1.3}.pricing-card>.button{width:100%;margin-top:13px}.pricing-card__rule{height:1px;margin:26px 0;background:var(--border)}.pricing-card ul{display:grid;gap:12px}.pricing-card li{display:flex;align-items:flex-start;gap:9px;color:var(--text-muted);font-size:.875rem;line-height:1.45}.pricing-card li svg{flex:0 0 auto;color:var(--green);margin-top:1px}
  .pricing-comparison { background:#08080a; }.plan-table thead{background:rgba(255,255,255,.025)}.plan-table thead th{font-size:.75rem}.plan-table tbody th{color:var(--text-muted);font-weight:520}.plan-table td{color:var(--text-soft)}.plan-table td svg{color:var(--green)}
  .api-pricing { background:#09090b; }.api-pricing__layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:center}.api-pricing__copy h2{margin-top:20px;font-size:clamp(3rem,5vw,5.7rem)}.api-pricing__copy>p:not(.eyebrow){margin-top:23px;line-height:1.67}.api-rate-list{display:grid;gap:0;margin-top:31px;border-top:1px solid var(--border)}.api-rate-list>div{display:grid;grid-template-columns:1fr auto;gap:4px;padding:13px 0;border-bottom:1px solid var(--border)}.api-rate-list span{font-size:.75rem}.api-rate-list strong{font-size:.75rem}.api-rate-list small{grid-column:2;color:var(--text-muted);font-size:.75rem;text-align:right}
  .usage-calculator { padding:26px;border:1px solid rgba(181,146,255,.18);border-radius:19px;background:radial-gradient(circle at 100% 0,rgba(181,146,255,.075),transparent 38%),#0d0d10;box-shadow:var(--shadow-soft)}.usage-calculator__head{display:flex;justify-content:space-between;align-items:center;padding-bottom:21px;border-bottom:1px solid var(--border)}.usage-calculator__head>span{font-size:.75rem;font-weight:620}.usage-calculator>label{display:grid;gap:10px;padding:18px 0;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.8125rem}.usage-calculator>label>span{display:flex;justify-content:space-between}.usage-calculator output{color:var(--text-soft);font-family:var(--font-mono)}.usage-calculator select{padding:10px 11px;border:1px solid var(--border);border-radius:8px;background:#0b0b0d;color:var(--text);font-size:.8125rem}.usage-calculator input[type="range"]{width:100%;height:4px;accent-color:var(--violet)}.usage-calculator__result{display:flex;justify-content:space-between;align-items:end;padding:26px 0 15px}.usage-calculator__result>div{display:grid;gap:5px}.usage-calculator__result small{color:var(--text-muted);font-size:.75rem}.usage-calculator__result strong{font-size:2.7rem;letter-spacing:-.06em}.usage-calculator__result>span{color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem}.usage-calculator>p{color:var(--text-faint);font-size:.875rem;line-height:1.45}
  .pricing-faq { background:#08080a; }.pricing-faq>.container{display:grid;grid-template-columns:.65fr 1.35fr;gap:100px}.pricing-faq__head h2{margin-top:20px;font-size:clamp(3rem,5vw,5.6rem)}.faq-item{border-top:1px solid var(--border)}.faq-item:last-child{border-bottom:1px solid var(--border)}.faq-item>button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:23px 0;text-align:left}.faq-item>button strong{font-size:.84rem}.faq-item>button svg{transition:transform .3s var(--ease-out)}.faq-item>button[aria-expanded="true"] svg{transform:rotate(45deg)}.faq-item>div{padding:0 50px 25px 0}.faq-item p{font-size:.875rem;line-height:1.65}

  /* Status */
  .status-hero { position:relative; min-height:670px; display:grid; align-items:end; padding:calc(var(--header-h) + 80px) 0 78px; border-bottom:1px solid var(--border); overflow:hidden; background:#080a09; }.status-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(7,7,7,.15),#080a09 94%)}
  .status-hero__network { position:absolute; inset:0; opacity:.72; }.status-network-canvas{width:100%;height:100%;display:block}
  .status-hero__inner { position:relative; z-index:2; }.status-hero__brand{display:flex;align-items:center;gap:14px;padding-bottom:40px;border-bottom:1px solid var(--border)}.status-hero__brand .logo__mark{width:31px;height:31px}.status-hero__brand .logo__wordmark{font-size:.8rem}.status-hero__brand>span{padding-left:14px;border-left:1px solid var(--border);color:var(--text-muted);font-size:.75rem}
  .status-hero__state { display:grid; grid-template-columns:70px 1fr; gap:25px; align-items:start; margin-top:45px; }.status-pulse-large{position:relative;display:grid;width:58px;height:58px;place-items:center}.status-pulse-large::before,.status-pulse-large::after{content:"";position:absolute;inset:0;border:1px solid rgba(118,229,172,.22);border-radius:50%;animation:pulse-ring 2.4s ease-out infinite}.status-pulse-large::after{animation-delay:1.2s}.status-pulse-large i{width:15px;height:15px;border-radius:50%;background:var(--green);box-shadow:0 0 24px rgba(118,229,172,.65)}.status-hero__state h1{margin-top:10px;font-size:clamp(3.3rem,6vw,6.7rem)}.status-hero__state p:last-child{max-width:650px;margin-top:18px;line-height:1.63}
  .status-hero__meta { display:flex;align-items:center;gap:10px;margin-top:40px;padding-left:95px}.status-hero__meta>span{margin-right:auto;color:var(--text-muted);font-size:.75rem}.status-hero__meta>span strong{color:var(--text-soft);font-weight:520}.status-hero__meta button{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:.8125rem;background:rgba(255,255,255,.015)}.status-hero__meta button:hover{color:var(--text);border-color:var(--border-strong)}
  .status-overview { background:#090a0a; }.status-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}.status-range-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 17px;border:1px solid var(--border);border-radius:12px;background:#0d0e0e}.status-range-bar>div:first-child{display:flex;align-items:center;gap:10px}.status-range-bar strong{font-size:.75rem}.status-range-bar span{padding:3px 6px;border:1px solid var(--border);border-radius:99px;color:var(--text-muted);font-size:.75rem}.status-range-bar>div:last-child{display:flex;padding:3px;border:1px solid var(--border);border-radius:7px}.status-range-bar button{padding:6px 8px;border-radius:5px;color:var(--text-muted);font-size:.8125rem}.status-range-bar button.is-active{color:var(--text);background:rgba(255,255,255,.07)}
  .service-list { border:1px solid var(--border); border-radius:14px; overflow:hidden; background:#0c0d0d; }.service-row{padding:17px 18px;border-top:1px solid var(--border)}.service-row:first-child{border-top:0}.service-row__head{display:flex;justify-content:space-between;align-items:center}.service-row__head>div{display:flex;align-items:center;gap:9px}.service-row__head strong{font-size:.75rem}.service-row__head em{color:var(--green);font-style:normal;font-size:.75rem}.service-row__uptime{display:grid;grid-template-columns:repeat(90,1fr);gap:2px;height:26px;margin-top:16px}.uptime-segment{display:block;border-radius:2px;background:rgba(118,229,172,.52);transition:transform .15s ease,filter .15s ease}.uptime-segment:hover{transform:scaleY(1.25);filter:brightness(1.35)}.uptime-segment--degraded{background:var(--amber)}.uptime-segment--partial{background:#e99c69}.uptime-segment--major{background:var(--red)}.uptime-segment--maintenance{background:var(--blue)}.service-row__meta{display:grid;grid-template-columns:1fr auto 1fr;margin-top:8px;color:var(--text-faint);font-size:.75rem}.service-row__meta strong{color:var(--text-muted);font-weight:520}.service-row__meta span:last-child{text-align:right}
  .status-sidebar { display:grid; gap:12px; position:sticky; top:105px; }.status-summary-card,.status-legend,.status-subscribe-card{padding:21px;border:1px solid var(--border);border-radius:14px;background:#0d0e0e}.status-summary-card>span{color:var(--text-muted);font-size:.75rem}.status-summary-card>strong{display:block;margin-top:10px;font-size:2.5rem;letter-spacing:-.06em}.status-summary-card>p{margin-top:8px;font-size:.875rem;line-height:1.5}.status-summary-card>div{display:flex;gap:4px;margin-top:18px}.status-summary-card>div i{flex:1;height:4px;border-radius:99px;background:var(--green);opacity:.55}.status-legend{display:grid;gap:11px}.status-legend>strong{padding-bottom:11px;border-bottom:1px solid var(--border);font-size:.75rem}.status-legend>span{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.75rem}.status-subscribe-card>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(118,229,172,.18);border-radius:10px;color:var(--green);background:rgba(118,229,172,.045)}.status-subscribe-card h3{margin-top:28px;font-size:1.2rem}.status-subscribe-card p{margin-top:9px;font-size:.875rem;line-height:1.48}.status-subscribe-card .button{margin-top:19px;width:100%}
  .incident-section { background:#080909; }.incident-list{display:grid;gap:10px}.incident-card{border:1px solid var(--border);border-radius:13px;background:#0c0d0d;overflow:hidden}.incident-card__head{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px;text-align:left}.incident-card__head>div:first-child{display:grid;gap:7px}.incident-state{width:max-content;padding:4px 7px;border:1px solid var(--border);border-radius:99px;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em}.incident-state--resolved{color:var(--green);border-color:rgba(118,229,172,.18);background:rgba(118,229,172,.04)}.incident-card__head h3{font-size:1.1rem}.incident-card__head p{font-size:.875rem}.incident-card__head>div:last-child{display:flex;align-items:center;gap:20px;color:var(--text-muted)}.incident-card__head time{font-size:.75rem}.incident-card__head svg{transition:transform .3s var(--ease-out)}.incident-card__head[aria-expanded="true"] svg{transform:rotate(180deg)}.incident-card__body{padding:0 20px 23px 37px;border-top:1px solid var(--border)}.incident-update{position:relative;display:grid;grid-template-columns:9px 1fr;gap:15px;padding-top:21px}.incident-update>i{position:relative;width:7px;height:7px;margin-top:4px;border-radius:50%;background:var(--green)}.incident-update>i::after{content:"";position:absolute;left:3px;top:10px;width:1px;height:calc(100% + 20px);background:var(--border)}.incident-update:last-child>i::after{display:none}.incident-update>div{display:grid;grid-template-columns:auto 1fr;gap:5px 10px}.incident-update span{font-size:.75rem}.incident-update time{color:var(--text-muted);font-size:.75rem}.incident-update p{grid-column:1/-1;font-size:.875rem;line-height:1.5}
  .maintenance-section { background:#090a0a; }.maintenance-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px;border:1px solid var(--border);border-radius:13px;background:#0d0e0e}.maintenance-card>div:first-child{display:flex;align-items:flex-start;gap:13px}.maintenance-card h3{font-size:.9rem}.maintenance-card p{max-width:680px;margin-top:7px;font-size:.875rem;line-height:1.5}.maintenance-card>div:first-child>div>span{display:block;margin-top:9px;color:var(--text-faint);font-size:.75rem}.maintenance-card>div:last-child{display:grid;gap:5px;text-align:right}.maintenance-card time{color:var(--text-muted);font-size:.75rem}.maintenance-card strong{font-size:.75rem}.maintenance-section .demo-note{margin-top:20px}
  .subscribe-form{display:grid;gap:17px}.subscribe-form>p{font-size:.875rem;line-height:1.5}.subscribe-form>label{display:grid;gap:7px;color:var(--text-muted);font-size:.8125rem}.subscribe-form input[type="email"]{padding:11px 12px;border:1px solid var(--border);border-radius:8px;background:#0b0b0d;color:var(--text)}.subscribe-form fieldset{border:0}.subscribe-form legend{margin-bottom:9px;color:var(--text-muted);font-size:.75rem}.subscribe-services{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.subscribe-services label{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--border);border-radius:7px;color:var(--text-muted);font-size:.8125rem;cursor:pointer}.subscribe-services input{position:absolute;opacity:0}.subscribe-services label>span{display:grid;width:17px;height:17px;place-items:center;border:1px solid var(--border);border-radius:4px;color:transparent}.subscribe-services input:checked+span{color:#07100a;border-color:var(--green);background:var(--green)}.subscribe-form>small{color:var(--text-faint);font-size:.75rem}

  /* Newsroom */
  .news-hero { min-height:760px; display:grid; align-items:end; padding:calc(var(--header-h) + 100px) 0 88px; border-bottom:1px solid var(--border); background:radial-gradient(circle at 75% 25%,rgba(233,201,135,.055),transparent 27%),#08080a; }.news-hero__inner{display:grid;grid-template-columns:1fr 220px;align-items:end;gap:60px}.news-hero__heading h1{max-width:1040px;margin-top:20px;font-size:clamp(4.2rem,8vw,9rem)}.news-hero__heading>p:last-child{max-width:620px;margin-top:26px;font-size:1rem;line-height:1.65}.news-hero__mark{justify-self:end;display:grid;grid-template-columns:72px 1fr;align-items:end;gap:16px;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.news-hero__mark .logo__mark{width:70px;height:70px}.news-hero__mark span{font-family:var(--font-mono);font-size:.75rem;line-height:1.4;letter-spacing:.12em}
  .news-index { background:#09090b; }.news-feature{margin-bottom:18px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-card{height:100%;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.012);transition:transform .4s var(--ease-out),border-color .25s ease}.news-card:hover{transform:translateY(-4px);border-color:var(--border-strong)}.news-card__graphic{position:relative;display:block;aspect-ratio:1.3;border-bottom:1px solid var(--border);overflow:hidden}.news-card__graphic>.procedural-graphic{height:100%;border:0;border-radius:0}.news-card__graphic>span{position:absolute;left:14px;top:14px;padding:5px 7px;border:1px solid rgba(255,255,255,.13);border-radius:99px;background:rgba(7,7,7,.45);backdrop-filter:blur(8px);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.news-card__content{display:flex;flex:1;flex-direction:column;padding:23px}.news-card__meta{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.07em}.news-card h2{margin-top:29px;font-size:1.55rem;line-height:1.12}.news-card h2 a:hover{color:var(--gold)}.news-card__content>p{margin-top:14px;font-size:.875rem;line-height:1.56}.news-card__content>.text-link{margin-top:auto;padding-top:27px}
  .news-card--featured{display:grid;grid-template-columns:1.15fr .85fr;min-height:560px}.news-card--featured .news-card__graphic{aspect-ratio:auto;border-right:1px solid var(--border);border-bottom:0}.news-card--featured .news-card__content{padding:38px;justify-content:center}.news-card--featured h2{font-size:clamp(2.5rem,4.5vw,5rem)}.news-card--featured .news-card__content>p{max-width:560px;font-size:.875rem}.news-card--featured .news-card__content>.text-link{margin-top:38px;padding-top:0}
  .news-empty{padding:35px 0}.news-index>.container>.demo-note{margin-top:25px}
  .newsroom-subscribe { background:#08080a; }.newsroom-subscribe__panel{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:80px;padding:58px;border:1px solid var(--border);border-radius:24px;background:radial-gradient(circle at 100% 0,rgba(233,201,135,.07),transparent 35%),rgba(255,255,255,.012)}.newsroom-subscribe__panel h2{margin-top:18px;font-size:clamp(3rem,5vw,5.6rem)}.newsroom-subscribe__panel>div>p:last-child{max-width:600px;margin-top:18px;line-height:1.58}.newsroom-subscribe__panel>label{display:flex;align-items:center;padding:5px;border:1px solid var(--border);border-radius:10px;background:#0d0d10}.newsroom-subscribe__panel input{min-width:0;flex:1;padding:10px;background:transparent;color:var(--text);font-size:.8125rem}.newsroom-subscribe__panel label button{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:7px;background:var(--surface-light);color:#111;font-size:.8125rem}.newsroom-subscribe__panel .form-message{grid-column:2}
  .news-article__hero { min-height:760px; display:grid; align-items:end; padding:calc(var(--header-h) + 90px) 0 85px; background:#08080a; border-bottom:1px solid var(--border); }.news-article__breadcrumbs{display:flex;gap:9px;color:var(--text-muted);font-size:.75rem}.news-article__breadcrumbs a:hover{color:var(--text)}.news-article__meta{display:flex;gap:15px;margin-top:65px;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.09em}.news-article__hero h1{max-width:1170px;margin-top:26px;font-size:clamp(4rem,7.5vw,8.4rem)}.news-article__hero p{max-width:760px;margin-top:28px;font-size:1.05rem;line-height:1.62}
  .news-article__visual { margin-top:-1px; padding-top:70px; }.news-article__visual>.procedural-graphic{height:620px;border-radius:22px}
  .news-article__layout { display:grid;grid-template-columns:150px minmax(0,780px);justify-content:center;gap:90px;padding-top:90px;padding-bottom:140px}.news-article__layout>aside{position:sticky;top:110px;align-self:start;display:grid;gap:9px}.news-article__layout>aside strong{margin-bottom:6px;color:var(--text-faint);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.news-article__layout>aside button{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.8125rem}.news-article__layout>aside button:hover{color:var(--text)}.news-article__body>.demo-note{margin:0 0 45px}.lead-paragraph{color:var(--text)!important;font-size:1.34rem!important;line-height:1.58!important;letter-spacing:-.025em}.news-article__body>p{margin-top:24px;color:var(--text-soft);font-size:.92rem;line-height:1.82}.news-article__body h2{margin-top:68px;font-size:clamp(2.3rem,4vw,4rem)}.news-article__body blockquote{margin:52px 0;padding:18px 0 18px 29px;border-left:1px solid var(--gold);font-size:1.45rem;line-height:1.55;letter-spacing:-.025em}.news-article__facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.news-article__facts>div{display:grid;gap:7px;padding:20px;border-right:1px solid var(--border)}.news-article__facts>div:last-child{border-right:0}.news-article__facts span{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.news-article__facts strong{font-size:.75rem}.news-article__body>footer{display:flex;justify-content:space-between;gap:20px;margin-top:75px;padding-top:25px;border-top:1px solid var(--border)}
}

@layer pages {
  /* About */
  .about-hero { position:relative; min-height:960px; display:grid; align-items:end; padding:calc(var(--header-h) + 90px) 0 90px; overflow:hidden; border-bottom:1px solid var(--border); background:#080808; }
  .about-hero__field { position:absolute; inset:0; opacity:.58; }.about-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(7,7,7,.12),var(--bg) 96%)}
  .about-hero__inner { position:relative; z-index:2; }.about-hero h1{max-width:1320px;margin-top:58px;font-size:clamp(4rem,7.7vw,9rem)}.about-hero__foot{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-top:75px;padding-top:25px;border-top:1px solid var(--border)}.about-hero__foot p{max-width:590px;font-size:.875rem;line-height:1.55}.about-hero__foot span{color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;text-align:right}
  .about-manifesto { background:#09090b; }.about-manifesto__layout{display:grid;grid-template-columns:1fr .82fr;gap:110px}.about-manifesto__layout>div:first-child>span{color:var(--text-faint);font-family:var(--font-mono);font-size:.75rem}.about-manifesto__layout h2{margin-top:30px;font-size:clamp(3.3rem,5.5vw,6.5rem)}.about-manifesto__text{display:grid;gap:28px;padding-top:55px}.about-manifesto__text p{font-size:1rem;line-height:1.75}.about-manifesto__text p:last-child{color:var(--text-muted)}
  .about-field-section { background:#08080a; }.about-field-card{display:grid;grid-template-columns:1.15fr .85fr;min-height:650px;border:1px solid var(--border);border-radius:26px;overflow:hidden;background:#0b0b0e}.about-field-card__visual{position:relative;min-height:580px;border-right:1px solid var(--border)}.about-field-card__symbol{position:absolute;left:50%;top:50%;display:grid;width:130px;height:130px;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(139,233,255,.17);border-radius:50%;background:rgba(8,8,10,.62);backdrop-filter:blur(15px);box-shadow:0 0 80px rgba(139,233,255,.07)}.about-field-card__symbol .logo__mark{width:46px;height:46px}.about-field-card>div:last-child{display:flex;flex-direction:column;justify-content:center;padding:52px}.about-field-card>div:last-child>span{color:var(--text-faint);font-family:var(--font-mono);font-size:.75rem}.about-field-card h2{margin-top:34px;font-size:clamp(2.7rem,4.5vw,5rem)}.about-field-card p{margin-top:24px;font-size:.875rem;line-height:1.68}
  .about-timeline-section { background:#09090b; }.about-timeline{position:relative;margin-top:35px}.about-timeline::before{content:"";position:absolute;left:120px;top:0;bottom:0;width:1px;background:var(--border)}.about-timeline article{display:grid;grid-template-columns:95px 50px 1fr;min-height:225px}.about-timeline time{padding-top:8px;color:var(--text-soft);font-family:var(--font-mono);font-size:.75rem}.about-timeline article>i{position:relative;width:11px;height:11px;margin:6px auto 0;border:1px solid var(--gold);border-radius:50%;background:#09090b;box-shadow:0 0 0 6px rgba(233,201,135,.035)}.about-timeline article>div{max-width:760px;padding:0 0 55px 35px}.about-timeline article>div>span{color:var(--text-faint);font-size:.75rem}.about-timeline h3{margin-top:15px;font-size:2rem}.about-timeline p{margin-top:12px;font-size:.875rem;line-height:1.6}
  .about-values { background:#08080a; }.about-values .value-list{display:grid;gap:0;margin-top:25px;border-top:1px solid var(--border)}.about-values .value-list article{display:grid;grid-template-columns:80px 260px 1fr 42px;align-items:center;min-height:132px;border-bottom:1px solid var(--border)}.about-values .value-list article>span{color:var(--text-faint);font-family:var(--font-mono);font-size:.75rem}.about-values .value-list h3{font-size:1.65rem}.about-values .value-list p{max-width:620px;margin:0;font-size:.875rem;line-height:1.55}.about-values .value-list article>i{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--border);border-radius:50%;font-style:normal;transition:transform .3s var(--ease-out),background .2s ease}.about-values .value-list article:hover>i{transform:translate(3px,-3px);background:var(--text);color:var(--bg)}
  .about-team { background:#09090b; }.about-team__panel{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end;padding:62px;border:1px solid var(--border);border-radius:26px;background:radial-gradient(circle at 100% 0,rgba(118,165,255,.07),transparent 35%),rgba(255,255,255,.012)}.about-team h2{margin-top:20px;font-size:clamp(3rem,5vw,5.7rem)}.about-team>div p:last-child{margin-top:20px;line-height:1.6}.about-team__stats{display:grid;grid-template-columns:1fr 1fr;gap:18px}.about-team__stats>span{display:grid;gap:4px;padding:20px;border-top:1px solid var(--border)}.about-team__stats strong{font-size:2rem}.about-team__stats small{color:var(--text-muted);font-size:.75rem}.about-team__stats .button{grid-column:1/-1;width:100%}
  .about-legal { background:#08080a; }.about-legal__copy{max-width:940px}.about-legal__copy h2{margin-top:20px;font-size:clamp(3rem,5.5vw,6.2rem)}.about-legal__copy>p:last-child{max-width:760px;margin-top:24px;font-size:.875rem;line-height:1.7}

  /* Careers */
  .careers-hero { position:relative; min-height:920px; display:grid; align-items:center; padding:calc(var(--header-h) + 90px) 0 100px; overflow:hidden; border-bottom:1px solid var(--border); background:#08080a; }.careers-hero__field{position:absolute;inset:0;opacity:.48;mask-image:linear-gradient(to left,#000 25%,transparent 76%)}
  .careers-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr .78fr;align-items:center;gap:80px}.careers-hero__copy h1{max-width:980px;margin-top:20px;font-size:clamp(4.2rem,7.4vw,8.4rem)}.careers-hero__copy>p:not(.eyebrow){max-width:650px;margin-top:26px;font-size:1rem;line-height:1.68}.careers-hero__copy>.button{margin-top:34px}
  .careers-hero__roles{position:relative;width:min(100%,580px);aspect-ratio:1;margin-left:auto;border:1px solid rgba(118,165,255,.11);border-radius:50%}.careers-hero__roles::before,.careers-hero__roles::after{content:"";position:absolute;inset:16%;border:1px solid rgba(118,165,255,.1);border-radius:50%}.careers-hero__roles::after{inset:33%}.careers-hero__roles>div{position:absolute;left:50%;top:50%;z-index:3;display:grid;width:110px;height:110px;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(118,165,255,.17);border-radius:50%;background:#0f0f12}.careers-hero__roles>div .logo__mark{width:37px;height:37px}.careers-hero__roles>span{position:absolute;left:50%;top:50%;z-index:2;padding:8px 10px;border:1px solid var(--border);border-radius:7px;background:rgba(12,12,15,.82);backdrop-filter:blur(8px);font-size:.75rem;transform:translate(-50%,-50%) rotate(calc(var(--i)*60deg)) translateY(-235px) rotate(calc(var(--i)*-60deg));box-shadow:0 12px 25px rgba(0,0,0,.25)}
  .careers-culture { background:#09090b; }.careers-culture__grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);border-left:1px solid var(--border)}.careers-culture__grid article{min-height:310px;padding:28px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.careers-culture__grid span{color:var(--text-faint);font-family:var(--font-mono);font-size:.75rem}.careers-culture__grid h3{margin-top:76px;font-size:1.45rem}.careers-culture__grid p{margin-top:14px;font-size:.875rem;line-height:1.58}
  .roles-section { background:#08080a; }.roles-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.roles-heading h2{margin-top:15px;font-size:clamp(2.7rem,4.5vw,4.8rem)}.roles-heading h2 span{color:var(--blue)}.job-search{display:flex;align-items:center;gap:9px;width:min(360px,100%);padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:#0c0c0f;color:var(--text-muted)}.job-search input{min-width:0;flex:1;background:transparent;color:var(--text);font-size:.8125rem}.job-filters{display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:end;gap:10px;margin-top:33px;padding:13px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.012)}.job-filters label{display:grid;gap:6px;color:var(--text-muted);font-size:.8125rem}.job-filters select{padding:9px 10px;border:1px solid var(--border);border-radius:7px;background:#0b0b0d;color:var(--text-soft);font-size:.8125rem}.job-filters>button{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--border);border-radius:7px;color:var(--text-muted);font-size:.8125rem}
  .job-list{margin-top:15px;border-top:1px solid var(--border)}.job-row{border-bottom:1px solid var(--border)}.job-row>button{display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px;width:100%;padding:27px 4px;text-align:left}.job-row>button>div:first-child>span{color:var(--blue);font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em}.job-row h3{margin-top:8px;font-size:1.45rem;transition:color .2s ease}.job-row p{max-width:760px;margin-top:8px;font-size:.875rem;line-height:1.5}.job-row>button>div:last-child{display:grid;grid-template-columns:130px 110px 42px;align-items:center;color:var(--text-muted);font-size:.8125rem}.job-row i{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--border);border-radius:50%;font-style:normal;transition:transform .3s var(--ease-out),background .2s ease}.job-row:hover h3{color:var(--blue)}.job-row:hover i{transform:translate(3px,-3px);background:var(--text);color:var(--bg)}.job-empty{padding:36px 0}.roles-section>.container>.demo-note{margin-top:25px}
  [data-job-modal-content] .job-detail{display:grid;gap:24px}[data-job-modal-content] .job-detail__meta{display:flex;flex-wrap:wrap;gap:8px}[data-job-modal-content] .job-detail__meta span{padding:5px 8px;border:1px solid var(--border);border-radius:99px;color:var(--text-muted);font-size:.75rem}[data-job-modal-content] .job-detail>p{font-size:.875rem;line-height:1.65}[data-job-modal-content] .job-detail section{display:grid;gap:12px}[data-job-modal-content] .job-detail h3{font-size:1.15rem}[data-job-modal-content] .job-detail li{position:relative;padding-left:17px;color:var(--text-muted);font-size:.875rem;line-height:1.5}[data-job-modal-content] .job-detail li::before{content:"";position:absolute;left:0;top:.63em;width:5px;height:5px;border-radius:50%;background:var(--blue)}
  .careers-locations { background:#09090b; }.location-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.location-grid article{padding:17px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.01)}.location-map{position:relative;aspect-ratio:1.4;margin-bottom:17px;border:1px solid var(--border);border-radius:9px;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(118,165,255,.06),transparent 50%);background-size:20% 20%;overflow:hidden}.location-map::after{content:"";position:absolute;inset:10%;border:1px dashed rgba(118,165,255,.12);border-radius:48% 42% 55% 45%}.location-map i{position:absolute;left:var(--x);top:var(--y);z-index:2;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 7px rgba(118,165,255,.08),0 0 18px var(--blue)}.location-grid article>span{color:var(--text-faint);font-family:var(--font-mono);font-size:.75rem}.location-grid h3{margin-top:10px;font-size:1.35rem}.location-grid p{margin-top:8px;font-size:.875rem;line-height:1.45}

  /* Authentication */
  .auth-page { position:relative; min-height:100vh; display:grid; place-items:center; padding:90px 24px 70px; overflow:hidden; background:#070708; }.auth-page__field{position:absolute;inset:0;opacity:.67}.auth-page::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0,rgba(7,7,8,.42) 45%,#070708 88%)}
  .auth-page__back{position:absolute;z-index:3;left:28px;top:26px}.auth-card{position:relative;z-index:2;width:min(100%,440px);padding:37px;border:1px solid var(--border-strong);border-radius:22px;background:rgba(13,13,16,.8);backdrop-filter:blur(25px);box-shadow:0 45px 130px rgba(0,0,0,.5)}.auth-card__brand{display:flex;justify-content:center}.auth-card__brand .logo__mark{width:31px;height:31px}.auth-card__brand .logo__wordmark{font-size:.8rem}.auth-card header{text-align:center;margin-top:32px}.auth-card header h1{font-size:2.55rem}.auth-card header p{margin-top:10px;font-size:.875rem}.auth-card form{display:grid;gap:15px;margin-top:31px}.auth-card form>label{display:grid;gap:7px;color:var(--text-muted);font-size:.8125rem}.auth-card form>label>span{display:flex;justify-content:space-between}.auth-card form>label a,.auth-inline-action{color:var(--text-soft)}.auth-inline-action{font:inherit;text-decoration:none}.auth-inline-action:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px}.auth-card input{width:100%;padding:12px;border:1px solid var(--border);border-radius:9px;background:#0a0a0d;color:var(--text);font-size:.8125rem}.auth-card input:focus{border-color:rgba(139,233,255,.38);box-shadow:0 0 0 3px rgba(139,233,255,.055)}.password-field{position:relative}.password-field input{padding-right:44px}.password-field button{position:absolute;right:7px;top:50%;display:grid;width:30px;height:30px;place-items:center;transform:translateY(-50%);color:var(--text-muted)}.auth-submit{width:100%;margin-top:2px}.auth-divider{position:relative;height:22px;display:grid;place-items:center}.auth-divider::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--border)}.auth-divider span{position:relative;padding:0 9px;background:#0d0d10;color:var(--text-faint);font-size:.75rem}.sso-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:11px;border:1px solid var(--border);border-radius:9px;color:var(--text-soft);font-size:.75rem}.sso-button:hover{background:rgba(255,255,255,.04);border-color:var(--border-strong)}.auth-card>footer{margin-top:24px;text-align:center;color:var(--text-muted);font-size:.75rem}.auth-card>footer a{color:var(--text)}.auth-card>small{display:block;margin-top:18px;color:var(--text-faint);font-size:.75rem;line-height:1.45;text-align:center}.auth-page__legal{position:absolute;z-index:3;left:28px;right:28px;bottom:24px;display:flex;justify-content:center;gap:18px;color:var(--text-faint);font-size:.75rem}.auth-page__legal span:first-child{margin-right:auto}.auth-page__legal a:hover{color:var(--text)}

  /* Get Astrid */
  .get-hero { position:relative; min-height:700px; display:grid; align-items:end; padding:calc(var(--header-h) + 90px) 0 85px; overflow:hidden; border-bottom:1px solid var(--border); background:#08080a; }.get-hero__field{position:absolute;inset:0;opacity:.5}.get-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(7,7,7,.08),#08080a 95%)}.get-hero__inner{position:relative;z-index:2}.get-hero h1{margin-top:20px;font-size:clamp(4.5rem,8vw,9rem)}.get-hero p:last-child{max-width:680px;margin-top:25px;font-size:1rem;line-height:1.64}
  .get-options { background:#09090b; }.get-option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.get-option{position:relative;min-height:500px;padding:34px;border:1px solid var(--border);border-radius:20px;background:rgba(255,255,255,.012);overflow:hidden}.get-option--primary{grid-row:span 2;min-height:1015px;background:radial-gradient(circle at 50% 20%,rgba(181,146,255,.1),transparent 34%),#0d0d11}.get-option>span{display:block;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.get-option h2{max-width:470px;margin-top:28px;font-size:clamp(2.5rem,4vw,4.5rem)}.get-option p{max-width:500px;margin-top:17px;font-size:.875rem;line-height:1.6}.get-option>.button{position:absolute;left:34px;bottom:34px}.get-option__visual{position:relative;height:560px;margin:-34px -34px 50px;border-bottom:1px solid var(--border);background:radial-gradient(circle at center,rgba(181,146,255,.14),transparent 42%)}.mini-product-orb{position:absolute;left:50%;top:43%;z-index:2;display:grid;width:145px;height:145px;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(181,146,255,.22);border-radius:50%;background:#101014;box-shadow:0 0 90px rgba(181,146,255,.09)}.mini-product-orb .logo__mark{width:50px;height:50px}.mini-product-window{position:absolute;left:50%;bottom:45px;width:72%;height:180px;transform:translateX(-50%) perspective(700px) rotateX(57deg);transform-origin:center bottom;border:1px solid var(--border);border-radius:15px;background:rgba(13,13,17,.83);box-shadow:0 30px 80px rgba(0,0,0,.5)}.mini-product-window span{display:block;height:16px;margin:16px 20px;border-radius:99px;background:rgba(255,255,255,.06)}.mini-product-window span:nth-child(1){width:55%}.mini-product-window span:nth-child(2){width:80%}.mini-product-window span:nth-child(3){width:68%}.get-option__lines{position:absolute;right:28px;bottom:35px;display:flex;align-items:end;gap:8px;height:90px}.get-option__lines i{width:26px;border:1px solid rgba(139,233,255,.18);border-radius:4px;background:rgba(139,233,255,.05)}.get-option__lines i:nth-child(1){height:45%}.get-option__lines i:nth-child(2){height:82%}.get-option__lines i:nth-child(3){height:64%}.get-option__code{position:absolute;right:28px;bottom:30px;display:grid;gap:6px}.get-option__code code{padding:7px 9px;border:1px solid var(--border);border-radius:6px;background:#0b0b0e;color:var(--cyan);font-family:var(--font-mono);font-size:.75rem}.get-option__shield{position:absolute;right:31px;bottom:29px;color:var(--gold);opacity:.72}.get-options>.container>.demo-note{margin-top:24px}

  /* Astrid product environment */
  .page--app { height:100vh; overflow:hidden; background:#0a0a0c; }
  .astrid-app { position:relative; height:100vh; display:grid; grid-template-columns:250px minmax(0,1fr) 300px; background:#0a0a0c; }
  .astrid-app__sidebar,.astrid-app__context { min-width:0; background:#09090b; }
  .astrid-app__sidebar { display:flex; flex-direction:column; padding:14px 10px 12px; border-right:1px solid var(--border); }
  .app-sidebar__brand{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 19px}.app-sidebar__brand .logo__mark{width:25px;height:25px}.app-sidebar__brand .logo__wordmark{font-size:.75rem}.app-sidebar__brand>button{display:none;color:var(--text-muted)}
  .app-new-chat{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:8px;color:var(--text-soft);font-size:.75rem;text-align:left}.app-new-chat:hover{background:rgba(255,255,255,.04)}.app-new-chat kbd{margin-left:auto;font-size:.75rem}
  .astrid-app__sidebar>nav{display:grid;gap:2px;margin-top:16px}.astrid-app__sidebar>nav button{display:flex;align-items:center;gap:9px;width:100%;padding:8px 9px;border-radius:7px;color:var(--text-muted);font-size:.8125rem;text-align:left}.astrid-app__sidebar>nav button>span{margin-left:auto}.astrid-app__sidebar>nav button.active,.astrid-app__sidebar>nav button:hover{color:var(--text);background:rgba(255,255,255,.045)}
  .app-recents{display:grid;gap:2px;margin-top:22px;min-height:0;overflow-y:auto}.app-recents>small{padding:9px 8px 5px;color:var(--text-faint);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.app-recents>button{padding:7px 9px;border-radius:7px;color:var(--text-muted);font-size:.8125rem;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-recents>button:hover,.app-recents>button.active{color:var(--text);background:rgba(255,255,255,.04)}
  .app-sidebar__bottom{margin-top:auto;padding-top:10px;border-top:1px solid var(--border)}.app-sidebar__bottom>button{display:flex;align-items:center;gap:8px;width:100%;padding:8px;color:var(--text-muted);font-size:.8125rem}.app-sidebar__bottom>div{display:grid;grid-template-columns:28px 1fr 26px;align-items:center;gap:8px;padding:9px 8px}.app-sidebar__bottom>div>span{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:linear-gradient(135deg,rgba(139,233,255,.3),rgba(181,146,255,.25));font-size:.75rem}.app-sidebar__bottom section{display:grid}.app-sidebar__bottom strong{font-size:.75rem}.app-sidebar__bottom small{color:var(--text-muted);font-size:.75rem}.app-sidebar__bottom>div>button{color:var(--text-muted)}
  .astrid-app__main { min-width:0; display:grid; grid-template-rows:55px minmax(0,1fr) auto; background:radial-gradient(circle at 50% 0,rgba(139,233,255,.025),transparent 30%),#0c0c0f; }
  .app-topbar{position:relative;z-index:12;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--border);background:rgba(12,12,15,.84);backdrop-filter:blur(14px)}.app-topbar>div{display:flex;align-items:center;gap:5px}.app-topbar .icon-button{width:34px;height:34px}.app-title,.app-model-selector{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:7px;color:var(--text-soft);font-size:.75rem}.app-title:hover,.app-model-selector:hover{background:rgba(255,255,255,.045)}.app-topbar>div:first-child .icon-button{display:none}.demo-badge{padding:4px 7px;border:1px solid rgba(233,201,135,.17);border-radius:99px;color:var(--gold);font-size:.75rem;text-transform:uppercase;letter-spacing:.07em}
  .app-model-menu{position:absolute;right:53px;top:47px;width:330px;padding:6px;border:1px solid var(--border-strong);border-radius:11px;background:rgba(14,14,17,.96);backdrop-filter:blur(18px);box-shadow:0 25px 70px rgba(0,0,0,.45);opacity:0;pointer-events:none;transform:translateY(-6px) scale(.98);transform-origin:top right;transition:opacity .2s ease,transform .25s var(--ease-out)}.app-model-menu.is-open{opacity:1;pointer-events:auto;transform:none}.app-model-menu>button{display:grid;grid-template-columns:10px 1fr 20px;align-items:center;gap:10px;width:100%;padding:10px;border-radius:8px;text-align:left}.app-model-menu>button:hover,.app-model-menu>button.active{background:rgba(255,255,255,.05)}.app-model-menu>button>div{display:grid;gap:3px}.app-model-menu strong{font-size:.75rem}.app-model-menu small{color:var(--text-muted);font-size:.75rem;line-height:1.35}.app-model-menu>button>svg{color:var(--green)}
  .app-conversation{min-height:0;overflow-y:auto;scroll-behavior:smooth}.app-welcome{width:min(100%,820px);margin:0 auto;padding:clamp(70px,12vh,140px) 28px 70px;text-align:center}.app-welcome>div{display:grid;width:68px;height:68px;margin:0 auto;place-items:center;border:1px solid rgba(139,233,255,.14);border-radius:50%;background:radial-gradient(circle,rgba(139,233,255,.08),transparent 68%)}.app-welcome .logo__mark{width:30px;height:30px}.app-welcome h1{margin-top:27px;font-size:clamp(2.7rem,5vw,5rem)}.app-welcome>p{margin-top:13px;font-size:.875rem}.app-starters{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:38px}.app-starters button{display:grid;grid-template-columns:34px 1fr;gap:3px 10px;padding:14px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.012);text-align:left;transition:border-color .2s ease,background .2s ease,transform .25s var(--ease-out)}.app-starters button:hover{transform:translateY(-2px);border-color:var(--border-strong);background:rgba(255,255,255,.025)}.app-starters button>span{grid-row:1/3;display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--border);border-radius:8px;color:var(--cyan)}.app-starters strong{font-size:.75rem}.app-starters small{color:var(--text-muted);font-size:.75rem;line-height:1.35}
  .app-thread{width:min(100%,820px);margin:0 auto;padding:55px 28px 120px}.app-message{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:26px 0;border-bottom:1px solid var(--border)}.app-message__avatar{display:grid;width:31px;height:31px;place-items:center;border:1px solid var(--border);border-radius:50%;font-size:.75rem;background:#111114}.app-message__avatar .logo__mark{width:17px;height:17px}.app-message>div:last-child{min-width:0}.app-message header{display:flex;align-items:center;gap:8px;min-height:28px}.app-message header strong{font-size:.75rem}.app-message header span{padding:3px 6px;border:1px solid var(--border);border-radius:99px;color:var(--text-muted);font-size:.75rem}.app-message header button{margin-left:auto;color:var(--text-muted)}.app-message--user>div:last-child>p{margin-top:8px;color:var(--text-soft);font-size:.875rem;line-height:1.6}.app-thinking{display:flex;align-items:center;gap:9px;margin-top:12px;color:var(--text-muted);font-size:.75rem}.app-thinking i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:pulse-dot 1.3s ease-in-out infinite}.app-response-content{margin-top:9px}.app-response-content h2{font-size:1.45rem}.app-response-content>p,.app-response-content section p{margin-top:13px;color:var(--text-soft);font-size:.875rem;line-height:1.68}.app-response-content section{margin-top:24px;padding-left:16px;border-left:1px solid rgba(139,233,255,.18)}.app-response-content section h3{font-size:.875rem}.app-response-content .stream-in{animation:stream-in .4s var(--ease-out) both}.app-source-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:25px}.app-source-row span{padding:5px 7px;border:1px solid var(--border);border-radius:99px;color:var(--text-muted);font-size:.75rem}.generation-stopped{color:var(--amber)!important}.app-message__actions{display:flex;gap:4px;margin-top:16px}.app-message__actions button{display:grid;width:29px;height:29px;place-items:center;border:1px solid transparent;border-radius:6px;color:var(--text-muted)}.app-message__actions button:hover{border-color:var(--border);color:var(--text);background:rgba(255,255,255,.03)}
  .app-composer-area{position:relative;z-index:7;width:min(calc(100% - 40px),820px);margin:0 auto;padding:0 0 13px;background:linear-gradient(to bottom,transparent,#0c0c0f 16%)}.app-modes{display:flex;gap:5px;margin-bottom:7px}.app-modes button{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:7px;color:var(--text-muted);font-size:.8125rem}.app-modes button.active{color:var(--text);background:rgba(255,255,255,.05)}.app-composer{padding:10px;border:1px solid var(--border-strong);border-radius:15px;background:#111115;box-shadow:0 17px 50px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.025);transition:border-color .2s ease,box-shadow .2s ease}.app-composer:focus-within{border-color:rgba(139,233,255,.28);box-shadow:0 17px 50px rgba(0,0,0,.34),0 0 0 3px rgba(139,233,255,.035)}.app-composer textarea{display:block;width:100%;max-height:180px;padding:4px 5px 8px;resize:none;background:transparent;color:var(--text);font-size:.8125rem;line-height:1.5}.app-composer__bottom{display:flex;align-items:center;justify-content:space-between}.app-composer__bottom>div{display:flex;gap:3px}.app-composer__bottom button{display:grid;width:31px;height:31px;place-items:center;border-radius:8px;color:var(--text-muted)}.app-composer__bottom button:hover{color:var(--text);background:rgba(255,255,255,.045)}.app-composer__bottom button.is-recording{color:var(--red);background:rgba(241,141,147,.08)}.app-composer__bottom>span{color:var(--text-faint);font-size:.75rem}.app-composer__bottom .app-send{color:#111;background:var(--surface-light);transform:rotate(-45deg)}.app-composer__bottom .app-send svg{transform:rotate(45deg)}.app-composer-area>p{margin-top:8px;color:var(--text-faint);font-size:.875rem;text-align:center}
  .astrid-app__context{padding:0 14px 14px;border-left:1px solid var(--border);overflow-y:auto}.astrid-app__context>header{display:flex;justify-content:space-between;align-items:center;height:55px;border-bottom:1px solid var(--border)}.astrid-app__context>header>div{display:grid}.astrid-app__context>header strong{font-size:.75rem}.astrid-app__context>header small{color:var(--text-muted);font-size:.75rem}.astrid-app__context>header button{color:var(--text-muted)}.astrid-app__context>section{padding:17px 0;border-bottom:1px solid var(--border)}.context-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.context-section-head>span{color:var(--text-faint);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.context-section-head button{color:var(--text-muted);font-size:.8125rem}.context-project{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.015)}.context-project>i{display:grid;width:32px;height:32px;place-items:center;border-radius:7px;background:rgba(118,165,255,.07);color:var(--blue);font-style:normal}.context-project>div,.context-file>div{display:grid}.context-project strong,.context-file strong{font-size:.75rem}.context-project small,.context-file small{color:var(--text-muted);font-size:.75rem}.context-file{display:grid;grid-template-columns:28px 1fr 22px;align-items:center;gap:8px;padding:8px 5px}.context-file>i{display:grid;width:26px;height:28px;place-items:center;border:1px solid var(--border);border-radius:5px;color:var(--cyan);font-family:var(--font-mono);font-size:.75rem;font-style:normal}.context-file>button{color:var(--text-muted)}.context-memory{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid var(--border);border-radius:8px}.context-memory .status-dot{margin-top:2px}.context-memory p{font-size:.875rem;line-height:1.45}.context-trace>div:not(.context-section-head){display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid rgba(255,255,255,.045)}.context-trace>div span{color:var(--text-muted);font-size:.75rem}.context-trace>div strong{font-size:.75rem}.app-mobile-backdrop{display:none}
  [data-rename-form]{display:grid;gap:16px}[data-rename-form] label{display:grid;gap:7px;color:var(--text-muted);font-size:.8125rem}[data-rename-form] input{padding:11px;border:1px solid var(--border);border-radius:8px;background:#0b0b0e;color:var(--text)}

  /* 404 and error */
  .not-found { position:relative; min-height:100vh; display:grid; place-items:center; padding:120px 0 80px; overflow:hidden; background:#070707; }.not-found__field{position:absolute;inset:0;opacity:.62}.not-found::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent,#070707 78%)}.not-found__inner{position:relative;z-index:2;text-align:center}.not-found__code{color:var(--text-faint);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em}.not-found__mark{display:grid;width:95px;height:95px;margin:42px auto 0;place-items:center;border:1px solid rgba(139,233,255,.14);border-radius:50%;background:rgba(8,8,10,.55);backdrop-filter:blur(10px)}.not-found__mark .logo__mark{width:39px;height:39px}.not-found h1{margin-top:30px;font-size:clamp(4rem,9vw,9rem)}.not-found p{max-width:590px;margin:20px auto 0;font-size:.875rem;line-height:1.6}.not-found .button-row{justify-content:center;margin-top:31px}.not-found__fragments{position:absolute;inset:0}.not-found__fragments i{position:absolute;left:calc(10% + (var(--i)*7%));top:calc(15% + ((var(--i)*37)%70)*1%);width:calc(12px + (var(--i)%4)*8px);height:1px;background:rgba(139,233,255,.22);transform:rotate(calc(var(--i)*31deg));animation:fragment-float calc(6s + var(--i)*.2s) ease-in-out infinite alternate}
  .error-page{min-height:100vh;display:grid;place-items:center;padding:110px 0;background:radial-gradient(circle at 50% 35%,rgba(241,141,147,.05),transparent 30%),#08080a}.error-page>.container{text-align:center}.error-page__mark{display:grid;width:86px;height:86px;margin:0 auto 31px;place-items:center;border:1px solid rgba(241,141,147,.17);border-radius:50%}.error-page__mark .logo__mark{width:34px;height:34px}.error-page h1{max-width:940px;margin:18px auto 0;font-size:clamp(3.7rem,7vw,7.7rem)}.error-page>.container>p:not(.eyebrow){max-width:600px;margin:21px auto 0;font-size:.875rem;line-height:1.6}.error-page .button-row{justify-content:center;margin-top:31px}
}

@keyframes pulse-ring { 0%{transform:scale(.45);opacity:0} 18%{opacity:.65} 100%{transform:scale(1.3);opacity:0} }
@keyframes pulse-dot { 0%,100%{opacity:.45;transform:scale(.8)} 50%{opacity:1;transform:scale(1.15)} }
@keyframes stream-in { from{opacity:0;transform:translateY(5px);filter:blur(3px)} to{opacity:1;transform:none;filter:none} }
@keyframes fragment-float { to{transform:translate3d(20px,-18px,0) rotate(calc(var(--i)*31deg + 15deg));opacity:.25} }

@layer responsive {
  @media (max-width: 1280px) {
    :root { --container: min(100% - 48px, 1220px); --container-narrow: min(100% - 48px, 980px); }
    .model-grid--home { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .pricing-grid { grid-template-columns:repeat(2,1fr); }
    .pricing-card { min-height:590px; }
    .news-grid { grid-template-columns:repeat(2,1fr); }
    .careers-culture__grid { grid-template-columns:repeat(2,1fr); }
    .safety-timeline { grid-template-columns:repeat(4,1fr); row-gap:55px; }.safety-timeline::before{display:none}.safety-timeline article{grid-template-rows:25px 30px auto}
    .astrid-app { grid-template-columns:235px minmax(0,1fr); }
    .astrid-app__context { position:fixed; z-index:30; right:0; top:0; bottom:0; width:310px; transform:translateX(102%); box-shadow:-20px 0 60px rgba(0,0,0,.4); transition:transform .35s var(--ease-out); }.astrid-app__context.is-open{transform:none}
    .app-mobile-backdrop{position:fixed;z-index:25;inset:0;display:block;background:rgba(0,0,0,.52);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s}.app-mobile-backdrop.is-visible{opacity:1;visibility:visible}
  }

  @media (max-width: 1160px) {
    .site-header__bar { grid-template-columns:1fr auto; }
    .desktop-nav { display:none; }
    .site-header__actions { gap:6px; }
    .site-header__actions .status-popover,.site-header__actions .nav-signin { display:none; }
    .mobile-menu-trigger { display:grid; }
    .site-footer__top { grid-template-columns:1fr; gap:65px; }
    .site-footer__links { grid-template-columns:repeat(5,1fr); }
    .docs-shell { grid-template-columns:1fr; }
    .docs-sidebar { position:fixed; left:0; top:0; z-index:100; width:min(310px,88vw); transform:translateX(-102%); box-shadow:24px 0 70px rgba(0,0,0,.5); transition:transform .35s var(--ease-out); }.docs-sidebar.is-mobile-open{transform:none}.docs-sidebar__close{display:grid}
    .docs-main { grid-template-columns:minmax(0,900px); padding-top:85px; }
    .docs-mobile-bar { position:fixed; z-index:60; left:12px; right:12px; top:12px; display:flex; justify-content:space-between; padding:5px; border:1px solid var(--border); border-radius:10px; background:rgba(12,12,15,.88); backdrop-filter:blur(16px); box-shadow:0 14px 40px rgba(0,0,0,.28); }.docs-mobile-bar button{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:7px;color:var(--text-muted);font-size:.8125rem}.docs-mobile-bar button:hover{color:var(--text);background:rgba(255,255,255,.05)}
    .docs-toc { display:none; }
    .developer-hero__inner,.enterprise-hero__inner,.safety-hero__inner,.careers-hero__inner { grid-template-columns:1fr; }
    .developer-hero__copy,.enterprise-hero__copy,.safety-hero__copy,.careers-hero__copy { max-width:900px; }
    .developer-hero__code { width:min(100%,880px); }
    .enterprise-hero__visual,.safety-hero__seal,.careers-hero__roles { margin:0 auto; }
    .safety-hero__field,.careers-hero__field { mask-image:none; opacity:.32; }
    .enterprise-dashboard,.console-window { grid-template-columns:175px minmax(0,1fr); }
    .location-grid { grid-template-columns:repeat(2,1fr); }
    .contact-panel { grid-template-columns:1fr; }
    .about-field-card { grid-template-columns:1fr; }.about-field-card__visual{border-right:0;border-bottom:1px solid var(--border)}
    .about-team__panel { grid-template-columns:1fr; }
  }

  @media (max-width: 980px) {
    :root { --container: min(100% - 36px, 900px); --container-narrow: min(100% - 36px, 800px); --header-h:72px; }
    .section { padding:clamp(82px,14vw,120px) 0; }
    .section-heading { grid-template-columns:1fr; gap:18px; }.section-heading p:not(.eyebrow){font-size:.92rem}
    .page-intro { min-height:720px; padding-top:calc(var(--header-h) + 90px); padding-bottom:70px; }.page-intro .lede{font-size:1.08rem}
    .site-footer__links { grid-template-columns:repeat(3,1fr); row-gap:45px; }
    .site-footer__giant { height:24vw; }
    .mobile-menu { padding:20px 24px 24px; }

    .home-hero { min-height:920px; }.home-hero__inner{padding-top:105px}.home-hero__brand{margin-bottom:52px}.home-hero__title{font-size:clamp(4.2rem,13vw,8rem)}.home-hero__copy{font-size:1.04rem}.home-hero__foot small{display:none}
    .story-frame { width:min(440px,72vw); }.story-frame:nth-child(2),.story-frame:nth-child(3){right:0}.field-story__orb{width:min(50vw,420px);margin-left:max(-25vw,-210px);margin-top:max(-25vw,-210px);opacity:.72}
    .product-demo__body { grid-template-columns:180px minmax(0,1fr); }.demo-sidebar{padding:14px 9px}.demo-sidebar__profile>div:last-child,.demo-sidebar nav span,.demo-sidebar__recent{display:none}.demo-sidebar nav button{justify-content:center}.demo-thread{padding:28px 24px}
    .capability-stage { grid-template-columns:1fr; }.capability-nav{display:flex;overflow-x:auto;position:relative;top:auto;padding-bottom:4px}.capability-nav__item{flex:0 0 auto;width:150px}.capability-panels{min-height:700px}.capability-panel{grid-template-columns:1fr;gap:35px}.capability-panel__copy{max-width:690px}.capability-panel__visual{min-height:400px}
    .model-grid { grid-template-columns:1fr; }.model-grid--home{grid-template-columns:repeat(2,1fr)}
    .evaluation-layout,.developer-bridge__inner,.model-routing__inner,.developer-terminal-layout,.sdk-layout,.api-pricing__layout,.enterprise-integrations__inner,.safety-philosophy__layout,.safety-escalation__panel,.pricing-faq>.container,.about-manifesto__layout,.newsroom-subscribe__panel { grid-template-columns:1fr; }
    .home-status__card { grid-template-columns:170px 1fr; }.home-status__metrics{grid-column:1/-1;display:flex;align-items:center}.home-status__metrics .button{grid-column:auto;margin-left:auto}
    .developer-bridge .code-block{transform:none}

    .research-hero { min-height:720px; }.research-hero__title{margin-top:65px}.research-hero__lede{margin-left:0}.research-feature{grid-template-columns:1fr}.research-feature__visual{border-right:0;border-bottom:1px solid var(--border)}.research-grid{grid-template-columns:1fr}.research-principles{grid-template-columns:repeat(2,1fr)}.research-principles article:nth-child(2){border-right:0}.research-principles article:nth-child(-n+2){border-bottom:1px solid var(--border)}
    .article-layout { grid-template-columns:minmax(0,760px); justify-content:center; }.article-toc,.article-meta-rail{display:none}
    .evaluation-matrix { overflow-x:auto; }.evaluation-matrix__head,.evaluation-matrix__row{min-width:880px}
    .routing-visual{min-height:500px}

    .api-category-grid { grid-template-columns:repeat(2,1fr); }
    .developer-terminal-layout,.sdk-layout { gap:60px; }
    .console-window,.enterprise-dashboard { grid-template-columns:1fr; }.console-sidebar,.enterprise-dashboard>aside{display:none}.console-main,.enterprise-dashboard>[data-ui-main]{padding:20px}.console-metrics,.enterprise-stats{grid-template-columns:repeat(2,1fr)}
    .docs-main { padding-left:24px; padding-right:24px; }
    .enterprise-proof__grid { grid-template-columns:1fr; border-top:1px solid var(--border); }.enterprise-proof article{min-height:210px;border-bottom:1px solid var(--border)}.enterprise-control-grid{grid-template-columns:repeat(2,1fr)}
    .enterprise-dashboard__body { grid-template-columns:1fr; }
    .contact-panel { padding:45px; }

    .safety-metrics { grid-template-columns:1fr; }.safety-metrics__summary{grid-template-columns:repeat(3,1fr);border-right:0;border-bottom:1px solid var(--border)}.safety-metrics__summary article{border-bottom:0;border-right:1px solid var(--border)}.safety-metrics__summary article:last-child{border-right:0}.safety-accordion__panel{grid-template-columns:1fr;gap:22px}.safety-escalation__panel{padding:45px}
    .pricing-grid { grid-template-columns:repeat(2,1fr); }.api-pricing__layout{gap:55px}.pricing-faq>.container{gap:50px}
    .status-layout { grid-template-columns:1fr; }.status-sidebar{position:static;grid-template-columns:repeat(3,1fr)}
    .news-card--featured{grid-template-columns:1fr}.news-card--featured .news-card__graphic{min-height:380px;border-right:0;border-bottom:1px solid var(--border)}.news-article__layout{grid-template-columns:minmax(0,760px);gap:0}.news-article__layout>aside{display:none}.newsroom-subscribe__panel{align-items:start}.newsroom-subscribe__panel .form-message{grid-column:1}
    .about-hero { min-height:800px; }.about-manifesto__layout{gap:55px}.about-manifesto__text{padding-top:0}.about-values .value-list article{grid-template-columns:55px 190px 1fr 42px}.about-team__panel{padding:46px}
    .careers-hero__roles{width:min(75vw,500px)}.roles-heading{align-items:start;flex-direction:column}.job-filters{grid-template-columns:repeat(2,1fr)}.job-filters>button{align-self:end}.job-row>button>div:last-child{grid-template-columns:110px 90px 40px}.careers-culture__grid{grid-template-columns:repeat(2,1fr)}
    .get-option-grid{grid-template-columns:1fr}.get-option--primary{grid-row:auto;min-height:900px}

    .astrid-app{grid-template-columns:1fr}.astrid-app__sidebar{position:fixed;z-index:31;left:0;top:0;bottom:0;width:260px;transform:translateX(-102%);box-shadow:20px 0 60px rgba(0,0,0,.42);transition:transform .35s var(--ease-out)}.astrid-app__sidebar.is-open{transform:none}.app-sidebar__brand>button{display:grid}.app-topbar>div:first-child .icon-button{display:grid}
  }

  @media (max-width: 720px) {
    :root { --container:calc(100% - 28px); --container-narrow:calc(100% - 28px); }
    .section { padding:78px 0; }
    .eyebrow { font-size:.75rem; }
    h2 { font-size:clamp(2.45rem,12vw,4.5rem); }
    .display--page { font-size:clamp(3.75rem,17vw,6.4rem); }
    .lede { font-size:1rem; }
    .button-row{gap:8px}.button{min-height:42px;padding:0 13px;font-size:.75rem}
    .site-header { padding:10px 10px; }.site-header__bar{height:48px;padding-left:10px;border-radius:15px}.site-header.is-scrolled{padding-top:8px}.site-header__cta{display:none}.site-header__actions{justify-self:end}.logo__wordmark{font-size:.75rem}
    .mobile-menu__bottom{align-items:start;flex-direction:column}.mobile-menu__bottom>div{width:100%;justify-content:space-between}
    .site-footer { padding-top:80px; }.site-footer__top{gap:50px}.site-footer__brand p{font-size:.88rem}.site-footer__links{grid-template-columns:repeat(2,1fr)}.site-footer__meta{align-items:flex-start;flex-direction:column;margin-top:60px}.site-footer__giant{font-size:24vw;height:23vw}
    .modal-backdrop{padding:10px}.modal{max-height:calc(100vh - 20px);border-radius:15px}.modal__body{padding:17px}.command-dialog{top:8px;width:calc(100% - 16px);max-height:calc(100vh - 16px);border-radius:14px}.command-dialog footer{display:none}
    .demo-note{padding:12px}.demo-note p{font-size:.875rem}

    .page-intro { min-height:650px; padding-bottom:55px; }.page-intro .display{margin-top:22px}.page-intro .lede{margin-top:23px}.page-intro .button-row{margin-top:28px}
    .home-hero { min-height:900px; align-items:start; }.home-hero__inner{padding-top:118px;padding-bottom:35px}.home-hero__brand{font-size:.75rem;margin-bottom:48px}.home-hero__brand em:last-child{display:none}.home-hero__title{font-size:clamp(3.8rem,18vw,6.2rem);line-height:.84}.title-line--offset{padding-left:6vw}.home-hero__copy{margin-top:27px;font-size:.94rem}.hero-composer-wrap{margin-top:40px}.hero-composer{grid-template-columns:1fr;min-height:112px;padding:14px;border-radius:17px}.hero-composer__tools{justify-content:flex-end}.composer-mode{margin-right:auto}.prompt-suggestions{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.prompt-suggestions button{flex:0 0 auto;font-size:.8125rem}.home-hero__foot{margin-top:40px;font-size:.75rem}
    .field-story{height:250vh}.field-story__orb{width:64vw;margin-left:-32vw;margin-top:-32vw;opacity:.46}.story-frame{left:0!important;right:0!important;top:auto;bottom:13%;width:100%;transform:translateY(20px)!important;text-align:left!important;padding:18px;border:1px solid var(--border);border-radius:14px;background:rgba(10,10,12,.68);backdrop-filter:blur(14px)}.story-frame.is-active{transform:none!important}.story-frame:nth-child(2)>p:last-child,.story-frame:nth-child(3)>p:last-child{margin-left:0}.story-frame h2{font-size:2.4rem}.story-frame>p:last-child{font-size:.875rem}.field-story__progress{bottom:24px}
    .section--demo{padding-top:90px}.product-demo{border-radius:17px}.product-demo__body{grid-template-columns:1fr}.demo-sidebar{display:none}.product-demo__chrome>div{position:static;margin-left:auto;transform:none}.product-demo__chrome em{display:none}.demo-thread{padding:22px 14px}.demo-conversation__head{padding:12px 14px}.demo-user-message,.demo-assistant-message{grid-template-columns:28px 1fr;gap:10px}.comparison-chart{overflow-x:auto}.comparison-chart>div{min-width:520px}
    .capability-nav__item{width:130px}.capability-panels{min-height:710px}.capability-panel{padding:18px}.capability-panel__visual{min-height:340px}.capability-output{font-size:.75rem}
    .model-grid--home{grid-template-columns:1fr}.model-card{min-height:500px;border-radius:18px}.model-card__body{padding-top:100px}.model-card__metrics{grid-template-columns:1fr}.model-card__metrics span{grid-template-columns:1fr auto}.evaluation-layout{gap:45px}.evaluation-row{grid-template-columns:105px 1fr 32px}.evaluation-row__label{font-size:.75rem}.developer-bridge .code-block{max-height:470px;overflow:auto}.home-status__card{grid-template-columns:1fr;padding:20px}.home-status__network{height:140px}.home-status__metrics{display:grid;grid-template-columns:repeat(2,1fr)}.home-status__metrics .button{grid-column:1/-1;margin-left:0}.final-cta{min-height:620px}.final-cta p{font-size:.875rem}

    .research-hero{min-height:650px;padding-bottom:60px}.research-hero__index{font-size:.75rem}.research-hero__title{font-size:clamp(3.6rem,16vw,6rem);margin-top:52px}.research-hero__lede{font-size:.9rem}.filter-bar{align-items:flex-start;flex-direction:column;gap:10px}.filter-bar__scroll{width:100%}.filter-bar__search{margin-left:0}.research-feature__visual{min-height:330px}.research-feature__diagram{width:220px}.research-feature__diagram i{transform-origin:110px 110px}.research-card{min-height:370px;padding:22px}.research-card h2{margin-top:40px;font-size:2.25rem}.research-card__foot{grid-template-columns:1fr auto}.research-card__foot>span:nth-child(2){display:none}.research-principles{grid-template-columns:1fr}.research-principles article{border-right:0!important;border-bottom:1px solid var(--border)}.research-principles article:last-child{border-bottom:0}.article-hero{min-height:660px;padding-bottom:60px}.article-hero__meta{margin-top:45px;flex-wrap:wrap}.article-hero h1{font-size:clamp(3.4rem,15vw,6.2rem)}.article-layout{padding-top:65px;padding-bottom:100px}.article-abstract>p:last-child{font-size:1.1rem}.article-body section>p{font-size:.875rem}.article-end{align-items:flex-start;flex-direction:column}
    .model-map{min-height:440px}.model-map__point span{font-size:.75rem}.model-map__point i{width:14px;height:14px}.compare-selector{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.routing-visual{min-height:430px}.routing-input{top:4%;left:50%;transform:translateX(-50%)}.routing-core{width:95px;height:95px}.routing-node{width:125px}.routing-node--cyan{left:0;right:auto;top:27%}.routing-node--violet{right:0;top:27%}.routing-node--gold{left:0;right:auto;top:72%}.routing-node--blue{right:0;top:89%}

    .developer-hero,.enterprise-hero,.safety-hero,.careers-hero{min-height:auto;padding-top:calc(var(--header-h) + 85px);padding-bottom:70px}.developer-hero__inner,.enterprise-hero__inner,.safety-hero__inner,.careers-hero__inner{gap:55px}.developer-hero__copy h1,.enterprise-hero__copy h1,.safety-hero__copy h1,.careers-hero__copy h1{font-size:clamp(3.6rem,15.5vw,6.2rem)}.developer-hero__copy>p:not(.eyebrow),.enterprise-hero__copy>p:not(.eyebrow),.safety-hero__copy>p:not(.eyebrow),.careers-hero__copy>p:not(.eyebrow){font-size:.875rem}.developer-hero__code .tabs__list{overflow-x:auto}.api-category-grid{grid-template-columns:1fr}.api-category{min-height:290px}.developer-terminal-copy h2,.sdk-copy h2{font-size:3rem}.terminal-demo__body{min-height:350px;padding:20px 14px;overflow-x:auto}.terminal-demo__body>div:not(.terminal-demo__cursor){grid-template-columns:65px 165px minmax(180px,1fr);min-width:470px}.console-main,.enterprise-dashboard>[data-ui-main]{padding:14px}.console-metrics,.enterprise-stats{grid-template-columns:1fr 1fr}.console-chart{height:220px}.console-logs{overflow-x:auto}.console-logs>div:not(.console-logs__head){min-width:630px}.sdk-packages article{grid-template-columns:36px 1fr 31px}.sdk-packages code{grid-column:2/-1}.docs-main{padding:75px 14px 90px}.docs-content>header{flex-direction:column}.docs-version{display:none}.docs-content>section{padding:43px 0}.event-table{overflow-x:auto}.event-table>div{min-width:600px}.error-example-grid{grid-template-columns:1fr}
    .org-orbit{width:min(95vw,480px)}.enterprise-proof article{padding:26px}.enterprise-control-grid{grid-template-columns:1fr}.enterprise-control{min-height:300px}.enterprise-dashboard{border-radius:15px}.enterprise-dashboard__body{display:block}.enterprise-dashboard__body>section+section{margin-top:9px}.audit-preview{overflow-x:auto}.audit-preview>div:not(.dashboard-panel-head){min-width:550px}.integration-orbit{min-height:440px;transform:scale(.82)}.contact-panel{padding:28px}.enterprise-form,.field-row{grid-template-columns:1fr!important}.enterprise-form .field-row{display:grid;gap:14px}.enterprise-form label,.enterprise-form button,.enterprise-form .form-message{grid-column:1!important}
    .safety-hero__seal{width:min(88vw,420px)}.safety-philosophy__layout{gap:35px}.safety-philosophy__layout h2{font-size:3.3rem}.safety-timeline{grid-template-columns:repeat(2,1fr)}.safety-metrics__summary{grid-template-columns:1fr}.safety-metrics__summary article{border-right:0;border-bottom:1px solid var(--border)}.safety-risk-grid{overflow-x:auto}.risk-grid-head,.safety-risk-grid>div:not(.risk-grid-head){min-width:620px}.safety-accordion>button{grid-template-columns:40px 1fr 38px}.safety-accordion__panel{padding-left:40px}.safety-escalation__panel{padding:27px}.scaling-ladder>div{grid-template-columns:65px 1fr}.scaling-ladder small{grid-column:2}.scaling-ladder>div:nth-child(n){margin-left:calc((var(--step,0))*0px)}
    .pricing-grid{grid-template-columns:1fr}.pricing-card{min-height:auto}.pricing-card ul{padding-bottom:10px}.plan-table-wrap{margin-left:-14px;margin-right:-14px;border-radius:0}.api-rate-list>div{grid-template-columns:1fr}.api-rate-list small{grid-column:1;text-align:left}.usage-calculator{padding:20px}.usage-calculator__result{align-items:flex-start;flex-direction:column;gap:10px}.pricing-faq>.container{gap:35px}
    .status-hero{min-height:620px}.status-hero__state{grid-template-columns:45px 1fr}.status-pulse-large{width:42px;height:42px}.status-hero__state h1{font-size:clamp(3rem,13vw,5.2rem)}.status-hero__meta{align-items:flex-start;flex-wrap:wrap;padding-left:0}.status-hero__meta>span{width:100%;margin-bottom:6px}.status-range-bar{align-items:flex-start;flex-direction:column;gap:12px}.service-row{padding:15px 12px}.service-row__uptime{grid-template-columns:repeat(90,4px);overflow-x:auto;padding-bottom:4px}.status-sidebar{grid-template-columns:1fr}.incident-card__head{align-items:flex-start}.incident-card__head>div:last-child{align-items:flex-end;flex-direction:column;gap:9px}.maintenance-card{align-items:flex-start;flex-direction:column}.maintenance-card>div:last-child{text-align:left}.subscribe-services{grid-template-columns:1fr}
    .news-hero{min-height:650px}.news-hero__inner{grid-template-columns:1fr}.news-hero__heading h1{font-size:clamp(3.7rem,16vw,6.4rem)}.news-hero__mark{justify-self:start}.news-grid{grid-template-columns:1fr}.news-card--featured{min-height:0}.news-card--featured .news-card__graphic{min-height:320px}.news-card--featured .news-card__content{padding:24px}.news-card--featured h2{font-size:2.6rem}.newsroom-subscribe__panel{padding:28px}.newsroom-subscribe__panel>label{align-items:stretch;flex-direction:column}.newsroom-subscribe__panel label button{justify-content:center}.news-article__hero{min-height:650px}.news-article__hero h1{font-size:clamp(3.4rem,15vw,6.2rem)}.news-article__visual{padding-top:40px}.news-article__visual>.procedural-graphic{height:360px}.news-article__layout{padding-top:60px;padding-bottom:100px}.news-article__body blockquote{font-size:1.2rem}.news-article__facts{grid-template-columns:1fr}.news-article__facts>div{border-right:0;border-bottom:1px solid var(--border)}.news-article__facts>div:last-child{border-bottom:0}.news-article__body>footer{align-items:flex-start;flex-direction:column}
    .about-hero{min-height:760px;padding-bottom:58px}.about-hero h1{font-size:clamp(3.5rem,14.8vw,6rem);margin-top:45px}.about-hero__foot{align-items:flex-start;flex-direction:column;margin-top:50px}.about-hero__foot span{text-align:left}.about-manifesto__layout h2{font-size:3.25rem}.about-field-card__visual{min-height:390px}.about-field-card>div:last-child{padding:28px}.about-timeline::before{left:75px}.about-timeline article{grid-template-columns:58px 35px 1fr}.about-timeline article>div{padding-left:18px}.about-values .value-list article{grid-template-columns:40px 1fr 38px;padding:22px 0}.about-values .value-list h3{font-size:1.4rem}.about-values .value-list p{grid-column:2/3;margin-top:9px}.about-values .value-list article>i{grid-column:3;grid-row:1/3}.about-team__panel{padding:28px}.about-team__stats{grid-template-columns:1fr 1fr}
    .careers-hero__roles{width:min(88vw,430px)}.careers-hero__roles>span{transform:translate(-50%,-50%) rotate(calc(var(--i)*60deg)) translateY(-178px) rotate(calc(var(--i)*-60deg));font-size:.75rem}.careers-culture__grid{grid-template-columns:1fr}.careers-culture__grid article{min-height:250px}.job-filters{grid-template-columns:1fr}.job-row>button{grid-template-columns:1fr;gap:18px}.job-row>button>div:last-child{grid-template-columns:1fr 1fr 40px}.location-grid{grid-template-columns:1fr}
    .get-hero{min-height:620px}.get-hero h1{font-size:clamp(3.8rem,16vw,6.5rem)}.get-option{min-height:480px;padding:25px}.get-option--primary{min-height:760px}.get-option__visual{height:420px;margin:-25px -25px 40px}.get-option>.button{left:25px;bottom:25px}

    .app-topbar{padding:0 8px}.demo-badge{display:none}.app-model-selector{max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-model-menu{right:8px;width:min(330px,calc(100vw - 16px))}.app-welcome{padding:65px 14px 50px}.app-welcome h1{font-size:2.7rem}.app-starters{grid-template-columns:1fr}.app-thread{padding:35px 14px 110px}.app-composer-area{width:calc(100% - 20px);padding-bottom:8px}.app-modes{overflow-x:auto}.app-composer__bottom>span{display:none}.astrid-app__context{width:min(310px,92vw)}
    .auth-card{padding:27px 20px}.auth-page__back{left:16px;top:16px}.auth-page__legal{left:16px;right:16px;bottom:15px}.auth-page__legal span:first-child{display:none}
    .not-found h1,.error-page h1{font-size:clamp(3.7rem,17vw,6.3rem)}
  }

  @media (max-width: 430px) {
    :root { --container:calc(100% - 22px); --container-narrow:calc(100% - 22px); }
    .home-hero__title{font-size:17.5vw}.home-hero__brand em:first-child{max-width:150px}.composer-mode span:last-child{display:none}.prompt-suggestions button:nth-child(n+4){display:none}
    .mobile-menu__link{grid-template-columns:28px 1fr auto}.mobile-menu__link strong{font-size:1.4rem}
    .site-footer__links{grid-template-columns:1fr 1fr;gap:30px 20px}.site-footer__group a{font-size:.8125rem}
    .model-card{padding:17px}.model-card__footer{align-items:flex-start;flex-direction:column}.evaluation-row{grid-template-columns:1fr 34px}.evaluation-row__label{grid-column:1/-1}.evaluation-row__track{grid-row:2}.evaluation-row>strong{grid-row:2}
    .console-metrics,.enterprise-stats{grid-template-columns:1fr}.enterprise-dashboard>[data-ui-main]>header{align-items:flex-start;flex-direction:column;gap:10px}.team-usage>div{grid-template-columns:70px 1fr 35px}
    .safety-timeline{grid-template-columns:1fr}.safety-timeline article{min-height:160px}.safety-accordion>button strong{font-size:1.25rem}.scaling-ladder>div{grid-template-columns:1fr}.scaling-ladder span,.scaling-ladder small{grid-column:1}.pricing-card__price strong{font-size:3rem}
    .news-hero__mark{grid-template-columns:55px 1fr}.news-hero__mark .logo__mark{width:54px;height:54px}.news-card__graphic{aspect-ratio:1.1}.news-card h2{font-size:1.4rem}.news-card--featured h2{font-size:2.25rem}
    .about-team__stats{grid-template-columns:1fr}.about-team__stats .button{grid-column:1}.careers-hero__roles{transform:scale(.9)}
    .get-option__code,.get-option__lines,.get-option__shield{opacity:.55}.get-option h2{font-size:2.6rem}
    .app-title{max-width:105px}.app-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-welcome h1{font-size:2.35rem}.app-message{grid-template-columns:28px 1fr;gap:10px}.app-message__avatar{width:27px;height:27px}.app-composer{border-radius:12px}
  }

  @media (hover: none), (pointer: coarse) {
    .cursor { display:none!important; }
    [data-magnetic] { transform:none!important; }
  }

  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior:auto; }
    *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; transition-delay:0ms!important; }
    .reveal { opacity:1!important; transform:none!important; filter:none!important; }
    .astrid-field { opacity:.35; }
    .cursor { display:none!important; }
    .field-story { height:auto; }
    .field-story__sticky { position:relative;height:auto;padding:100px 0; }
    .field-story__frames { display:grid;gap:18px;height:auto; }
    .story-frame { position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%;opacity:1!important;visibility:visible!important;transform:none!important;padding:22px;border:1px solid var(--border);border-radius:14px;background:#0c0c0f;text-align:left!important; }
    .story-frame>p:last-child { margin-left:0!important; }
    .field-story__orb,.field-story__progress { display:none; }
  }
}

/* Toggle track follows the state set by JavaScript. */
.billing-toggle[data-active="yearly"] > i { transform:translateX(100%); }

@media (min-width:1161px){.docs-nav-backdrop{display:none}}

@layer launch {
  /* ─────────────────────────────────────────────────────────────
     ASTRID LAUNCH POLISH — one field, many spatial states
     ───────────────────────────────────────────────────────────── */
  :root {
    --route-accent: 139, 233, 255;
    --route-secondary: 118, 165, 255;
    --route-warm: 233, 201, 135;
    --field-section-progress: 0;
  }
  body[data-route-key="models"], body[data-route-key="research"] { --route-accent: 181, 146, 255; --route-secondary: 118, 165, 255; }
  body[data-route-key="developers"], body[data-route-key="docs"] { --route-accent: 118, 165, 255; --route-secondary: 139, 233, 255; }
  body[data-route-key="enterprise"], body[data-route-key="about"] { --route-accent: 233, 201, 135; --route-secondary: 139, 233, 255; }
  body[data-route-key="safety"] { --route-accent: 213, 221, 226; --route-secondary: 139, 186, 215; }
  body[data-route-key="status"] { --route-accent: 118, 229, 172; --route-secondary: 139, 233, 255; }
  body[data-route-key="news"], body[data-route-key="careers"] { --route-accent: 139, 233, 255; --route-secondary: 181, 146, 255; }
  body[data-route-key="pricing"], body[data-route-key="get"] { --route-accent: 181, 146, 255; --route-secondary: 233, 201, 135; }

  body { position: relative; }
  #app-shell { position: relative; z-index: 2; }
  #overlay-root, .toast-region, .cursor, .scroll-progress { z-index: 1200; }
  .global-field-layer {
    position: fixed;
    z-index: 0;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    opacity: 0.84;
    transition: opacity .7s var(--ease-out), filter .8s var(--ease-out);
  }
  .global-field-layer::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at var(--hero-x, 62%) var(--hero-y, 44%), rgba(var(--route-accent), .035), transparent 22%),
      linear-gradient(180deg, rgba(7,7,7,.02), rgba(7,7,7,.4) 82%);
    transition: background .8s ease;
  }
  .astrid-field--global { position: absolute; inset: -4%; width: 108%; height: 108%; opacity: .86; }
  .global-field-layer__veil {
    position: absolute;
    inset: 0;
    background:
      linear-gradient(90deg, rgba(7,7,7,.84) 0, rgba(7,7,7,.42) 28%, rgba(7,7,7,.13) 57%, rgba(7,7,7,.5) 100%),
      linear-gradient(180deg, rgba(7,7,7,.1), rgba(7,7,7,.72));
    opacity: .74;
    transition: opacity .8s ease;
  }
  body[data-route-key="home"] .global-field-layer__veil { opacity: .42; }
  body[data-route-key="app"] .global-field-layer { opacity: 0; }
  body.is-navigating .global-field-layer { opacity: 1; filter: contrast(1.12) saturate(1.08); }
  .global-field-layer__axis {
    position: absolute;
    right: 9.2vw;
    top: 45%;
    width: min(34vw, 520px);
    aspect-ratio: 1;
    border: 1px solid rgba(var(--route-accent), .035);
    border-radius: 50%;
    transform: translate(22%, -50%) rotate(calc(var(--section-progress, .5) * 24deg));
    transition: border-color .7s ease, transform 1.1s var(--ease-out);
  }
  .global-field-layer__axis::before,
  .global-field-layer__axis::after {
    content: "";
    position: absolute;
    inset: 16%;
    border: 1px solid rgba(var(--route-secondary), .03);
    border-radius: inherit;
    transform: rotate(38deg) scaleY(.54);
  }
  .global-field-layer__axis::after { inset: 32%; transform: rotate(-28deg) scaleX(.56); }
  .global-field-layer__axis i,
  .global-field-layer__axis b {
    position: absolute;
    left: 50%; top: 50%;
    width: 4px; height: 4px;
    border-radius: 50%;
    background: rgba(var(--route-accent), .7);
    box-shadow: 0 0 22px rgba(var(--route-accent), .34);
  }
  .global-field-layer__axis i { transform: translate(-50%, -50%); }
  .global-field-layer__axis b { left: 82%; top: 36%; opacity: .55; }
  .global-field-layer__axis span { position:absolute; left:0; right:0; top:50%; height:1px; background:linear-gradient(90deg,transparent,rgba(var(--route-accent),.08),transparent); }

  .page { background: linear-gradient(180deg, rgba(7,7,7,.25), rgba(7,7,7,.64)); }
  .page > section, .page > article { position: relative; z-index: 1; }
  .page > section::after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    inset: 0;
    background: radial-gradient(circle at calc(18% + var(--section-progress, .5) * 64%) 42%, rgba(var(--route-accent), .024), transparent 34%);
    opacity: 0;
    transition: opacity .7s ease;
  }
  .page > section.is-field-current::after { opacity: .9; }

  .route-field-rail {
    position: fixed;
    z-index: 30;
    right: 18px;
    top: 50%;
    display: grid;
    grid-template-rows: auto 84px auto;
    place-items: center;
    gap: 10px;
    color: rgba(245,245,242,.34);
    pointer-events: none;
    transform: translateY(-50%);
    mix-blend-mode: screen;
  }
  .route-field-rail span, .route-field-rail b {
    font: 600 .75rem/1 var(--font-mono);
    letter-spacing: .16em;
    writing-mode: vertical-rl;
  }
  .route-field-rail span { color: rgba(var(--route-accent), .72); }
  .route-field-rail i { width: 1px; height: 84px; background: linear-gradient(transparent, rgba(var(--route-accent),.5), transparent); position:relative; }
  .route-field-rail i::after { content:""; position:absolute; left:-2px; top:calc(var(--section-progress, .5) * 100%); width:5px; height:5px; border-radius:50%; background:rgb(var(--route-accent)); box-shadow:0 0 12px rgba(var(--route-accent),.55); }
  .route-field-corner {
    position: fixed;
    z-index: 30;
    left: 20px;
    bottom: 20px;
    display: grid;
    grid-template-columns: 32px auto 32px;
    align-items: center;
    gap: 9px;
    color: rgba(245,245,242,.3);
    pointer-events:none;
    font:600 .75rem/1 var(--font-mono);
    letter-spacing:.16em;
  }
  .route-field-corner i, .route-field-corner b { height:1px; background:linear-gradient(90deg,transparent,rgba(var(--route-accent),.38)); }
  .route-field-corner b { background:linear-gradient(90deg,rgba(var(--route-accent),.38),transparent); }
  .route-field-corner span::before { content:"FIELD / "; color:rgba(245,245,242,.18); }

  /* Field-aware surfaces */
  .field-reactive {
    --field-x: 50%; --field-y: 50%; --field-rx: 0deg; --field-ry: 0deg;
    transform: perspective(1200px) rotateX(var(--field-rx)) rotateY(var(--field-ry)) translateZ(0);
    transform-style: preserve-3d;
    transition: transform .55s var(--ease-out), border-color .4s ease, background-color .4s ease;
  }
  .field-reactive::after {
    content:"";
    position:absolute;
    z-index:0;
    inset:-1px;
    pointer-events:none;
    border-radius:inherit;
    background:radial-gradient(circle at var(--field-x) var(--field-y),rgba(var(--route-accent),.085),transparent 29%);
    opacity:0;
    transition:opacity .4s ease;
  }
  .field-reactive.is-field-active::after { opacity:1; }
  .field-reactive > * { position:relative; z-index:1; }

  /* Header and navigation become part of the field */
  .site-header { transition: transform .5s var(--ease-out), opacity .35s ease; }
  .site-header__bar { isolation:isolate; }
  .site-header__bar::before {
    content:"";
    position:absolute;
    z-index:-1;
    inset:-1px;
    border-radius:inherit;
    background:linear-gradient(105deg,rgba(var(--route-accent),.035),transparent 27%,transparent 73%,rgba(var(--route-secondary),.025));
    opacity:.7;
  }
  .site-header__signal {
    position:absolute;
    left:12px;
    top:50%;
    width:20px;
    height:20px;
    transform:translate(-50%,-50%);
    pointer-events:none;
  }
  .site-header__signal::before,
  .site-header__signal::after {
    content:"";
    position:absolute;
    inset:2px;
    border:1px solid rgba(var(--route-accent),.17);
    border-radius:50%;
    transform:scaleX(.55) rotate(28deg);
  }
  .site-header__signal::after { transform:scaleY(.55) rotate(-28deg); }
  .site-header__signal i,.site-header__signal b { position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:rgb(var(--route-accent));transform:translate(-50%,-50%);box-shadow:0 0 9px rgba(var(--route-accent),.5); }
  .site-header__signal b { animation:header-signal 4.6s ease-in-out infinite; }
  @keyframes header-signal { 0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.25} 45%{transform:translate(-50%,-50%) scale(5);opacity:0} }
  .nav-link { position:relative; }
  .nav-link::after { content:"";position:absolute;left:50%;right:50%;bottom:-7px;height:1px;background:rgb(var(--route-accent));transition:left .3s var(--ease-out),right .3s var(--ease-out),opacity .3s;opacity:.55; }
  .nav-link:hover::after,.nav-link.is-active::after,.nav-popover.is-open>.nav-link::after { left:12%;right:12%; }
  .nav-dropdown { overflow:hidden; }
  .nav-dropdown__glow { position:absolute!important;inset:0!important;pointer-events:none;opacity:.62; }
  .nav-dropdown__glow .astrid-field { opacity:.75; }
  .nav-dropdown__link { position:relative; overflow:hidden; }
  .nav-dropdown__link::before { content:""; position:absolute;left:0;top:50%;width:0;height:1px;background:rgba(var(--route-accent),.72);transition:width .36s var(--ease-out); }
  .nav-dropdown__link:hover::before,.nav-dropdown__link:focus-visible::before { width:15px; }
  .status-mini { overflow:hidden; isolation:isolate; }
  .status-mini__field { position:absolute;z-index:-1;inset:0;opacity:.75;pointer-events:none; }
  .status-mini__field::after { content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(9,10,11,.7),rgba(9,10,11,.94)); }

  /* Shared hero signature */
  .page-intro { min-height:min(860px,92vh); overflow:hidden; }
  .page-intro__inner { position:relative;z-index:3; }
  .page-intro__content { transform:translate3d(calc(var(--hero-shift-x,0px) * -.12),calc(var(--hero-shift-y,0px) * -.12),0);transition:transform .9s var(--ease-out); }
  .page-intro__content .display { max-width:1220px; }
  .page-intro__content .display > span { display:block; clip-path:inset(0 0 0 0); }
  .page-intro__signature {
    position:absolute;
    z-index:2;
    right:clamp(48px,8vw,130px);
    top:50%;
    width:min(42vw,560px);
    aspect-ratio:1;
    border:1px solid rgba(var(--route-accent),.08);
    border-radius:50%;
    transform:translate(18%,-48%) rotate(calc(var(--section-progress,0) * 16deg));
    pointer-events:none;
  }
  .page-intro__signature::before,.page-intro__signature::after { content:"";position:absolute;inset:14%;border:1px solid rgba(var(--route-secondary),.07);border-radius:50%;transform:scaleY(.46) rotate(28deg); }
  .page-intro__signature::after { inset:31%;transform:scaleX(.44) rotate(-34deg); }
  .page-intro__signature i { position:absolute;left:50%;top:50%;width:78%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--route-accent),.14),transparent);transform:translate(-50%,-50%) rotate(28deg); }
  .page-intro__signature i:nth-child(2) { transform:translate(-50%,-50%) rotate(-37deg); }
  .page-intro__signature span,.page-intro__signature b { position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:rgb(var(--route-accent));transform:translate(-50%,-50%);box-shadow:0 0 22px rgba(var(--route-accent),.46); }
  .page-intro__signature b { left:82%;top:33%;width:3px;height:3px;opacity:.62; }
  .page-intro__coordinate { position:absolute;right:32px;top:126px;font:600 .75rem/1 var(--font-mono);letter-spacing:.2em;color:rgba(var(--route-accent),.42);writing-mode:vertical-rl; }
  .page-intro__horizon { position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent 3%,rgba(255,255,255,.07) 24%,rgba(var(--route-accent),.18) 58%,transparent 96%); }
  .page-intro__horizon i { position:absolute;left:calc(var(--section-progress,.5)*100%);top:-2px;width:5px;height:5px;border-radius:50%;background:rgb(var(--route-accent));box-shadow:0 0 14px rgba(var(--route-accent),.5); }
  .page-intro__horizon span { position:absolute;left:8%;bottom:10px;font:600 .75rem/1 var(--font-mono);letter-spacing:.16em;color:var(--text-faint); }
  .page-intro__horizon span::before { content:"FIELD STATE / CONTINUOUS"; }

  .section-heading { position:relative; }
  .section-heading__mark { position:absolute;left:-34px;top:7px;width:18px;height:18px;opacity:.62; }
  .section-heading__mark::before,.section-heading__mark::after { content:"";position:absolute;left:50%;top:50%;background:rgba(var(--route-accent),.55);transform:translate(-50%,-50%); }
  .section-heading__mark::before { width:18px;height:1px; }
  .section-heading__mark::after { width:1px;height:18px; }
  .section-heading__mark i,.section-heading__mark b { position:absolute;width:3px;height:3px;border-radius:50%;background:rgb(var(--route-accent)); }
  .section-heading__mark i { left:50%;top:50%;transform:translate(-50%,-50%); }
  .section-heading__mark b { right:0;top:50%;transform:translateY(-50%);opacity:.5; }

  .button::after { content:"";position:absolute;z-index:-1;top:-120%;bottom:-120%;left:-55%;width:24%;background:linear-gradient(90deg,transparent,rgba(var(--route-accent),.14),transparent);transform:skewX(-18deg);transition:left .6s var(--ease-out); }
  .button:hover::after { left:130%; }
  .button__icon { transition:transform .45s var(--ease-spring); }
  .button:hover .button__icon { transform:translateX(3px); }

  .site-footer { isolation:isolate; }
  .site-footer__field { opacity:.9; }
  .site-footer__seam { position:absolute;z-index:2;left:50%;top:0;width:min(780px,72vw);height:160px;transform:translate(-50%,-50%);pointer-events:none; }
  .site-footer__seam::before,.site-footer__seam::after { content:"";position:absolute;left:50%;top:50%;width:74%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--route-accent),.23),transparent);transform:translate(-50%,-50%) rotate(10deg); }
  .site-footer__seam::after { transform:translate(-50%,-50%) rotate(-10deg); }
  .site-footer__seam i,.site-footer__seam b { position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:rgb(var(--route-accent));transform:translate(-50%,-50%);box-shadow:0 0 18px rgba(var(--route-accent),.45); }
  .site-footer__seam span { position:absolute;inset:32%;border:1px solid rgba(var(--route-accent),.08);border-radius:50%;transform:scaleY(.4); }
  .site-footer__giant { opacity:.055; letter-spacing:-.075em; }

  /* Page transition: a field transfer instead of a generic wipe */
  .page-transition { display:block;position:fixed;z-index:10000;inset:0;pointer-events:none;visibility:hidden;opacity:0;background:#070708;overflow:hidden;transition:opacity .18s ease,visibility 0s linear .75s; }
  .page-transition.is-entering,.page-transition.is-leaving { visibility:visible;transition-delay:0s; }
  .page-transition.is-entering { opacity:1; }
  .page-transition.is-leaving { opacity:0;transition:opacity .52s var(--ease-out),visibility 0s linear .55s; }
  .page-transition__field { position:absolute;inset:0;opacity:.7; }
  .page-transition__shutter { position:absolute;z-index:2;left:0;right:0;height:50.5%;background:#080809;transition:transform .58s var(--ease-smooth); }
  .page-transition__shutter--top { top:0;transform:translateY(-101%); }
  .page-transition__shutter--bottom { bottom:0;transform:translateY(101%); }
  .page-transition.is-entering .page-transition__shutter { transform:translateY(0); }
  .page-transition.is-leaving .page-transition__shutter--top { transform:translateY(-101%); }
  .page-transition.is-leaving .page-transition__shutter--bottom { transform:translateY(101%); }
  .page-transition__line { position:absolute;z-index:4;left:-20%;right:-20%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--route-accent),.8),rgba(245,245,242,.8),rgba(var(--route-secondary),.75),transparent);transform:scaleX(0);transform-origin:left;box-shadow:0 0 20px rgba(var(--route-accent),.14); }
  .page-transition.is-entering .page-transition__line { animation:field-transfer-line .7s var(--ease-out) forwards; }
  @keyframes field-transfer-line { 0%{transform:scaleX(0);opacity:0} 18%{opacity:1} 100%{transform:scaleX(1);opacity:.65} }
  .page-transition__core { position:absolute;z-index:5;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:#f5f5f2;transform:translate(-50%,-50%) scale(0);box-shadow:0 0 24px rgba(var(--route-accent),.66); }
  .page-transition.is-entering .page-transition__core { animation:field-transfer-core .75s var(--ease-out) forwards; }
  @keyframes field-transfer-core { 0%,20%{transform:translate(-50%,-50%) scale(0)} 58%{transform:translate(-50%,-50%) scale(1.35)} 100%{transform:translate(-50%,-50%) scale(.72)} }
  .page-transition__label { position:absolute;z-index:5;left:50%;top:calc(50% + 32px);transform:translate(-50%,12px);opacity:0;font:650 .75rem/1 var(--font-mono);letter-spacing:.3em;color:rgba(245,245,242,.72); }
  .page-transition.is-entering .page-transition__label { transform:translate(-50%,0);opacity:1;transition:transform .45s var(--ease-out) .18s,opacity .35s ease .18s; }
  .page-transition__coordinate { position:absolute;z-index:5;left:24px;bottom:22px;font:600 .75rem/1 var(--font-mono);letter-spacing:.16em;color:rgba(245,245,242,.28);opacity:0; }
  .page-transition.is-entering .page-transition__coordinate { opacity:1;transition:opacity .35s ease .24s; }

  /* Home: stronger identity without louder decoration */
  .home-hero { isolation:isolate; }
  .home-hero__field { inset:-5%;opacity:1;transform:translate3d(calc(var(--hero-shift-x,0px)*.25),calc(var(--hero-shift-y,0px)*.25),0) scale(1.05);transition:transform 1.2s var(--ease-out); }
  .home-hero__orbit { right:7vw;top:45%;width:min(46vw,680px);opacity:.48;transform:translate3d(calc(var(--hero-shift-x,0px)*.5),calc(-50% + var(--hero-shift-y,0px)*.5),0); }
  .home-hero__orbit::before,.home-hero__orbit::after { content:"";position:absolute;inset:8%;border:1px solid rgba(var(--route-accent),.065);border-radius:50%;transform:scaleY(.4) rotate(32deg); }
  .home-hero__orbit::after { inset:25%;transform:scaleX(.44) rotate(-28deg); }
  .home-hero__title { position:relative;z-index:2; }
  .home-hero__title .title-line i { text-shadow:0 1px 0 rgba(255,255,255,.03); }
  .home-hero__brand::after { content:"";display:inline-block;width:34px;height:1px;margin-left:12px;vertical-align:middle;background:linear-gradient(90deg,rgba(var(--route-accent),.6),transparent); }
  .hero-composer { isolation:isolate;box-shadow:0 26px 80px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04); }
  .hero-composer::after { content:"";position:absolute;z-index:-1;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 18% 50%,rgba(var(--route-accent),calc(.025 + var(--intent-energy,0)*.05)),transparent 44%);pointer-events:none; }
  .hero-composer.has-value { border-color:rgba(var(--route-accent),.28); }
  .field-story__orb { filter:drop-shadow(0 0 38px rgba(var(--route-accent),.06)); }
  .field-story__orb::after { content:"";position:absolute;inset:-26%;border:1px solid rgba(var(--route-accent),.06);border-radius:50%;transform:scaleY(.42) rotate(calc(var(--section-progress,.5)*24deg)); }
  .story-frame { transform:translate3d(0,calc((.5 - var(--section-progress,.5))*42px),0); }
  .product-demo { box-shadow:0 60px 180px rgba(0,0,0,.5),0 0 0 1px rgba(var(--route-accent),.035); }
  .product-demo::after { content:"";position:absolute;pointer-events:none;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(var(--route-accent),.025),transparent 22%,transparent 72%,rgba(var(--route-secondary),.02)); }
  .product-demo.is-assembled .product-demo__body { animation:demo-depth-settle 1.1s var(--ease-out) both; }
  @keyframes demo-depth-settle { from{transform:perspective(1200px) rotateX(2deg) translateY(16px);opacity:.4} to{transform:none;opacity:1} }
  .capability-stage { position:relative; }
  .capability-stage::before { content:"";position:absolute;left:calc(25% - 1px);top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(var(--route-accent),.1) 18%,rgba(var(--route-accent),.1) 82%,transparent); }
  .capability-nav__item i::after { content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:rgb(var(--route-accent));right:-2px;top:50%;transform:translateY(-50%) scale(0);box-shadow:0 0 12px rgba(var(--route-accent),.55);transition:transform .35s var(--ease-spring); }
  .capability-nav__item.is-active i::after { transform:translateY(-50%) scale(1); }
  .capability-panel.is-active .capability-panel__visual { animation:capability-field-enter .8s var(--ease-out) both; }
  @keyframes capability-field-enter { from{transform:translateX(18px) scale(.985);opacity:.25;filter:blur(4px)} to{transform:none;opacity:1;filter:none} }
  .models-preview::after { opacity:1!important;background:radial-gradient(circle at 72% 52%,rgba(var(--route-accent),.04),transparent 34%)!important; }
  .model-grid--home { perspective:1600px; }
  .evaluation-section { background:linear-gradient(180deg,rgba(11,11,13,.6),rgba(7,7,7,.35)); }
  .final-cta::before { content:"";position:absolute;left:50%;top:0;width:min(840px,82vw);height:1px;background:linear-gradient(90deg,transparent,rgba(var(--route-accent),.2),transparent);transform:translateX(-50%); }

  /* Route personalities: the same field changes behavior rather than theme */
  .page--models .models-hero__map,
  .page--models .model-map { position:relative; }
  .page--models .models-hero__map::before,
  .page--models .model-map::before { content:"";position:absolute;left:50%;top:50%;width:min(60vw,720px);aspect-ratio:1;border:1px solid rgba(var(--route-accent),.08);border-radius:50%;transform:translate(-50%,-50%) scaleY(.52);pointer-events:none; }
  .page--models .models-hero__map::after,
  .page--models .model-map::after { content:"";position:absolute;left:50%;top:50%;width:1px;height:min(58vw,650px);background:linear-gradient(transparent,rgba(var(--route-accent),.13),transparent);transform:translate(-50%,-50%) rotate(32deg);pointer-events:none; }
  .page--models .model-card { overflow:hidden; }
  .page--models .model-card::before { content:"";position:absolute;left:50%;top:42%;width:160px;height:160px;border:1px solid rgba(var(--route-accent),.055);border-radius:50%;transform:translate(-50%,-50%) scaleY(.38) rotate(22deg);pointer-events:none; }

  .research-hero { overflow:hidden;isolation:isolate; }
  .research-hero::before { content:"";position:absolute;z-index:-1;right:-8vw;top:50%;width:min(58vw,760px);aspect-ratio:1;border:1px solid rgba(var(--route-accent),.07);border-radius:50%;transform:translateY(-50%) scaleY(.38) rotate(18deg); }
  .research-hero::after { content:"";position:absolute;z-index:-1;left:42%;right:-12%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--route-accent),.18),transparent);transform:rotate(-7deg); }
  .research-wave i { opacity:calc(.12 + (var(--section-progress,.5) * .34)); }
  .research-card { overflow:hidden; }
  .research-card::before { content:"";position:absolute;right:20px;top:20px;width:8px;height:8px;border-top:1px solid rgba(var(--route-accent),.35);border-right:1px solid rgba(var(--route-accent),.35);opacity:.5; }

  .developer-hero::before,.page--developers .developer-bridge::before { content:"";position:absolute;inset:12% 4%;pointer-events:none;background:linear-gradient(90deg,transparent 49.94%,rgba(var(--route-accent),.06) 50%,transparent 50.06%),linear-gradient(transparent 49.94%,rgba(var(--route-accent),.05) 50%,transparent 50.06%);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent); }
  .code-block { position:relative;overflow:hidden; }
  .code-block::after { content:"";position:absolute;left:0;right:0;top:var(--code-scan,28%);height:1px;background:linear-gradient(90deg,transparent,rgba(var(--route-accent),.18),transparent);opacity:.6;animation:code-scan 8s ease-in-out infinite;pointer-events:none; }
  @keyframes code-scan { 0%,100%{top:18%;opacity:.2} 50%{top:82%;opacity:.65} }

  .page--enterprise .enterprise-hero::before { content:"";position:absolute;right:8vw;top:52%;width:min(43vw,560px);aspect-ratio:1;border:1px solid rgba(var(--route-accent),.07);border-radius:50%;transform:translateY(-50%);box-shadow:inset 0 0 0 48px rgba(var(--route-accent),.006),inset 0 0 0 104px rgba(var(--route-secondary),.005); }
  .enterprise-dashboard { box-shadow:0 60px 160px rgba(0,0,0,.45),0 0 0 1px rgba(var(--route-accent),.035); }
  .enterprise-control::after { content:"";position:absolute;left:12px;right:12px;bottom:12px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--route-accent),.14),transparent); }

  .page--safety .safety-hero__seal { filter:none; }
  .page--safety .safety-hero__seal::after { content:"";position:absolute;inset:-13%;border:1px dashed rgba(var(--route-accent),.11);border-radius:50%;animation:safety-containment 28s linear infinite; }
  @keyframes safety-containment { to{transform:rotate(360deg)} }
  .safety-timeline article { position:relative;overflow:hidden; }
  .safety-timeline article::after { content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(var(--route-accent),.4),transparent);transform:scaleX(var(--section-progress,.4));transform-origin:left; }

  .page--pricing .pricing-hero::before,.page--get .get-hero::before { content:"";position:absolute;left:8%;right:8%;top:38%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--route-accent),.16),rgba(var(--route-secondary),.12),transparent);box-shadow:0 58px 0 rgba(var(--route-accent),.035),0 116px 0 rgba(var(--route-secondary),.025);transform:rotate(-4deg); }
  .pricing-card { overflow:hidden; }
  .pricing-card--featured::before { content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--route-accent),.68),transparent); }
  .billing-toggle { box-shadow:inset 0 0 0 1px rgba(var(--route-accent),.035); }

  .status-hero { isolation:isolate; }
  .status-hero::before { content:"";position:absolute;right:5vw;top:48%;width:min(46vw,650px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(var(--route-accent),.07);transform:translateY(-50%) scaleY(.55); }
  .status-hero::after { content:"";position:absolute;right:18vw;top:48%;width:7px;height:7px;border-radius:50%;background:rgb(var(--route-accent));box-shadow:0 0 0 18px rgba(var(--route-accent),.03),0 0 34px rgba(var(--route-accent),.42); }
  .service-row { position:relative;overflow:hidden; }
  .service-row::after { content:"";position:absolute;left:0;bottom:0;height:1px;width:var(--uptime,99%);background:linear-gradient(90deg,rgba(var(--route-accent),.05),rgba(var(--route-accent),.38),transparent);opacity:.55; }
  .uptime-bar i { transition:transform .35s var(--ease-spring),opacity .3s ease; }
  .uptime-bar:hover i { transform:scaleY(1.7); }

  .news-hero::before { content:"";position:absolute;right:-8%;top:46%;width:min(58vw,760px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(var(--route-accent),.065);transform:translateY(-50%) scaleY(.42) rotate(-15deg); }
  .news-hero::after { content:"";position:absolute;right:10%;top:46%;width:5px;height:5px;border-radius:50%;background:rgb(var(--route-accent));box-shadow:0 0 22px rgba(var(--route-accent),.42); }
  .news-card__graphic { overflow:hidden; }
  .news-card__graphic::after { content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 48%,rgba(var(--route-accent),.055) 50%,transparent 52%);transform:translateX(-100%);transition:transform .9s var(--ease-out); }
  .news-card:hover .news-card__graphic::after { transform:translateX(100%); }

  .about-hero::before { content:"";position:absolute;right:3vw;top:50%;width:min(53vw,720px);aspect-ratio:1;border:1px solid rgba(var(--route-accent),.07);border-radius:50%;transform:translateY(-50%) scaleY(.43) rotate(18deg); }
  .about-hero::after { content:"";position:absolute;right:21%;top:50%;width:6px;height:6px;border-radius:50%;background:rgb(var(--route-accent));box-shadow:0 0 28px rgba(var(--route-accent),.38); }
  .about-timeline article i { box-shadow:0 0 0 7px rgba(var(--route-accent),.025),0 0 18px rgba(var(--route-accent),.18); }

  .careers-hero__roles::before { content:"";position:absolute;inset:-9%;border:1px solid rgba(var(--route-accent),.07);border-radius:50%;transform:scaleY(.55) rotate(17deg); }
  .careers-hero__roles::after { content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:rgb(var(--route-accent));transform:translate(-50%,-50%);box-shadow:0 0 24px rgba(var(--route-accent),.42); }
  .job-row button { position:relative; }
  .job-row button::before { content:"";position:absolute;left:0;top:50%;width:0;height:1px;background:rgba(var(--route-accent),.55);transition:width .35s var(--ease-out); }
  .job-row:hover button::before { width:18px; }

  .auth-page::before { content:"";position:absolute;left:50%;top:50%;width:min(74vw,920px);height:min(42vw,520px);border:1px solid rgba(var(--route-accent),.07);border-radius:50%;transform:translate(-50%,-50%) rotate(-9deg);pointer-events:none; }
  .auth-card:focus-within { border-color:rgba(var(--route-accent),.22);box-shadow:0 46px 160px rgba(0,0,0,.58),0 0 0 1px rgba(var(--route-accent),.035); }
  .auth-card:focus-within::after { content:"";position:absolute;left:10%;right:10%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--route-accent),.6),transparent); }

  .not-found__field { opacity:.9; }
  .not-found::before,.not-found::after { content:"";position:absolute;left:50%;top:50%;width:min(62vw,760px);aspect-ratio:1;border:1px solid rgba(var(--route-accent),.08);border-radius:50%;transform:translate(-50%,-50%) scaleY(.42) rotate(23deg); }
  .not-found::after { width:min(38vw,460px);transform:translate(-50%,-50%) scaleX(.43) rotate(-31deg);border-style:dashed;animation:signal-reconnect 18s linear infinite; }
  @keyframes signal-reconnect { to{transform:translate(-50%,-50%) scaleX(.43) rotate(329deg)} }

  /* ─────────────────────────────────────────────────────────────
     ASTRID AI WORKSPACE — visible context, trajectories, synthesis
     ───────────────────────────────────────────────────────────── */
  body.is-app-page::before { opacity:.018; }
  .page--app { height:100dvh;min-height:640px;background:#08090a;overflow:hidden; }
  .astrid-app {
    --app-line:rgba(255,255,255,.075);
    --app-soft:rgba(245,245,242,.5);
    --app-faint:rgba(245,245,242,.27);
    position:relative;
    isolation:isolate;
    height:100dvh;
    min-height:640px;
    display:grid;
    grid-template-columns:272px minmax(0,1fr) 326px;
    background:#08090a;
    overflow:hidden;
  }
  .astrid-app__field { position:absolute;z-index:-2;inset:0;opacity:.82;pointer-events:none; }
  .astrid-app__field::after { content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,9,.9) 0,rgba(7,8,9,.6) 24%,rgba(7,8,9,.72) 70%,rgba(7,8,9,.94)); }
  .app-field-axis { position:absolute;z-index:-1;left:58%;top:67%;width:min(52vw,760px);aspect-ratio:1;border:1px solid rgba(139,233,255,.045);border-radius:50%;transform:translate(-50%,-50%) scaleY(.36) rotate(11deg);pointer-events:none;transition:border-color .7s ease,transform .8s var(--ease-out); }
  .app-field-axis::before,.app-field-axis::after { content:"";position:absolute;inset:20%;border:1px solid rgba(181,146,255,.038);border-radius:50%;transform:scaleX(.44) rotate(-36deg); }
  .app-field-axis::after { inset:36%;transform:scaleY(.5) rotate(42deg); }
  .app-field-axis i,.app-field-axis b { position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:rgb(var(--route-accent));transform:translate(-50%,-50%);box-shadow:0 0 22px rgba(var(--route-accent),.42); }
  .app-field-axis b { left:84%;top:32%;opacity:.45; }
  .app-field-axis span { position:absolute;left:4%;right:4%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(139,233,255,.08),transparent); }
  .astrid-app[data-mode="reasoning"] .app-field-axis { border-color:rgba(181,146,255,.08);transform:translate(-50%,-50%) scaleY(.46) rotate(24deg); }
  .astrid-app[data-mode="research"] .app-field-axis { border-color:rgba(233,201,135,.08);transform:translate(-50%,-50%) scaleY(.28) rotate(-12deg); }
  .astrid-app.is-generating .app-field-axis { animation:app-axis-breathe 3.2s ease-in-out infinite; }
  @keyframes app-axis-breathe { 0%,100%{opacity:.55} 50%{opacity:1;transform:translate(-50%,-50%) scaleY(.4) rotate(18deg)} }

  .astrid-app__sidebar,.astrid-app__context { position:relative;z-index:4;min-width:0;background:rgba(8,9,10,.88);backdrop-filter:blur(24px); }
  .astrid-app__sidebar { display:flex;flex-direction:column;padding:18px 14px 14px;border-right:1px solid var(--app-line);overflow:hidden; }
  .app-sidebar__field { position:absolute;z-index:-1;inset:0;opacity:.62;pointer-events:none; }
  .app-sidebar__field::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,10,.5),rgba(8,9,10,.94) 72%); }
  .app-sidebar__trajectory { position:absolute;z-index:-1;left:25px;top:174px;bottom:112px;width:1px;pointer-events:none; }
  .app-sidebar__trajectory i { position:absolute;inset:0;background:linear-gradient(transparent,rgba(139,233,255,.12) 12%,rgba(139,233,255,.08) 78%,transparent); }
  .app-sidebar__trajectory b { position:absolute;left:-2px;top:calc(155px + var(--i)*37px);width:5px;height:5px;border-radius:50%;border:1px solid rgba(139,233,255,.3);background:#090a0b; }
  .app-sidebar__brand { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:2px 3px 18px;border-bottom:1px solid rgba(255,255,255,.055); }
  .app-sidebar__brand>.logo { gap:8px; }
  .app-sidebar__brand>.logo .logo__mark { width:22px;height:22px; }
  .app-sidebar__brand>.logo .logo__word { font-size:.75rem; }
  .app-sidebar__brand>span { justify-self:end;font:600 .75rem/1 var(--font-mono);letter-spacing:.13em;color:rgba(139,233,255,.34); }
  .app-sidebar__brand>button { display:none;width:30px;height:30px;place-items:center;color:var(--text-muted); }
  .app-new-chat { display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;width:100%;margin-top:15px;padding:10px 10px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.025);text-align:left;transition:border-color .3s,background .3s,transform .35s var(--ease-out); }
  .app-new-chat>span { display:grid;width:24px;height:24px;place-items:center;border-radius:6px;background:rgba(139,233,255,.07);color:var(--cyan); }
  .app-new-chat strong { font-size:.75rem;letter-spacing:-.01em; }
  .app-new-chat:hover { transform:translateY(-1px);border-color:rgba(139,233,255,.18);background:rgba(139,233,255,.035); }
  .app-new-chat kbd { height:18px;min-width:25px;font-size:.75rem; }
  .app-workspace-nav { display:grid;gap:2px;margin-top:21px; }
  .app-workspace-nav>small,.app-recents>small { margin:0 10px 8px;font:600 .75rem/1 var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--app-faint); }
  .app-workspace-nav button { position:relative;display:grid;grid-template-columns:8px 17px 1fr auto;align-items:center;gap:8px;width:100%;padding:8px 9px;border-radius:7px;color:var(--app-soft);font-size:.8125rem;text-align:left;transition:color .25s,background .25s; }
  .app-workspace-nav button .app-nav-node { width:4px;height:4px;border-radius:50%;border:1px solid rgba(139,233,255,.32);transition:background .25s,box-shadow .25s; }
  .app-workspace-nav button em { color:var(--app-faint);font:600 .8125rem/1 var(--font-mono);font-style:normal; }
  .app-workspace-nav button.active,.app-workspace-nav button:hover { color:var(--text);background:rgba(255,255,255,.035); }
  .app-workspace-nav button.active .app-nav-node { background:var(--cyan);box-shadow:0 0 9px rgba(139,233,255,.5); }
  .app-recents { display:grid;gap:1px;min-height:0;margin-top:24px;overflow-y:auto; }
  .app-recents button { position:relative;display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:7px 9px;border-radius:7px;color:rgba(245,245,242,.41);font-size:.8125rem;text-align:left;transition:color .25s,background .25s; }
  .app-recents button>i { width:4px;height:4px;border-radius:50%;background:rgba(245,245,242,.13); }
  .app-recents button span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
  .app-recents button em { font:500 .8125rem/1 var(--font-mono);font-style:normal;letter-spacing:.08em;color:rgba(245,245,242,.18); }
  .app-recents button.active,.app-recents button:hover { color:rgba(245,245,242,.82);background:rgba(255,255,255,.028); }
  .app-recents button.active>i { background:var(--cyan);box-shadow:0 0 8px rgba(139,233,255,.4); }
  .app-sidebar__bottom { margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.055); }
  .app-sidebar__bottom>button { display:flex;align-items:center;gap:9px;width:100%;padding:8px 9px;color:var(--app-soft);font-size:.8125rem; }
  .app-sidebar__bottom>div { display:grid;grid-template-columns:30px 1fr 28px;align-items:center;gap:8px;margin-top:5px;padding:8px;border-radius:8px;background:rgba(255,255,255,.025); }
  .app-sidebar__bottom>div>span { display:grid;width:29px;height:29px;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:50%;font:600 .75rem/1 var(--font-mono); }
  .app-sidebar__bottom section { display:grid;gap:1px;min-width:0; }
  .app-sidebar__bottom strong { font-size:.75rem; }
  .app-sidebar__bottom small { color:var(--app-faint);font-size:.75rem; }
  .app-sidebar__bottom>div>button { color:var(--app-faint); }

  .astrid-app__context { padding:0 16px 16px;border-left:1px solid var(--app-line);overflow-y:auto; }
  .app-context__field { position:absolute;z-index:-1;inset:0 0 auto;height:310px;opacity:.62;pointer-events:none; }
  .app-context__field::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,10,.42),rgba(8,9,10,.98)); }
  .astrid-app__context>header { position:sticky;z-index:3;top:0;display:flex;align-items:flex-start;justify-content:space-between;padding:19px 0 14px;background:linear-gradient(180deg,#090a0b 62%,transparent); }
  .astrid-app__context>header>div { display:grid;gap:3px; }
  .astrid-app__context>header span { font:600 .75rem/1 var(--font-mono);letter-spacing:.15em;color:rgba(181,146,255,.42); }
  .astrid-app__context>header strong { font-size:.75rem;letter-spacing:-.02em; }
  .astrid-app__context>header small { color:var(--app-faint);font-size:.75rem; }
  .astrid-app__context>header button { display:grid;width:28px;height:28px;place-items:center;border-radius:7px;color:var(--app-soft); }
  .context-map { position:relative;height:184px;margin:4px 0 14px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.012);overflow:hidden; }
  .context-map::before { content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(circle,#000,transparent 78%); }
  .context-map svg { position:absolute;inset:0;width:100%;height:100%; }
  .context-map path { fill:none;stroke:rgba(181,146,255,.13);stroke-width:.7;stroke-dasharray:3 5; }
  .context-map__core { position:absolute;left:50%;top:49%;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(139,233,255,.16);border-radius:50%;background:rgba(9,10,11,.9);transform:translate(-50%,-50%);box-shadow:0 0 38px rgba(139,233,255,.05); }
  .context-map__core .logo__mark { width:17px;height:17px; }
  .context-map>b { position:absolute;left:var(--x);top:var(--y);width:5px;height:5px;border-radius:50%;background:rgba(181,146,255,.72);box-shadow:0 0 10px rgba(181,146,255,.32); }
  .context-map>span { position:absolute;font:500 .75rem/1 var(--font-mono);letter-spacing:.1em;color:rgba(245,245,242,.25); }
  .context-map>span:nth-of-type(1){left:8%;top:54%}.context-map>span:nth-of-type(2){right:8%;top:27%}.context-map>span:nth-of-type(3){right:7%;bottom:14%}
  .astrid-app__context>section { padding:14px 0;border-top:1px solid rgba(255,255,255,.055); }
  .context-section-head { display:flex;align-items:center;justify-content:space-between;margin-bottom:9px; }
  .context-section-head>span { font:600 .75rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--app-faint); }
  .context-section-head>button { color:rgba(139,233,255,.55);font-size:.8125rem; }
  .context-project { display:grid;grid-template-columns:33px 1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:rgba(255,255,255,.017); }
  .context-project>i { display:grid;width:31px;height:31px;place-items:center;border-radius:7px;background:rgba(139,233,255,.045);color:var(--cyan); }
  .context-project>div { display:grid;gap:2px; }
  .context-project strong,.context-file strong { font-size:.75rem; }
  .context-project small,.context-file small { color:var(--app-faint);font-size:.75rem; }
  .context-project>em { font:600 .75rem/1 var(--font-mono);font-style:normal;letter-spacing:.1em;color:rgba(118,229,172,.65); }
  .context-file { display:grid;grid-template-columns:30px 1fr 25px;align-items:center;gap:9px;padding:8px 6px;border-radius:7px;transition:background .25s,transform .35s var(--ease-out); }
  .context-file:hover { background:rgba(255,255,255,.025);transform:translateX(-2px); }
  .context-file>i { display:grid;width:27px;height:27px;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:6px;font:600 .75rem/1 var(--font-mono);font-style:normal;color:rgba(181,146,255,.72); }
  .context-file>div { display:grid;gap:1px;min-width:0; }
  .context-file>button { color:var(--app-faint); }
  .context-memory { display:grid;grid-template-columns:8px 1fr;align-items:start;gap:8px;padding:9px;border-radius:8px;background:rgba(255,255,255,.018); }
  .context-memory p { font-size:.875rem;line-height:1.5;color:rgba(245,245,242,.42); }
  .context-trace>div:not(.context-section-head) { display:flex;align-items:center;justify-content:space-between;padding:5px 0;font-size:.75rem; }
  .context-trace>div>span { color:var(--app-faint); }
  .context-trace>div>strong { font-weight:520;color:rgba(245,245,242,.6); }
  .astrid-app__context.is-context-shifted .context-map { animation:context-shift .52s var(--ease-out); }
  @keyframes context-shift { 35%{transform:scale(.985);filter:brightness(1.25)} }

  .astrid-app__main { position:relative;z-index:2;min-width:0;display:grid;grid-template-rows:58px minmax(0,1fr) auto;background:rgba(9,10,12,.42); }
  .app-topbar { position:relative;z-index:12;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--app-line);background:rgba(8,9,10,.7);backdrop-filter:blur(18px); }
  .app-topbar::after { content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--route-accent),.12),transparent); }
  .app-topbar>div { display:flex;align-items:center;gap:8px; }
  .app-topbar>div:first-child>.icon-button { display:none; }
  .app-coordinate { margin-right:2px;font:600 .75rem/1 var(--font-mono);letter-spacing:.14em;color:rgba(139,233,255,.3); }
  .app-title { display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:7px;color:rgba(245,245,242,.72);font-size:.75rem; }
  .app-title:hover { background:rgba(255,255,255,.03); }
  .app-field-state { display:flex;align-items:center;gap:7px;margin-right:3px;padding-right:10px;border-right:1px solid rgba(255,255,255,.06);font:600 .75rem/1 var(--font-mono);letter-spacing:.1em;color:rgba(245,245,242,.28); }
  .app-field-state>i { width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px rgba(139,233,255,.45); }
  .astrid-app[data-mode="reasoning"] .app-field-state>i { background:var(--violet);box-shadow:0 0 8px rgba(181,146,255,.45); }
  .astrid-app[data-mode="research"] .app-field-state>i { background:var(--gold);box-shadow:0 0 8px rgba(233,201,135,.45); }
  .demo-badge { border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.02);font-size:.75rem;letter-spacing:.09em; }
  .app-model-selector { display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:7px;color:rgba(245,245,242,.66);font-size:.75rem; }
  .app-model-selector:hover { background:rgba(255,255,255,.03); }
  .model-swatch { flex:none;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px currentColor; }
  .model-swatch--violet { background:var(--violet);color:var(--violet); }.model-swatch--gold{background:var(--gold);color:var(--gold)}.model-swatch--blue{background:var(--blue);color:var(--blue)}.model-swatch--cyan{background:var(--cyan);color:var(--cyan)}
  .app-topbar .icon-button { position:relative;width:31px;height:31px;color:rgba(245,245,242,.48); }
  .app-context-count { position:absolute;right:1px;top:1px;display:grid;width:12px;height:12px;place-items:center;border-radius:50%;background:rgba(139,233,255,.13);color:var(--cyan);font:600 .75rem/1 var(--font-mono);font-style:normal; }
  .app-model-menu { right:48px;top:50px;width:min(390px,calc(100vw - 24px));padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(11,12,14,.96);box-shadow:0 26px 100px rgba(0,0,0,.58);backdrop-filter:blur(24px); }
  .app-model-menu>header { display:grid;gap:2px;padding:9px 11px 10px;border-bottom:1px solid rgba(255,255,255,.055); }
  .app-model-menu>header span { font:600 .75rem/1 var(--font-mono);letter-spacing:.15em;color:rgba(139,233,255,.45); }
  .app-model-menu>header small { color:var(--app-faint);font-size:.75rem; }
  .app-model-menu>button { grid-template-columns:12px 1fr 18px;gap:10px;padding:10px;border-radius:8px; }
  .app-model-menu>button>div { display:grid;grid-template-columns:1fr auto;gap:2px 10px; }
  .app-model-menu>button strong { font-size:.8125rem; }.app-model-menu>button small{grid-column:1/-1;font-size:.8125rem}.app-model-menu>button em{grid-column:2;grid-row:1;font:500 .8125rem/1 var(--font-mono);font-style:normal;color:var(--app-faint)}

  .app-conversation { position:relative;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent; }
  .app-conversation::before { content:"";position:fixed;z-index:1;left:272px;right:326px;top:58px;height:70px;pointer-events:none;background:linear-gradient(180deg,rgba(9,10,12,.68),transparent); }
  .app-welcome { position:relative;width:min(100%,1040px);min-height:100%;margin:0 auto;padding:clamp(76px,10vh,126px) clamp(34px,5.6vw,82px) 72px;text-align:left;display:flex;flex-direction:column;justify-content:center; }
  .app-welcome>div { display:block;width:auto;height:auto;margin:0;border:0;border-radius:0;background:none; }
  .app-welcome__aperture { position:absolute!important;right:clamp(30px,6vw,90px);top:clamp(60px,10vh,112px);width:180px!important;height:180px!important;pointer-events:none; }
  .app-welcome__aperture>i { position:absolute;inset:0;border:1px solid rgba(139,233,255,.075);border-radius:50%;transform:scaleY(.38) rotate(23deg); }
  .app-welcome__aperture>i:nth-child(2){inset:19%;transform:scaleX(.42) rotate(-29deg);border-color:rgba(181,146,255,.075)}
  .app-welcome__aperture>i:nth-child(3){inset:37%;transform:scaleY(.54) rotate(48deg);border-color:rgba(233,201,135,.06)}
  .app-welcome__aperture>span { position:absolute;left:50%;top:50%;display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(139,233,255,.12);border-radius:50%;background:rgba(9,10,12,.72);transform:translate(-50%,-50%); }
  .app-welcome__aperture .logo__mark { width:18px;height:18px; }
  .app-welcome__index { margin:0 0 18px!important;font:600 .75rem/1 var(--font-mono)!important;letter-spacing:.16em!important;color:rgba(139,233,255,.34)!important;text-transform:uppercase; }
  .app-welcome h1 { max-width:760px;margin:0;font-size:clamp(3.3rem,6.2vw,7.1rem);line-height:.88;letter-spacing:-.07em;font-weight:480; }
  .app-welcome h1 em { color:rgba(245,245,242,.42);font-style:normal; }
  .app-welcome>p:not(.app-welcome__index) { max-width:600px;margin-top:22px;font-size:clamp(.72rem,1vw,.9rem);line-height:1.65;color:rgba(245,245,242,.48); }
  .app-welcome > .app-starters { display:grid;width:auto;height:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:clamp(42px,7vh,76px) 0 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07); }
  .app-starters button { position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr;gap:10px 8px;min-height:174px;padding:17px 18px 19px;border:0;border-right:1px solid rgba(255,255,255,.06);border-radius:0;background:transparent;text-align:left;overflow:hidden;transform:none;transition:background .35s,transform .5s var(--ease-out); }
  .app-starters button:last-child { border-right:0; }
  .app-starters button::before { content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,233,255,.58),transparent);transform:scaleX(0);transition:transform .45s var(--ease-out); }
  .app-starters button:hover,.app-starters button:focus-visible { transform:translateY(-5px);background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(139,233,255,.025));border-color:rgba(255,255,255,.06); }
  .app-starters button:hover::before,.app-starters button:focus-visible::before { transform:scaleX(1); }
  .app-starters .starter-index { display:block!important;grid-column:1;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:none!important;color:rgba(139,233,255,.38)!important;font:600 .75rem/1 var(--font-mono)!important;letter-spacing:.12em; }
  .app-starters button>i { grid-column:2;grid-row:1;display:grid;color:rgba(245,245,242,.32);font-style:normal; }
  .app-starters button>strong { grid-column:1/-1;display:block;font-size:.8125rem;letter-spacing:-.018em; }
  .app-starters button>small { grid-column:1/-1;display:block;align-self:start;color:rgba(245,245,242,.36);font-size:.8125rem;line-height:1.5; }
  .app-starters button>b { position:absolute;right:15px;bottom:14px;color:rgba(245,245,242,.18);transition:transform .35s var(--ease-spring),color .3s; }
  .app-starters button:hover>b { color:var(--cyan);transform:translateX(3px); }
  .app-welcome > .app-welcome__foot { display:flex;width:auto;height:auto;align-items:center;justify-content:space-between;margin:13px 0 0;color:rgba(245,245,242,.22);font:500 .75rem/1 var(--font-mono);letter-spacing:.1em; }
  .app-welcome__foot span:first-child { display:flex;align-items:center;gap:7px; }
  .app-welcome__foot i { width:4px;height:4px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(118,229,172,.4); }

  .app-thread { position:relative;width:min(100%,900px);min-height:100%;margin:0 auto;padding:72px clamp(24px,5vw,72px) 170px; }
  .app-workstream-spine { position:absolute;left:37px;top:76px;bottom:130px;width:1px;pointer-events:none; }
  .app-workstream-spine i { position:absolute;inset:0;background:linear-gradient(transparent,rgba(139,233,255,.18) 8%,rgba(181,146,255,.12) 76%,transparent); }
  .app-workstream-spine b { position:absolute;left:-2px;top:26px;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px rgba(139,233,255,.5); }
  .app-brief { position:relative;display:grid;grid-template-columns:82px 1fr;gap:18px;margin:0 0 44px;padding-left:10px; }
  .app-brief__rail { display:grid;grid-template-rows:auto 1fr auto;justify-items:start;gap:9px;padding-top:3px;font:600 .75rem/1 var(--font-mono);letter-spacing:.11em;color:rgba(245,245,242,.26); }
  .app-brief__rail i { width:1px;min-height:42px;margin-left:2px;background:linear-gradient(rgba(139,233,255,.45),transparent); }
  .app-brief__rail b { font-size:.75rem;font-weight:500;color:rgba(245,245,242,.16); }
  .app-brief__body { padding:17px 18px 15px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.018); }
  .app-brief__body header { display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:rgba(245,245,242,.28);font:600 .75rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase; }
  .app-brief__body header button { color:var(--app-faint); }
  .app-brief__body>p { color:rgba(245,245,242,.72);font-size:.875rem;line-height:1.55; }
  .app-brief__anchors { display:flex;flex-wrap:wrap;gap:6px;margin-top:14px; }
  .app-brief__anchors span { padding:5px 8px;border:1px solid rgba(255,255,255,.055);border-radius:999px;color:rgba(245,245,242,.35);font:500 .75rem/1 var(--font-mono); }
  .app-synthesis { position:relative;padding-left:10px; }
  .app-synthesis__axis { position:absolute;left:-23px;top:7px;bottom:0;width:1px; }
  .app-synthesis__axis i { position:absolute;inset:0;background:linear-gradient(rgba(139,233,255,.36),rgba(181,146,255,.16),transparent); }
  .app-synthesis__axis b { position:absolute;left:-3px;top:0;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px rgba(139,233,255,.55); }
  .app-synthesis__axis span { position:absolute;left:-2px;top:52%;width:5px;height:5px;border-radius:50%;border:1px solid rgba(181,146,255,.45);background:#090a0b; }
  .app-synthesis__head { display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.065); }
  .app-synthesis__head>div { display:flex;align-items:center;gap:10px; }
  .app-synthesis__head .logo__mark { width:22px;height:22px; }
  .app-synthesis__head>div>span { display:grid;gap:3px; }
  .app-synthesis__head small,.app-synthesis__head em { font:600 .75rem/1 var(--font-mono);letter-spacing:.12em;color:rgba(139,233,255,.38);font-style:normal; }
  .app-synthesis__head strong { font:500 .75rem/1 var(--font-mono);letter-spacing:.06em;color:rgba(245,245,242,.38); }
  .app-synthesis__head em { color:rgba(245,245,242,.2); }
  .app-thinking { display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:9px;margin-top:20px;padding:12px 14px;border:1px solid rgba(139,233,255,.075);border-radius:9px;background:rgba(139,233,255,.02);color:rgba(245,245,242,.48);font:500 .75rem/1 var(--font-mono);letter-spacing:.04em; }
  .app-thinking>i { width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px rgba(139,233,255,.5);animation:thinking-core 1.8s ease-in-out infinite; }
  .app-thinking>b { width:54px;height:1px;background:linear-gradient(90deg,rgba(139,233,255,.35),transparent);animation:thinking-line 1.8s ease-in-out infinite; }
  @keyframes thinking-core { 50%{transform:scale(1.7);opacity:.35} }
  @keyframes thinking-line { 50%{transform:scaleX(.35);transform-origin:left;opacity:.3} }
  .app-response-content { padding-top:24px; }
  .app-response-lead>span,.app-response-section>span,.app-next-move>span { font:600 .75rem/1 var(--font-mono);letter-spacing:.13em;color:rgba(139,233,255,.36); }
  .app-response-lead h2 { max-width:720px;margin-top:9px;font-size:clamp(2rem,3.5vw,3.8rem);line-height:.98;letter-spacing:-.055em; }
  .app-response-lead p { max-width:700px;margin-top:16px;color:rgba(245,245,242,.55);font-size:.875rem;line-height:1.68; }
  .app-response-section { position:relative;display:grid;grid-template-columns:43px 1fr;gap:14px;padding:24px 0;border-top:1px solid rgba(255,255,255,.06); }
  .app-response-section>span { padding-top:4px;color:rgba(245,245,242,.2); }
  .app-response-section h3 { font-size:1.08rem;letter-spacing:-.035em; }
  .app-response-section p { max-width:680px;margin-top:8px;color:rgba(245,245,242,.5);font-size:.875rem;line-height:1.65; }
  .app-response-section>i { position:absolute;left:0;bottom:-1px;width:calc(var(--section-progress,.7)*32%);height:1px;background:linear-gradient(90deg,rgba(139,233,255,.34),transparent); }
  .app-next-move { margin-top:8px;padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:linear-gradient(120deg,rgba(139,233,255,.025),rgba(255,255,255,.012)); }
  .app-next-move p { margin-top:9px;color:rgba(245,245,242,.6);font-size:.875rem;line-height:1.6; }
  .app-next-move button { display:flex;align-items:center;gap:7px;margin-top:14px;color:rgba(139,233,255,.65);font-size:.8125rem; }
  .app-source-row { display:flex;flex-wrap:wrap;gap:6px;margin-top:13px; }
  .app-source-row span { display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(255,255,255,.05);border-radius:999px;color:rgba(245,245,242,.3);font:500 .75rem/1 var(--font-mono); }
  .app-source-row i { width:4px;height:4px;border-radius:50%;background:var(--green); }
  .app-synthesis__actions { display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.045); }
  .app-synthesis__actions>span { font:500 .75rem/1 var(--font-mono);letter-spacing:.1em;color:rgba(245,245,242,.16); }
  .app-synthesis__actions>div { display:flex;gap:3px; }
  .app-synthesis__actions button { display:grid;width:28px;height:28px;place-items:center;border-radius:7px;color:rgba(245,245,242,.28);transition:background .25s,color .25s; }
  .app-synthesis__actions button:hover { background:rgba(255,255,255,.035);color:rgba(245,245,242,.7); }
  .generation-stopped { margin-top:16px;padding:10px 12px;border-left:1px solid rgba(233,201,135,.5);background:rgba(233,201,135,.025);color:rgba(233,201,135,.55)!important;font:500 .75rem/1.5 var(--font-mono)!important; }
  .stream-in { animation:app-stream-in .58s var(--ease-out) both; }
  @keyframes app-stream-in { from{opacity:0;transform:translateY(12px);filter:blur(4px)} to{opacity:1;transform:none;filter:none} }

  .app-composer-area { position:relative;z-index:8;width:min(calc(100% - 48px),860px);margin:0 auto;padding:0 0 12px; }
  .app-composer-area::before { content:"";position:absolute;z-index:-1;left:-15%;right:-15%;bottom:0;height:120px;background:linear-gradient(0deg,#090a0c 40%,transparent);pointer-events:none; }
  .app-modes { position:absolute;z-index:3;left:18px;top:-24px;display:flex;gap:2px;padding:3px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(12,13,15,.94);box-shadow:0 8px 26px rgba(0,0,0,.25);backdrop-filter:blur(16px); }
  .app-modes button { position:relative;display:grid;grid-template-columns:6px auto;grid-template-rows:auto auto;align-items:center;gap:2px 7px;padding:7px 10px;border-radius:7px;color:rgba(245,245,242,.31);text-align:left;transition:background .25s,color .25s; }
  .app-modes button>i { grid-row:1/3;width:4px;height:4px;border-radius:50%;border:1px solid rgba(139,233,255,.35); }
  .app-modes button span { font-size:.8125rem; }
  .app-modes button small { font-size:.8125rem;color:rgba(245,245,242,.2); }
  .app-modes button.active { background:rgba(255,255,255,.04);color:rgba(245,245,242,.72); }
  .app-modes button.active>i { background:var(--cyan);box-shadow:0 0 8px rgba(139,233,255,.45); }
  .astrid-app[data-mode="reasoning"] .app-modes button.active>i { background:var(--violet);box-shadow:0 0 8px rgba(181,146,255,.45); }
  .astrid-app[data-mode="research"] .app-modes button.active>i { background:var(--gold);box-shadow:0 0 8px rgba(233,201,135,.45); }
  .app-composer { position:relative;isolation:isolate;padding:21px 16px 11px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(15,16,19,.9);box-shadow:0 26px 80px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.025);backdrop-filter:blur(20px);transition:border-color .35s,transform .5s var(--ease-out),box-shadow .35s;overflow:hidden; }
  .app-composer::before { content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at calc(12% + var(--intent-energy,0)*34%) 120%,rgba(139,233,255,calc(.02 + var(--intent-energy,0)*.045)),transparent 48%); }
  .app-composer::after { content:"";position:absolute;left:12%;right:12%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(139,233,255,calc(.15 + var(--intent-energy,0)*.4)),transparent);transform:scaleX(calc(.25 + var(--intent-energy,0)*.75));transition:transform .35s,background .35s; }
  .astrid-app.is-composing .app-composer { border-color:rgba(139,233,255,.2);transform:translateY(-2px);box-shadow:0 32px 100px rgba(0,0,0,.42),0 0 0 1px rgba(139,233,255,.025); }
  .app-composer__aperture { position:absolute;right:18px;top:15px;width:37px;height:37px;pointer-events:none;opacity:.42; }
  .app-composer__aperture i,.app-composer__aperture span { position:absolute;inset:0;border:1px solid rgba(139,233,255,.14);border-radius:50%;transform:scaleY(.4) rotate(30deg); }
  .app-composer__aperture span { inset:9px;transform:scaleX(.45) rotate(-36deg);border-color:rgba(181,146,255,.14); }
  .app-composer textarea { width:calc(100% - 48px);min-height:28px;max-height:180px;padding:4px 2px;color:rgba(245,245,242,.82);font-size:.8125rem;line-height:1.5; }
  .app-composer textarea::placeholder { color:rgba(245,245,242,.28); }
  .app-composer__bottom { display:flex;align-items:center;justify-content:space-between;margin-top:8px; }
  .app-composer__bottom>div { display:flex;align-items:center;gap:4px; }
  .app-composer__bottom button:not(.app-send) { display:grid;width:28px;height:28px;place-items:center;border-radius:7px;color:rgba(245,245,242,.35); }
  .app-composer__bottom button:not(.app-send):hover { background:rgba(255,255,255,.035);color:rgba(245,245,242,.68); }
  .app-composer__bottom button.is-recording { color:var(--red);background:rgba(241,141,147,.06); }
  .app-composer__boundary { margin-left:7px;color:rgba(245,245,242,.2);font:500 .75rem/1 var(--font-mono);letter-spacing:.035em; }
  .app-composer__bottom>span { color:rgba(139,233,255,.27);font:600 .75rem/1 var(--font-mono);letter-spacing:.1em; }
  .app-send { display:grid!important;width:31px!important;height:31px!important;place-items:center;border-radius:50%!important;background:rgba(245,245,242,.9)!important;color:#090a0b!important;transition:transform .35s var(--ease-spring),background .25s!important; }
  .app-send:hover { transform:scale(1.06);background:#fff!important; }
  .astrid-app.is-generating .app-send { background:rgba(139,233,255,.9)!important; }
  .app-composer-area>p { margin-top:7px;text-align:center;color:rgba(245,245,242,.17);font-size:.875rem; }

  .app-mobile-backdrop { z-index:20;background:rgba(5,5,6,.68);backdrop-filter:blur(4px); }

  /* Responsive launch pass */
  @media (max-width: 1320px) {
    .astrid-app { grid-template-columns:248px minmax(0,1fr) 298px; }
    .app-conversation::before { left:248px;right:298px; }
    .app-welcome { padding-inline:38px; }
    .app-starters button { padding-inline:14px; }
    .app-field-state span { display:none; }
  }

  @media (max-width: 1120px) {
    .route-field-rail { right:10px;opacity:.55; }
    .route-field-corner { display:none; }
    .page-intro__signature { opacity:.6;right:-6vw; }
    .section-heading__mark { left:-22px; }
    .astrid-app { grid-template-columns:236px minmax(0,1fr); }
    .app-conversation::before { left:236px;right:0; }
    .astrid-app__context { position:fixed;z-index:25;right:0;top:0;bottom:0;width:326px;transform:translateX(102%);box-shadow:-30px 0 90px rgba(0,0,0,.45);transition:transform .45s var(--ease-out); }
    .astrid-app__context.is-open { transform:translateX(0); }
    .astrid-app__context>header button { display:grid; }
  }

  @media (max-width: 900px) {
    .global-field-layer__axis { width:70vw;right:-26vw;opacity:.45; }
    .route-field-rail { display:none; }
    .page-intro { min-height:760px; }
    .page-intro__signature { width:72vw;right:-28vw;top:42%;opacity:.38; }
    .page-intro__coordinate { display:none; }
    .section-heading__mark { display:none; }
    .field-reactive { transform:none; }
    .capability-stage::before { display:none; }
    .astrid-app { display:block; }
    .astrid-app__sidebar { position:fixed;z-index:26;left:0;top:0;bottom:0;width:min(292px,88vw);transform:translateX(-102%);box-shadow:30px 0 90px rgba(0,0,0,.48);transition:transform .45s var(--ease-out); }
    .astrid-app__sidebar.is-open { transform:translateX(0); }
    .app-sidebar__brand>button { display:grid; }
    .astrid-app__main { height:100dvh;grid-template-rows:56px minmax(0,1fr) auto; }
    .app-conversation::before { left:0;right:0;top:56px; }
    .app-topbar>div:first-child>.icon-button { display:grid; }
    .app-coordinate { display:none; }
    .app-welcome { width:min(100%,760px);padding-inline:28px; }
    .app-welcome__aperture { right:28px;opacity:.65; }
    .app-starters button { min-height:155px; }
    .app-thread { padding-inline:38px; }
    .app-workstream-spine { left:18px; }
    .app-composer-area { width:calc(100% - 28px); }
  }

  @media (max-width: 700px) {
    .global-field-layer__veil { opacity:.7; }
    .page-intro { min-height:700px; }
    .page-intro__signature { top:34%; }
    .page-intro__horizon span { display:none; }
    .site-header__signal { display:none; }
    .app-field-state,.demo-badge { display:none; }
    .app-model-selector { max-width:132px; }
    .app-welcome { justify-content:flex-start;padding-top:86px;padding-bottom:54px; }
    .app-welcome__aperture { width:130px!important;height:130px!important;top:46px;right:16px;opacity:.45; }
    .app-welcome h1 { max-width:520px;font-size:clamp(3rem,12vw,5rem); }
    .app-welcome>p:not(.app-welcome__index) { max-width:490px;font-size:.875rem; }
    .app-welcome > .app-starters { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .app-starters button:nth-child(2) { border-right:0; }
    .app-starters button:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.06); }
    .app-starters button { min-height:142px;padding:14px; }
    .app-welcome__foot span:last-child { display:none; }
    .app-thread { padding:55px 20px 155px 32px; }
    .app-brief { grid-template-columns:1fr;gap:8px;padding-left:0; }
    .app-brief__rail { display:flex;align-items:center;gap:8px; }
    .app-brief__rail i { width:28px;min-height:1px;height:1px;margin:0;background:linear-gradient(90deg,rgba(139,233,255,.45),transparent); }
    .app-synthesis { padding-left:0; }
    .app-synthesis__axis { left:-15px; }
    .app-response-section { grid-template-columns:32px 1fr; }
    .app-modes { left:10px;right:10px;top:-27px;overflow-x:auto; }
    .app-modes button { flex:1;min-width:max-content; }
    .app-composer { padding-inline:13px;border-radius:14px; }
    .app-composer__boundary { display:none; }
    .app-composer__bottom>span { display:none; }
    .app-context__field { height:240px; }
  }

  @media (max-width: 430px) {
    .global-field-layer { opacity:.62; }
    .global-field-layer__axis { display:none; }
    .page-intro { min-height:650px; }
    .page-intro__signature { width:84vw;right:-43vw;opacity:.3; }
    .app-topbar { padding:0 7px; }
    .app-topbar>div { gap:3px; }
    .app-title { max-width:114px;padding-inline:5px; }
    .app-title span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
    .app-model-selector { max-width:115px;padding-inline:5px; }
    .app-model-selector span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
    .app-model-menu { right:7px;top:49px;width:calc(100vw - 14px); }
    .app-welcome { min-height:auto;padding:76px 12px 44px; }
    .app-welcome__index { font-size:.75rem!important;margin-bottom:13px!important; }
    .app-welcome h1 { font-size:clamp(2.7rem,14vw,4rem); }
    .app-welcome>p:not(.app-welcome__index) { margin-top:16px;font-size:.875rem;line-height:1.55; }
    .app-welcome__aperture { width:100px!important;height:100px!important;right:5px;top:40px;opacity:.32; }
    .app-welcome__aperture>span { width:31px;height:31px; }
    .app-welcome > .app-starters { margin-top:30px; }
    .app-starters button { min-height:128px;padding:12px 11px; }
    .app-starters button>strong { font-size:.8125rem; }
    .app-starters button>small { font-size:.8125rem;line-height:1.42; }
    .app-starters button>b { right:9px;bottom:9px; }
    .app-welcome > .app-welcome__foot { font-size:.75rem; }
    .app-composer-area { width:calc(100% - 14px);padding-bottom:max(7px,env(safe-area-inset-bottom)); }
    .app-modes { left:6px;right:6px; }
    .app-modes button { padding:6px 7px; }
    .app-modes button small { display:none; }
    .app-composer { padding:18px 10px 8px; }
    .app-composer textarea { width:calc(100% - 38px);font-size:.8125rem; }
    .app-composer__aperture { right:11px;top:11px;width:31px;height:31px; }
    .app-composer-area>p { padding-inline:10px;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
    .app-thread { padding:45px 12px 145px 22px; }
    .app-workstream-spine { left:9px; }
    .app-brief__body { padding:14px 13px; }
    .app-brief__body>p { font-size:.875rem; }
    .app-response-lead h2 { font-size:2.1rem; }
    .app-response-lead p { font-size:.875rem; }
    .app-response-section { grid-template-columns:25px 1fr;gap:8px;padding:19px 0; }
    .app-response-section h3 { font-size:.94rem; }
    .app-response-section p { font-size:.875rem; }
    .app-next-move { padding:14px; }
    .app-synthesis__actions>span { display:none; }
    .astrid-app__context { width:min(326px,94vw); }
  }

  @media (max-width: 350px) {
    .app-title { max-width:84px; }
    .app-model-selector { max-width:95px; }
    .app-welcome { padding-inline:9px; }
    .app-welcome h1 { font-size:2.55rem; }
    .app-starters button { min-height:124px;padding:10px 9px; }
    .app-starters button>small { font-size:.8125rem; }
    .app-composer-area>p { display:none; }
  }

  @media (hover: none), (pointer: coarse) {
    .field-reactive { transform:none!important; }
    .field-reactive::after { display:none; }
    .news-card__graphic::after { display:none; }
  }

  @media (prefers-reduced-motion: reduce) {
    .global-field-layer__axis,.site-header__signal b,.page--safety .safety-hero__seal::after,.code-block::after,.not-found::after,.app-field-axis,.app-thinking>i,.app-thinking>b { animation:none!important; }
    .field-reactive,.app-welcome,.page-intro__content { transform:none!important; }
    .page-transition__shutter,.page-transition__line,.page-transition__core,.page-transition__label { animation:none!important;transition:none!important; }
    .page-transition.is-entering { opacity:1; }
    .page-transition.is-leaving { opacity:0; }
    .app-starters button:hover { transform:none; }
    .stream-in { animation:none!important; }
  }
}

@layer launch {
  /* Subscription controls: preserve the custom visual while keeping every checkbox
     in its own hit/focus context. */
  .subscribe-services label { position: relative; isolation: isolate; }
  .subscribe-services input {
    left: 12px;
    top: 50%;
    width: 17px;
    height: 17px;
    margin: 0;
    transform: translateY(-50%);
  }
  .subscribe-services label:focus-within {
    border-color: rgba(var(--route-accent), .52);
    box-shadow: 0 0 0 3px rgba(var(--route-accent), .08);
  }
}

@layer launch {
  @media (min-width: 1121px) {
    .astrid-app {
      transition: grid-template-columns .62s var(--ease-out);
    }
    .astrid-app__context {
      transition: opacity .38s ease, transform .55s var(--ease-out), padding .45s var(--ease-out), border-color .4s ease;
    }
    .astrid-app.is-context-collapsed {
      grid-template-columns: 272px minmax(0,1fr) 0;
    }
    .astrid-app.is-context-collapsed .astrid-app__context {
      min-width: 0;
      padding-inline: 0;
      border-left-color: transparent;
      opacity: 0;
      transform: translateX(22px);
      overflow: hidden;
      pointer-events: none;
    }
    .astrid-app.is-context-collapsed .app-conversation::before { right: 0; }
  }
  @media (min-width: 1121px) and (max-width: 1320px) {
    .astrid-app.is-context-collapsed { grid-template-columns:248px minmax(0,1fr) 0; }
  }
}

@layer launch {
  @media (max-width: 700px) {
    .command-dialog {
      top: auto;
      margin: 8px auto 0;
      width: calc(100% - 16px);
      max-height: calc(100dvh - 16px);
    }
  }
}

@layer launch {
  :root {
    --max-ice: 222, 247, 255;
    --max-blue: 113, 175, 255;
    --max-violet: 176, 151, 255;
    --max-gold: 234, 202, 137;
    --max-line: rgba(191, 215, 255, 0.14);
    --max-faint: rgba(222, 247, 255, 0.46);
  }

  /* Astrid Max signature primitives */
  .badge--max {
    color: rgb(var(--max-ice));
    border-color: rgba(var(--max-blue), .24);
    background: linear-gradient(120deg, rgba(var(--max-blue), .1), rgba(var(--max-violet), .065));
  }
  .model-swatch--max {
    position: relative;
    background: conic-gradient(from 32deg, rgb(var(--max-ice)), rgb(var(--max-blue)), rgb(var(--max-violet)), rgb(var(--max-gold)), rgb(var(--max-ice)));
    box-shadow: 0 0 0 1px rgba(var(--max-ice), .16), 0 0 14px rgba(var(--max-blue), .12);
  }
  .model-swatch--max::after {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: inherit;
    background: #0c0d10;
  }
  .launch-pulse {
    position: relative;
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 7px;
    border-radius: 50%;
    background: rgb(var(--max-ice));
    box-shadow: 0 0 0 4px rgba(var(--max-blue), .07), 0 0 18px rgba(var(--max-blue), .35);
    vertical-align: 1px;
  }
  .launch-pulse::after {
    content: "";
    position: absolute;
    inset: -5px;
    border: 1px solid rgba(var(--max-ice), .25);
    border-radius: 50%;
    animation: max-pulse 3.8s var(--ease-out) infinite;
  }
  @keyframes max-pulse {
    0%, 42% { opacity: 0; transform: scale(.55); }
    52% { opacity: .72; }
    78%, 100% { opacity: 0; transform: scale(1.72); }
  }

  [data-flagship-surface] {
    --apex-x: 62%;
    --apex-y: 46%;
    --apex-shift-x: 0px;
    --apex-shift-y: 0px;
    isolation: isolate;
  }
  [data-flagship-surface]::after {
    content: "";
    position: absolute;
    z-index: 0;
    left: var(--apex-x);
    top: var(--apex-y);
    width: min(54vw, 740px);
    aspect-ratio: 1;
    transform: translate(-50%, -50%) translate3d(var(--apex-shift-x), var(--apex-shift-y), 0);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--max-ice), .035), rgba(var(--max-blue), .018) 30%, transparent 68%);
    opacity: .55;
    pointer-events: none;
    transition: opacity .8s ease, transform 1.1s var(--ease-out);
  }
  [data-flagship-surface].is-flagship-active::after { opacity: .95; }
  [data-flagship-surface] > * { position: relative; z-index: 1; }

  .max-aperture {
    --aperture-size: min(38vw, 520px);
    position: relative;
    width: var(--aperture-size);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    isolation: isolate;
    transform: translate3d(var(--apex-shift-x, 0px), var(--apex-shift-y, 0px), 0);
    transition: transform 1s var(--ease-out);
  }
  .max-aperture::before,
  .max-aperture::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
  }
  .max-aperture::before {
    inset: 12%;
    border: 1px solid rgba(var(--max-ice), .13);
    box-shadow: inset 0 0 90px rgba(var(--max-blue), .035), 0 0 90px rgba(var(--max-violet), .025);
    transform: scaleY(.46) rotate(21deg);
  }
  .max-aperture::after {
    inset: 31%;
    background: radial-gradient(circle, rgba(var(--max-ice), .2), rgba(var(--max-blue), .055) 19%, transparent 61%);
    filter: blur(1px);
    animation: max-core-breathe 5.8s ease-in-out infinite;
  }
  .max-aperture__rings,
  .max-aperture__vectors {
    position: absolute;
    inset: 0;
    pointer-events: none;
  }
  .max-aperture__rings i {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 84%;
    height: 30%;
    border: 1px solid rgba(var(--max-ice), .12);
    border-radius: 50%;
    transform: translate(-50%, -50%) rotate(var(--ring-r, -12deg));
    animation: max-ring-drift 18s ease-in-out infinite alternate;
  }
  .max-aperture__rings i:nth-child(2) {
    width: 66%; height: 22%;
    --ring-r: 34deg;
    border-color: rgba(var(--max-violet), .14);
    animation-duration: 23s;
    animation-direction: alternate-reverse;
  }
  .max-aperture__rings i:nth-child(3) {
    width: 47%; height: 15%;
    --ring-r: -51deg;
    border-color: rgba(var(--max-gold), .12);
    animation-duration: 15s;
  }
  .max-aperture__rings i:nth-child(4) {
    width: 96%; height: 38%;
    --ring-r: 7deg;
    border-style: dashed;
    border-color: rgba(var(--max-blue), .085);
    animation-duration: 31s;
  }
  .max-aperture__vectors i {
    position: absolute;
    left: 50%; top: 50%;
    width: 42%; height: 1px;
    transform-origin: left center;
    transform: rotate(calc(var(--i, 0) * 72deg));
    background: linear-gradient(90deg, rgba(var(--max-ice), .35), rgba(var(--max-blue), .08) 38%, transparent);
  }
  .max-aperture__vectors i::before,
  .max-aperture__vectors i::after {
    content: "";
    position: absolute;
    top: 50%;
    border-radius: 50%;
    transform: translateY(-50%);
  }
  .max-aperture__vectors i::before { left: 42%; width: 3px; height: 3px; background: rgba(var(--max-ice), .55); }
  .max-aperture__vectors i::after { left: 73%; width: 2px; height: 2px; background: rgba(var(--max-gold), .55); }
  .max-aperture__core {
    position: relative;
    z-index: 2;
    display: grid;
    width: 102px;
    aspect-ratio: 1;
    place-items: center;
    border: 1px solid rgba(var(--max-ice), .18);
    border-radius: 50%;
    background: radial-gradient(circle at 42% 38%, rgba(var(--max-ice), .11), rgba(11, 12, 15, .9) 48%, rgba(8, 8, 10, .98));
    box-shadow: 0 24px 80px rgba(0, 0, 0, .48), inset 0 0 28px rgba(var(--max-blue), .035);
  }
  .max-aperture__core .logo__mark { width: 42px; height: 42px; }
  .max-aperture__label {
    position: absolute;
    left: 50%; bottom: 1%;
    transform: translateX(-50%);
    width: max-content;
    padding: 7px 10px;
    border: 1px solid rgba(var(--max-ice), .1);
    border-radius: 99px;
    background: rgba(8, 9, 11, .55);
    color: rgba(var(--max-ice), .42);
    font: 600 .75rem/1 var(--font-mono);
    letter-spacing: .16em;
    text-transform: uppercase;
    backdrop-filter: blur(12px);
  }
  .max-aperture--compact { --aperture-size: min(24vw, 310px); }
  .max-aperture--compact .max-aperture__core { width: 72px; }
  .max-aperture--compact .max-aperture__core .logo__mark { width: 30px; height: 30px; }
  @keyframes max-ring-drift {
    from { transform: translate(-50%, -50%) rotate(var(--ring-r, -12deg)) scale(.98); }
    to { transform: translate(-50%, -50%) rotate(calc(var(--ring-r, -12deg) + 17deg)) scale(1.025); }
  }
  @keyframes max-core-breathe {
    0%,100% { opacity: .65; transform: scale(.9); }
    50% { opacity: 1; transform: scale(1.1); }
  }

  /* Navigation launch integration */
  .site-header__brand-cluster {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-self: start;
    gap: 13px;
  }
  .site-header__launch {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 28px;
    padding: 0 9px 0 5px;
    border: 1px solid rgba(var(--max-ice), .09);
    border-radius: 99px;
    color: rgba(var(--max-ice), .62);
    background: rgba(255, 255, 255, .018);
    font-size: .75rem;
    white-space: nowrap;
    overflow: hidden;
    transition: border-color .25s ease, color .25s ease, background .25s ease, transform .3s var(--ease-out);
  }
  .site-header__launch::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, transparent 12%, rgba(var(--max-ice), .09), transparent 66%);
    transform: translateX(-120%);
    transition: transform .7s var(--ease-out);
  }
  .site-header__launch:hover { color: rgb(var(--max-ice)); border-color: rgba(var(--max-blue), .22); background: rgba(var(--max-blue), .04); transform: translateY(-1px); }
  .site-header__launch:hover::after { transform: translateX(120%); }
  .site-header__launch span {
    position: relative; z-index: 1;
    padding: 4px 6px;
    border-radius: 99px;
    background: rgba(var(--max-blue), .1);
    color: rgb(var(--max-ice));
    font: 650 .75rem/1 var(--font-mono);
    letter-spacing: .12em;
    text-transform: uppercase;
  }
  .site-header__launch strong { position: relative; z-index: 1; font-size: .75rem; font-weight: 610; letter-spacing: -.01em; }
  .mobile-menu__link strong small {
    display: block;
    margin-top: 4px;
    color: rgba(var(--max-ice), .38);
    font: 600 .75rem/1 var(--font-mono);
    letter-spacing: .13em;
    text-transform: uppercase;
  }

  /* Home launch signal */
  .home-hero__launch-note {
    position: absolute;
    z-index: 4;
    right: 0;
    top: clamp(148px, 18vh, 196px);
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 5px 12px;
    min-width: 286px;
    padding: 13px 14px;
    border-top: 1px solid rgba(var(--max-ice), .16);
    border-bottom: 1px solid rgba(255,255,255,.06);
    background: linear-gradient(90deg, rgba(7,7,8,.1), rgba(12,13,16,.58));
    backdrop-filter: blur(14px);
    transition: border-color .3s ease, background .3s ease, transform .45s var(--ease-out);
  }
  .home-hero__launch-note:hover { border-top-color: rgba(var(--max-ice), .36); background: linear-gradient(90deg, rgba(7,7,8,.15), rgba(15,16,20,.8)); transform: translateX(-4px); }
  .home-hero__launch-note > span {
    grid-row: 1 / 3;
    padding: 5px 6px;
    border: 1px solid rgba(var(--max-ice), .14);
    border-radius: 99px;
    color: rgb(var(--max-ice));
    font: 650 .75rem/1 var(--font-mono);
    letter-spacing: .12em;
    text-transform: uppercase;
  }
  .home-hero__launch-note strong { font-size: .75rem; line-height: 1; }
  .home-hero__launch-note i { color: var(--text-muted); font-size: .75rem; font-style: normal; }
  .home-hero__launch-note svg { grid-column: 3; grid-row: 1 / 3; color: rgba(var(--max-ice), .52); }

  .max-launch {
    position: relative;
    min-height: min(1040px, 100vh);
    display: flex;
    align-items: center;
    overflow: hidden;
    border-top: 1px solid rgba(255,255,255,.045);
    border-bottom: 1px solid rgba(255,255,255,.045);
    background: #08090b;
  }
  .max-launch__field,
  .max-model-hero__field,
  .product-max-bridge__field,
  .pricing-launch-signal__field,
  .max-upgrade-cta__field {
    position: absolute;
    z-index: -1;
    inset: -4%;
    opacity: .88;
    pointer-events: none;
  }
  .max-launch__veil {
    position: absolute;
    z-index: 0;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(8,9,11,.96) 0%, rgba(8,9,11,.78) 38%, rgba(8,9,11,.28) 67%, rgba(8,9,11,.8) 100%);
  }
  .max-launch__veil i {
    position: absolute;
    top: 8%; bottom: 8%;
    width: 1px;
    background: linear-gradient(transparent, rgba(var(--max-ice), .12), transparent);
  }
  .max-launch__veil i:first-child { left: 47%; }
  .max-launch__veil i:nth-child(2) { right: 7%; }
  .max-launch__veil span {
    position: absolute;
    right: 6%; top: 50%;
    width: min(44vw, 650px);
    aspect-ratio: 1.5;
    border: 1px solid rgba(var(--max-ice), .055);
    border-radius: 50%;
    transform: translateY(-50%) scaleY(.48) rotate(-9deg);
  }
  .max-launch__inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
    align-items: center;
    gap: clamp(70px, 9vw, 150px);
    padding-top: clamp(120px, 13vw, 180px);
    padding-bottom: clamp(120px, 13vw, 180px);
  }
  .max-launch__copy { max-width: 750px; }
  .max-launch__copy h2 {
    margin-top: 27px;
    font-size: clamp(4rem, 7.6vw, 8.8rem);
    line-height: .85;
    letter-spacing: -.07em;
  }
  .max-launch__lead {
    max-width: 670px;
    margin-top: 31px;
    color: rgba(245,245,242,.78);
    font-size: clamp(1rem, 1.35vw, 1.3rem);
    line-height: 1.56;
    letter-spacing: -.025em;
  }
  .max-launch__benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 46px;
    border-top: 1px solid rgba(255,255,255,.08);
  }
  .max-launch__benefits > span {
    position: relative;
    min-height: 135px;
    display: grid;
    grid-template-columns: 30px 1fr;
    align-content: start;
    gap: 7px 12px;
    padding: 21px 22px 18px 0;
    border-bottom: 1px solid rgba(255,255,255,.07);
  }
  .max-launch__benefits > span:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.07); }
  .max-launch__benefits > span:nth-child(even) { padding-left: 22px; }
  .max-launch__benefits small { grid-row: 1 / 3; color: rgba(var(--max-ice), .3); font: 600 .75rem/1.2 var(--font-mono); }
  .max-launch__benefits strong { color: rgba(245,245,242,.92); font-size: .79rem; letter-spacing: -.015em; }
  .max-launch__benefits em { color: var(--text-muted); font-size: .75rem; font-style: normal; line-height: 1.48; }
  .max-launch .button-row { align-items: center; margin-top: 36px; }
  .max-launch .demo-note { max-width: 610px; margin-top: 24px; }
  .max-launch__visual { display: grid; justify-items: center; align-content: center; min-width: 0; }
  .max-launch__readout {
    width: min(100%, 490px);
    margin-top: -38px;
    padding: 15px;
    border: 1px solid rgba(var(--max-ice), .1);
    border-radius: 14px;
    background: rgba(9,10,13,.72);
    box-shadow: 0 34px 100px rgba(0,0,0,.45);
    backdrop-filter: blur(20px);
  }
  .max-launch__readout header,
  .max-launch__readout footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; color: rgba(var(--max-ice), .35); font: 600 .75rem/1 var(--font-mono); letter-spacing: .13em; }
  .max-launch__readout header { padding: 2px 3px 13px; border-bottom: 1px solid rgba(255,255,255,.055); }
  .max-launch__readout header em { color: rgba(var(--max-gold), .5); font-style: normal; }
  .max-launch__readout > div {
    display: grid;
    grid-template-columns: 1fr 31px;
    gap: 7px 12px;
    align-items: center;
    padding: 11px 3px;
    border-bottom: 1px solid rgba(255,255,255,.045);
  }
  .max-launch__readout > div span { color: var(--text-muted); font-size: .75rem; }
  .max-launch__readout > div strong { text-align: right; font: 600 .75rem/1 var(--font-mono); }
  .max-launch__readout > div i {
    grid-column: 1 / -1;
    height: 2px;
    background: rgba(255,255,255,.045);
    overflow: hidden;
  }
  .max-launch__readout > div i::after { content: ""; display: block; width: var(--v); height: 100%; background: linear-gradient(90deg, rgba(var(--max-blue), .35), rgba(var(--max-ice), .82), rgba(var(--max-gold), .4)); transform-origin: left; animation: max-meter-in 1.2s .35s var(--ease-out) both; }
  .max-launch__readout footer { padding: 13px 3px 1px; }
  @keyframes max-meter-in { from { transform: scaleX(0); opacity: .3; } }

  /* Astrid AI flagship bridge */
  .product-max-bridge {
    overflow: hidden;
    background: linear-gradient(180deg, #08090a, #0a0a0d 58%, #08090a);
  }
  .product-max-bridge__inner {
    display: grid;
    grid-template-columns: minmax(410px, .9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: clamp(70px, 9vw, 145px);
  }
  .product-max-bridge__visual { position: relative; min-height: 650px; display: grid; place-items: center; }
  .product-max-workstream {
    position: absolute;
    right: 0;
    bottom: 5%;
    width: min(84%, 420px);
    padding: 14px;
    border: 1px solid rgba(var(--max-ice), .1);
    border-radius: 14px;
    background: rgba(10,11,14,.82);
    box-shadow: 0 28px 90px rgba(0,0,0,.45);
    backdrop-filter: blur(20px);
  }
  .product-max-workstream header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 2px 3px 12px; }
  .product-max-workstream header span { color: rgba(var(--max-ice), .45); font: 600 .75rem/1 var(--font-mono); letter-spacing: .13em; }
  .product-max-workstream header span i { display: inline-block; width: 5px; height: 5px; margin-right: 6px; border-radius: 50%; background: rgb(var(--max-ice)); box-shadow: 0 0 10px rgba(var(--max-blue), .4); }
  .product-max-workstream header small { color: var(--text-faint); font-size: .75rem; }
  .product-max-workstream > div {
    display: grid;
    grid-template-columns: 27px 1fr;
    gap: 11px;
    padding: 12px 4px;
    border-top: 1px solid rgba(255,255,255,.05);
    opacity: .5;
  }
  .product-max-workstream > div.active { opacity: 1; }
  .product-max-workstream > div b { color: rgba(var(--max-ice), .28); font: 600 .75rem/1.5 var(--font-mono); }
  .product-max-workstream > div span { display: grid; gap: 3px; }
  .product-max-workstream > div strong { font-size: .75rem; }
  .product-max-workstream > div small { color: var(--text-muted); font-size: .75rem; }
  .product-max-bridge__copy h2 { max-width: 760px; margin-top: 21px; font-size: clamp(3.4rem, 5.4vw, 6.6rem); }
  .product-max-bridge__copy > p:not(.eyebrow) { max-width: 680px; margin-top: 28px; font-size: .91rem; line-height: 1.72; }
  .product-max-bridge__points { display: grid; margin-top: 40px; border-top: 1px solid rgba(255,255,255,.075); }
  .product-max-bridge__points > span { display: grid; grid-template-columns: 190px 1fr; gap: 20px; padding: 17px 0; border-bottom: 1px solid rgba(255,255,255,.065); }
  .product-max-bridge__points strong { font-size: .75rem; }
  .product-max-bridge__points small { color: var(--text-muted); font-size: .75rem; line-height: 1.45; }
  .product-max-bridge__copy .button-row { margin-top: 31px; }
  .product-max-bridge__copy .demo-note { margin-top: 22px; }

  /* Models launch architecture */
  .page-intro--models-max,
  .page-intro--pricing-max { overflow: hidden; }
  .page-intro--models-max::after,
  .page-intro--pricing-max::after {
    content: "";
    position: absolute;
    left: 50%; top: 68%;
    width: min(68vw, 980px);
    height: 1px;
    transform: translateX(-50%) rotate(-3deg);
    background: linear-gradient(90deg, transparent, rgba(var(--max-blue), .2), rgba(var(--max-violet), .11), transparent);
    box-shadow: 0 42px 0 rgba(var(--max-ice), .025), 0 -42px 0 rgba(var(--max-gold), .02);
  }
  .max-model-hero {
    position: relative;
    min-height: min(1020px, 100vh);
    display: flex;
    align-items: center;
    overflow: hidden;
    border-top: 1px solid rgba(255,255,255,.045);
    border-bottom: 1px solid rgba(255,255,255,.055);
    background: #090a0c;
  }
  .max-model-hero::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background: linear-gradient(90deg, rgba(9,10,12,.97) 0%, rgba(9,10,12,.75) 43%, rgba(9,10,12,.2) 74%, rgba(9,10,12,.83));
    pointer-events: none;
  }
  .max-model-hero__inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(480px, 1.08fr);
    align-items: center;
    gap: clamp(70px, 9vw, 145px);
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .max-model-hero__label { display: flex; align-items: center; gap: 9px; color: rgba(var(--max-ice), .5); font: 600 .75rem/1 var(--font-mono); letter-spacing: .14em; }
  .max-model-hero__label small { margin-left: auto; color: var(--text-faint); }
  .max-model-hero__copy h2 { margin-top: 35px; font-size: clamp(5rem, 8.4vw, 10rem); line-height: .77; letter-spacing: -.075em; }
  .max-model-hero__statement { max-width: 680px; margin-top: 38px; color: rgba(245,245,242,.78); font-size: clamp(1rem, 1.45vw, 1.28rem); line-height: 1.58; }
  .max-model-hero__usecases { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 33px; }
  .max-model-hero__usecases span { padding: 7px 10px; border: 1px solid rgba(var(--max-ice), .09); border-radius: 99px; color: var(--text-muted); background: rgba(255,255,255,.015); font-size: .75rem; }
  .max-model-hero__copy .button-row { margin-top: 33px; }
  .max-model-hero__copy .demo-note { max-width: 590px; margin-top: 24px; }
  .max-model-hero__system { display: grid; justify-items: center; min-width: 0; }
  .max-model-hero__telemetry { width: min(100%, 620px); display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid rgba(var(--max-ice), .09); border-radius: 13px 13px 0 0; overflow: hidden; background: rgba(9,10,13,.7); backdrop-filter: blur(18px); }
  .max-model-hero__telemetry > span { min-width: 0; display: grid; gap: 4px; padding: 13px 14px; border-right: 1px solid rgba(255,255,255,.055); }
  .max-model-hero__telemetry > span:last-child { border-right: 0; }
  .max-model-hero__telemetry small { color: var(--text-faint); font: 600 .75rem/1 var(--font-mono); letter-spacing: .11em; text-transform: uppercase; }
  .max-model-hero__telemetry strong { font-size: .75rem; }
  .max-model-hero__telemetry em { overflow: hidden; color: var(--text-muted); font-size: .75rem; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
  .max-model-hero__capabilities { width: min(100%, 620px); display: grid; grid-template-columns: repeat(2, 1fr); padding: 8px; border: 1px solid rgba(var(--max-ice), .09); border-top: 0; border-radius: 0 0 13px 13px; background: rgba(9,10,13,.8); }
  .max-model-hero__capabilities > span { position: relative; display: grid; grid-template-columns: 1fr 28px; gap: 7px 10px; padding: 12px; border-bottom: 1px solid rgba(255,255,255,.045); }
  .max-model-hero__capabilities > span:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.045); }
  .max-model-hero__capabilities > span:nth-last-child(-n+2) { border-bottom: 0; }
  .max-model-hero__capabilities small { color: var(--text-muted); font-size: .75rem; }
  .max-model-hero__capabilities strong { text-align: right; font: 600 .75rem/1 var(--font-mono); }
  .max-model-hero__capabilities i { grid-column: 1 / -1; height: 2px; background: rgba(255,255,255,.04); }
  .max-model-hero__capabilities i::after { content: ""; display: block; width: var(--v); height: 100%; background: linear-gradient(90deg, rgba(var(--max-blue), .25), rgba(var(--max-ice), .7)); }

  .model-grid--specialists { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .model-card--flagship {
    border-color: rgba(var(--max-ice), .17);
    background: linear-gradient(150deg, rgba(var(--max-blue), .035), rgba(15,15,19,.9) 46%, rgba(var(--max-violet), .03));
  }
  .model-card--flagship::before { content: ""; position: absolute; z-index: 2; left: 21px; right: 21px; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(var(--max-ice), .68), rgba(var(--max-gold), .25), transparent); }
  .model-card__flag { display: inline-flex; align-items: center; gap: 6px; padding: 5px 7px; border: 1px solid rgba(var(--max-ice), .12); border-radius: 99px; color: rgba(var(--max-ice), .58); font: 600 .75rem/1 var(--font-mono); letter-spacing: .11em; }
  .model-card__best { margin-top: 18px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.055); }
  .model-card__best small { display: block; color: var(--text-faint); font: 600 .75rem/1 var(--font-mono); letter-spacing: .11em; text-transform: uppercase; }
  .model-card__best p { margin-top: 8px; color: var(--text-soft); font-size: .875rem; line-height: 1.5; }
  .model-map--four { min-height: 680px; }
  .model-map__point--max { border-color: rgba(var(--max-ice), .28); background: rgba(14,16,20,.9); box-shadow: 0 0 0 7px rgba(var(--max-blue), .025), 0 18px 45px rgba(0,0,0,.35); }
  .model-map__point--max i { background: rgb(var(--max-ice)); box-shadow: 0 0 12px rgba(var(--max-blue), .58); }
  .model-map__point.is-flagship em,
  .compare-selector button.is-flagship em { color: rgba(var(--max-ice), .48); font: 650 .8125rem/1 var(--font-mono); font-style: normal; letter-spacing: .12em; }
  .compare-selector button.is-flagship { border-color: rgba(var(--max-ice), .14); background: rgba(var(--max-blue), .025); }
  .compare-selector button.is-flagship.is-selected { border-color: rgba(var(--max-ice), .3); background: linear-gradient(120deg, rgba(var(--max-blue), .075), rgba(var(--max-violet), .04)); }
  .compare-table--max .is-flagship { background: rgba(var(--max-blue), .025); }
  .compare-table--max thead .is-flagship { color: rgb(var(--max-ice)); }
  .compare-table .compare-prose { display: block; max-width: 220px; color: var(--text-soft); font-size: .75rem; line-height: 1.45; }
  .compare-table td > small { display: block; margin-top: 4px; color: var(--text-faint); font-size: .75rem; }
  .routing-node--max { border-color: rgba(var(--max-ice), .24); box-shadow: 0 0 0 7px rgba(var(--max-blue), .025), 0 20px 50px rgba(0,0,0,.38); }

  /* Pricing ladder */
  .pricing-launch-signal {
    position: relative;
    min-height: 82px;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-top: 1px solid rgba(255,255,255,.05);
    border-bottom: 1px solid rgba(255,255,255,.06);
    background: rgba(9,10,12,.88);
  }
  .pricing-launch-signal__inner { position: relative; z-index: 2; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px 28px; }
  .pricing-launch-signal__inner > span { display: flex; align-items: center; color: rgba(var(--max-ice), .44); font: 600 .75rem/1 var(--font-mono); letter-spacing: .14em; white-space: nowrap; }
  .pricing-launch-signal__inner > span i { width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: rgb(var(--max-ice)); box-shadow: 0 0 12px rgba(var(--max-blue), .5); }
  .pricing-launch-signal__inner > strong { font-size: .75rem; font-weight: 520; letter-spacing: -.01em; }
  .pricing-grid--tiers { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 15px; align-items: stretch; }
  .pricing-card--tier { min-height: 760px; padding: 25px; border-radius: 22px; background: rgba(255,255,255,.012); }
  .pricing-card--tier::after { content: ""; position: absolute; z-index: 0; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(255,255,255,.018), transparent 26%); }
  .pricing-card--tier > * { position: relative; z-index: 2; }
  .pricing-card--tier:hover { transform: translateY(-5px); border-color: rgba(255,255,255,.16); box-shadow: 0 34px 100px rgba(0,0,0,.32); }
  .pricing-card--max {
    border-color: rgba(var(--max-ice), .2);
    background: linear-gradient(150deg, rgba(var(--max-blue), .045), rgba(14,15,18,.94) 48%, rgba(var(--max-violet), .04));
    box-shadow: 0 38px 120px rgba(0,0,0,.4);
  }
  .pricing-card--max::before {
    content: "";
    position: absolute;
    z-index: 3;
    left: 18px; right: 18px; top: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(var(--max-ice), .8), rgba(var(--max-gold), .32), transparent);
  }
  .pricing-card__field { position: absolute !important; z-index: 0 !important; inset: -12% !important; opacity: .34; }
  .pricing-card__apex { position: absolute !important; z-index: 1 !important; right: -72px; top: -48px; opacity: .52; transform: scale(.72); transform-origin: top right; pointer-events: none; }
  .pricing-card__index { display: flex; align-items: center; gap: 10px; min-height: 25px; }
  .pricing-card__index span { color: var(--text-faint); font: 600 .75rem/1 var(--font-mono); }
  .pricing-card__index small { color: var(--text-muted); font: 600 .75rem/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }
  .pricing-card__index em { margin-left: auto; padding: 5px 7px; border: 1px solid rgba(var(--max-ice), .12); border-radius: 99px; color: rgba(var(--max-ice), .58); background: rgba(var(--max-blue), .045); font: 650 .75rem/1 var(--font-mono); font-style: normal; letter-spacing: .11em; }
  .pricing-card--tier .pricing-card__head { margin-top: 38px; }
  .pricing-card--tier .pricing-card__head h2 { font-size: clamp(2.1rem, 3vw, 3.15rem); }
  .pricing-card--tier .pricing-card__head > strong { display: block; margin-top: 12px; color: rgba(245,245,242,.84); font-size: .75rem; }
  .pricing-card--tier .pricing-card__head p { min-height: 78px; margin-top: 10px; font-size: .875rem; line-height: 1.54; }
  .pricing-card--tier .pricing-card__price { position: relative; min-height: 104px; display: flex; flex-wrap: wrap; align-content: center; margin-top: 25px; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.055); }
  .pricing-card--tier .pricing-card__price strong { font-size: clamp(3.7rem, 5vw, 5.4rem); line-height: .88; }
  .pricing-card--tier .pricing-card__price > small { align-self: flex-end; margin-bottom: 5px; color: var(--text-muted); font-size: .75rem; }
  .pricing-card--tier .pricing-card__price em { flex-basis: 100%; margin-top: 8px; color: var(--text-faint); font-size: .75rem; font-style: normal; }
  .pricing-card__summary { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 19px; border: 1px solid rgba(255,255,255,.065); border-radius: 10px; overflow: hidden; }
  .pricing-card__summary > span { min-width: 0; display: grid; gap: 5px; padding: 11px 9px; border-right: 1px solid rgba(255,255,255,.055); background: rgba(255,255,255,.012); }
  .pricing-card__summary > span:last-child { border-right: 0; }
  .pricing-card__summary small { color: var(--text-faint); font-size: .75rem; }
  .pricing-card__summary strong { overflow: hidden; font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
  .pricing-card--tier .pricing-card__rule { margin: 23px 0; }
  .pricing-card--tier li { font-size: .875rem; }
  .pricing-card--tier li svg { color: rgba(var(--max-ice), .65); }

  .plan-matrix { border-top: 1px solid rgba(255,255,255,.09); }
  .plan-matrix__head,
  .plan-matrix__row { display: grid; grid-template-columns: minmax(260px, 1.35fr) repeat(3, minmax(150px, .75fr)); }
  .plan-matrix__head { position: sticky; z-index: 3; top: 67px; align-items: stretch; background: rgba(8,8,10,.9); backdrop-filter: blur(20px); }
  .plan-matrix__head > * { min-height: 72px; display: flex; align-items: center; padding: 15px 18px; border-right: 1px solid rgba(255,255,255,.055); color: var(--text-muted); font-size: .75rem; }
  .plan-matrix__head > *:last-child { border-right: 0; }
  .plan-matrix__head strong { flex-direction: column; align-items: flex-start; justify-content: center; gap: 3px; color: var(--text-soft); }
  .plan-matrix__head strong small { color: rgba(var(--max-ice), .38); font: 600 .75rem/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }
  .plan-matrix__head .is-max { background: rgba(var(--max-blue), .025); color: rgb(var(--max-ice)); }
  .plan-matrix__row { position: relative; border-bottom: 1px solid rgba(255,255,255,.065); }
  .plan-matrix__row > * { min-height: 88px; display: flex; align-items: center; padding: 17px 18px; border-right: 1px solid rgba(255,255,255,.045); }
  .plan-matrix__row > *:last-child { border-right: 0; }
  .plan-matrix__row > div { display: grid; align-content: center; gap: 5px; }
  .plan-matrix__row > div strong { font-size: .75rem; }
  .plan-matrix__row > div small { max-width: 430px; color: var(--text-muted); font-size: .75rem; line-height: 1.45; }
  .plan-matrix__row > span { color: var(--text-soft); font-size: .75rem; line-height: 1.38; }
  .plan-matrix__row > span.is-max { background: rgba(var(--max-blue), .022); color: rgba(var(--max-ice), .86); }
  .plan-matrix__row:hover { background: rgba(255,255,255,.014); }
  .plan-matrix__row:hover > span.is-max { background: rgba(var(--max-blue), .04); }
  .plan-matrix__row i { color: var(--text-faint); font-style: normal; }

  .access-paths { background: #09090b; }
  .access-path-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
  .access-path { min-height: 370px; display: flex; flex-direction: column; padding: 25px; border: 1px solid var(--border); border-radius: 18px; background: rgba(255,255,255,.012); overflow: hidden; }
  .access-path > div > span { color: var(--text-faint); font: 600 .75rem/1 var(--font-mono); letter-spacing: .11em; text-transform: uppercase; }
  .access-path h3 { margin-top: 20px; font-size: 2rem; }
  .access-path p { margin-top: 12px; font-size: .875rem; line-height: 1.55; }
  .access-path ul { display: grid; gap: 9px; margin: 25px 0; }
  .access-path li { display: flex; gap: 8px; color: var(--text-muted); font-size: .875rem; }
  .access-path li svg { flex: 0 0 auto; color: var(--green); }
  .access-path .button { width: 100%; margin-top: auto; }
  .api-rate-list > div.is-max { border-color: rgba(var(--max-ice), .1); background: rgba(var(--max-blue), .02); }
  .api-rate-list > div.is-max span { color: rgba(var(--max-ice), .82); }
  .api-rate-list em { margin-left: 7px; color: rgba(var(--max-ice), .42); font: 650 .75rem/1 var(--font-mono); font-style: normal; letter-spacing: .1em; }
  .usage-result { margin-top: 7px; padding: 18px; border: 1px solid rgba(var(--max-ice), .08); border-radius: 12px; background: linear-gradient(120deg, rgba(var(--max-blue), .035), rgba(255,255,255,.012)); }
  .usage-result span { display: block; color: var(--text-muted); font-size: .75rem; }
  .usage-result strong { display: block; margin-top: 4px; font-size: 2.2rem; letter-spacing: -.055em; }
  .usage-result small { display: block; margin-top: 5px; color: var(--text-faint); font-size: .75rem; line-height: 1.42; }

  .max-upgrade-cta { overflow: hidden; background: #08090b; }
  .max-upgrade-cta__inner { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(290px, .75fr); align-items: end; gap: clamp(70px, 10vw, 150px); min-height: 570px; padding-top: 90px; padding-bottom: 90px; }
  .max-upgrade-cta__inner h2 { max-width: 900px; margin-top: 22px; font-size: clamp(3.4rem, 6.3vw, 7.6rem); line-height: .91; }
  .max-upgrade-cta__inner p:not(.eyebrow) { max-width: 700px; margin-top: 27px; line-height: 1.65; }
  .max-upgrade-cta__inner > div:last-child { display: grid; justify-items: start; gap: 17px; padding: 26px; border-top: 1px solid rgba(var(--max-ice), .17); border-bottom: 1px solid rgba(255,255,255,.07); background: rgba(9,10,13,.46); }
  .max-upgrade-cta__inner > div:last-child > span { display: flex; align-items: baseline; gap: 7px; }
  .max-upgrade-cta__inner > div:last-child strong { font-size: clamp(3.5rem, 5.5vw, 6rem); letter-spacing: -.07em; }
  .max-upgrade-cta__inner > div:last-child small { max-width: 75px; color: var(--text-muted); font-size: .75rem; line-height: 1.35; }

  /* Get Astrid */
  .get-option--max { border-color: rgba(var(--max-ice), .15); background: linear-gradient(160deg, rgba(var(--max-blue), .045), #0d0e12 44%, rgba(var(--max-violet), .035)); }
  .get-option--max::before { content: ""; position: absolute; z-index: 2; left: 26px; right: 26px; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(var(--max-ice), .65), transparent); }
  .get-option--max .get-option__visual { background: radial-gradient(circle at center, rgba(var(--max-blue), .11), rgba(var(--max-violet), .04) 31%, transparent 56%); }
  .get-option--max .mini-product-orb { border-color: rgba(var(--max-ice), .18); box-shadow: 0 0 0 18px rgba(var(--max-blue), .015), 0 0 110px rgba(var(--max-blue), .09); }

  /* Plan-aware Astrid workspace */
  .app-plan-surface {
    position: relative;
    display: grid;
    gap: 4px;
    margin: 6px 0 14px;
    padding: 11px 12px;
    border: 1px solid rgba(var(--max-ice), .085);
    border-radius: 10px;
    background: linear-gradient(120deg, rgba(var(--max-blue), .035), rgba(255,255,255,.012));
    overflow: hidden;
  }
  .app-plan-surface::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background: linear-gradient(transparent, rgba(var(--max-ice), .65), transparent); }
  .app-plan-surface > span { color: rgba(var(--max-ice), .35); font: 600 .75rem/1 var(--font-mono); letter-spacing: .14em; }
  .app-plan-surface > strong { font-size: .75rem; }
  .app-plan-surface > small { color: var(--app-faint, var(--text-faint)); font-size: .75rem; line-height: 1.4; }
  .app-plan-surface > a { margin-top: 3px; color: rgba(var(--max-ice), .52); font-size: .8125rem; }
  .app-plan-pill { display: inline-flex; align-items: center; gap: 6px; min-height: 27px; padding: 0 8px; border: 1px solid rgba(var(--max-ice), .11); border-radius: 99px; color: rgba(var(--max-ice), .68); background: rgba(var(--max-blue), .025); font: 650 .75rem/1 var(--font-mono); letter-spacing: .11em; }
  .app-plan-pill i { width: 5px; height: 5px; border-radius: 50%; background: rgb(var(--max-ice)); box-shadow: 0 0 8px rgba(var(--max-blue), .5); }
  .app-model-selector--max { border-color: rgba(var(--max-ice), .13); background: rgba(var(--max-blue), .025); }
  .app-model-menu > button.is-flagship { position: relative; border: 1px solid rgba(var(--max-ice), .08); background: rgba(var(--max-blue), .018); }
  .app-model-menu > button.is-flagship::before { content: ""; position: absolute; left: 0; top: 7px; bottom: 7px; width: 1px; background: rgba(var(--max-ice), .42); }
  .app-model-menu > button > div > span { grid-column: 1 / -1; color: var(--app-faint); font-size: .8125rem; }
  .app-model-menu > button[disabled],
  .app-model-menu > button.is-locked { opacity: .42; cursor: not-allowed; }
  .app-model-menu > button[disabled]::after,
  .app-model-menu > button.is-locked::after { content: attr(data-required-plan); align-self: center; color: var(--app-faint); font: 600 .8125rem/1 var(--font-mono); text-transform: uppercase; }
  .app-model-menu > footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 11px 4px; border-top: 1px solid rgba(255,255,255,.055); }
  .app-model-menu > footer span { color: var(--app-faint); font-size: .75rem; }
  .app-model-menu > footer a { color: rgba(var(--max-ice), .58); font-size: .8125rem; }
  .app-welcome__aperture--max { border-color: rgba(var(--max-ice), .14); background: radial-gradient(circle, rgba(var(--max-blue), .07), rgba(10,11,14,.92) 62%); box-shadow: 0 0 0 17px rgba(var(--max-blue), .012), 0 0 70px rgba(var(--max-blue), .06); }
  .app-welcome__aperture--max > i { border-color: rgba(var(--max-ice), .11); }
  .app-max-context { display: inline-grid; grid-template-columns: auto auto; align-items: center; gap: 3px 14px; margin-top: 20px; padding: 9px 12px; border-top: 1px solid rgba(var(--max-ice), .1); border-bottom: 1px solid rgba(255,255,255,.055); }
  .app-max-context > span { color: rgba(var(--max-ice), .55); font: 650 .75rem/1 var(--font-mono); letter-spacing: .11em; }
  .app-max-context > span i { display: inline-block; width: 5px; height: 5px; margin-right: 6px; border-radius: 50%; background: rgb(var(--max-ice)); box-shadow: 0 0 8px rgba(var(--max-blue), .5); }
  .app-max-context strong { font-size: .75rem; }
  .app-max-context small { grid-column: 1 / -1; color: var(--app-faint); font-size: .75rem; }
  .app-field-axis--max { border-color: rgba(var(--max-ice), .07); box-shadow: 0 0 90px rgba(var(--max-blue), .025); }
  .astrid-app[data-model="max"] .app-field-state > i { background: rgb(var(--max-ice)); box-shadow: 0 0 9px rgba(var(--max-blue), .5); }
  .astrid-app[data-model="max"] .app-composer { border-color: rgba(var(--max-ice), .12); }
  .astrid-app[data-plan="plus"] .app-plan-pill,
  .astrid-app[data-plan="premium"] .app-plan-pill { border-color: rgba(255,255,255,.08); color: var(--app-soft); background: rgba(255,255,255,.02); }
  .astrid-app[data-plan="plus"] .app-plan-pill i { background: var(--cyan); }
  .astrid-app[data-plan="premium"] .app-plan-pill i { background: var(--violet); }
  .astrid-app[data-plan="free"] .app-plan-pill i { background: var(--text-muted); box-shadow: none; }
  .context-map--max { border-color: rgba(var(--max-ice), .08); background: radial-gradient(circle at 70% 34%, rgba(var(--max-blue), .045), transparent 40%), rgba(255,255,255,.01); }

  /* High-density desktop tuning */
  @media (max-width: 1380px) {
    .site-header__launch { display: none; }
    .max-launch__inner { grid-template-columns: minmax(0, 1fr) minmax(380px, .82fr); gap: 60px; }
    .max-model-hero__inner { grid-template-columns: minmax(0, .95fr) minmax(430px, 1.05fr); gap: 60px; }
    .pricing-card--tier { padding: 22px; }
  }

  @media (max-width: 1160px) {
    .home-hero__launch-note { right: 2%; min-width: 250px; }
    .max-launch { min-height: 0; }
    .max-launch__inner,
    .max-model-hero__inner,
    .product-max-bridge__inner { grid-template-columns: 1fr; }
    .max-launch__inner { gap: 45px; }
    .max-launch__visual { max-width: 700px; width: 100%; justify-self: center; }
    .max-aperture { --aperture-size: min(62vw, 510px); }
    .max-model-hero__system { max-width: 720px; width: 100%; justify-self: center; }
    .product-max-bridge__inner { gap: 30px; }
    .product-max-bridge__visual { min-height: 570px; order: 2; }
    .product-max-bridge__copy { order: 1; }
    .pricing-grid--tiers { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .pricing-card--max { grid-column: 1 / -1; min-height: 670px; }
    .pricing-card--max .pricing-card__head p { max-width: 650px; min-height: 0; }
    .pricing-card--max .pricing-card__summary { max-width: 630px; }
    .pricing-card--max ul { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .access-path-grid { grid-template-columns: 1fr 1fr; }
    .access-path:last-child { grid-column: 1 / -1; }
  }

  @media (max-width: 900px) {
    .home-hero__launch-note { position: relative; right: auto; top: auto; width: min(100%, 390px); margin: -27px 0 36px auto; }
    .max-launch__inner,
    .max-model-hero__inner { padding-top: 100px; padding-bottom: 100px; }
    .max-launch__copy h2 { font-size: clamp(4rem, 12vw, 7rem); }
    .max-model-hero__copy h2 { font-size: clamp(5rem, 15vw, 8rem); }
    .model-grid--specialists { grid-template-columns: 1fr; }
    .model-map--four { min-height: 590px; }
    .pricing-launch-signal__inner { grid-template-columns: 1fr auto; padding: 17px 0; }
    .pricing-launch-signal__inner > strong { grid-column: 1 / -1; grid-row: 2; }
    .plan-matrix__head,
    .plan-matrix__row { grid-template-columns: minmax(220px, 1.2fr) repeat(3, minmax(125px, .7fr)); }
    .max-upgrade-cta__inner { grid-template-columns: 1fr; align-items: start; }
    .max-upgrade-cta__inner > div:last-child { max-width: 440px; }
    .app-plan-pill { padding-inline: 7px; }
  }

  @media (max-width: 700px) {
    .launch-pulse::after { display: none; }
    [data-flagship-surface]::after { width: 110vw; opacity: .35; }
    .home-hero__launch-note { margin: -16px 0 26px; grid-template-columns: auto 1fr auto; min-width: 0; width: 100%; padding: 11px; }
    .home-hero__launch-note i { font-size: .75rem; }
    .max-launch { min-height: 0; }
    .max-launch__veil { background: linear-gradient(180deg, rgba(8,9,11,.88), rgba(8,9,11,.55) 55%, rgba(8,9,11,.94)); }
    .max-launch__veil i:nth-child(2),
    .max-launch__veil span { display: none; }
    .max-launch__veil i:first-child { left: 50%; opacity: .45; }
    .max-launch__inner,
    .max-model-hero__inner { gap: 50px; padding-top: 82px; padding-bottom: 82px; }
    .max-launch__copy h2 { margin-top: 20px; font-size: clamp(3.8rem, 17vw, 6.2rem); line-height: .84; }
    .max-launch__lead { margin-top: 24px; font-size: .91rem; }
    .max-launch__benefits { grid-template-columns: 1fr; margin-top: 34px; }
    .max-launch__benefits > span,
    .max-launch__benefits > span:nth-child(even) { min-height: 0; padding: 17px 0; border-right: 0; }
    .max-launch .button-row { align-items: stretch; flex-direction: column; }
    .max-launch .button-row .button { justify-content: center; width: 100%; }
    .max-launch .button-row .text-link { align-self: flex-start; margin-top: 5px; }
    .max-aperture { --aperture-size: min(96vw, 430px); }
    .max-aperture--compact { --aperture-size: min(76vw, 300px); }
    .max-aperture__label { bottom: -1%; font-size: .75rem; }
    .max-launch__readout { margin-top: -23px; padding: 12px; }
    .max-launch__readout footer { align-items: flex-start; flex-direction: column; gap: 7px; }

    .product-max-bridge__visual { min-height: 520px; }
    .product-max-workstream { right: 0; bottom: 2%; width: 94%; }
    .product-max-bridge__copy h2 { font-size: 3.35rem; }
    .product-max-bridge__points > span { grid-template-columns: 1fr; gap: 6px; }

    .max-model-hero::before { background: linear-gradient(180deg, rgba(9,10,12,.95), rgba(9,10,12,.6) 55%, rgba(9,10,12,.94)); }
    .max-model-hero__label { flex-wrap: wrap; }
    .max-model-hero__label small { width: 100%; margin: 5px 0 0 22px; }
    .max-model-hero__copy h2 { margin-top: 28px; font-size: clamp(4.5rem, 22vw, 7rem); }
    .max-model-hero__statement { margin-top: 29px; font-size: .91rem; }
    .max-model-hero__usecases { gap: 6px; }
    .max-model-hero__telemetry { grid-template-columns: 1fr; }
    .max-model-hero__telemetry > span { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.05); }
    .max-model-hero__telemetry > span:last-child { border-bottom: 0; }
    .max-model-hero__capabilities { grid-template-columns: 1fr; }
    .max-model-hero__capabilities > span:nth-child(odd) { border-right: 0; }
    .max-model-hero__capabilities > span:nth-last-child(2) { border-bottom: 1px solid rgba(255,255,255,.045); }
    .model-map--four { min-height: 520px; margin-inline: -4px; }
    .model-map__point span { font-size: .75rem; }

    .pricing-launch-signal__inner { display: flex; align-items: flex-start; flex-direction: column; gap: 8px; padding: 18px 0; }
    .pricing-grid--tiers { grid-template-columns: 1fr; }
    .pricing-card--tier,
    .pricing-card--max { grid-column: auto; min-height: 0; padding: 22px; border-radius: 18px; }
    .pricing-card--tier .pricing-card__head { margin-top: 28px; }
    .pricing-card--tier .pricing-card__head p { min-height: 0; }
    .pricing-card__apex { right: -108px; top: -73px; opacity: .34; }
    .pricing-card--max ul { display: grid; grid-template-columns: 1fr; }
    .pricing-card__summary { grid-template-columns: 1fr; }
    .pricing-card__summary > span { grid-template-columns: 90px 1fr; align-items: center; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.05); }
    .pricing-card__summary > span:last-child { border-bottom: 0; }
    .pricing-card__summary small { font-size: .75rem; }
    .pricing-card__summary strong { white-space: normal; }

    .plan-matrix { border: 0; }
    .plan-matrix__head { display: none; }
    .plan-matrix__row { display: grid; grid-template-columns: 1fr; margin-bottom: 10px; padding: 16px; border: 1px solid var(--border); border-radius: 14px; background: rgba(255,255,255,.012); }
    .plan-matrix__row > * { min-height: 0; border: 0; padding: 0; }
    .plan-matrix__row > div { padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.06); }
    .plan-matrix__row > span { position: relative; display: grid; grid-template-columns: 82px 1fr; gap: 12px; padding: 11px 0; border-bottom: 1px solid rgba(255,255,255,.045); }
    .plan-matrix__row > span:last-child { border-bottom: 0; }
    .plan-matrix__row > span::before { content: attr(data-plan-label); color: var(--text-faint); font: 600 .75rem/1.4 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }
    .plan-matrix__row > span.is-max { margin: 0 -9px; padding: 11px 9px; border-radius: 8px; background: rgba(var(--max-blue), .025); }
    .access-path-grid { grid-template-columns: 1fr; }
    .access-path:last-child { grid-column: auto; }
    .access-path { min-height: 0; }
    .max-upgrade-cta__inner { min-height: 0; gap: 48px; padding-top: 80px; padding-bottom: 80px; }
    .max-upgrade-cta__inner h2 { font-size: 3.55rem; }
    .max-upgrade-cta__inner > div:last-child { width: 100%; }

    .get-option--max::before { left: 18px; right: 18px; }
    .app-plan-pill { min-width: 26px; justify-content: center; padding: 0 6px; }
    .app-plan-pill span { display: none; }
    .app-model-menu > footer { align-items: flex-start; flex-direction: column; gap: 7px; }
    .app-max-context { width: 100%; grid-template-columns: 1fr; }
    .app-max-context small { grid-column: 1; }
  }

  @media (max-width: 430px) {
    .home-hero__launch-note > span { padding: 4px 5px; font-size: .75rem; }
    .home-hero__launch-note strong { font-size: .75rem; }
    .home-hero__launch-note i { max-width: 168px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .max-launch__copy h2 { font-size: 16.4vw; }
    .max-launch__benefits > span { grid-template-columns: 24px 1fr; }
    .max-launch__readout header { align-items: flex-start; flex-direction: column; gap: 6px; }
    .product-max-bridge__copy h2 { font-size: 3rem; }
    .product-max-workstream { padding: 11px; }
    .max-model-hero__copy h2 { font-size: 21.5vw; }
    .max-model-hero__usecases span:nth-child(n+5) { display: none; }
    .model-map--four { min-height: 470px; }
    .model-map__point { padding: 6px 7px; }
    .model-map__point em { display: none; }
    .pricing-card--tier { padding: 19px; }
    .pricing-card__index { gap: 7px; }
    .pricing-card__index em { font-size: .75rem; }
    .pricing-card--tier .pricing-card__price strong { font-size: 3.85rem; }
    .plan-matrix__row { padding: 13px; }
    .max-upgrade-cta__inner h2 { font-size: 3.05rem; }
    .max-upgrade-cta__inner > div:last-child { padding: 20px; }
    .app-model-selector { max-width: 104px; }
    .app-plan-pill { display: none; }
  }

  @media (max-width: 350px) {
    .home-hero__launch-note i { max-width: 128px; }
    .max-launch__copy h2 { font-size: 15.8vw; }
    .max-launch__benefits em { font-size: .75rem; }
    .max-aperture__core { width: 82px; }
    .max-model-hero__copy h2 { font-size: 20.8vw; }
    .model-map--four { min-height: 440px; }
    .pricing-card--tier { padding: 17px; }
    .pricing-card__index small { font-size: .75rem; }
    .pricing-card--tier .pricing-card__head h2 { font-size: 2rem; }
    .max-upgrade-cta__inner h2 { font-size: 2.7rem; }
    .app-model-selector { max-width: 94px; }
  }

  @media (hover: none), (pointer: coarse) {
    [data-flagship-surface]::after { transform: translate(-50%, -50%); }
    .max-aperture { transform: none; }
    .pricing-card--tier:hover { transform: none; }
  }

  @media (prefers-reduced-motion: reduce) {
    .launch-pulse::after,
    .max-aperture::after,
    .max-aperture__rings i,
    .max-launch__readout > div i::after { animation: none !important; }
    .max-aperture,
    [data-flagship-surface]::after { transform: none !important; }
  }
}

@layer launch {
  /* Specificity repairs for inherited field-surface positioning. */
  .app-welcome > .app-max-context {
    display: inline-grid;
    grid-template-columns: auto auto;
    width: auto;
    height: auto;
    margin: 20px auto 0;
    padding: 9px 12px;
    place-items: initial;
    align-items: center;
    gap: 3px 14px;
    border: 0;
    border-top: 1px solid rgba(var(--max-ice), .1);
    border-bottom: 1px solid rgba(255,255,255,.055);
    border-radius: 0;
    background: transparent;
  }
  .get-option.field-reactive > .button,
  .get-option[data-flagship-surface] > .button {
    position: absolute;
    z-index: 3;
    left: 34px;
    bottom: 34px;
  }
  @media (max-width: 700px) {
    .app-welcome > .app-max-context {
      grid-template-columns: 1fr;
      width: 100%;
      margin-top: 18px;
      text-align: left;
    }
    .app-welcome > .app-max-context small { grid-column: 1; }
    .get-option.field-reactive > .button,
    .get-option[data-flagship-surface] > .button { left: 25px; bottom: 25px; }
  }
}

@layer launch {
  .news-article--flagship .news-article__hero {
    background:
      radial-gradient(circle at 78% 42%,rgba(141,185,255,.075),transparent 26%),
      radial-gradient(circle at 70% 68%,rgba(211,179,118,.04),transparent 28%),
      var(--bg);
  }
  .news-article--flagship .news-article__hero::after {
    content:"MODEL 00 / MAX";
    position:absolute;
    right:clamp(24px,4vw,72px);
    bottom:42px;
    color:rgba(245,245,242,.24);
    font:600 .75rem/1 var(--mono);
    letter-spacing:.22em;
    writing-mode:vertical-rl;
  }
  .news-article__visual--flagship { position:relative; overflow:hidden; }
  .news-article__visual--flagship>.procedural-graphic { opacity:.7; }
  .news-article__visual--flagship>.max-aperture {
    position:absolute;
    inset:50% auto auto 50%;
    width:min(70%,720px);
    transform:translate(-50%,-50%);
    pointer-events:none;
  }
  .max-article-declaration {
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(210px,.75fr);
    gap:32px;
    min-height:390px;
    margin:58px 0 72px;
    padding:clamp(28px,4vw,54px);
    overflow:hidden;
    border:1px solid rgba(191,220,255,.15);
    border-radius:18px;
    background:
      linear-gradient(135deg,rgba(255,255,255,.026),transparent 46%),
      rgba(10,10,13,.74);
  }
  .max-article-declaration::before {
    content:"";
    position:absolute;
    inset:0;
    opacity:.48;
    background:
      linear-gradient(90deg,transparent 0 49.85%,rgba(255,255,255,.045) 50%,transparent 50.15%),
      linear-gradient(transparent 0 49.85%,rgba(255,255,255,.035) 50%,transparent 50.15%);
    pointer-events:none;
  }
  .max-article-declaration>span,
  .max-article-declaration>h2,
  .max-article-declaration>p { position:relative; z-index:2; grid-column:1; }
  .max-article-declaration>span {
    align-self:start;
    color:rgba(190,222,255,.64);
    font:600 .75rem/1 var(--mono);
    letter-spacing:.2em;
  }
  .max-article-declaration>h2 { margin:52px 0 0!important; font-size:clamp(2.7rem,5vw,5rem)!important; line-height:.94!important; max-width:650px; }
  .max-article-declaration>p { max-width:620px; margin:0; align-self:end; }
  .max-article-declaration>div { position:relative; z-index:1; grid-column:2; grid-row:1/4; display:grid; place-items:center; min-width:0; }
  .max-article-declaration .max-aperture { width:100%; min-width:240px; }
  .max-article-ladder { margin:38px 0 64px; border-top:1px solid var(--border); }
  .max-article-ladder article {
    display:grid;
    grid-template-columns:54px 1fr;
    gap:18px;
    padding:26px 4px;
    border-bottom:1px solid var(--border);
    transition:background .35s var(--ease),padding .35s var(--ease);
  }
  .max-article-ladder article>span { color:var(--muted); font:600 .75rem/1 var(--mono); letter-spacing:.16em; padding-top:5px; }
  .max-article-ladder article>div { display:grid; grid-template-columns:minmax(130px,.55fr) minmax(160px,.75fr) minmax(0,1.6fr); gap:22px; align-items:start; }
  .max-article-ladder small { color:var(--secondary); font-size:.76rem; }
  .max-article-ladder strong { color:var(--text); font-size:.92rem; font-weight:600; }
  .max-article-ladder p { margin:0!important; color:var(--muted)!important; font-size:.875rem!important; line-height:1.55!important; }
  .max-article-ladder .is-max {
    margin-inline:-20px;
    padding-inline:24px;
    border:1px solid rgba(190,220,255,.13);
    border-radius:13px;
    background:linear-gradient(110deg,rgba(115,169,255,.055),rgba(194,163,255,.025) 58%,rgba(211,179,118,.035));
  }
  .max-article-ladder .is-max>span,
  .max-article-ladder .is-max small { color:rgba(187,222,255,.78); }

  @media (max-width:800px) {
    .max-article-declaration { grid-template-columns:1fr; min-height:0; }
    .max-article-declaration>div { grid-column:1; grid-row:auto; min-height:280px; }
    .max-article-declaration>h2 { margin-top:32px!important; }
    .max-article-ladder article>div { grid-template-columns:1fr; gap:9px; }
    .max-article-ladder .is-max { margin-inline:-10px; padding-inline:14px; }
  }
  @media (max-width:430px) {
    .news-article--flagship .news-article__hero::after { display:none; }
    .max-article-declaration { margin:42px 0 54px; padding:22px; }
    .max-article-declaration>div { min-height:220px; }
    .max-article-declaration .max-aperture { min-width:205px; }
    .max-article-ladder article { grid-template-columns:38px 1fr; }
  }
}

@layer chat {
  /* --------------------------------------------------------------------------
     Astrid AI workspace — an editorial intelligence canvas, not a messenger UI
     -------------------------------------------------------------------------- */
  body.is-app-page {
    background: #070809;
    overscroll-behavior: none;
  }
  body.is-app-page #app-shell,
  body.is-app-page #main,
  body.is-app-page .page--chat {
    width: 100%;
    height: 100dvh;
    min-height: 0;
  }
  body.is-app-page #main { overflow: hidden; }
  body.is-app-page .scroll-progress,
  body.is-app-page .cursor { display: none; }

  .page--chat {
    overflow: hidden;
    background: #070809;
  }

  .astrid-chat {
    --chat-accent: 186, 221, 255;
    --chat-secondary: 181, 146, 255;
    --chat-line: rgba(255,255,255,.075);
    --chat-line-soft: rgba(255,255,255,.045);
    --chat-surface: rgba(13,14,17,.78);
    --chat-surface-strong: rgba(12,13,16,.94);
    --chat-muted: rgba(245,245,242,.48);
    --chat-faint: rgba(245,245,242,.28);
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: 72px minmax(0,1fr);
    width: 100%;
    height: 100dvh;
    min-width: 0;
    overflow: hidden;
    background:
      radial-gradient(ellipse 70% 54% at 53% 41%, rgba(var(--chat-accent),.028), transparent 67%),
      linear-gradient(135deg,#08090a 0%,#090a0c 48%,#070809 100%);
    color: var(--text);
  }
  .astrid-chat[data-model="standard"] { --chat-accent: 139,233,255; --chat-secondary: 118,165,255; }
  .astrid-chat[data-model="reasoning"] { --chat-accent: 181,146,255; --chat-secondary: 139,233,255; }
  .astrid-chat[data-model="vision"] { --chat-accent: 201,219,234; --chat-secondary: 233,201,135; }
  .astrid-chat[data-model="max"] { --chat-accent: 190,220,255; --chat-secondary: 184,166,255; }

  .astrid-chat__field {
    position: absolute;
    z-index: -4;
    inset: 0;
    pointer-events: none;
    opacity: .66;
    transition: opacity .8s var(--ease-out), filter .8s var(--ease-out), transform .8s var(--ease-out);
  }
  .astrid-chat__field::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(90deg,rgba(7,8,9,.96) 0 72px,rgba(7,8,9,.54) 29%,rgba(7,8,9,.42) 62%,rgba(7,8,9,.88) 100%),
      linear-gradient(180deg,rgba(7,8,9,.78),transparent 24%,transparent 72%,rgba(7,8,9,.78));
  }
  .astrid-chat.is-composing .astrid-chat__field { opacity:.78; filter:contrast(1.025); }
  .astrid-chat.is-generating .astrid-chat__field { opacity:.86; filter:contrast(1.045) saturate(1.03); }
  .astrid-chat.has-panel .astrid-chat__field { opacity:.36; filter:blur(2px); }

  .astrid-chat__geometry {
    position: absolute;
    z-index: -2;
    inset: 0 0 0 72px;
    overflow: hidden;
    pointer-events: none;
    opacity: .52;
  }
  .astrid-chat__geometry::before,
  .astrid-chat__geometry::after {
    content:"";
    position:absolute;
    inset:0;
  }
  .astrid-chat__geometry::before {
    background:
      linear-gradient(90deg,transparent calc(50% - .5px),rgba(var(--chat-accent),.055) 50%,transparent calc(50% + .5px)),
      linear-gradient(180deg,transparent 17%,rgba(255,255,255,.035) calc(17% + 1px),transparent calc(17% + 2px));
    mask-image: linear-gradient(180deg,transparent 2%,#000 18%,#000 83%,transparent 98%);
  }
  .astrid-chat__geometry::after {
    left:50%;
    top:47%;
    width:min(62vw,980px);
    height:min(62vw,980px);
    inset:auto;
    transform:translate(-50%,-50%) rotate(24deg) scaleY(.32);
    border:1px solid rgba(var(--chat-accent),.055);
    border-radius:50%;
    box-shadow:0 0 0 90px rgba(var(--chat-accent),.013),0 0 0 220px rgba(var(--chat-secondary),.008);
    transition:transform 1.2s var(--ease-out),border-color .8s ease;
  }
  .astrid-chat[data-model="reasoning"] .astrid-chat__geometry::after { transform:translate(-50%,-50%) rotate(52deg) scaleY(.48); }
  .astrid-chat[data-model="vision"] .astrid-chat__geometry::after { transform:translate(-50%,-50%) rotate(-12deg) scaleY(.68); border-color:rgba(var(--chat-accent),.075); }
  .astrid-chat[data-model="standard"] .astrid-chat__geometry::after { transform:translate(-50%,-50%) rotate(8deg) scaleY(.22); }
  .astrid-chat__geometry>i {
    position:absolute;
    width:7px;
    height:7px;
    border:1px solid rgba(var(--chat-accent),.28);
    border-radius:50%;
    box-shadow:0 0 20px rgba(var(--chat-accent),.12);
  }
  .astrid-chat__geometry>i:first-child { left:calc(50% - 330px);top:31%; }
  .astrid-chat__geometry>i:nth-child(2) { left:calc(50% + 360px);top:64%; }
  .astrid-chat__geometry>span {
    position:absolute;
    left:calc(50% - 445px);
    top:19%;
    width:68px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(var(--chat-accent),.15));
  }
  .astrid-chat__geometry>b {
    position:absolute;
    right:34px;
    bottom:31px;
    width:3px;
    height:3px;
    border-radius:50%;
    background:rgba(var(--chat-accent),.45);
    box-shadow:-18px 0 rgba(var(--chat-accent),.14),-36px 0 rgba(var(--chat-accent),.07);
  }

  /* Slim navigation rail */
  .chat-rail {
    position: relative;
    z-index: 22;
    display:flex;
    min-width:0;
    flex-direction:column;
    align-items:center;
    padding:14px 10px max(14px,env(safe-area-inset-bottom));
    border-right:1px solid var(--chat-line);
    background:linear-gradient(180deg,rgba(9,10,12,.93),rgba(8,9,10,.84));
    backdrop-filter:blur(28px) saturate(1.08);
  }
  .chat-rail::after {
    content:"";
    position:absolute;
    right:-1px;
    top:12%;
    width:1px;
    height:18%;
    background:linear-gradient(transparent,rgba(var(--chat-accent),.32),transparent);
    opacity:.46;
    transition:top .9s var(--ease-out),height .9s var(--ease-out);
  }
  .astrid-chat.is-generating .chat-rail::after { top:42%;height:28%; }
  .chat-rail__brand {
    display:grid;
    width:46px;
    height:46px;
    place-items:center;
    border:1px solid rgba(255,255,255,.06);
    border-radius:14px;
    background:rgba(255,255,255,.022);
    transition:background .25s ease,border-color .25s ease,transform .45s var(--ease-spring);
  }
  .chat-rail__brand:hover { background:rgba(255,255,255,.05);border-color:rgba(var(--chat-accent),.16);transform:translateY(-1px); }
  .chat-rail__brand .logo__mark { width:22px;height:22px; }
  .chat-rail>nav { display:grid;gap:7px;margin-top:29px; }
  .chat-rail__bottom { display:grid;gap:7px;margin-top:auto;justify-items:center; }
  .chat-rail__action,
  .chat-rail__connection {
    position:relative;
    display:grid;
    width:44px;
    height:44px;
    place-items:center;
    border:1px solid transparent;
    border-radius:12px;
    color:rgba(245,245,242,.48);
    transition:color .25s ease,background .25s ease,border-color .25s ease,transform .35s var(--ease-spring);
  }
  .chat-rail__action>span,
  .chat-rail__connection>span { display:none; }
  .chat-rail__action:hover,
  .chat-rail__connection:hover {
    color:var(--text);
    border-color:rgba(255,255,255,.07);
    background:rgba(255,255,255,.035);
    transform:translateX(1px);
  }
  .chat-rail__action--primary {
    color:rgba(245,245,242,.9);
    border-color:rgba(var(--chat-accent),.13);
    background:linear-gradient(145deg,rgba(var(--chat-accent),.09),rgba(255,255,255,.025));
  }
  .chat-rail__connection>i {
    position:absolute;
    right:7px;
    top:7px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--text-faint);
  }
  .chat-rail__connection.is-connected>i { background:var(--green);box-shadow:0 0 8px rgba(118,229,172,.48); }
  .chat-rail__connection.is-connecting>i { background:var(--amber);animation:chat-status-pulse 1.45s ease-in-out infinite; }
  .chat-rail__connection.is-offline>i,
  .chat-rail__connection.is-configuration-required>i { background:var(--amber); }
  .chat-rail__connection.is-rate-limited>i { background:var(--red); }
  .chat-rail__account {
    display:grid;
    width:34px;
    height:34px;
    margin-top:8px;
    place-items:center;
    border:1px solid rgba(255,255,255,.09);
    border-radius:50%;
    color:rgba(245,245,242,.62);
    background:rgba(255,255,255,.025);
    font:650 .75rem/1 var(--font-mono);
    letter-spacing:.08em;
  }

  /* Workspace shell */
  .chat-workspace {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-rows:74px minmax(0,1fr) auto;
    min-width:0;
    min-height:0;
    height:100dvh;
    overflow:hidden;
  }
  .chat-header {
    position:relative;
    z-index:15;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    gap:18px;
    min-width:0;
    height:58px;
    margin:12px 16px 4px;
    padding:0 10px 0 14px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:16px;
    background:linear-gradient(180deg,rgba(18,19,23,.78),rgba(11,12,15,.7));
    box-shadow:0 18px 60px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025);
    backdrop-filter:blur(24px) saturate(1.06);
  }
  .chat-header::after {
    content:"";
    position:absolute;
    left:22%;right:22%;bottom:-1px;height:1px;
    background:linear-gradient(90deg,transparent,rgba(var(--chat-accent),.16),transparent);
    opacity:.48;
  }
  .chat-header__identity { display:flex;align-items:center;gap:9px;min-width:0; }
  .chat-header__mobile { display:none;width:34px;height:34px;place-items:center;border-radius:9px;color:var(--chat-muted); }
  .chat-title {
    display:flex;
    min-width:0;
    max-width:min(36vw,360px);
    align-items:center;
    gap:7px;
    padding:7px 8px;
    border-radius:9px;
    color:rgba(245,245,242,.72);
    font-size:.75rem;
    text-align:left;
    transition:background .2s ease,color .2s ease;
  }
  .chat-title:hover { color:var(--text);background:rgba(255,255,255,.035); }
  .chat-title>span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
  .chat-title svg { flex:none;color:var(--chat-faint); }

  .chat-model-trigger {
    position:relative;
    display:grid;
    grid-template-columns:30px auto 14px;
    align-items:center;
    gap:9px;
    min-width:190px;
    min-height:43px;
    padding:5px 11px 5px 6px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:12px;
    background:rgba(255,255,255,.022);
    transition:border-color .28s ease,background .28s ease,transform .4s var(--ease-spring),box-shadow .28s ease;
  }
  .chat-model-trigger:hover,
  .chat-model-trigger[aria-expanded="true"] {
    border-color:rgba(var(--chat-accent),.17);
    background:rgba(var(--chat-accent),.035);
    box-shadow:0 12px 35px rgba(0,0,0,.2);
    transform:translateY(-1px);
  }
  .chat-model-trigger>i {
    display:grid;
    width:30px;
    height:30px;
    place-items:center;
    border:1px solid rgba(var(--chat-accent),.14);
    border-radius:9px;
    color:rgb(var(--chat-accent));
    background:rgba(var(--chat-accent),.045);
    font-style:normal;
  }
  .chat-model-trigger>span { display:grid;gap:3px;text-align:left; }
  .chat-model-trigger small { color:rgba(var(--chat-accent),.56);font:650 .75rem/1 var(--font-mono);letter-spacing:.14em; }
  .chat-model-trigger strong { color:rgba(245,245,242,.9);font-size:.75rem;font-weight:590;letter-spacing:-.01em; }
  .chat-model-trigger>svg { color:var(--chat-faint);transition:transform .3s var(--ease-out); }
  .chat-model-trigger[aria-expanded="true"]>svg { transform:rotate(180deg); }
  .chat-model-trigger--max::after {
    content:"";
    position:absolute;
    inset:-1px;
    z-index:-1;
    border-radius:13px;
    background:linear-gradient(110deg,rgba(190,220,255,.1),transparent 42%,rgba(184,166,255,.07));
    opacity:.65;
    pointer-events:none;
  }
  .chat-header__tools { display:flex;justify-self:end;align-items:center;gap:5px;min-width:0; }
  .chat-header__icon,
  .chat-connection-state {
    position:relative;
    display:inline-flex;
    height:36px;
    align-items:center;
    justify-content:center;
    border:1px solid transparent;
    border-radius:10px;
    color:var(--chat-muted);
    transition:color .2s ease,background .2s ease,border-color .2s ease;
  }
  .chat-header__icon { width:36px; }
  .chat-header__icon:hover,
  .chat-connection-state:hover { color:var(--text);background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.06); }
  .chat-header__icon>i {
    position:absolute;
    right:3px;top:3px;
    display:grid;
    min-width:14px;height:14px;padding:0 3px;
    place-items:center;
    border-radius:7px;
    background:rgb(var(--chat-accent));
    color:#08090a;
    font:700 .75rem/1 var(--font-mono);
  }
  .chat-connection-state { gap:7px;padding:0 10px;font-size:.75rem; }
  .chat-connection-state>i { width:5px;height:5px;border-radius:50%;background:var(--amber); }
  .chat-connection-state.is-connected>i { background:var(--green);box-shadow:0 0 8px rgba(118,229,172,.42); }
  .chat-connection-state.is-offline>i,
  .chat-connection-state.is-configuration-required>i { background:var(--amber); }
  .chat-connection-state.is-rate-limited>i { background:var(--red); }
  .chat-connection-state.is-connecting>i { animation:chat-status-pulse 1.4s ease-in-out infinite; }

  /* Empty state and scene transition */
  .chat-stage {
    position:relative;
    min-width:0;
    min-height:0;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(255,255,255,.12) transparent;
    scroll-padding:36px 0;
  }
  .chat-stage::-webkit-scrollbar { width:7px; }
  .chat-stage::-webkit-scrollbar-thumb { border:2px solid transparent;border-radius:9px;background:rgba(255,255,255,.12);background-clip:padding-box; }
  .chat-empty {
    position:absolute;
    inset:0;
    display:flex;
    width:min(900px,calc(100% - 64px));
    margin:auto;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:36px 0 24px;
    text-align:center;
    transition:opacity .48s ease,transform .75s var(--ease-out),filter .55s ease,visibility .48s;
  }
  .astrid-chat.has-conversation .chat-empty {
    visibility:hidden;
    opacity:0;
    transform:translateY(-64px) scale(.93);
    filter:blur(8px);
    pointer-events:none;
  }
  .chat-empty__symbol {
    position:relative;
    display:grid;
    width:112px;
    height:112px;
    place-items:center;
    margin-bottom:21px;
  }
  .chat-empty__symbol::before,
  .chat-empty__symbol::after,
  .chat-empty__symbol>i {
    content:"";
    position:absolute;
    inset:50%;
    border:1px solid rgba(var(--chat-accent),.13);
    border-radius:50%;
    transform:translate(-50%,-50%);
  }
  .chat-empty__symbol::before { width:108px;height:108px;transform:translate(-50%,-50%) scaleY(.38) rotate(24deg); }
  .chat-empty__symbol::after { width:82px;height:82px;transform:translate(-50%,-50%) scaleY(.58) rotate(-32deg);border-color:rgba(var(--chat-secondary),.1); }
  .chat-empty__symbol>i:first-child { width:5px;height:5px;left:15%;top:43%;background:rgb(var(--chat-accent));border:0;box-shadow:0 0 13px rgba(var(--chat-accent),.45); }
  .chat-empty__symbol>i:nth-child(2) { width:4px;height:4px;left:87%;top:62%;background:rgba(var(--chat-secondary),.72);border:0; }
  .chat-empty__symbol>span {
    position:relative;
    z-index:2;
    display:grid;
    width:48px;
    height:48px;
    place-items:center;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
    background:radial-gradient(circle,rgba(var(--chat-accent),.055),rgba(10,11,13,.8) 70%);
    box-shadow:0 20px 70px rgba(0,0,0,.28);
  }
  .chat-empty__symbol .logo__mark { width:25px;height:25px; }
  .chat-empty__symbol>b {
    position:absolute;
    left:50%;top:50%;
    width:145px;height:1px;
    transform:translate(-50%,-50%) rotate(-18deg);
    background:linear-gradient(90deg,transparent,rgba(var(--chat-accent),.09),transparent);
  }
  .astrid-chat.is-composing .chat-empty__symbol::before { transform:translate(-50%,-50%) scaleY(.44) rotate(30deg); }
  .astrid-chat.is-generating .chat-empty__symbol::before { animation:chat-orbit 4.8s linear infinite; }
  .astrid-chat.is-generating .chat-empty__symbol::after { animation:chat-orbit-reverse 6.4s linear infinite; }
  .chat-empty__signal {
    color:rgba(var(--chat-accent),.52);
    font:650 .75rem/1 var(--font-mono);
    letter-spacing:.2em;
  }
  .chat-empty h1 {
    margin-top:18px;
    color:rgba(245,245,242,.96);
    font-size:clamp(3.6rem,6.7vw,7rem);
    font-weight:470;
    line-height:.89;
    letter-spacing:-.072em;
  }
  .chat-empty h1 em { color:rgba(245,245,242,.42);font-style:normal; }
  .chat-empty>p:not(.chat-empty__signal) {
    max-width:650px;
    margin-top:22px;
    color:rgba(245,245,242,.56);
    font-size:clamp(.82rem,1vw,.96rem);
    line-height:1.65;
  }
  .chat-starters {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:min(760px,100%);
    margin-top:33px;
    border-top:1px solid var(--chat-line);
    border-bottom:1px solid var(--chat-line);
  }
  .chat-starters>button {
    position:relative;
    display:grid;
    grid-template-columns:31px minmax(0,1fr) 19px;
    grid-template-rows:auto auto;
    gap:4px 11px;
    min-width:0;
    padding:17px 16px;
    text-align:left;
    transition:background .3s ease,padding .45s var(--ease-out);
  }
  .chat-starters>button:nth-child(odd) { border-right:1px solid var(--chat-line); }
  .chat-starters>button:nth-child(-n+2) { border-bottom:1px solid var(--chat-line); }
  .chat-starters>button:hover,
  .chat-starters>button:focus-visible { background:linear-gradient(100deg,rgba(var(--chat-accent),.045),rgba(255,255,255,.012));padding-left:20px; }
  .chat-starters>button>span {
    grid-row:1/3;
    color:rgba(var(--chat-accent),.35);
    font:650 .8125rem/1 var(--font-mono);
    letter-spacing:.12em;
    padding-top:4px;
  }
  .chat-starters strong { min-width:0;color:rgba(245,245,242,.82);font-size:.75rem;font-weight:590; }
  .chat-starters small { min-width:0;overflow:hidden;color:var(--chat-faint);font-size:.75rem;line-height:1.45;text-overflow:ellipsis;white-space:nowrap; }
  .chat-starters svg { grid-column:3;grid-row:1/3;align-self:center;color:var(--chat-faint);transition:transform .35s var(--ease-spring),color .25s ease; }
  .chat-starters>button:hover svg { color:rgb(var(--chat-accent));transform:translateX(3px); }
  .chat-empty__foot {
    display:flex;
    width:min(760px,100%);
    justify-content:space-between;
    margin-top:13px;
    color:rgba(245,245,242,.25);
    font:600 .75rem/1 var(--font-mono);
    letter-spacing:.11em;
  }
  .chat-empty__foot>span:first-child { display:flex;align-items:center;gap:7px; }
  .chat-empty__foot i { width:4px;height:4px;border-radius:50%;background:var(--amber); }
  .astrid-chat:has(.chat-connection-state.is-connected) .chat-empty__foot i { background:var(--green);box-shadow:0 0 8px rgba(118,229,172,.4); }
  .chat-empty__foot b { font-weight:600; }

  /* Conversation canvas */
  .chat-message-canvas {
    position:relative;
    width:min(1030px,calc(100% - 64px));
    min-height:100%;
    margin-inline:auto;
    padding:66px 36px 72px;
    opacity:0;
    transform:translateY(40px);
    animation:chat-canvas-enter .72s var(--ease-out) .08s both;
  }
  .chat-message-axis {
    position:absolute;
    left:11px;
    top:84px;
    bottom:70px;
    width:1px;
    background:linear-gradient(transparent,rgba(var(--chat-accent),.12) 12%,rgba(255,255,255,.04) 75%,transparent);
  }
  .chat-message-axis>i { position:absolute;top:0;left:-2px;width:5px;height:5px;border-radius:50%;background:rgba(var(--chat-accent),.36);box-shadow:0 0 10px rgba(var(--chat-accent),.2); }
  .chat-message-axis>b { position:absolute;top:32%;left:-1px;width:3px;height:22%;background:linear-gradient(transparent,rgba(var(--chat-accent),.2),transparent); }
  .chat-messages { display:grid;gap:0;width:100%; }
  .chat-inline-event {
    display:grid;
    grid-template-columns:8px auto 1fr auto;
    align-items:center;
    gap:10px;
    margin:17px 0 17px 38px;
    color:rgba(245,245,242,.3);
    font:600 .75rem/1 var(--font-mono);
    letter-spacing:.06em;
  }
  .chat-inline-event>i { width:4px;height:4px;border-radius:50%;background:rgba(var(--chat-accent),.52); }
  .chat-inline-event::after { content:"";height:1px;background:linear-gradient(90deg,rgba(255,255,255,.07),transparent); }
  .chat-inline-event time { color:rgba(245,245,242,.2); }

  .chat-turn {
    position:relative;
    min-width:0;
    animation:chat-turn-enter .54s var(--ease-out) both;
  }
  .chat-turn--user {
    width:min(78%,720px);
    margin:0 0 46px auto;
    padding:0 0 0 28px;
  }
  .chat-turn--user::before {
    content:"";
    position:absolute;
    left:0;top:3px;bottom:3px;width:1px;
    background:linear-gradient(transparent,rgba(var(--chat-accent),.35) 22%,rgba(var(--chat-accent),.1) 80%,transparent);
  }
  .chat-turn--user>header {
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:10px;
    margin-bottom:10px;
    color:rgba(245,245,242,.26);
    font:650 .75rem/1 var(--font-mono);
    letter-spacing:.13em;
  }
  .chat-turn--user time { letter-spacing:0; }
  .chat-user-copy {
    padding:18px 20px;
    border:1px solid rgba(255,255,255,.065);
    border-radius:16px 4px 16px 16px;
    background:linear-gradient(125deg,rgba(255,255,255,.042),rgba(255,255,255,.016));
    color:rgba(245,245,242,.82);
    font-size:.91rem;
    line-height:1.64;
    box-shadow:0 18px 58px rgba(0,0,0,.12);
  }
  .chat-turn__images {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:9px;
    margin-bottom:10px;
  }
  .chat-image {
    position:relative;
    width:min(210px,45%);
    min-width:130px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    background:#0b0c0e;
  }
  .chat-image img { width:100%;height:125px;object-fit:cover; }
  .chat-image figcaption { display:flex;justify-content:space-between;gap:8px;padding:7px 9px;color:var(--chat-faint);font-size:.75rem; }
  .chat-image figcaption strong { min-width:0;overflow:hidden;color:var(--chat-muted);font-weight:540;text-overflow:ellipsis;white-space:nowrap; }
  .chat-image--compact { width:74px;min-width:74px;border-radius:9px; }
  .chat-image--compact img { height:60px; }
  .chat-image--compact figcaption { display:none; }

  .chat-turn--assistant {
    width:100%;
    margin:0 0 58px;
    padding-left:38px;
  }
  .chat-response-head {
    display:grid;
    grid-template-columns:31px minmax(0,1fr) auto;
    align-items:center;
    gap:11px;
    margin-bottom:19px;
  }
  .chat-response-mark {
    display:grid;
    width:31px;height:31px;
    place-items:center;
    border:1px solid rgba(var(--chat-accent),.14);
    border-radius:10px;
    background:rgba(var(--chat-accent),.04);
  }
  .chat-response-mark .logo__mark { width:18px;height:18px; }
  .chat-response-head>span:nth-child(2) { display:grid;gap:4px; }
  .chat-response-head strong { color:rgba(245,245,242,.82);font-size:.75rem;font-weight:590; }
  .chat-response-head small { color:rgba(var(--chat-accent),.4);font:600 .75rem/1 var(--font-mono);letter-spacing:.1em; }
  .chat-response-head time { color:rgba(245,245,242,.2);font:500 .75rem/1 var(--font-mono); }

  .chat-thinking {
    display:flex;
    min-height:38px;
    align-items:center;
    gap:10px;
    color:rgba(245,245,242,.48);
    font-size:.75rem;
  }
  .chat-thinking>i {
    position:relative;
    width:18px;height:18px;
    border:1px solid rgba(var(--chat-accent),.2);
    border-radius:50%;
  }
  .chat-thinking>i::after {
    content:"";
    position:absolute;
    left:50%;top:50%;
    width:3px;height:3px;
    margin:-1.5px;
    border-radius:50%;
    background:rgb(var(--chat-accent));
    box-shadow:0 0 10px rgba(var(--chat-accent),.45);
    animation:chat-thinking-orbit 1.8s linear infinite;
    transform-origin:1px 1px;
  }
  .chat-thinking>b { flex:1;height:1px;background:linear-gradient(90deg,rgba(var(--chat-accent),.12),transparent 55%); }

  .chat-response-body {
    color:rgba(245,245,242,.82);
    font-size:clamp(.91rem,.72vw + .42rem,1rem);
    line-height:1.72;
    letter-spacing:-.012em;
    overflow-wrap:anywhere;
  }
  .chat-response-body>*+* { margin-top:1.05em; }
  .chat-response-body h2,
  .chat-response-body h3,
  .chat-response-body h4,
  .chat-response-body h5,
  .chat-response-body h6 {
    max-width:760px;
    margin-top:1.8em;
    color:rgba(245,245,242,.96);
    font-weight:570;
    letter-spacing:-.035em;
    line-height:1.15;
  }
  .chat-response-body h2 { font-size:1.55rem; }
  .chat-response-body h3 { font-size:1.28rem; }
  .chat-response-body h4 { font-size:1.08rem; }
  .chat-response-body p { max-width:850px;color:rgba(245,245,242,.72); }
  .chat-response-body strong { color:rgba(245,245,242,.94);font-weight:620; }
  .chat-response-body em { color:rgba(245,245,242,.76); }
  .chat-response-body a {
    color:rgb(var(--chat-accent));
    text-decoration:underline;
    text-decoration-color:rgba(var(--chat-accent),.26);
    text-underline-offset:3px;
  }
  .chat-response-body ul,
  .chat-response-body ol { display:grid;gap:.55em;max-width:830px;padding-left:1.25rem;list-style:initial; }
  .chat-response-body ol { list-style:decimal; }
  .chat-response-body li { padding-left:.32rem;color:rgba(245,245,242,.7); }
  .chat-response-body li::marker { color:rgba(var(--chat-accent),.54); }
  .chat-response-body blockquote {
    max-width:800px;
    padding:4px 0 4px 20px;
    border-left:1px solid rgba(var(--chat-accent),.3);
    color:rgba(245,245,242,.62);
  }
  .chat-response-body blockquote>*+* { margin-top:.75em; }
  .chat-response-body hr { height:1px;margin:1.7em 0;border:0;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent 84%); }
  .chat-response-body :not(pre)>code {
    padding:.15em .42em;
    border:1px solid rgba(255,255,255,.075);
    border-radius:5px;
    background:rgba(255,255,255,.04);
    color:rgba(var(--chat-accent),.84);
    font-size:.86em;
  }

  .chat-code {
    width:min(100%,980px);
    margin:1.3em 0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.085);
    border-radius:14px;
    background:#090a0c;
    box-shadow:0 22px 75px rgba(0,0,0,.2);
  }
  .chat-code figcaption {
    display:flex;
    min-height:42px;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:0 10px 0 15px;
    border-bottom:1px solid rgba(255,255,255,.065);
    background:rgba(255,255,255,.022);
  }
  .chat-code figcaption>span { color:rgba(var(--chat-accent),.52);font:650 .75rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase; }
  .chat-code figcaption>div { display:flex;gap:4px; }
  .chat-code button {
    min-height:28px;
    padding:0 9px;
    border-radius:7px;
    color:rgba(245,245,242,.38);
    font:560 .8125rem/1 var(--font-mono);
    transition:background .2s ease,color .2s ease;
  }
  .chat-code button:hover,
  .chat-code button.is-copied { color:var(--text);background:rgba(255,255,255,.05); }
  .chat-code pre {
    max-width:100%;
    margin:0;
    padding:18px 20px 20px;
    overflow:auto;
    scrollbar-width:thin;
    scrollbar-color:rgba(255,255,255,.13) transparent;
  }
  .chat-code code {
    display:block;
    min-width:max-content;
    color:rgba(224,231,237,.82);
    font:500 .78rem/1.65 var(--font-mono);
    tab-size:2;
    white-space:pre;
  }
  .chat-code.is-wrapped code { min-width:0;white-space:pre-wrap;overflow-wrap:anywhere; }

  .chat-table-wrap {
    width:100%;
    max-width:980px;
    margin:1.35em 0;
    overflow-x:auto;
    border:1px solid rgba(255,255,255,.08);
    border-radius:13px;
    scrollbar-width:thin;
  }
  .chat-table-wrap table { width:100%;min-width:590px;background:rgba(9,10,12,.72); }
  .chat-table-wrap th,
  .chat-table-wrap td { padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);font-size:.75rem;vertical-align:top; }
  .chat-table-wrap th { color:rgba(245,245,242,.56);background:rgba(255,255,255,.025);font:620 .75rem/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase; }
  .chat-table-wrap td { color:rgba(245,245,242,.66); }
  .chat-table-wrap tr:last-child td { border-bottom:0; }

  .chat-response-state,
  .chat-response-trace {
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:17px;
    color:rgba(245,245,242,.31);
    font:560 .75rem/1.4 var(--font-mono);
  }
  .chat-response-state>i { width:4px;height:4px;border-radius:50%;background:var(--amber); }
  .chat-response-trace>i { width:2px;height:2px;border-radius:50%;background:rgba(var(--chat-accent),.38); }
  .chat-response-trace code { color:rgba(var(--chat-accent),.42); }
  .chat-response-error {
    display:grid;
    grid-template-columns:31px minmax(0,1fr);
    gap:12px;
    max-width:760px;
    margin-top:18px;
    padding:15px;
    border:1px solid rgba(241,141,147,.13);
    border-radius:12px;
    background:rgba(241,141,147,.035);
  }
  .chat-response-error>span { display:grid;width:31px;height:31px;place-items:center;border-radius:9px;background:rgba(241,141,147,.07);color:var(--red); }
  .chat-response-error strong { color:rgba(245,245,242,.82);font-size:.75rem; }
  .chat-response-error p { margin-top:4px;color:rgba(245,245,242,.45);font-size:.875rem;line-height:1.5; }
  .chat-response-error>div>div { display:flex;flex-wrap:wrap;gap:7px;margin-top:11px; }
  .chat-response-error button { min-height:31px;padding:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:rgba(245,245,242,.66);font-size:.8125rem; }
  .chat-response-error button:hover { color:var(--text);border-color:rgba(var(--chat-accent),.16);background:rgba(255,255,255,.035); }

  .chat-response-actions {
    display:flex;
    flex-wrap:wrap;
    gap:3px;
    margin-top:18px;
    opacity:.38;
    transform:translateY(2px);
    transition:opacity .25s ease,transform .3s var(--ease-out);
  }
  .chat-turn--assistant:hover .chat-response-actions,
  .chat-turn--assistant:focus-within .chat-response-actions { opacity:1;transform:none; }
  .chat-response-actions button {
    display:inline-flex;
    min-height:31px;
    align-items:center;
    gap:6px;
    padding:0 9px;
    border-radius:8px;
    color:rgba(245,245,242,.34);
    font-size:.8125rem;
    transition:color .2s ease,background .2s ease;
  }
  .chat-response-actions button:hover,
  .chat-response-actions button.is-active { color:rgba(245,245,242,.78);background:rgba(255,255,255,.035); }
  .chat-response-actions button.is-active { color:rgb(var(--chat-accent)); }

  /* Composer */
  .chat-composer-dock {
    position:relative;
    z-index:13;
    width:min(920px,calc(100% - 64px));
    margin-inline:auto;
    padding:0 0 max(14px,env(safe-area-inset-bottom));
    transition:width .7s var(--ease-out),transform .5s var(--ease-out);
  }
  .astrid-chat[data-state="empty"] .chat-composer-dock { width:min(840px,calc(100% - 64px)); }
  .chat-composer-dock::before {
    content:"";
    position:absolute;
    z-index:-1;
    left:-12%;right:-12%;bottom:0;height:150%;
    background:radial-gradient(ellipse at 50% 82%,rgba(7,8,9,.96) 0,rgba(7,8,9,.8) 47%,transparent 78%);
    pointer-events:none;
  }
  .chat-composer {
    position:relative;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-rows:minmax(46px,auto) auto;
    align-items:end;
    gap:0 9px;
    min-width:0;
    padding:8px 8px 7px 9px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:19px;
    background:linear-gradient(145deg,rgba(20,21,25,.92),rgba(12,13,16,.9));
    box-shadow:0 25px 90px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.025);
    backdrop-filter:blur(24px) saturate(1.04);
    transition:border-color .3s ease,box-shadow .4s ease,transform .5s var(--ease-spring),background .3s ease;
  }
  .chat-composer::before {
    content:"";
    position:absolute;
    inset:-1px;
    z-index:-1;
    border-radius:20px;
    background:linear-gradient(112deg,transparent 12%,rgba(var(--chat-accent),.08),transparent 53%,rgba(var(--chat-secondary),.045));
    opacity:.25;
    transition:opacity .35s ease;
  }
  .astrid-chat.is-composing .chat-composer {
    border-color:rgba(var(--chat-accent),.2);
    box-shadow:0 32px 105px rgba(0,0,0,.42),0 0 0 1px rgba(var(--chat-accent),.022);
    transform:translateY(-2px);
  }
  .astrid-chat.is-composing .chat-composer::before,
  .astrid-chat.is-generating .chat-composer::before { opacity:.9; }
  .chat-composer__attach {
    display:flex;
    grid-row:1;
    height:38px;
    align-items:center;
    align-self:end;
    gap:7px;
    padding:0 10px;
    border-radius:10px;
    color:rgba(245,245,242,.4);
    font-size:.75rem;
    transition:color .2s ease,background .2s ease;
  }
  .chat-composer__attach:hover { color:var(--text);background:rgba(255,255,255,.04); }
  .chat-composer__attach:disabled { opacity:.28;cursor:not-allowed; }
  .chat-composer textarea {
    grid-column:2;
    grid-row:1;
    width:100%;
    min-height:38px;
    max-height:176px;
    padding:8px 4px 7px;
    overflow-y:auto;
    color:rgba(245,245,242,.86);
    caret-color:rgb(var(--chat-accent));
    font-size:.83rem;
    line-height:1.5;
    scrollbar-width:thin;
  }
  .chat-composer textarea::placeholder { color:rgba(245,245,242,.27); }
  .chat-composer__meta {
    display:flex;
    grid-column:1/3;
    grid-row:2;
    min-width:0;
    align-items:center;
    gap:8px;
    padding:1px 6px 0 8px;
  }
  .chat-composer__meta button {
    display:inline-flex;
    min-height:24px;
    align-items:center;
    gap:6px;
    border-radius:7px;
    color:rgba(245,245,242,.31);
    font:580 .8125rem/1 var(--font-mono);
    transition:color .2s ease,background .2s ease;
  }
  .chat-composer__meta button:hover { color:rgba(245,245,242,.66); }
  .chat-composer__meta button>i { width:4px;height:4px;border-radius:50%;background:rgb(var(--chat-accent));box-shadow:0 0 8px rgba(var(--chat-accent),.32); }
  .chat-composer__meta>span { color:rgba(245,245,242,.24);font:550 .75rem/1 var(--font-mono); }
  .chat-send {
    position:relative;
    display:grid;
    grid-column:3;
    grid-row:1/3;
    width:43px;
    height:43px;
    place-items:center;
    align-self:end;
    overflow:hidden;
    border:1px solid rgba(var(--chat-accent),.13);
    border-radius:13px;
    background:rgba(245,245,242,.9);
    color:#0a0b0c;
    transition:transform .38s var(--ease-spring),background .25s ease,border-color .25s ease,box-shadow .3s ease;
  }
  .chat-send:hover { transform:translateY(-1px) scale(1.025);box-shadow:0 12px 32px rgba(0,0,0,.28); }
  .chat-send__idle,
  .chat-send__stop { position:absolute;display:grid;place-items:center;transition:opacity .2s ease,transform .35s var(--ease-spring); }
  .chat-send__stop { opacity:0;transform:scale(.55) rotate(-15deg); }
  .astrid-chat.is-generating .chat-send { background:rgba(var(--chat-accent),.12);color:rgb(var(--chat-accent));border-color:rgba(var(--chat-accent),.24); }
  .astrid-chat.is-generating .chat-send__idle { opacity:0;transform:scale(.55) rotate(18deg); }
  .astrid-chat.is-generating .chat-send__stop { opacity:1;transform:scale(1) rotate(0); }
  .chat-composer__under {
    display:flex;
    justify-content:space-between;
    gap:18px;
    padding:8px 7px 0;
    color:rgba(245,245,242,.22);
    font-size:.75rem;
  }
  .chat-composer__under kbd { min-width:18px;height:17px;padding:0 4px;border-radius:4px;font-size:.75rem;box-shadow:none; }

  .chat-attachment-strip {
    display:flex;
    max-width:100%;
    gap:8px;
    padding:0 3px 9px;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .chat-attachment-strip::-webkit-scrollbar { display:none; }
  .chat-pending-image {
    position:relative;
    display:grid;
    grid-template-columns:50px minmax(90px,145px) 25px;
    flex:none;
    min-width:190px;
    align-items:center;
    gap:8px;
    padding:6px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:11px;
    background:rgba(13,14,17,.9);
    box-shadow:0 12px 35px rgba(0,0,0,.2);
  }
  .chat-pending-image img { width:50px;height:43px;object-fit:cover;border-radius:7px; }
  .chat-pending-image figcaption { display:grid;min-width:0;gap:3px; }
  .chat-pending-image strong { overflow:hidden;color:rgba(245,245,242,.66);font-size:.75rem;font-weight:560;text-overflow:ellipsis;white-space:nowrap; }
  .chat-pending-image span { color:var(--chat-faint);font:500 .75rem/1 var(--font-mono); }
  .chat-pending-image button { display:grid;width:25px;height:25px;place-items:center;border-radius:7px;color:var(--chat-faint); }
  .chat-pending-image button:hover { color:var(--text);background:rgba(255,255,255,.05); }
  .chat-vision-notice {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 3px 7px;
    padding:7px 10px;
    border-left:1px solid rgba(var(--chat-accent),.22);
    color:rgba(245,245,242,.4);
    font-size:.75rem;
  }
  .chat-vision-notice>span { display:flex;align-items:center;gap:7px; }
  .chat-vision-notice svg { color:rgb(var(--chat-accent)); }
  .chat-vision-notice button { color:rgba(245,245,242,.35);text-decoration:underline;text-underline-offset:3px; }
  .chat-config-note {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:8px;
    padding:11px 13px;
    border:1px solid rgba(240,190,105,.12);
    border-radius:12px;
    background:rgba(240,190,105,.035);
  }
  .chat-config-note>div { display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px; }
  .chat-config-note>div>i { display:grid;width:30px;height:30px;place-items:center;border-radius:8px;color:var(--amber);background:rgba(240,190,105,.06);font-style:normal; }
  .chat-config-note>div>span { display:grid;gap:3px; }
  .chat-config-note strong { color:rgba(245,245,242,.7);font-size:.75rem; }
  .chat-config-note small { color:rgba(245,245,242,.35);font-size:.75rem; }
  .chat-config-note code { color:rgba(240,190,105,.7); }
  .chat-config-note>button { flex:none;min-height:31px;padding:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:rgba(245,245,242,.52);font-size:.8125rem; }

  /* Modal surfaces and drawers */
  .chat-overlay {
    position:fixed;
    z-index:49;
    inset:0;
    visibility:hidden;
    opacity:0;
    background:rgba(2,3,4,.58);
    backdrop-filter:blur(5px);
    transition:opacity .3s ease,visibility .3s;
  }
  .chat-overlay.is-visible { visibility:visible;opacity:1; }
  .chat-drawer,
  .chat-model-panel,
  .chat-connection-panel {
    position:fixed;
    z-index:55;
    min-width:0;
    border:1px solid rgba(255,255,255,.09);
    background:linear-gradient(155deg,rgba(16,17,20,.985),rgba(9,10,12,.985));
    box-shadow:0 40px 150px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.025);
    backdrop-filter:blur(34px) saturate(1.08);
  }
  .chat-drawer {
    top:0;
    bottom:0;
    display:flex;
    width:min(420px,calc(100vw - 96px));
    flex-direction:column;
    padding:22px 20px max(18px,env(safe-area-inset-bottom));
    overflow-y:auto;
    overscroll-behavior:contain;
    opacity:0;
    transition:transform .55s var(--ease-out),opacity .35s ease;
  }
  .chat-history { left:72px;transform:translateX(calc(-100% - 80px));border-left:0; }
  .chat-context,
  .chat-settings { right:0;transform:translateX(104%);border-right:0; }
  .chat-drawer.is-open { transform:none;opacity:1; }
  .chat-drawer>header {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    padding:3px 2px 20px;
    border-bottom:1px solid var(--chat-line);
  }
  .chat-drawer>header>div { display:grid;gap:7px; }
  .chat-drawer>header span,
  .chat-model-panel>header span,
  .chat-connection-panel>header>span { color:rgba(var(--chat-accent),.45);font:650 .75rem/1 var(--font-mono);letter-spacing:.16em; }
  .chat-drawer>header h2,
  .chat-model-panel>header h2 { color:rgba(245,245,242,.92);font-size:1.42rem;font-weight:530;letter-spacing:-.045em; }
  .chat-drawer>header>button,
  .chat-model-panel>header>button,
  .chat-connection-panel>header>button {
    display:grid;
    width:32px;height:32px;
    flex:none;
    place-items:center;
    border-radius:9px;
    color:var(--chat-muted);
  }
  .chat-drawer>header>button:hover,
  .chat-model-panel>header>button:hover,
  .chat-connection-panel>header>button:hover { color:var(--text);background:rgba(255,255,255,.045); }

  .chat-history__actions { padding:15px 0 9px; }
  .chat-history__actions>button {
    display:flex;
    width:100%;
    min-height:41px;
    align-items:center;
    gap:9px;
    padding:0 10px;
    border:1px solid rgba(var(--chat-accent),.1);
    border-radius:10px;
    color:rgba(245,245,242,.72);
    background:rgba(var(--chat-accent),.03);
    font-size:.8125rem;
  }
  .chat-history__actions kbd { margin-left:auto;height:18px;font-size:.75rem; }
  .chat-history__search {
    display:grid;
    grid-template-columns:20px minmax(0,1fr) auto;
    align-items:center;
    gap:7px;
    min-height:42px;
    padding:0 9px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:10px;
    color:var(--chat-faint);
    background:rgba(255,255,255,.02);
  }
  .chat-history__search:focus-within { border-color:rgba(var(--chat-accent),.19);color:rgb(var(--chat-accent)); }
  .chat-history__search input { min-width:0;color:rgba(245,245,242,.72);font-size:.8125rem; }
  .chat-history__search input::placeholder { color:rgba(245,245,242,.25); }
  .chat-history__search kbd { height:18px;font-size:.75rem; }
  .chat-history__results { display:grid;gap:22px;padding:19px 0; }
  .chat-history__results section { display:grid;gap:5px; }
  .chat-history__results h3 { padding:0 7px 5px;color:rgba(245,245,242,.25);font:650 .875rem/1 var(--font-mono);letter-spacing:.13em;text-transform:uppercase; }
  .chat-history-item {
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    border:1px solid transparent;
    border-radius:11px;
    transition:background .2s ease,border-color .2s ease;
  }
  .chat-history-item:hover,
  .chat-history-item:focus-within { background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.045); }
  .chat-history-item.is-active { background:rgba(var(--chat-accent),.035);border-color:rgba(var(--chat-accent),.08); }
  .chat-history-item>button {
    display:grid;
    grid-template-columns:8px minmax(0,1fr);
    gap:9px;
    min-width:0;
    padding:11px 8px;
    text-align:left;
  }
  .chat-history-item>button>i { width:4px;height:4px;margin-top:5px;border-radius:50%;background:rgba(245,245,242,.18); }
  .chat-history-item.is-active>button>i { background:rgb(var(--chat-accent));box-shadow:0 0 8px rgba(var(--chat-accent),.35); }
  .chat-history-item>button>span { display:grid;min-width:0;gap:4px; }
  .chat-history-item strong { overflow:hidden;color:rgba(245,245,242,.72);font-size:.75rem;font-weight:570;text-overflow:ellipsis;white-space:nowrap; }
  .chat-history-item small { overflow:hidden;color:rgba(245,245,242,.3);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap; }
  .chat-history-item em { color:rgba(245,245,242,.22);font:500 .75rem/1 var(--font-mono);font-style:normal; }
  .chat-history-item>div { display:flex;padding-right:5px;opacity:0;transition:opacity .2s ease; }
  .chat-history-item:hover>div,
  .chat-history-item:focus-within>div { opacity:1; }
  .chat-history-item>div button { display:grid;width:27px;height:27px;place-items:center;border-radius:7px;color:var(--chat-faint); }
  .chat-history-item>div button:hover { color:var(--text);background:rgba(255,255,255,.05); }
  .chat-history__empty { display:flex;flex:1;min-height:260px;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;color:var(--chat-faint); }
  .chat-history__empty .logo__mark { width:28px;height:28px;margin-bottom:10px;opacity:.48; }
  .chat-history__empty strong { color:rgba(245,245,242,.55);font-size:.75rem; }
  .chat-history__empty span { max-width:220px;font-size:.75rem; }
  .chat-history>footer { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--chat-line);color:var(--chat-faint);font-size:.75rem; }
  .chat-history>footer button { display:flex;align-items:center;gap:6px;color:var(--chat-muted);font-size:.8125rem; }

  .chat-context__map {
    position:relative;
    min-height:190px;
    margin:17px 0 5px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.06);
    border-radius:14px;
    background:radial-gradient(circle at 50% 50%,rgba(var(--chat-accent),.045),transparent 55%);
  }
  .chat-context__map svg { position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(var(--chat-accent),.1);stroke-width:.65; }
  .chat-context__map>span { position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); }
  .chat-context__map .logo__mark { width:27px;height:27px;opacity:.76; }
  .chat-context__map>i { position:absolute;width:5px;height:5px;border-radius:50%;background:rgba(var(--chat-accent),.45); }
  .chat-context__map>i:nth-of-type(1) { left:17%;top:63%; }
  .chat-context__map>i:nth-of-type(2) { left:78%;top:35%; }
  .chat-context__map>i:nth-of-type(3) { left:70%;top:77%; }
  .chat-context>section { padding:17px 2px;border-top:1px solid var(--chat-line); }
  .chat-context__head { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px; }
  .chat-context__head>span { color:rgba(245,245,242,.3);font:650 .75rem/1 var(--font-mono);letter-spacing:.11em;text-transform:uppercase; }
  .chat-context__head>em { color:rgba(245,245,242,.24);font:500 .75rem/1 var(--font-mono);font-style:normal; }
  .chat-context__head>button { color:rgba(var(--chat-accent),.5);font-size:.8125rem; }
  .chat-context__summary { display:grid;gap:5px;padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.018); }
  .chat-context__summary strong { color:rgba(245,245,242,.74);font-size:.75rem; }
  .chat-context__summary span { color:rgba(var(--chat-accent),.5);font:600 .75rem/1 var(--font-mono);letter-spacing:.08em; }
  .chat-context__summary small { color:var(--chat-faint);font-size:.75rem; }
  .chat-context__images { display:flex;flex-wrap:wrap;gap:7px; }
  .chat-context__images>p { color:var(--chat-faint);font-size:.875rem;line-height:1.55; }
  .chat-context__project { display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.018); }
  .chat-context__project>i { display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:rgb(var(--chat-accent));background:rgba(var(--chat-accent),.045);font-style:normal; }
  .chat-context__project>div { display:grid;gap:3px; }
  .chat-context__project strong { color:rgba(245,245,242,.66);font-size:.75rem; }
  .chat-context__project small { color:var(--chat-faint);font-size:.75rem; }
  .chat-context__project>em { color:rgba(var(--chat-accent),.38);font:650 .75rem/1 var(--font-mono);font-style:normal;letter-spacing:.1em; }
  .chat-context__technical dl { display:grid;gap:0; }
  .chat-context__technical dl>div { display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-top:1px solid rgba(255,255,255,.045); }
  .chat-context__technical dt { color:var(--chat-faint);font-size:.75rem; }
  .chat-context__technical dd { margin:0;color:rgba(245,245,242,.5);font:500 .875rem/1.4 var(--font-mono);text-align:right; }

  .chat-settings form { display:grid;gap:0;padding-top:10px; }
  .chat-settings form>label {
    display:grid;
    grid-template-columns:minmax(0,1fr) 145px;
    align-items:center;
    gap:18px;
    padding:16px 2px;
    border-bottom:1px solid var(--chat-line);
  }
  .chat-settings form>label>span { display:grid;gap:4px; }
  .chat-settings label strong { color:rgba(245,245,242,.72);font-size:.8125rem; }
  .chat-settings label small { color:var(--chat-faint);font-size:.8125rem;line-height:1.45; }
  .chat-settings select {
    width:100%;
    height:36px;
    padding:0 10px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:9px;
    background:#101115;
    color:rgba(245,245,242,.62);
    font-size:.8125rem;
  }
  .chat-settings__toggle { grid-template-columns:minmax(0,1fr) 38px!important; }
  .chat-settings__toggle input { position:absolute;opacity:0;pointer-events:none; }
  .chat-settings__toggle>i {
    position:relative;
    width:36px;height:20px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:10px;
    background:rgba(255,255,255,.035);
  }
  .chat-settings__toggle>i::after {
    content:"";
    position:absolute;
    left:3px;top:3px;
    width:12px;height:12px;
    border-radius:50%;
    background:rgba(245,245,242,.42);
    transition:transform .3s var(--ease-spring),background .2s ease;
  }
  .chat-settings__toggle input:checked+i { border-color:rgba(var(--chat-accent),.16);background:rgba(var(--chat-accent),.07); }
  .chat-settings__toggle input:checked+i::after { transform:translateX(16px);background:rgb(var(--chat-accent)); }
  .chat-settings__toggle input:focus-visible+i { outline:2px solid rgba(139,233,255,.9);outline-offset:4px; }
  .chat-settings__entitlement { margin-top:17px;padding:16px;border:1px solid rgba(var(--chat-accent),.1);border-radius:12px;background:linear-gradient(130deg,rgba(var(--chat-accent),.035),rgba(var(--chat-secondary),.018)); }
  .chat-settings__entitlement>span { color:rgba(var(--chat-accent),.45);font:650 .75rem/1 var(--font-mono);letter-spacing:.13em; }
  .chat-settings__entitlement>strong { display:block;margin-top:8px;color:rgba(245,245,242,.83);font-size:.88rem; }
  .chat-settings__entitlement>p { margin-top:7px;color:var(--chat-faint);font-size:.875rem;line-height:1.5; }
  .chat-settings__entitlement>a { display:inline-flex;align-items:center;gap:7px;margin-top:11px;color:rgba(var(--chat-accent),.57);font-size:.8125rem; }
  .chat-settings__danger { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:15px 2px;border-top:1px solid var(--chat-line);border-bottom:1px solid var(--chat-line); }
  .chat-settings__danger>div { display:grid;gap:4px; }
  .chat-settings__danger strong { color:rgba(245,245,242,.65);font-size:.75rem; }
  .chat-settings__danger small { color:var(--chat-faint);font-size:.75rem; }
  .chat-settings__danger button { min-height:32px;padding:0 10px;border:1px solid rgba(241,141,147,.13);border-radius:8px;color:rgba(241,141,147,.68);font-size:.8125rem; }
  .chat-settings__security { margin-top:16px;padding:12px;border-left:1px solid rgba(240,190,105,.2);color:rgba(245,245,242,.35);font-size:.75rem;line-height:1.55; }
  .chat-settings__security code { color:rgba(240,190,105,.66); }
  .hide-technical [data-technical-detail] { display:none!important; }

  /* Model field */
  .chat-model-panel {
    left:50%;
    top:82px;
    width:min(680px,calc(100vw - 124px));
    max-height:calc(100dvh - 104px);
    padding:21px;
    overflow-y:auto;
    border-radius:19px;
    opacity:0;
    transform:translate(-50%,-18px) scale(.975);
    pointer-events:none;
    transition:opacity .28s ease,transform .48s var(--ease-out);
  }
  .chat-model-panel.is-open { opacity:1;transform:translate(-50%,0) scale(1);pointer-events:auto; }
  .chat-model-panel>header { display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:2px 2px 18px; }
  .chat-model-panel>header>div { display:grid;gap:8px; }
  .chat-model-panel__access {
    display:grid;
    grid-template-columns:6px minmax(0,1fr) auto;
    align-items:center;
    gap:9px;
    min-height:35px;
    padding:0 10px;
    border-top:1px solid var(--chat-line);
    border-bottom:1px solid var(--chat-line);
    color:var(--chat-faint);
    font-size:.75rem;
  }
  .chat-model-panel__access>i { width:4px;height:4px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(118,229,172,.38); }
  .chat-model-panel__access strong { color:rgba(245,245,242,.46);font:560 .75rem/1 var(--font-mono); }
  .chat-model-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:13px 0; }
  .chat-model-option {
    position:relative;
    display:grid;
    grid-template-columns:36px minmax(0,1fr) 20px;
    min-width:0;
    gap:10px;
    min-height:154px;
    padding:14px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.065);
    border-radius:13px;
    background:rgba(255,255,255,.018);
    text-align:left;
    transition:border-color .3s ease,background .3s ease,transform .45s var(--ease-spring),box-shadow .3s ease;
  }
  .chat-model-option:hover,
  .chat-model-option:focus-visible { transform:translateY(-2px);border-color:rgba(var(--chat-accent),.16);background:rgba(var(--chat-accent),.027);box-shadow:0 20px 55px rgba(0,0,0,.17); }
  .chat-model-option.is-active { border-color:rgba(var(--chat-accent),.22);background:linear-gradient(135deg,rgba(var(--chat-accent),.05),rgba(255,255,255,.015)); }
  .chat-model-option--max::before {
    content:"";
    position:absolute;
    inset:-45% -15%;
    background:linear-gradient(115deg,transparent 37%,rgba(190,220,255,.06) 49%,transparent 61%);
    transform:translateX(-55%);
    transition:transform .8s var(--ease-out);
  }
  .chat-model-option--max:hover::before { transform:translateX(42%); }
  .chat-model-option__mark {
    position:relative;
    z-index:1;
    display:grid;
    width:36px;height:36px;
    place-items:center;
    border:1px solid rgba(var(--chat-accent),.12);
    border-radius:10px;
    color:rgb(var(--chat-accent));
    background:rgba(var(--chat-accent),.035);
  }
  .chat-model-option__copy { position:relative;z-index:1;display:grid;min-width:0;align-content:start;gap:7px; }
  .chat-model-option__copy>span:first-child { display:flex;align-items:center;flex-wrap:wrap;gap:7px; }
  .chat-model-option__copy strong { color:rgba(245,245,242,.82);font-size:.75rem;font-weight:620;letter-spacing:.03em; }
  .chat-model-option__copy em { padding:3px 5px;border:1px solid rgba(var(--chat-accent),.12);border-radius:5px;color:rgba(var(--chat-accent),.56);font:650 .75rem/1 var(--font-mono);font-style:normal;letter-spacing:.1em; }
  .chat-model-option__copy>b { color:rgba(245,245,242,.48);font-size:.75rem;font-weight:540; }
  .chat-model-option__copy>small { color:var(--chat-faint);font-size:.75rem;line-height:1.45; }
  .chat-model-option__technical { margin-top:auto;color:rgba(245,245,242,.22);font:500 .75rem/1.4 var(--font-mono); }
  .chat-model-option__select { position:relative;z-index:1;display:grid;width:20px;height:20px;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:50%;color:transparent;font-style:normal; }
  .chat-model-option.is-active .chat-model-option__select { border-color:rgba(var(--chat-accent),.22);background:rgb(var(--chat-accent));color:#08090a; }
  .chat-model-panel>footer { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 2px 0;border-top:1px solid var(--chat-line); }
  .chat-model-panel>footer>span { max-width:390px;color:var(--chat-faint);font-size:.75rem;line-height:1.45; }
  .chat-model-panel>footer>a { display:flex;flex:none;align-items:center;gap:7px;color:rgba(var(--chat-accent),.56);font-size:.8125rem; }

  .chat-connection-panel {
    left:88px;
    bottom:18px;
    width:min(355px,calc(100vw - 110px));
    padding:16px;
    border-radius:15px;
    opacity:0;
    transform:translateY(14px) scale(.97);
    pointer-events:none;
    transition:opacity .25s ease,transform .42s var(--ease-out);
  }
  .chat-connection-panel.is-open { opacity:1;transform:none;pointer-events:auto; }
  .chat-connection-panel>header { display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--chat-line); }
  .chat-connection-panel__state { display:grid;grid-template-columns:8px minmax(0,1fr);gap:10px;align-items:start;padding:15px 2px; }
  .chat-connection-panel__state>i { width:6px;height:6px;margin-top:5px;border-radius:50%;background:var(--amber); }
  .chat-connection-panel__state>span { display:grid;gap:4px; }
  .chat-connection-panel__state strong { color:rgba(245,245,242,.76);font-size:.75rem; }
  .chat-connection-panel__state small { color:var(--chat-faint);font-size:.75rem;line-height:1.45; }
  .chat-connection-panel dl { display:grid;margin:0;border-top:1px solid var(--chat-line); }
  .chat-connection-panel dl>div { display:flex;justify-content:space-between;gap:12px;padding:8px 2px;border-bottom:1px solid rgba(255,255,255,.045);font-size:.75rem; }
  .chat-connection-panel dt { color:var(--chat-faint); }
  .chat-connection-panel dd { margin:0;color:rgba(245,245,242,.52);text-align:right; }
  .chat-connection-panel>button { display:flex;align-items:center;gap:7px;margin-top:12px;color:rgba(var(--chat-accent),.55);font-size:.8125rem; }

  .chat-drag-layer {
    position:fixed;
    z-index:100;
    inset:14px;
    display:grid;
    visibility:hidden;
    place-items:center;
    border:1px dashed rgba(var(--chat-accent),.3);
    border-radius:22px;
    background:rgba(7,8,10,.88);
    opacity:0;
    backdrop-filter:blur(20px);
    transition:opacity .2s ease,visibility .2s;
    pointer-events:none;
  }
  .chat-drag-layer.is-visible { visibility:visible;opacity:1; }
  .chat-drag-layer>div { display:flex;align-items:center;flex-direction:column;gap:9px;color:rgba(var(--chat-accent),.72);text-align:center; }
  .chat-drag-layer strong { color:rgba(245,245,242,.82);font-size:1rem; }
  .chat-drag-layer span { color:var(--chat-muted);font-size:.75rem; }

  .chat-dialog {
    width:min(470px,calc(100vw - 28px));
    padding:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.1);
    border-radius:17px;
    background:linear-gradient(145deg,#121317,#0a0b0d);
    color:var(--text);
    box-shadow:0 50px 170px rgba(0,0,0,.7);
  }
  .chat-dialog::backdrop { background:rgba(2,3,4,.72);backdrop-filter:blur(7px); }
  .chat-dialog[open] { animation:chat-dialog-enter .38s var(--ease-out) both; }
  .chat-dialog form { display:grid;gap:17px;padding:19px; }
  .chat-dialog header { display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--chat-line); }
  .chat-dialog header>span { color:rgba(var(--chat-accent),.5);font:650 .75rem/1 var(--font-mono);letter-spacing:.14em; }
  .chat-dialog header button { display:grid;width:29px;height:29px;place-items:center;border-radius:8px;color:var(--chat-muted); }
  .chat-dialog h2 { font-size:1.5rem;font-weight:540; }
  .chat-dialog p { color:var(--chat-muted);font-size:.875rem;line-height:1.55; }
  .chat-dialog label { display:grid;gap:8px;color:var(--chat-muted);font-size:.8125rem; }
  .chat-dialog input { height:43px;padding:0 12px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.025);color:var(--text);font-size:.8125rem; }
  .chat-dialog form>div:last-child { display:flex;justify-content:flex-end;gap:8px; }
  .chat-dialog .button { min-height:39px;font-size:.75rem; }
  .button--danger { border-color:rgba(241,141,147,.18);background:rgba(241,141,147,.07);color:rgba(241,141,147,.82); }

  /* Motion */
  @keyframes chat-canvas-enter { from{opacity:0;transform:translateY(42px)} to{opacity:1;transform:none} }
  @keyframes chat-turn-enter { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:none} }
  @keyframes chat-dialog-enter { from{opacity:0;transform:translateY(18px) scale(.98)} to{opacity:1;transform:none} }
  @keyframes chat-status-pulse { 0%,100%{opacity:.42;transform:scale(.8)} 50%{opacity:1;transform:scale(1.2)} }
  @keyframes chat-thinking-orbit { from{transform:rotate(0) translateX(6px)} to{transform:rotate(360deg) translateX(6px)} }
  @keyframes chat-orbit { from{transform:translate(-50%,-50%) scaleY(.38) rotate(24deg)} to{transform:translate(-50%,-50%) scaleY(.38) rotate(384deg)} }
  @keyframes chat-orbit-reverse { from{transform:translate(-50%,-50%) scaleY(.58) rotate(-32deg)} to{transform:translate(-50%,-50%) scaleY(.58) rotate(-392deg)} }

  /* Desktop scale and spatial balance */
  @media (min-width:1600px) {
    .astrid-chat { grid-template-columns:78px minmax(0,1fr); }
    .astrid-chat__geometry { inset:0 0 0 78px; }
    .chat-rail { padding-inline:14px; }
    .chat-message-canvas { width:min(1110px,calc(100% - 100px));padding-inline:54px; }
    .chat-composer-dock { width:min(980px,calc(100% - 100px)); }
    .astrid-chat[data-state="empty"] .chat-composer-dock { width:min(900px,calc(100% - 100px)); }
    .chat-empty { width:min(980px,calc(100% - 100px)); }
  }

  @media (max-width:1080px) {
    .chat-title { max-width:220px; }
    .chat-connection-state>span { display:none; }
    .chat-connection-state { width:36px;padding:0; }
    .chat-message-canvas { width:min(970px,calc(100% - 34px));padding-inline:28px; }
    .chat-composer-dock,
    .astrid-chat[data-state="empty"] .chat-composer-dock { width:min(890px,calc(100% - 40px)); }
  }

  /* Purpose-built mobile/tablet workspace */
  @media (max-width:820px) {
    body.is-app-page main { height:100dvh; }
    .astrid-chat { display:block; }
    .astrid-chat__field::after { background:linear-gradient(180deg,rgba(7,8,9,.72),rgba(7,8,9,.42) 42%,rgba(7,8,9,.78)); }
    .astrid-chat__geometry { inset:0;opacity:.38; }
    .chat-rail { display:none; }
    .chat-workspace { grid-template-rows:68px minmax(0,1fr) auto;width:100%; }
    .chat-header { grid-template-columns:minmax(0,1fr) auto;gap:8px;height:54px;margin:8px 9px 5px;padding:0 6px 0 8px;border-radius:14px; }
    .chat-header__identity { min-width:0; }
    .chat-header__mobile { display:grid; }
    .chat-title { max-width:30vw;padding-inline:4px;font-size:.75rem; }
    .chat-model-trigger { grid-column:2;grid-row:1;min-width:154px;grid-template-columns:28px auto 12px;gap:7px;min-height:40px; }
    .chat-model-trigger>i { width:28px;height:28px; }
    .chat-model-trigger small { font-size:.75rem; }
    .chat-model-trigger strong { font-size:.75rem; }
    .chat-header__tools { grid-column:1/3;position:absolute;right:7px;top:63px;gap:3px;pointer-events:auto; }
    .chat-header__icon,
    .chat-connection-state { background:rgba(11,12,15,.65);backdrop-filter:blur(14px); }
    .chat-header__new { display:none; }
    .chat-stage { padding-top:18px; }
    .chat-empty { width:calc(100% - 34px);padding:28px 0 20px;justify-content:flex-start; }
    .chat-empty__symbol { width:94px;height:94px;margin-top:auto;margin-bottom:15px; }
    .chat-empty__symbol::before { width:92px;height:92px; }
    .chat-empty__symbol::after { width:70px;height:70px; }
    .chat-empty h1 { font-size:clamp(3rem,12vw,5rem); }
    .chat-empty>p:not(.chat-empty__signal) { max-width:560px;margin-top:17px;font-size:.875rem; }
    .chat-starters { margin-top:24px; }
    .chat-empty__foot { margin-bottom:auto;padding-top:3px; }
    .chat-message-canvas { width:100%;padding:62px 17px 48px; }
    .chat-message-axis { display:none; }
    .chat-turn--assistant { padding-left:0; }
    .chat-inline-event { margin-left:0; }
    .chat-composer-dock,
    .astrid-chat[data-state="empty"] .chat-composer-dock { width:calc(100% - 18px);padding-bottom:max(9px,env(safe-area-inset-bottom)); }
    .chat-composer-dock::before { left:-7%;right:-7%; }
    .chat-drawer {
      left:0;right:auto;top:0;bottom:0;
      width:min(460px,100vw);
      max-width:100vw;
      padding-top:max(20px,env(safe-area-inset-top));
      border-left:0;
      border-radius:0;
      transform:translateX(-103%);
    }
    .chat-context,
    .chat-settings { left:auto;right:0;transform:translateX(103%); }
    .chat-drawer.is-open { transform:none; }
    .chat-model-panel {
      left:9px;right:9px;top:auto;bottom:max(9px,env(safe-area-inset-bottom));
      width:auto;
      max-height:min(82dvh,720px);
      border-radius:20px;
      transform:translateY(26px) scale(.98);
    }
    .chat-model-panel.is-open { transform:none; }
    .chat-connection-panel { left:9px;right:9px;bottom:max(9px,env(safe-area-inset-bottom));width:auto; }
  }

  @media (max-width:600px) {
    .chat-workspace { grid-template-rows:63px minmax(0,1fr) auto; }
    .chat-header { height:50px;margin:7px 7px 4px;border-radius:13px; }
    .chat-title { display:none; }
    .chat-header__identity { width:36px; }
    .chat-model-trigger { min-width:151px;justify-self:end; }
    .chat-header__tools { top:58px;right:5px; }
    .chat-empty { width:calc(100% - 28px);padding-top:18px; }
    .chat-empty__symbol { width:82px;height:82px;margin-bottom:11px; }
    .chat-empty__symbol::before { width:82px;height:82px; }
    .chat-empty__symbol::after { width:62px;height:62px; }
    .chat-empty__symbol>span { width:43px;height:43px; }
    .chat-empty__signal { font-size:.75rem; }
    .chat-empty h1 { margin-top:14px;font-size:clamp(2.75rem,14vw,4.2rem);line-height:.91; }
    .chat-empty>p:not(.chat-empty__signal) { max-width:420px;margin-top:14px;font-size:.875rem;line-height:1.55; }
    .chat-starters { grid-template-columns:1fr;margin-top:19px; }
    .chat-starters>button { grid-template-columns:27px minmax(0,1fr) 18px;min-height:51px;padding:12px 11px; }
    .chat-starters>button:nth-child(odd) { border-right:0; }
    .chat-starters>button:not(:last-child) { border-bottom:1px solid var(--chat-line); }
    .chat-starters>button:nth-child(-n+2) { border-bottom:1px solid var(--chat-line); }
    .chat-starters>button:hover { padding-left:14px; }
    .chat-starters small { max-width:76vw; }
    .chat-empty__foot { margin-top:10px; }
    .chat-empty__foot>span:last-child { display:none; }
    .chat-message-canvas { padding:55px 12px 38px; }
    .chat-turn--user { width:min(94%,620px);margin-bottom:38px;padding-left:14px; }
    .chat-user-copy { padding:14px;border-radius:13px 4px 13px 13px;font-size:.81rem; }
    .chat-turn--assistant { margin-bottom:45px; }
    .chat-response-head { grid-template-columns:29px minmax(0,1fr) auto;margin-bottom:15px; }
    .chat-response-mark { width:29px;height:29px; }
    .chat-response-head small { max-width:58vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
    .chat-response-body { font-size:.86rem;line-height:1.67; }
    .chat-response-actions { opacity:.75;gap:1px; }
    .chat-response-actions button { padding:0 7px; }
    .chat-response-actions button span { display:none; }
    .chat-response-trace { flex-wrap:wrap; }
    .chat-image { width:min(175px,72%); }
    .chat-image img { height:110px; }
    .chat-composer { grid-template-columns:39px minmax(0,1fr) auto;gap:0 5px;padding:6px;border-radius:17px; }
    .chat-composer__attach { width:37px;padding:0;justify-content:center; }
    .chat-composer__attach>span { display:none; }
    .chat-composer textarea { padding-inline:2px;font-size:.8125rem; }
    .chat-composer__meta { grid-column:1/3;padding-left:7px; }
    .chat-send { width:40px;height:40px;border-radius:12px; }
    .chat-composer__under { padding-top:5px; }
    .chat-composer__under>span:first-child { display:none; }
    .chat-composer__under>span:last-child { width:100%;text-align:center;font-size:.75rem; }
    .chat-config-note { align-items:flex-start;padding:9px; }
    .chat-config-note>div { grid-template-columns:26px minmax(0,1fr); }
    .chat-config-note>div>i { width:26px;height:26px; }
    .chat-config-note small { line-height:1.4; }
    .chat-config-note>button { display:none; }
    .chat-vision-notice { font-size:.75rem; }
    .chat-pending-image { grid-template-columns:45px minmax(80px,125px) 24px;min-width:178px; }
    .chat-pending-image img { width:45px;height:40px; }
    .chat-drawer { width:100vw;padding-inline:15px; }
    .chat-model-panel { padding:16px; }
    .chat-model-panel>header h2 { font-size:1.25rem; }
    .chat-model-list { grid-template-columns:1fr; }
    .chat-model-option { min-height:0;padding:12px; }
    .chat-model-option__copy>small { font-size:.75rem; }
    .chat-model-panel__access { grid-template-columns:6px minmax(0,1fr); }
    .chat-model-panel__access strong { display:none; }
    .chat-model-panel>footer { align-items:flex-start;flex-direction:column;gap:9px; }
    .chat-context__map { min-height:160px; }
    .chat-settings form>label { grid-template-columns:1fr;gap:10px; }
    .chat-settings__toggle { grid-template-columns:minmax(0,1fr) 38px!important; }
    .chat-dialog form>div:last-child { flex-direction:column-reverse; }
    .chat-dialog .button { width:100%; }
  }

  @media (max-width:390px) {
    .chat-header { margin-inline:6px; }
    .chat-model-trigger { min-width:142px;padding-right:8px; }
    .chat-model-trigger>span { max-width:86px; }
    .chat-model-trigger strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
    .chat-header__tools { right:3px; }
    .chat-empty { width:calc(100% - 22px); }
    .chat-empty__symbol { margin-top:clamp(0px,3vh,20px); }
    .chat-empty h1 { font-size:clamp(2.55rem,14.2vw,3.5rem); }
    .chat-empty>p:not(.chat-empty__signal) { font-size:.875rem; }
    .chat-starters { margin-top:16px; }
    .chat-starters>button { min-height:47px;padding-block:10px; }
    .chat-starters small { font-size:.75rem; }
    .chat-empty__foot { font-size:.75rem; }
    .chat-message-canvas { padding-inline:10px; }
    .chat-response-head time { display:none; }
    .chat-response-head { grid-template-columns:28px minmax(0,1fr); }
    .chat-turn--user>header { font-size:.75rem; }
    .chat-composer-dock,
    .astrid-chat[data-state="empty"] .chat-composer-dock { width:calc(100% - 12px); }
    .chat-composer__under>span:last-child { font-size:.75rem; }
    .chat-attachment-strip { padding-inline:0; }
    .chat-vision-notice { margin-inline:1px; }
    .chat-inline-event { grid-template-columns:7px auto 1fr; }
    .chat-inline-event time { display:none; }
  }

  @media (max-width:340px) {
    .chat-model-trigger { min-width:132px;grid-template-columns:25px auto 10px;gap:5px; }
    .chat-model-trigger>i { width:25px;height:25px; }
    .chat-model-trigger small { display:none; }
    .chat-header__tools .chat-connection-state { display:none; }
    .chat-empty__signal { letter-spacing:.13em; }
    .chat-empty h1 { font-size:2.48rem; }
    .chat-empty>p:not(.chat-empty__signal) { max-width:292px; }
    .chat-starters strong { font-size:.75rem; }
    .chat-starters small { max-width:220px; }
    .chat-user-copy { font-size:.78rem; }
    .chat-response-body { font-size:.83rem; }
    .chat-response-actions button { padding-inline:6px; }
    .chat-composer__meta>span { display:none; }
  }

  @media (prefers-reduced-motion:reduce) {
    .astrid-chat *,
    .astrid-chat *::before,
    .astrid-chat *::after { animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important; }
  }
  html[data-chat-motion="reduced"] .astrid-chat *,
  html[data-chat-motion="reduced"] .astrid-chat *::before,
  html[data-chat-motion="reduced"] .astrid-chat *::after { animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important; }
}

@layer chat {
  .status-live { position:relative;margin-top:-1px;padding:0 0 clamp(46px,7vw,92px);background:var(--bg-deep); }
  .status-live__frame { position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:0 36px 100px rgba(0,0,0,.24); }
  .status-live__frame::before { content:"";position:absolute;inset:-120px auto auto -80px;width:420px;height:260px;background:radial-gradient(circle,rgba(132,220,231,.1),transparent 68%);pointer-events:none;transition:opacity .5s ease,transform .8s var(--ease-out); }
  .status-live__frame[data-live-health-state="unconfigured"]::before { opacity:.35;transform:translate(-40px,20px); }
  .status-live__frame[data-live-health-state="error"]::before { background:radial-gradient(circle,rgba(222,154,116,.09),transparent 68%); }
  .status-live__intro { position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.75fr) auto;align-items:end;gap:28px;padding:34px 36px 30px;border-bottom:1px solid rgba(255,255,255,.07); }
  .status-live__intro>div:first-child { grid-column:1/-1;display:flex;align-items:center;gap:10px; }
  .status-live__intro .eyebrow { margin:0; }
  .status-live__signal { position:relative;width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%; }
  .status-live__signal i { width:6px;height:6px;border-radius:50%;background:#86d7bb;box-shadow:0 0 0 5px rgba(134,215,187,.08); }
  [data-live-health-state="unconfigured"] .status-live__signal i { background:#c8b88a;box-shadow:0 0 0 5px rgba(200,184,138,.08); }
  [data-live-health-state="error"] .status-live__signal i { background:#d79b86;box-shadow:0 0 0 5px rgba(215,155,134,.08); }
  .status-live__intro h2 { margin:0;font-size:clamp(2rem,4.2vw,4.8rem);font-weight:430;letter-spacing:-.055em;line-height:.92; }
  .status-live__intro>p { max-width:530px;margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.7; }
  .status-live__intro>button { min-height:42px;padding:0 16px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.025);color:var(--text-primary);display:flex;align-items:center;gap:8px;font:inherit;font-size:.8125rem;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .25s ease; }
  .status-live__intro>button:hover { background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);transform:translateY(-1px); }
  .status-live__intro>button.is-spinning svg { animation:spin .7s linear infinite; }
  .status-live__grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr)); }
  .status-live__grid article { position:relative;min-height:176px;padding:28px 26px;border-right:1px solid rgba(255,255,255,.065); }
  .status-live__grid article:last-child { border-right:0; }
  .status-live__grid article>span { display:block;color:var(--text-muted);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase; }
  .status-live__grid article>strong { display:block;margin-top:22px;font-size:1.08rem;font-weight:520;letter-spacing:-.02em; }
  .status-live__grid article>small { display:block;max-width:240px;margin-top:9px;color:var(--text-secondary);font-size:.75rem;line-height:1.55; }
  .status-live__grid article>i { position:absolute;top:29px;right:25px;width:6px;height:6px;border-radius:50%;background:#86d7bb;box-shadow:0 0 0 5px rgba(134,215,187,.06); }
  [data-live-health-state="unconfigured"] .status-live__grid article:nth-child(2)>i,
  [data-live-health-state="unconfigured"] .status-live__grid article:nth-child(3)>i { background:#c8b88a;box-shadow:0 0 0 5px rgba(200,184,138,.06); }
  [data-live-health-state="error"] .status-live__grid article>i { background:#d79b86;box-shadow:0 0 0 5px rgba(215,155,134,.06); }
  .status-live__frame>footer { display:flex;justify-content:space-between;gap:20px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.065);color:var(--text-muted);font-size:.75rem;letter-spacing:.09em;text-transform:uppercase; }
  .status-live__frame>footer span { display:flex;align-items:center;gap:8px; }
  @media(max-width:900px) {
    .status-live__intro { grid-template-columns:1fr auto;align-items:start;padding:28px; }
    .status-live__intro h2,.status-live__intro>p { grid-column:1/-1; }
    .status-live__intro>button { grid-column:2;grid-row:1; }
    .status-live__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .status-live__grid article:nth-child(2) { border-right:0; }
    .status-live__grid article:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.065); }
  }
  @media(max-width:560px) {
    .status-live { padding-bottom:42px; }
    .status-live__frame { border-radius:20px; }
    .status-live__intro { display:flex;flex-direction:column;gap:16px;padding:23px 20px; }
    .status-live__intro>div:first-child { order:0; }
    .status-live__intro h2 { order:1;font-size:2.45rem; }
    .status-live__intro>p { order:2;font-size:.875rem; }
    .status-live__intro>button { order:3;align-self:flex-start; }
    .status-live__grid { grid-template-columns:1fr; }
    .status-live__grid article { min-height:130px;padding:22px 20px;border-right:0;border-bottom:1px solid rgba(255,255,255,.065); }
    .status-live__grid article:last-child { border-bottom:0; }
    .status-live__grid article>strong { margin-top:14px; }
    .status-live__frame>footer { align-items:flex-start;flex-direction:column;padding:14px 19px;line-height:1.5; }
  }
}

@layer chat {
  .chat-rail__action [data-chat-bug-badge],
  .chat-header__icon [data-chat-bug-badge] { position:absolute;display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:rgba(223,151,112,.92);color:#120b08;font-size:.75rem;font-weight:760;line-height:1;box-shadow:0 0 0 4px rgba(223,151,112,.08); }
  .chat-rail__action [data-chat-bug-badge] { top:7px;right:7px; }
  .chat-header__icon [data-chat-bug-badge] { top:5px;right:5px; }
  .chat-rail__action [data-chat-bug-badge][hidden],
  .chat-header__icon [data-chat-bug-badge][hidden] { display:none; }

  .chat-diagnostics { width:min(520px,calc(100vw - 34px)); }
  .chat-diagnostics::before { content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 20% 8%,rgba(132,220,231,.13),transparent 34%),radial-gradient(circle at 88% 18%,rgba(223,151,112,.08),transparent 33%);opacity:.9;mask:linear-gradient(#000 0 36%,transparent 72%); }
  .chat-diagnostics[data-bug-tone="busy"]::before { animation:bugFieldPulse 1.25s ease-in-out infinite alternate; }
  .chat-diagnostics[data-bug-tone="clean"]::before { background:radial-gradient(circle at 20% 8%,rgba(134,215,187,.13),transparent 38%); }
  .chat-diagnostics[data-bug-tone="error"]::before { background:radial-gradient(circle at 20% 8%,rgba(223,151,112,.16),transparent 38%),radial-gradient(circle at 86% 12%,rgba(132,220,231,.08),transparent 34%); }
  @keyframes bugFieldPulse { from { opacity:.55;transform:translate3d(-4px,0,0); } to { opacity:1;transform:translate3d(4px,2px,0); } }

  .chat-diagnostics__status { position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:13px;margin:0 20px 15px;padding:15px;border:1px solid rgba(255,255,255,.085);border-radius:20px;background:rgba(255,255,255,.026); }
  .chat-diagnostics__status>i { width:36px;height:36px;border-radius:50%;background:conic-gradient(from 100deg,rgba(132,220,231,.22),rgba(223,151,112,.2),rgba(132,220,231,.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,.11); }
  .chat-diagnostics__status strong { display:block;font-size:.82rem;font-weight:560;letter-spacing:-.01em; }
  .chat-diagnostics__status span { display:block;margin-top:5px;color:var(--text-secondary);font-size:.75rem;line-height:1.45; }

  .chat-diagnostics__tabs { position:relative;display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 20px 15px;padding:5px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(0,0,0,.2); }
  .chat-diagnostics__tabs button { min-height:36px;border:0;border-radius:999px;background:transparent;color:var(--text-secondary);font:inherit;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .22s ease,color .22s ease,transform .22s ease; }
  .chat-diagnostics__tabs button[aria-selected="true"] { background:rgba(245,245,242,.91);color:#08080a;box-shadow:0 12px 28px rgba(0,0,0,.22); }
  .chat-diagnostics__tabs button:focus-visible { outline:2px solid rgba(132,220,231,.72);outline-offset:3px; }
  .chat-diagnostics__tabs span { display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;border-radius:999px;background:rgba(0,0,0,.18);font-size:.75rem; }

  .chat-diagnostics__panel { position:relative;display:grid;gap:14px;padding:0 20px 20px; }
  .bug-search-card { position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;padding:18px;border:1px solid rgba(255,255,255,.085);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018)); }
  .bug-search-card::after { content:"";position:absolute;inset:auto -30px -44px auto;width:190px;height:120px;background:radial-gradient(circle,rgba(132,220,231,.1),transparent 68%);pointer-events:none; }
  .bug-search-card span { display:block;color:var(--text-muted);font-size:.75rem;letter-spacing:.13em;text-transform:uppercase; }
  .bug-search-card strong { display:block;margin-top:8px;font-size:1.02rem;font-weight:520;letter-spacing:-.025em;line-height:1.15; }
  .bug-search-card p { max-width:360px;margin:9px 0 0;color:var(--text-secondary);font-size:.875rem;line-height:1.55; }
  .bug-search-card button,
  .bug-search-actions button,
  .bug-entry-tools button,
  .bug-entry__actions button { border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.04);color:var(--text-primary);font:inherit;font-size:.8125rem;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease; }
  .bug-search-card button { min-height:40px;padding:0 15px;display:flex;align-items:center;gap:8px;white-space:nowrap; }
  .bug-search-card button:hover,
  .bug-search-actions button:hover,
  .bug-entry-tools button:hover,
  .bug-entry__actions button:hover { transform:translateY(-1px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.17); }
  .bug-search-card button[disabled] { opacity:.56;cursor:wait;transform:none; }

  .bug-log-input { display:grid;gap:8px; }
  .bug-log-input>span { color:var(--text-muted);font-size:.75rem;letter-spacing:.09em;text-transform:uppercase; }
  .bug-log-input textarea { width:100%;max-height:280px;min-height:150px;resize:vertical;padding:15px;border:1px solid rgba(255,255,255,.095);border-radius:22px;background:rgba(2,2,3,.36);color:var(--text-primary);font:500 .8125rem/1.58 var(--mono);outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease; }
  .bug-log-input textarea:focus { border-color:rgba(132,220,231,.34);background:rgba(7,7,8,.58);box-shadow:0 0 0 4px rgba(132,220,231,.08); }
  .bug-search-actions { display:flex;flex-wrap:wrap;gap:9px; }
  .bug-search-actions button { min-height:36px;padding:0 13px;display:flex;align-items:center;gap:7px; }
  .bug-search-actions button:last-child { background:rgba(245,245,242,.88);color:#09090b;border-color:rgba(245,245,242,.65); }

  .bug-scan-result { display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.022); }
  .bug-scan-result strong { font-size:.75rem;font-weight:560;text-transform:capitalize; }
  .bug-scan-result span { color:var(--text-muted);font-size:.75rem;text-align:right;line-height:1.45; }

  .bug-entry-tools { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center; }
  .bug-entry-tools label { min-height:42px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;padding:0 13px;border:1px solid rgba(255,255,255,.085);border-radius:999px;background:rgba(0,0,0,.22); }
  .bug-entry-tools label span { color:var(--text-muted);display:grid;place-items:center; }
  .bug-entry-tools input { min-width:0;border:0;background:transparent;color:var(--text-primary);font:inherit;font-size:.8125rem;outline:0; }
  .bug-entry-tools button { min-height:42px;padding:0 14px; }
  .bug-entry-list { display:grid;gap:10px;max-height:min(58vh,620px);overflow:auto;padding-right:3px; }
  .bug-entry { position:relative;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.026); }
  .bug-entry::before { content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;border-radius:2px;background:rgba(132,220,231,.55); }
  .bug-entry--critical::before { background:#df9770;box-shadow:0 0 18px rgba(223,151,112,.25); }
  .bug-entry--error::before { background:#d79b86; }
  .bug-entry--warning::before { background:#d2bd7b; }
  .bug-entry__top { display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.75rem;letter-spacing:.11em;text-transform:uppercase; }
  .bug-entry__top span { padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.07);color:var(--text-primary); }
  .bug-entry__top time { margin-left:auto; }
  .bug-entry h3 { margin:11px 0 0;font-size:.88rem;font-weight:560;letter-spacing:-.02em;line-height:1.25; }
  .bug-entry em { display:block;margin-top:6px;color:var(--text-muted);font-style:normal;font-size:.75rem;word-break:break-word; }
  .bug-entry p { margin:10px 0 0;color:var(--text-secondary);font:500 .875rem/1.48 var(--mono);white-space:pre-wrap;word-break:break-word; }
  .bug-entry small { display:block;margin-top:10px;color:rgba(245,245,242,.68);font-size:.75rem;line-height:1.45; }
  .bug-entry__actions { display:flex;flex-wrap:wrap;gap:7px;margin-top:12px; }
  .bug-entry__actions button { min-height:30px;padding:0 10px;font-size:.8125rem; }
  .bug-entry__actions button:first-child { background:rgba(245,245,242,.86);color:#09090b;border-color:rgba(245,245,242,.6); }
  .bug-entry-empty { min-height:220px;display:grid;place-items:center;text-align:center;padding:30px;border:1px dashed rgba(255,255,255,.12);border-radius:24px;color:var(--text-secondary); }
  .bug-entry-empty svg { width:38px;height:38px;margin-bottom:10px;color:var(--text-primary);opacity:.76; }
  .bug-entry-empty strong { display:block;color:var(--text-primary);font-size:.92rem;font-weight:540; }
  .bug-entry-empty span { max-width:300px;margin-top:6px;font-size:.75rem;line-height:1.5; }
  .chat-diagnostics>footer { display:flex;justify-content:space-between;gap:14px;margin:0 20px 20px;padding-top:13px;border-top:1px solid rgba(255,255,255,.07);color:var(--text-muted);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase; }
  .chat-diagnostics>footer em { font-style:normal;color:var(--text-secondary); }

  @media(max-width:820px) {
    .chat-diagnostics { width:min(100vw - 18px,560px); }
    .bug-search-card { grid-template-columns:1fr;align-items:start; }
    .bug-search-card button { justify-content:center;width:max-content; }
  }
  @media(max-width:600px) {
    .chat-diagnostics__status,.chat-diagnostics__tabs,.chat-diagnostics>footer { margin-left:14px;margin-right:14px; }
    .chat-diagnostics__panel { padding-left:14px;padding-right:14px; }
    .bug-search-card { padding:15px;border-radius:20px; }
    .bug-search-card strong { font-size:.9rem; }
    .bug-search-card p { font-size:.875rem; }
    .bug-search-actions { display:grid;grid-template-columns:1fr; }
    .bug-search-actions button { justify-content:center; }
    .bug-scan-result { align-items:flex-start;flex-direction:column; }
    .bug-scan-result span { text-align:left; }
    .bug-entry-tools { grid-template-columns:1fr; }
    .bug-entry-tools button { justify-self:start; }
    .bug-entry-list { max-height:52vh; }
  }
}

@layer cozy-polish {
  /* ========================================================================
     Astrid warm-luxury launch polish
     A restrained graphite, ivory, champagne and mist-blue evolution.
     ======================================================================== */
  html { background:#080706; }
  body {
    background:
      radial-gradient(80vw 58vw at 86% -8%,rgba(220,184,122,.055),transparent 62%),
      radial-gradient(70vw 60vw at -12% 26%,rgba(104,171,190,.045),transparent 65%),
      linear-gradient(155deg,#090807 0%,#080706 44%,#090808 100%);
  }
  body::after {
    content:"";
    position:fixed;
    z-index:-1;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.22) 100%),
      linear-gradient(180deg,rgba(245,229,202,.012),transparent 32%,rgba(0,0,0,.08));
  }
  ::selection { background:rgba(226,194,139,.24);color:#fffaf1; }
  :focus-visible { outline-color:rgba(180,214,213,.94); }

  h1,h2,h3,h4 { font-kerning:normal; }
  p { text-wrap:pretty; }
  .eyebrow {
    color:rgba(228,205,165,.61);
    letter-spacing:.17em;
  }
  .lede { color:rgba(244,240,231,.72);line-height:1.55; }
  .section { padding-block:clamp(104px,12vw,196px); }
  .section-heading { gap:clamp(28px,5vw,74px); }
  .section-heading h2 { color:#f5f0e6;line-height:.98; }
  .section-heading p:not(.eyebrow) { color:rgba(244,240,231,.62);line-height:1.7; }

  .page::before {
    content:"";
    position:absolute;
    z-index:-5;
    inset:0;
    pointer-events:none;
    background:radial-gradient(70vw 40vw at 86% 8%,rgba(222,188,129,.025),transparent 70%);
  }

  /* Buttons: warmer tactile light, quieter spectral sweep. */
  .button {
    border-color:rgba(239,222,196,.14);
    box-shadow:inset 0 1px 0 rgba(255,247,232,.025);
  }
  .button::before {
    background:linear-gradient(105deg,transparent 26%,rgba(223,194,145,.18),rgba(146,199,205,.14),transparent 72%);
  }
  .button--light {
    --button-bg:#f0ebe1;
    --button-color:#171310;
    --button-border:rgba(255,248,236,.72);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 10px 30px rgba(0,0,0,.26),0 1px 16px rgba(221,184,123,.08);
  }
  .button--light:hover { background:#fbf6ec;box-shadow:inset 0 1px 0 #fff,0 15px 40px rgba(0,0,0,.3),0 3px 24px rgba(224,190,132,.1); }
  .button--outline { background:linear-gradient(180deg,rgba(244,229,204,.025),rgba(255,255,255,.008)); }
  .button--outline:hover { border-color:rgba(226,197,148,.28);background:rgba(226,197,148,.055); }
  .button--ghost:hover { background:rgba(235,216,188,.045); }

  /* Navigation and global overlays. */
  .site-header__bar {
    border-color:rgba(238,220,193,.09);
    background:linear-gradient(180deg,rgba(20,17,15,.76),rgba(12,11,10,.7));
    box-shadow:0 18px 58px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,244,227,.03);
    backdrop-filter:blur(26px) saturate(1.08);
  }
  .site-header.is-scrolled .site-header__bar {
    border-color:rgba(238,220,193,.14);
    background:linear-gradient(180deg,rgba(22,19,17,.9),rgba(12,11,10,.86));
    box-shadow:0 20px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,244,227,.04);
  }
  .nav-link,.nav-signin { color:rgba(244,240,231,.64); }
  .nav-link:hover,.nav-signin:hover { color:#f7f2e8; }
  .nav-dropdown,.nav-popover,.command-palette,.status-mini,.mobile-menu__panel {
    border-color:rgba(239,222,197,.11);
    background:
      radial-gradient(circle at 82% 6%,rgba(224,190,131,.07),transparent 32%),
      linear-gradient(155deg,rgba(24,21,18,.97),rgba(11,10,10,.98));
    box-shadow:0 40px 120px rgba(0,0,0,.55),inset 0 1px rgba(255,245,229,.04);
  }
  .nav-dropdown__link:hover { background:rgba(229,204,166,.045); }
  .site-header__launch {
    border-color:rgba(226,197,145,.14);
    color:rgba(240,221,187,.72);
    background:rgba(224,190,130,.025);
  }
  .site-header__launch:hover { color:#f1dec0;border-color:rgba(226,197,145,.25);background:rgba(224,190,130,.055); }

  /* Hero and long-form route atmosphere. */
  .home-hero,.page-intro,.models-preview,.developer-hero,.enterprise-hero,.safety-hero,.news-hero,.about-hero,.careers-hero,.get-hero {
    background:
      radial-gradient(70vw 55vw at 76% 34%,rgba(118,181,194,.052),transparent 68%),
      radial-gradient(52vw 45vw at 18% 76%,rgba(224,188,125,.038),transparent 72%),
      linear-gradient(160deg,#090807,#080707 54%,#0a0908);
  }
  .home-hero::after,.page-intro::after {
    background:linear-gradient(180deg,rgba(8,7,6,.03),rgba(8,7,6,.12) 68%,var(--bg) 98%);
  }
  .home-hero__title,.display--page { color:#f4efe5; }
  .home-hero__copy>p,.page-intro .lede { color:rgba(244,240,231,.68); }
  .home-hero__launch-note {
    border-color:rgba(230,206,168,.13);
    background:linear-gradient(90deg,rgba(229,196,139,.045),rgba(111,181,194,.025));
    box-shadow:inset 0 1px rgba(255,246,231,.025);
  }
  .home-hero__orbit { filter:saturate(.82) contrast(1.02); }
  .hero-composer {
    border-color:rgba(237,219,192,.14);
    background:linear-gradient(165deg,rgba(25,22,19,.86),rgba(13,12,11,.88));
    box-shadow:0 30px 100px rgba(0,0,0,.39),0 8px 40px rgba(113,75,42,.05),inset 0 1px rgba(255,245,229,.045);
  }
  .hero-composer:focus-within {
    border-color:rgba(186,211,207,.28);
    box-shadow:0 34px 110px rgba(0,0,0,.42),0 5px 44px rgba(149,194,199,.07),inset 0 1px rgba(255,245,229,.055);
  }

  /* Shared premium surfaces across the product ecosystem. */
  .model-card,.pricing-card,.evaluation-card,.news-card,.incident-card,.maintenance-card,
  .enterprise-control,.about-field-card,.about-team__panel,.contact-panel,.get-option,
  .capability-panel,.home-status__card,.docs-callout,.docs-next__link,.research-card,
  .developer-hero__code,.enterprise-dashboard,.auth-card,.location-grid article,
  .careers-culture__grid article,.api-category-grid article {
    border-color:rgba(238,220,193,.09);
    background:
      radial-gradient(circle at 88% 0,rgba(226,192,133,.045),transparent 34%),
      linear-gradient(150deg,rgba(23,20,18,.8),rgba(14,13,12,.76));
    box-shadow:inset 0 1px rgba(255,245,228,.025),0 24px 84px rgba(0,0,0,.18);
  }
  .model-card:hover,.pricing-card:hover,.news-card:hover,.get-option:hover,
  .enterprise-control:hover,.location-grid article:hover,.careers-culture__grid article:hover {
    border-color:rgba(224,194,144,.18);
    box-shadow:inset 0 1px rgba(255,245,228,.04),0 30px 100px rgba(0,0,0,.28),0 8px 40px rgba(120,78,39,.045);
  }
  .model-card--flagship,.pricing-card--max,.get-option--max,[data-flagship-surface] {
    --max-ice:240,235,219;
    --max-blue:121,186,202;
    --max-violet:180,161,209;
    --max-gold:234,195,129;
  }
  .model-card--flagship,.pricing-card--max,.get-option--max {
    border-color:rgba(232,202,150,.16);
    background:
      radial-gradient(circle at 78% 10%,rgba(235,198,132,.075),transparent 36%),
      radial-gradient(circle at 12% 88%,rgba(116,183,197,.045),transparent 38%),
      linear-gradient(150deg,rgba(25,22,18,.88),rgba(13,12,12,.86));
    box-shadow:inset 0 1px rgba(255,246,225,.05),0 36px 120px rgba(0,0,0,.32),0 10px 55px rgba(114,73,37,.055);
  }
  .pricing-card--max::after,.model-card--flagship::after {
    opacity:.65;
    filter:saturate(.72);
  }
  .pricing-card__apex,.model-card__flag { color:rgba(241,219,178,.78); }

  /* Docs, status and editorial reading comfort. */
  .docs-shell { background:linear-gradient(150deg,#0a0908,#080706 52%,#090808); }
  .docs-sidebar,.docs-toc {
    border-color:rgba(235,217,190,.08);
    background:rgba(13,12,11,.72);
    backdrop-filter:blur(20px);
  }
  .docs-content { color:rgba(244,240,231,.76); }
  .docs-content p,.docs-content li,.news-article__body p,.research-article__body p { line-height:1.78; }
  .docs-content code:not(pre code),.news-article__body code:not(pre code) { background:rgba(228,199,152,.075);color:#ead4b1; }
  .status-overview,.status-service,.status-incident,.actual-health {
    border-color:rgba(235,217,190,.09);
  }
  .home-status,.page--status { background:radial-gradient(50vw 42vw at 80% 14%,rgba(112,187,166,.045),transparent 68%); }

  .site-footer {
    border-top-color:rgba(237,219,191,.09);
    background:
      radial-gradient(60vw 40vw at 52% 0,rgba(220,184,122,.045),transparent 68%),
      linear-gradient(180deg,#0b0908,#080706 72%);
  }
  .site-footer::after { background:linear-gradient(180deg,rgba(11,9,8,.04),#080706 84%); }
  .site-footer__giant { color:#f1ebdf;opacity:.065; }

  /* ========================================================================
     Astrid AI — warmer, calmer, more luxurious workspace
     ======================================================================== */
  body.is-app-page,.page--chat { background:#090807; }
  .astrid-chat {
    --chat-accent:211,223,218;
    --chat-secondary:226,193,139;
    --chat-line:rgba(239,220,192,.085);
    --chat-line-soft:rgba(239,220,192,.045);
    --chat-surface:rgba(22,19,17,.8);
    --chat-surface-strong:rgba(18,16,15,.95);
    --chat-muted:rgba(244,240,231,.52);
    --chat-faint:rgba(244,240,231,.31);
    grid-template-columns:82px minmax(0,1fr);
    background:
      radial-gradient(ellipse 58% 48% at 61% 47%,rgba(var(--chat-accent),.035),transparent 68%),
      radial-gradient(ellipse 42% 38% at 28% 76%,rgba(226,190,130,.027),transparent 72%),
      linear-gradient(145deg,#0b0908 0%,#090808 52%,#0a0909 100%);
  }
  .astrid-chat[data-model="standard"] { --chat-accent:166,215,216;--chat-secondary:227,195,143; }
  .astrid-chat[data-model="reasoning"] { --chat-accent:190,178,213;--chat-secondary:150,199,207; }
  .astrid-chat[data-model="vision"] { --chat-accent:199,217,215;--chat-secondary:230,197,139; }
  .astrid-chat[data-model="max"] { --chat-accent:238,229,208;--chat-secondary:137,194,204; }

  .astrid-chat__field { opacity:.74;filter:saturate(.8); }
  .astrid-chat__field::after {
    background:
      linear-gradient(90deg,rgba(10,8,7,.94) 0 82px,rgba(10,8,7,.48) 30%,rgba(10,8,7,.35) 63%,rgba(10,8,7,.82) 100%),
      linear-gradient(180deg,rgba(10,8,7,.7),transparent 25%,transparent 72%,rgba(10,8,7,.79));
  }
  .astrid-chat.is-composing .astrid-chat__field { opacity:.86;filter:saturate(.86) contrast(1.015); }
  .astrid-chat.is-generating .astrid-chat__field { opacity:.92;filter:saturate(.9) contrast(1.025); }
  .astrid-chat.has-panel .astrid-chat__field { opacity:.4;filter:blur(1.5px) saturate(.78); }
  .astrid-chat__geometry { inset:0 0 0 82px;opacity:.48; }
  .astrid-chat__geometry::before {
    background:
      linear-gradient(90deg,transparent calc(50% - .5px),rgba(var(--chat-accent),.048) 50%,transparent calc(50% + .5px)),
      linear-gradient(180deg,transparent 16%,rgba(242,225,199,.03) calc(16% + 1px),transparent calc(16% + 2px));
  }
  .astrid-chat__geometry::after {
    border-color:rgba(var(--chat-accent),.065);
    box-shadow:0 0 0 90px rgba(var(--chat-accent),.012),0 0 0 220px rgba(225,191,134,.007);
  }

  .chat-rail {
    height:calc(100dvh - 20px);
    margin:10px 0 10px 10px;
    padding:12px 8px max(12px,env(safe-area-inset-bottom));
    border:1px solid rgba(239,220,192,.09);
    border-radius:23px;
    background:
      radial-gradient(circle at 50% 5%,rgba(230,199,148,.055),transparent 26%),
      linear-gradient(180deg,rgba(22,19,17,.88),rgba(12,11,10,.82));
    box-shadow:0 26px 90px rgba(0,0,0,.3),inset 0 1px rgba(255,245,228,.035);
    backdrop-filter:blur(26px) saturate(1.05);
  }
  .chat-rail::after { right:-1px;background:linear-gradient(transparent,rgba(228,196,143,.42),rgba(var(--chat-accent),.28),transparent); }
  .chat-rail__brand {
    border-color:rgba(235,215,184,.1);
    border-radius:16px;
    background:linear-gradient(145deg,rgba(239,221,192,.045),rgba(255,255,255,.012));
    box-shadow:inset 0 1px rgba(255,247,232,.035);
  }
  .chat-rail__brand:hover { border-color:rgba(229,198,147,.22);background:rgba(229,198,147,.06); }
  .chat-rail__action,.chat-rail__connection { color:rgba(244,240,231,.48);border-radius:14px; }
  .chat-rail__action:hover,.chat-rail__connection:hover { border-color:rgba(237,219,192,.09);background:rgba(232,207,169,.045); }
  .chat-rail__action--primary {
    color:#f4ede1;
    border-color:rgba(231,201,151,.16);
    background:linear-gradient(145deg,rgba(228,195,140,.1),rgba(119,183,194,.028));
    box-shadow:inset 0 1px rgba(255,246,229,.04);
  }
  .chat-rail__account { border-color:rgba(235,217,188,.11);background:rgba(231,205,165,.035);color:rgba(244,232,212,.7); }

  .chat-workspace { grid-template-rows:80px minmax(0,1fr) auto; }
  .chat-header {
    height:60px;
    margin:10px 18px 7px;
    padding:0 11px 0 16px;
    border-color:rgba(239,220,192,.1);
    border-radius:19px;
    background:
      radial-gradient(circle at 50% 0,rgba(228,196,143,.04),transparent 54%),
      linear-gradient(180deg,rgba(25,22,19,.82),rgba(14,13,12,.74));
    box-shadow:0 22px 75px rgba(0,0,0,.25),inset 0 1px rgba(255,245,228,.04);
    backdrop-filter:blur(28px) saturate(1.06);
  }
  .chat-header::after { background:linear-gradient(90deg,transparent,rgba(229,196,142,.18),rgba(var(--chat-accent),.15),transparent); }
  .chat-title { color:rgba(244,240,231,.72);font-size:.75rem; }
  .chat-title:hover { background:rgba(232,207,169,.045); }

  .chat-model-trigger {
    min-width:206px;
    border-color:rgba(238,219,191,.105);
    border-radius:14px;
    background:linear-gradient(150deg,rgba(235,214,181,.045),rgba(255,255,255,.012));
    box-shadow:inset 0 1px rgba(255,246,230,.035);
  }
  .chat-model-trigger:hover { border-color:rgba(226,194,141,.2);background:rgba(229,199,151,.055); }
  .chat-model-trigger--max {
    border-color:rgba(232,200,147,.17);
    background:linear-gradient(135deg,rgba(231,198,142,.075),rgba(122,186,198,.028));
    box-shadow:inset 0 1px rgba(255,246,225,.05),0 8px 28px rgba(90,55,29,.04);
  }
  .chat-model-trigger>em {
    justify-self:end;
    padding:4px 6px;
    border:1px solid rgba(238,219,191,.08);
    border-radius:999px;
    color:rgba(244,240,231,.38);
    font:650 .75rem/1 var(--font-mono);
    font-style:normal;
    letter-spacing:.08em;
  }
  .chat-model-trigger>em.is-ready,.chat-model-trigger>em.is-streaming { color:rgba(139,211,172,.75);border-color:rgba(139,211,172,.14); }
  .chat-model-trigger>em.is-available { color:rgba(203,218,209,.66); }
  .chat-model-trigger>em.is-blocked,.chat-model-trigger>em.is-unavailable,.chat-model-trigger>em.is-request-error { color:rgba(229,169,142,.76);border-color:rgba(223,150,142,.16); }

  .chat-connection-state,.chat-header__icon {
    border-color:transparent;
    border-radius:12px;
    color:rgba(244,240,231,.48);
  }
  .chat-connection-state:hover,.chat-header__icon:hover { background:rgba(232,207,169,.045);color:#f4efe6; }
  .chat-connection-state.is-available i,.chat-rail__connection.is-available>i { background:#b8cbc1;box-shadow:0 0 9px rgba(184,203,193,.3); }
  .chat-connection-state.is-model-blocked i,.chat-connection-state.is-model-unavailable i,.chat-connection-state.is-model-error i,
  .chat-rail__connection.is-model-blocked>i,.chat-rail__connection.is-model-unavailable>i,.chat-rail__connection.is-model-error>i { background:var(--red);box-shadow:0 0 9px rgba(223,150,142,.28); }

  .chat-stage { scrollbar-color:rgba(226,195,143,.18) transparent; }
  .chat-empty { width:min(940px,calc(100% - 64px));padding-top:clamp(24px,6vh,72px); }
  .chat-empty__symbol {
    filter:drop-shadow(0 18px 48px rgba(0,0,0,.22));
  }
  .chat-empty__symbol::before,.chat-empty__symbol::after { border-color:rgba(var(--chat-accent),.1); }
  .chat-empty__signal { color:rgba(231,201,151,.58);letter-spacing:.2em; }
  .chat-empty h1 { color:#f4eee3;line-height:.91;letter-spacing:-.067em;text-shadow:0 10px 48px rgba(0,0,0,.2); }
  .chat-empty h1 em { color:rgba(239,224,201,.78); }
  .chat-empty>p:not(.chat-empty__signal) { max-width:650px;color:rgba(244,240,231,.58);font-size:clamp(.9rem,1.2vw,1.06rem);line-height:1.66; }
  .chat-starters { gap:8px; }
  .chat-starters button {
    border-color:rgba(238,219,191,.075);
    border-radius:15px;
    background:linear-gradient(145deg,rgba(24,21,18,.54),rgba(14,13,12,.38));
    box-shadow:inset 0 1px rgba(255,245,228,.018);
  }
  .chat-starters button:hover {
    border-color:rgba(226,195,143,.17);
    background:linear-gradient(145deg,rgba(229,199,151,.06),rgba(114,181,193,.025));
    box-shadow:0 18px 48px rgba(0,0,0,.17),inset 0 1px rgba(255,245,228,.03);
  }
  .chat-starters button>span { color:rgba(228,197,144,.5); }
  .chat-starters button strong { color:rgba(244,238,228,.78); }
  .chat-empty__foot { color:rgba(244,240,231,.31); }

  .chat-message-canvas { width:min(1040px,calc(100% - 64px));padding-bottom:190px; }
  .chat-message-axis::before,.chat-message-axis::after { background:linear-gradient(transparent,rgba(229,196,143,.16),transparent); }
  .chat-turn { padding-block:clamp(24px,3vw,38px); }
  .chat-turn--user {
    max-width:760px;
    margin-left:auto;
    padding:18px 20px 19px;
    border:1px solid rgba(239,221,194,.075);
    border-radius:20px 20px 7px 20px;
    background:linear-gradient(145deg,rgba(31,27,23,.66),rgba(19,17,15,.62));
    box-shadow:inset 0 1px rgba(255,246,230,.025),0 16px 52px rgba(0,0,0,.13);
  }
  .chat-turn--user header span { color:rgba(230,201,151,.5); }
  .chat-user-copy { color:rgba(244,240,231,.83);line-height:1.66; }
  .chat-turn--assistant { max-width:920px; }
  .chat-response-head { margin-bottom:19px; }
  .chat-response-mark {
    border-color:rgba(229,198,146,.14);
    background:linear-gradient(145deg,rgba(231,201,151,.07),rgba(var(--chat-accent),.025));
    box-shadow:inset 0 1px rgba(255,247,230,.035),0 8px 22px rgba(0,0,0,.14);
  }
  .chat-response-head strong { color:#f2ebdf; }
  .chat-response-head small { color:rgba(231,203,158,.45); }
  .chat-response-body { color:rgba(244,240,231,.8);font-size:clamp(.93rem,1vw,1rem);line-height:1.78; }
  .chat-response-body h1,.chat-response-body h2,.chat-response-body h3 { color:#f5eee3; }
  .chat-response-body blockquote {
    border-left-color:rgba(226,194,140,.34);
    background:linear-gradient(90deg,rgba(226,194,140,.05),transparent);
    color:rgba(244,235,220,.72);
  }
  .chat-response-body a { color:#b7d4d2;text-decoration-color:rgba(183,212,210,.35); }
  .chat-response-body table { border-color:rgba(236,218,190,.09);background:rgba(18,16,14,.54); }
  .chat-response-body th { background:rgba(228,199,151,.045);color:rgba(245,237,224,.76); }
  .chat-response-body td,.chat-response-body th { border-color:rgba(236,218,190,.07); }
  .chat-response-body pre {
    border-color:rgba(236,218,190,.1);
    border-radius:17px;
    background:linear-gradient(150deg,#12100e,#0d0c0b);
    box-shadow:inset 0 1px rgba(255,245,229,.025),0 20px 65px rgba(0,0,0,.2);
  }
  .chat-code-head { border-bottom-color:rgba(236,218,190,.07);background:rgba(228,199,151,.025); }
  .chat-response-actions {
    border-top-color:rgba(237,219,191,.065);
    opacity:.55;
    transition:opacity .25s ease;
  }
  .chat-turn--assistant:hover .chat-response-actions,.chat-response-actions:focus-within { opacity:1; }
  .chat-response-actions button { border-radius:9px;color:rgba(244,240,231,.42); }
  .chat-response-actions button:hover { color:#f3ecdf;background:rgba(229,200,153,.045); }
  .chat-response-trace { color:rgba(244,240,231,.25); }
  .chat-thinking {
    border-color:rgba(231,204,161,.08);
    border-radius:16px;
    background:linear-gradient(90deg,rgba(228,197,145,.04),rgba(var(--chat-accent),.02));
  }
  .chat-response-error {
    border-color:rgba(223,150,142,.14);
    border-radius:18px;
    background:
      radial-gradient(circle at 8% 0,rgba(223,150,142,.075),transparent 40%),
      linear-gradient(145deg,rgba(31,22,20,.68),rgba(17,15,14,.62));
    box-shadow:inset 0 1px rgba(255,235,223,.025);
  }
  .chat-response-error strong { color:#f1d3c8; }

  .chat-composer-dock { width:min(980px,calc(100% - 120px));padding-bottom:14px; }
  .astrid-chat[data-state="empty"] .chat-composer-dock { width:min(900px,calc(100% - 120px)); }
  .chat-composer-dock::before {
    left:-14%;right:-14%;bottom:-24px;height:155px;
    background:radial-gradient(ellipse at center,rgba(226,191,132,.07),rgba(104,172,185,.024) 34%,transparent 72%);
    filter:blur(14px);
  }
  .chat-composer {
    gap:5px 8px;
    padding:9px;
    border-color:rgba(240,221,193,.13);
    border-radius:24px;
    background:
      radial-gradient(circle at 72% 0,rgba(228,196,143,.045),transparent 38%),
      linear-gradient(155deg,rgba(30,26,22,.94),rgba(16,14,13,.92));
    box-shadow:0 28px 95px rgba(0,0,0,.4),0 8px 38px rgba(112,72,36,.055),inset 0 1px rgba(255,246,230,.055);
  }
  .chat-composer::before { border-radius:24px;background:linear-gradient(105deg,transparent 30%,rgba(229,198,144,.11),rgba(var(--chat-accent),.08),transparent 70%); }
  .astrid-chat.is-composing .chat-composer {
    border-color:rgba(var(--chat-accent),.23);
    box-shadow:0 31px 105px rgba(0,0,0,.43),0 8px 44px rgba(var(--chat-accent),.055),inset 0 1px rgba(255,246,230,.065);
    transform:translateY(-1px);
  }
  .chat-composer__attach { min-height:43px;border-radius:14px;color:rgba(244,240,231,.48); }
  .chat-composer__attach:hover { background:rgba(229,200,153,.055); }
  .chat-composer textarea { color:#f4efe6;font-size:.91rem;line-height:1.58; }
  .chat-composer textarea::placeholder { color:rgba(244,240,231,.3); }
  .chat-composer__meta button { color:rgba(244,240,231,.4); }
  .chat-composer__meta button:hover { color:rgba(244,240,231,.72); }
  .chat-send {
    width:44px;height:44px;
    border-color:rgba(237,218,188,.12);
    background:#ede7dc;
    color:#17120e;
    box-shadow:inset 0 1px #fff,0 8px 24px rgba(0,0,0,.22);
  }
  .chat-send:hover { background:#fbf5ea;transform:scale(1.035); }
  .astrid-chat.is-generating .chat-send { background:rgba(225,194,142,.1);color:#e5c493;border-color:rgba(225,194,142,.2); }
  .chat-composer__under { color:rgba(244,240,231,.27); }
  .chat-composer__under kbd { border-color:rgba(237,218,190,.09);background:rgba(229,201,157,.035); }
  .chat-config-note {
    border-color:rgba(226,181,136,.13);
    border-radius:17px;
    background:linear-gradient(145deg,rgba(40,29,24,.78),rgba(19,16,14,.74));
    box-shadow:inset 0 1px rgba(255,239,220,.03),0 16px 50px rgba(0,0,0,.18);
  }

  .chat-attachment-strip,.chat-vision-notice { border-color:rgba(235,215,184,.09); }
  .chat-pending-image { border-color:rgba(231,208,173,.1);background:rgba(25,21,18,.72); }

  /* Drawers, model sheet, diagnostics and connection surfaces. */
  .chat-drawer,.chat-model-panel,.chat-connection-panel {
    border-color:rgba(239,220,192,.11);
    background:
      radial-gradient(circle at 84% 0,rgba(226,191,132,.07),transparent 32%),
      linear-gradient(155deg,rgba(25,22,19,.98),rgba(13,12,11,.98));
    box-shadow:0 42px 140px rgba(0,0,0,.56),inset 0 1px rgba(255,245,228,.04);
  }
  .chat-overlay { background:rgba(6,5,5,.62);backdrop-filter:blur(7px) saturate(.82); }
  .chat-drawer>header,.chat-model-panel>header,.chat-connection-panel>header { border-color:rgba(237,219,191,.075); }
  .chat-drawer>header span,.chat-model-panel>header span,.chat-connection-panel>header span { color:rgba(229,199,149,.52); }
  .chat-history__search,.bug-log-input,.bug-entry-tools label {
    border-color:rgba(236,217,187,.09);
    background:rgba(10,9,8,.35);
  }
  .chat-history__item:hover { background:rgba(229,200,153,.045); }

  .chat-model-panel { border-radius:23px; }
  .chat-model-panel__access {
    border-color:rgba(237,218,189,.075);
    background:rgba(229,199,150,.018);
  }
  .chat-model-panel__access>i { background:#a8ccb6;box-shadow:0 0 8px rgba(168,204,182,.32); }
  .chat-model-list { gap:10px; }
  .chat-model-option {
    min-height:172px;
    border-color:rgba(238,220,192,.075);
    border-radius:17px;
    background:linear-gradient(145deg,rgba(30,26,22,.54),rgba(15,14,13,.48));
  }
  .chat-model-option:hover,.chat-model-option:focus-visible {
    border-color:rgba(226,195,143,.18);
    background:linear-gradient(145deg,rgba(229,199,151,.065),rgba(var(--chat-accent),.022));
    box-shadow:0 24px 70px rgba(0,0,0,.24),inset 0 1px rgba(255,245,227,.03);
  }
  .chat-model-option.is-active {
    border-color:rgba(var(--chat-accent),.25);
    background:linear-gradient(135deg,rgba(var(--chat-accent),.065),rgba(230,197,141,.025));
  }
  .chat-model-option--max {
    border-color:rgba(231,199,145,.13);
    background:
      radial-gradient(circle at 85% 0,rgba(231,195,134,.075),transparent 42%),
      linear-gradient(145deg,rgba(31,27,22,.62),rgba(15,14,13,.5));
  }
  .chat-model-option__mark { border-color:rgba(231,202,155,.13);border-radius:12px;background:rgba(229,198,145,.045);color:rgb(var(--chat-accent)); }
  .chat-model-option__copy strong { color:rgba(246,239,228,.86); }
  .chat-model-option__copy em { border-color:rgba(229,198,145,.14);color:rgba(235,207,162,.65); }
  .chat-model-option__technical { color:rgba(244,240,231,.25); }
  .chat-model-option__status {
    display:inline-flex!important;
    width:max-content;
    align-items:center;
    gap:6px;
    margin-top:1px;
    padding:4px 7px;
    border:1px solid rgba(238,220,192,.075);
    border-radius:999px;
    color:rgba(244,240,231,.4);
    background:rgba(255,255,255,.012);
    font:560 .75rem/1 var(--font-mono);
  }
  .chat-model-option__status i { width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor; }
  .chat-model-option__status.is-ready,.chat-model-option__status.is-streaming { color:#94cfaa;border-color:rgba(148,207,170,.13); }
  .chat-model-option__status.is-available { color:#b7ccc4; }
  .chat-model-option__status.is-checking { color:#d8b77e; }
  .chat-model-option__status.is-blocked,.chat-model-option__status.is-unavailable,.chat-model-option__status.is-request-error { color:#dfa095;border-color:rgba(223,160,149,.14); }
  .chat-model-option__status.is-rate-limited { color:#dfb179; }
  .chat-model-option__status.is-auth-error,.chat-model-option__status.is-configuration-required { color:#dfa095; }

  .chat-connection-panel { border-radius:19px; }
  .chat-connection-panel__state { padding-block:17px; }
  .chat-connection-models {
    display:grid;
    gap:5px;
    margin-top:12px;
    padding:8px;
    border:1px solid rgba(238,220,192,.07);
    border-radius:13px;
    background:rgba(7,6,6,.2);
  }
  .chat-connection-models>div {
    display:grid;
    grid-template-columns:7px minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    min-height:28px;
    padding:0 5px;
    border-radius:8px;
    color:rgba(244,240,231,.45);
    font-size:.75rem;
  }
  .chat-connection-models i { width:5px;height:5px;border-radius:50%;background:rgba(244,240,231,.28); }
  .chat-connection-models b { color:rgba(244,240,231,.36);font:550 .75rem/1 var(--font-mono); }
  .chat-connection-models .is-ready i,.chat-connection-models .is-streaming i { background:#94cfaa;box-shadow:0 0 8px rgba(148,207,170,.34); }
  .chat-connection-models .is-available i { background:#b7ccc4; }
  .chat-connection-models .is-checking i { background:#d8b77e; }
  .chat-connection-models .is-blocked i,.chat-connection-models .is-unavailable i,.chat-connection-models .is-request-error i,.chat-connection-models .is-auth-error i { background:#dfa095; }
  .chat-connection-models .is-rate-limited i { background:#dfb179; }

  .chat-diagnostics::before {
    background:radial-gradient(circle at 18% 6%,rgba(132,199,204,.095),transparent 36%),radial-gradient(circle at 88% 12%,rgba(226,190,130,.085),transparent 34%);
  }
  .chat-diagnostics__status {
    border-color:rgba(238,220,192,.085);
    border-radius:18px;
    background:linear-gradient(145deg,rgba(229,199,151,.035),rgba(255,255,255,.012));
  }
  .chat-diagnostics__status>i { background:conic-gradient(from 100deg,rgba(134,199,204,.22),rgba(226,190,130,.22),rgba(134,199,204,.07)); }
  .chat-diagnostics__tabs { border-color:rgba(238,220,192,.08);background:rgba(7,6,6,.26); }
  .chat-diagnostics__tabs button[aria-selected="true"] { background:#eee7dc;color:#17120e;box-shadow:0 10px 28px rgba(0,0,0,.24); }
  .bug-search-card,.bug-entry,.bug-scan-result {
    border-color:rgba(237,218,188,.08);
    border-radius:17px;
    background:linear-gradient(145deg,rgba(28,24,21,.55),rgba(15,14,13,.45));
  }
  .bug-entry:hover { border-color:rgba(227,197,146,.16); }
  .bug-log-input textarea { color:rgba(244,240,231,.78); }

  .chat-dialog {
    border-color:rgba(238,220,192,.12);
    border-radius:22px;
    background:linear-gradient(155deg,#1c1815,#0e0d0c);
    box-shadow:0 46px 150px rgba(0,0,0,.65),inset 0 1px rgba(255,245,228,.04);
  }
  .chat-drag-layer {
    border-color:rgba(226,195,143,.35);
    border-radius:26px;
    background:rgba(10,8,7,.87);
  }

  /* Responsive polish: deliberate sheets, touch comfort, no cold voids. */
  @media (max-width:900px) {
    .astrid-chat { grid-template-columns:78px minmax(0,1fr); }
    .astrid-chat__geometry { left:78px; }
    .chat-rail { margin-left:8px; }
    .chat-composer-dock,.astrid-chat[data-state="empty"] .chat-composer-dock { width:min(900px,calc(100% - 54px)); }
  }

  @media (max-width:760px) {
    .astrid-chat { display:block; }
    .chat-rail { display:none; }
    .astrid-chat__field::after {
      background:linear-gradient(180deg,rgba(10,8,7,.7),rgba(10,8,7,.38) 42%,rgba(10,8,7,.82));
    }
    .chat-workspace { grid-template-rows:68px minmax(0,1fr) auto; }
    .chat-header {
      height:54px;
      margin:8px 9px 6px;
      padding-inline:7px;
      border-radius:17px;
      background:linear-gradient(180deg,rgba(27,23,20,.88),rgba(15,13,12,.82));
    }
    .chat-model-trigger { min-width:0;padding-inline:8px; }
    .chat-model-trigger>em { display:none; }
    .chat-empty { width:calc(100% - 28px);padding-top:clamp(14px,5vh,38px); }
    .chat-empty h1 { font-size:clamp(2.9rem,13.8vw,4.35rem); }
    .chat-empty>p:not(.chat-empty__signal) { max-width:94%;font-size:.875rem;line-height:1.58; }
    .chat-starters { grid-template-columns:1fr 1fr;gap:7px; }
    .chat-starters button { min-height:82px;padding:12px;border-radius:14px; }
    .chat-starters button small { display:none; }
    .chat-message-canvas { width:calc(100% - 26px);padding-bottom:168px; }
    .chat-turn--user { max-width:92%;padding:15px 16px;border-radius:18px 18px 6px 18px; }
    .chat-response-body { font-size:.9rem;line-height:1.72; }
    .chat-composer-dock,.astrid-chat[data-state="empty"] .chat-composer-dock { width:calc(100% - 18px);padding-bottom:max(9px,env(safe-area-inset-bottom)); }
    .chat-composer { border-radius:20px;padding:7px; }
    .chat-composer::before { border-radius:20px; }
    .chat-send { width:41px;height:41px; }
    .chat-drawer,.chat-model-panel {
      border-radius:23px 23px 0 0;
      background:radial-gradient(circle at 80% 0,rgba(226,191,132,.07),transparent 31%),linear-gradient(165deg,#1a1714,#0e0d0c);
    }
    .chat-connection-panel { left:9px;right:9px;bottom:max(9px,env(safe-area-inset-bottom));width:auto;border-radius:20px; }
    .chat-model-list { grid-template-columns:1fr; }
    .chat-model-option { min-height:134px; }
  }

  @media (max-width:430px) {
    .chat-header { margin-inline:7px; }
    .chat-title { max-width:38vw; }
    .chat-model-trigger { max-width:148px; }
    .chat-model-trigger>span small { font-size:.75rem; }
    .chat-model-trigger>span strong { font-size:.75rem; }
    .chat-empty { width:calc(100% - 22px); }
    .chat-empty__symbol { transform:scale(.9); }
    .chat-empty__signal { font-size:.75rem; }
    .chat-starters button { min-height:76px;padding:11px; }
    .chat-starters button strong { font-size:.8125rem; }
    .chat-message-canvas { width:calc(100% - 20px); }
    .chat-turn { padding-block:22px; }
    .chat-response-actions { opacity:1;gap:2px;overflow-x:auto;scrollbar-width:none; }
    .chat-response-actions button { flex:none;min-height:34px;padding-inline:8px; }
    .chat-composer-dock,.astrid-chat[data-state="empty"] .chat-composer-dock { width:calc(100% - 14px); }
    .chat-composer textarea { font-size:.82rem; }
    .chat-composer__under>span:last-child { color:rgba(244,240,231,.28); }
    .chat-model-panel { padding:17px 14px max(18px,env(safe-area-inset-bottom)); }
  }

  @media (max-width:360px) {
    .chat-header { height:50px;margin:6px 6px 4px;border-radius:15px; }
    .chat-header__identity { width:35px; }
    .chat-title { display:none; }
    .chat-model-trigger { max-width:146px; }
    .chat-empty h1 { font-size:2.85rem; }
    .chat-empty>p:not(.chat-empty__signal) { font-size:.875rem; }
    .chat-starters { gap:6px; }
    .chat-starters button { min-height:72px;padding:10px; }
    .chat-composer { grid-template-columns:39px minmax(0,1fr) auto;border-radius:18px; }
    .chat-composer::before { border-radius:18px; }
    .chat-composer__meta { padding-left:6px; }
  }

  @media (max-width:320px) {
    .chat-empty { width:calc(100% - 16px); }
    .chat-empty h1 { font-size:2.58rem; }
    .chat-empty__symbol { transform:scale(.82);margin-bottom:-5px; }
    .chat-starters button { min-height:68px;padding:9px; }
    .chat-starters button>span { display:none; }
    .chat-model-trigger { max-width:134px; }
    .chat-composer-dock,.astrid-chat[data-state="empty"] .chat-composer-dock { width:calc(100% - 12px); }
    .chat-composer__under>span:last-child { font-size:.75rem; }
  }

  @media (pointer:coarse) {
    .button,.model-card,.pricing-card,.chat-model-option,.chat-starters button { transform:none!important; }
    .chat-response-actions { opacity:1; }
  }

  @media (prefers-reduced-motion:reduce) {
    .astrid-chat__field,.chat-composer,.chat-header,.chat-rail,.chat-model-option { filter:none!important; }
  }
}

@layer cozy-polish {
  .status-live__models {
    margin:0 clamp(18px,2.5vw,32px) clamp(20px,2.5vw,30px);
    padding:clamp(14px,1.8vw,20px);
    border:1px solid rgba(238,218,186,.075);
    border-radius:19px;
    background:linear-gradient(145deg,rgba(231,200,150,.024),rgba(255,255,255,.008));
    box-shadow:inset 0 1px rgba(255,245,226,.025);
  }
  .status-live__models>header { display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:12px;padding-inline:3px; }
  .status-live__models>header span { color:rgba(246,239,228,.8);font:620 .75rem/1.1 var(--font-sans);letter-spacing:-.01em; }
  .status-live__models>header small { color:rgba(244,237,226,.32);font-size:.75rem; }
  .status-live__models>article {
    display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:11px;
    min-height:50px;padding:8px 10px;border-top:1px solid rgba(239,219,187,.055);
  }
  .status-live__models>article>i { width:6px;height:6px;border-radius:50%;background:rgba(244,238,228,.28);box-shadow:0 0 9px transparent; }
  .status-live__models>article>span { display:grid;gap:3px; }
  .status-live__models>article strong { color:rgba(246,239,228,.74);font-size:.75rem;font-weight:580; }
  .status-live__models>article small { color:rgba(244,237,226,.28);font-size:.75rem; }
  .status-live__models>article>b { padding:5px 8px;border:1px solid rgba(238,218,186,.07);border-radius:999px;color:rgba(244,237,226,.4);font:560 .75rem/1 var(--font-mono); }
  .status-live__models>article[data-status="ready"]>i,.status-live__models>article[data-status="streaming"]>i { background:#95cdaa;box-shadow:0 0 9px rgba(149,205,170,.34); }
  .status-live__models>article[data-status="available"]>i { background:#b8ccc3;box-shadow:0 0 8px rgba(184,204,195,.22); }
  .status-live__models>article[data-status="checking"]>i { background:#d9b77d;box-shadow:0 0 8px rgba(217,183,125,.24); }
  .status-live__models>article[data-status="blocked"]>i,.status-live__models>article[data-status="unavailable"]>i,.status-live__models>article[data-status="auth-error"]>i,.status-live__models>article[data-status="request-error"]>i,.status-live__models>article[data-status="offline"]>i { background:#dfa095;box-shadow:0 0 8px rgba(223,160,149,.27); }
  .status-live__models>article[data-status="rate-limited"]>i { background:#deb078;box-shadow:0 0 8px rgba(222,176,120,.27); }
  .status-live__models>article[data-status="ready"]>b,.status-live__models>article[data-status="streaming"]>b { color:#9fd0ae;border-color:rgba(159,208,174,.13); }
  .status-live__models>article[data-status="blocked"]>b,.status-live__models>article[data-status="unavailable"]>b,.status-live__models>article[data-status="auth-error"]>b,.status-live__models>article[data-status="request-error"]>b,.status-live__models>article[data-status="offline"]>b { color:#dfa095;border-color:rgba(223,160,149,.14); }
  .status-live__frame[data-live-health-state="attention"] { border-color:rgba(222,176,120,.13); }
  @media (max-width:600px) {
    .status-live__models>header { display:grid;gap:5px; }
    .status-live__models>article { grid-template-columns:7px minmax(0,1fr); }
    .status-live__models>article>b { grid-column:2;width:max-content;margin-top:2px; }
  }
}

@layer pages {
  .page--notices {
    --notice-warm: rgba(226, 194, 139, 0.14);
    --notice-cool: rgba(141, 201, 207, 0.1);
    background:
      radial-gradient(circle at 88% 8%, var(--notice-warm), transparent 27%),
      radial-gradient(circle at 8% 40%, var(--notice-cool), transparent 29%),
      linear-gradient(180deg, #090806 0%, #0d0b09 47%, #080706 100%);
  }
  .page--notices::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    opacity: 0.44;
    background-image:
      linear-gradient(rgba(246, 233, 212, 0.025) 1px, transparent 1px),
      linear-gradient(90deg, rgba(246, 233, 212, 0.018) 1px, transparent 1px);
    background-size: 92px 92px;
    mask-image: linear-gradient(180deg, #000 0 34%, transparent 78%);
  }
  .notices-intro .page-intro__field { opacity: 0.83; }
  .notices-intro .page-intro__coordinate { color: rgba(231, 201, 151, 0.48); }
  .notices-summary { padding-top: clamp(88px, 9vw, 138px); }
  .notices-scoreboard {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: clamp(48px, 6vw, 82px);
    border-block: 1px solid rgba(239, 222, 194, 0.09);
  }
  .notices-scoreboard article {
    position: relative;
    min-height: 270px;
    padding: 29px 27px 31px;
    border-right: 1px solid rgba(239, 222, 194, 0.075);
    background: linear-gradient(155deg, rgba(255,255,255,.026), transparent 64%);
    transition: background .35s ease, transform .45s var(--ease-out), border-color .35s ease;
  }
  .notices-scoreboard article:last-child { border-right: 0; }
  .notices-scoreboard article:hover {
    z-index: 1;
    transform: translateY(-4px);
    border-color: rgba(228, 193, 135, 0.16);
    background: radial-gradient(circle at 24% 10%, rgba(226,194,139,.075), transparent 42%), linear-gradient(155deg, rgba(255,255,255,.033), transparent 66%);
  }
  .notices-scoreboard article.is-review { background: radial-gradient(circle at 84% 12%, rgba(226,181,112,.075), transparent 38%); }
  .notices-scoreboard article > span { color: rgba(232, 205, 159, .58); font: 550 .75rem/1 var(--font-mono); letter-spacing: .12em; }
  .notices-scoreboard article small { display: block; margin-top: 55px; color: var(--text-muted); font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; }
  .notices-scoreboard article strong { display: block; max-width: 230px; margin-top: 12px; color: rgba(247,242,233,.92); font-size: 1.14rem; font-weight: 560; line-height: 1.22; letter-spacing: -.026em; }
  .notices-scoreboard article p { max-width: 235px; margin-top: 14px; font-size: .875rem; line-height: 1.6; }

  .notices-origin { padding-block: clamp(100px, 12vw, 180px); }
  .notices-origin__grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(480px, 1.1fr); gap: clamp(48px, 8vw, 124px); align-items: center; }
  .notices-origin__copy h2 { max-width: 760px; margin-top: 17px; font-size: clamp(3.2rem, 6.6vw, 7.7rem); }
  .notices-origin__copy > p:not(.eyebrow) { max-width: 660px; margin-top: 27px; font-size: clamp(.98rem, 1.35vw, 1.18rem); line-height: 1.72; }
  .notices-origin__copy code { padding: 2px 6px; border: 1px solid rgba(235,215,184,.1); border-radius: 7px; background: rgba(255,255,255,.03); color: rgba(244,235,220,.87); font-size: .86em; }
  .notices-origin__actions { display: flex; flex-wrap: wrap; gap: 19px 28px; margin-top: 32px; }
  .notices-origin__actions a { display: inline-flex; align-items: center; gap: 8px; color: rgba(238,220,191,.72); font-size: .8125rem; font-weight: 590; }
  .notices-origin__actions a:hover { color: var(--text); }
  .notices-provenance {
    position: relative;
    overflow: hidden;
    min-height: 580px;
    border: 1px solid rgba(236,216,185,.1);
    border-radius: 40px;
    background:
      linear-gradient(145deg, rgba(244,226,196,.035), transparent 45%),
      rgba(13, 11, 9, .68);
    box-shadow: var(--shadow-deep), inset 0 1px rgba(255,247,235,.035);
    isolation: isolate;
  }
  .notices-provenance::before,
  .notices-provenance::after { content: ""; position: absolute; pointer-events: none; }
  .notices-provenance::before { inset: 14%; border: 1px solid rgba(234,207,161,.1); border-radius: 50%; transform: rotate(-19deg); }
  .notices-provenance::after { inset: 28% 18%; border-block: 1px solid rgba(145,206,211,.09); transform: rotate(24deg); }
  .notices-provenance__field { position: absolute; inset: 0; opacity: .86; }
  .notices-provenance > span { position: absolute; top: 28px; left: 31px; color: rgba(240,221,189,.45); font: 560 .75rem/1 var(--font-mono); letter-spacing: .14em; }
  .notices-provenance > strong { position: absolute; left: 50%; top: 48%; transform: translate(-50%, -50%); width: 190px; color: rgba(248,241,230,.92); font-size: 1.35rem; font-weight: 520; line-height: 1.16; text-align: center; letter-spacing: -.035em; }
  .notices-provenance > b { position: absolute; inset: auto 31px 29px; max-width: 330px; color: rgba(244,235,220,.42); font-size: .75rem; font-weight: 520; line-height: 1.55; }
  .np-node { position: absolute; display: grid; place-items: center; width: 82px; height: 82px; border: 1px solid rgba(235,216,185,.13); border-radius: 50%; background: rgba(12,10,9,.72); color: rgba(242,231,213,.62); font: 520 .75rem/1 var(--font-mono); box-shadow: 0 18px 52px rgba(0,0,0,.34); }
  .np-node::before { content: ""; position: absolute; inset: 8px; border: 1px solid rgba(144,201,207,.08); border-radius: inherit; }
  .np-node--one { left: 12%; top: 22%; }
  .np-node--two { right: 12%; top: 19%; }
  .np-node--three { left: 16%; bottom: 21%; }
  .np-node--four { right: 15%; bottom: 19%; }

  .notices-third-party { background: linear-gradient(180deg, transparent, rgba(255,255,255,.012), transparent); }
  .notices-ledger { margin-top: clamp(45px, 6vw, 78px); border-top: 1px solid rgba(239,222,194,.1); }
  .notices-ledger__row { display: grid; grid-template-columns: 54px minmax(0,1fr) auto; gap: 26px; align-items: start; padding: 32px 4px; border-bottom: 1px solid rgba(239,222,194,.075); transition: padding .35s var(--ease-out), background .3s ease; }
  .notices-ledger__row:hover { padding-inline: 17px; background: linear-gradient(90deg, rgba(226,195,143,.035), transparent 70%); }
  .notices-ledger__row > span { padding-top: 5px; color: rgba(229,199,149,.42); font: 540 .75rem/1 var(--font-mono); }
  .notices-ledger__row small { color: var(--text-muted); font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; }
  .notices-ledger__row h3 { margin-top: 7px; font-size: clamp(1.35rem, 2.2vw, 2rem); }
  .notices-ledger__row p { max-width: 790px; margin-top: 10px; font-size: .875rem; line-height: 1.65; }
  .notices-ledger__row > div > div { display: flex; flex-wrap: wrap; gap: 11px 21px; margin-top: 15px; }
  .notices-ledger__row a { display: inline-flex; align-items: center; gap: 7px; color: rgba(226,197,148,.72); font-size: .8125rem; }
  .notices-ledger__row a:hover { color: var(--text); }
  .notices-ledger__row > em { margin-top: 4px; padding: 7px 10px; border: 1px solid rgba(237,218,188,.09); border-radius: 999px; color: rgba(244,236,222,.43); font: 520 .75rem/1 var(--font-mono); font-style: normal; white-space: nowrap; }

  .notices-names { padding-top: clamp(110px, 13vw, 190px); }
  .notices-risk-list { margin-top: clamp(48px, 7vw, 88px); }
  .notices-risk-list article { display: grid; grid-template-columns: minmax(230px, .55fr) minmax(0,1fr); gap: clamp(30px,6vw,100px); align-items: start; padding: 27px 2px; border-bottom: 1px solid rgba(239,222,194,.075); }
  .notices-risk-list article:first-child { border-top: 1px solid rgba(239,222,194,.075); }
  .notices-risk-list article > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
  .notices-risk-list strong { color: rgba(248,242,233,.92); font-size: 1.06rem; font-weight: 570; letter-spacing: -.025em; }
  .notices-risk-list span { padding: 6px 9px; border: 1px solid rgba(226,182,112,.14); border-radius: 999px; color: rgba(229,190,130,.7); font: 520 .75rem/1 var(--font-mono); white-space: nowrap; }
  .notices-risk-list p { max-width: 760px; font-size: .875rem; line-height: 1.65; }
  .notices-clearance { display: grid; grid-template-columns: 46px minmax(0,1fr); gap: 18px; max-width: 920px; margin-top: 46px; padding: 25px 27px; border: 1px solid rgba(229,197,144,.12); border-radius: 22px; background: linear-gradient(145deg, rgba(226,190,130,.05), rgba(255,255,255,.012)); }
  .notices-clearance > span { display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid rgba(229,197,144,.14); border-radius: 50%; color: var(--gold); background: rgba(229,197,144,.04); }
  .notices-clearance strong { display: block; color: rgba(247,241,232,.91); font-size: .9rem; }
  .notices-clearance p { margin-top: 7px; font-size: .875rem; line-height: 1.62; }

  .notices-local-check { padding-bottom: clamp(110px, 13vw, 190px); }
  .notices-local-check__inner { display: flex; align-items: end; justify-content: space-between; gap: 54px; padding: clamp(34px,5vw,70px); border: 1px solid rgba(238,219,189,.1); border-radius: 38px; background: radial-gradient(circle at 82% 12%, rgba(143,205,210,.075), transparent 34%), radial-gradient(circle at 12% 84%, rgba(227,191,132,.075), transparent 37%), rgba(18,15,13,.68); box-shadow: var(--shadow-deep), inset 0 1px rgba(255,247,234,.035); }
  .notices-local-check__inner h2 { max-width: 920px; margin-top: 15px; font-size: clamp(2.7rem,5.8vw,6.3rem); }
  .notices-local-check__inner p:not(.eyebrow) { max-width: 770px; margin-top: 20px; font-size: .9rem; line-height: 1.7; }
  .notices-local-check__inner > .button { flex: none; }
  .notices-disclaimer { padding-top: 0; padding-bottom: clamp(80px,9vw,130px); }

  @media (max-width: 1050px) {
    .notices-scoreboard { grid-template-columns: 1fr 1fr; }
    .notices-scoreboard article:nth-child(2) { border-right: 0; }
    .notices-scoreboard article:nth-child(-n+2) { border-bottom: 1px solid rgba(239,222,194,.075); }
    .notices-origin__grid { grid-template-columns: 1fr; }
    .notices-provenance { min-height: 520px; }
    .notices-local-check__inner { align-items: flex-start; flex-direction: column; }
  }

  @media (max-width: 680px) {
    .notices-summary { padding-top: 70px; }
    .notices-scoreboard { grid-template-columns: 1fr; }
    .notices-scoreboard article { min-height: 220px; border-right: 0; border-bottom: 1px solid rgba(239,222,194,.075); padding: 24px 20px 26px; }
    .notices-scoreboard article:last-child { border-bottom: 0; }
    .notices-scoreboard article small { margin-top: 36px; }
    .notices-origin__grid { gap: 44px; }
    .notices-origin__copy h2 { font-size: clamp(2.8rem,14vw,4.8rem); }
    .notices-origin__copy > p:not(.eyebrow) { font-size: .88rem; }
    .notices-provenance { min-height: 430px; border-radius: 27px; }
    .np-node { width: 66px; height: 66px; font-size: .75rem; }
    .notices-provenance > strong { width: 150px; font-size: 1.08rem; }
    .notices-ledger__row { grid-template-columns: 34px minmax(0,1fr); gap: 13px; padding-block: 25px; }
    .notices-ledger__row > em { grid-column: 2; width: max-content; margin-top: 3px; }
    .notices-risk-list article { grid-template-columns: 1fr; gap: 13px; }
    .notices-risk-list article > div { align-items: flex-start; flex-direction: column; gap: 9px; }
    .notices-clearance { grid-template-columns: 1fr; padding: 22px; }
    .notices-local-check__inner { padding: 27px 22px; border-radius: 27px; }
  }

  @media (max-width: 360px) {
    .notices-provenance { min-height: 380px; }
    .np-node { width: 58px; height: 58px; }
    .notices-provenance > b { inset-inline: 20px; bottom: 19px; }
    .notices-ledger__row { grid-template-columns: 28px minmax(0,1fr); }
  }
}

@layer chat {
  .chat-diagnostics__tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .chat-diagnostics__tabs button { padding-inline: 7px; }
  .copyright-panel { gap: 13px; }
  .copyright-check-card {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: end;
    padding: 19px;
    border: 1px solid rgba(232, 204, 159, .11);
    border-radius: 20px;
    background:
      radial-gradient(circle at 92% 2%, rgba(226, 194, 139, .09), transparent 34%),
      linear-gradient(145deg, rgba(255,255,255,.036), rgba(255,255,255,.012));
  }
  .copyright-check-card::before { content: ""; position: absolute; inset: auto -35px -54px auto; width: 200px; height: 145px; border: 1px solid rgba(145,202,207,.08); border-radius: 50%; transform: rotate(-18deg); pointer-events: none; }
  .copyright-check-card span { display: block; color: rgba(227,197,148,.55); font: 560 .75rem/1 var(--font-mono); letter-spacing: .13em; }
  .copyright-check-card strong { display: block; max-width: 330px; margin-top: 8px; color: rgba(247,241,231,.9); font-size: 1.02rem; font-weight: 540; letter-spacing: -.025em; line-height: 1.18; }
  .copyright-check-card p { max-width: 360px; margin-top: 9px; font-size: .875rem; line-height: 1.55; }
  .copyright-check-card button {
    position: relative;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(231,204,162,.14);
    border-radius: 999px;
    background: #eee7dc;
    color: #17120e;
    font-size: .8125rem;
    font-weight: 660;
    white-space: nowrap;
  }
  .copyright-check-card button:disabled { opacity: .48; cursor: wait; }
  .copyright-check-card button svg { display: inline-block; margin-right: 7px; vertical-align: -4px; }
  .copyright-text-input { display: grid; gap: 8px; }
  .copyright-text-input > span { color: rgba(244,237,226,.48); font-size: .75rem; line-height: 1.35; }
  .copyright-text-input textarea {
    min-height: 128px;
    max-height: 230px;
    padding: 14px 15px;
    border: 1px solid rgba(237,218,188,.085);
    border-radius: 17px;
    background: rgba(5,4,4,.27);
    color: rgba(246,240,230,.78);
    font: 500 .8125rem/1.58 var(--font-mono);
    resize: vertical;
    transition: border-color .25s ease, background .25s ease, box-shadow .25s ease;
  }
  .copyright-text-input textarea:focus { border-color: rgba(226,194,139,.23); background: rgba(10,8,7,.48); box-shadow: 0 0 0 4px rgba(226,194,139,.035); }
  .copyright-text-input small { color: rgba(244,237,226,.3); font-size: .75rem; line-height: 1.5; }
  .copyright-check-links { display: flex; flex-wrap: wrap; gap: 8px; }
  .copyright-check-links a { display: inline-flex; min-height: 34px; align-items: center; gap: 7px; padding: 0 11px; border: 1px solid rgba(237,218,188,.075); border-radius: 999px; color: rgba(242,231,213,.58); background: rgba(255,255,255,.016); font-size: .8125rem; }
  .copyright-check-links a:hover { border-color: rgba(226,194,139,.16); color: rgba(247,241,231,.9); }
  .copyright-scan-result { display: grid; gap: 4px; padding: 13px 15px; border: 1px solid rgba(237,218,188,.075); border-radius: 15px; background: linear-gradient(145deg, rgba(27,23,20,.48), rgba(13,12,11,.45)); }
  .copyright-scan-result strong { color: rgba(246,239,228,.72); font-size: .75rem; font-weight: 580; text-transform: capitalize; }
  .copyright-scan-result span { color: rgba(244,237,226,.34); font-size: .75rem; line-height: 1.52; }

  @media (max-width: 520px) {
    .chat-diagnostics__tabs { gap: 3px; margin-inline: 14px; }
    .chat-diagnostics__tabs button { min-height: 34px; padding-inline: 4px; font-size: .8125rem; letter-spacing: .05em; }
    .chat-diagnostics__panel { padding-inline: 14px; }
    .copyright-check-card { grid-template-columns: 1fr; padding: 16px; }
    .copyright-check-card button { width: 100%; }
    .copyright-text-input textarea { min-height: 112px; }
  }

  @media (max-width: 340px) {
    .chat-diagnostics__tabs button { font-size: .8125rem; }
    .chat-diagnostics__tabs span { display: none; }
  }
}

/* ========================================================================== 
   BETRA — parent company and complete product universe
   ========================================================================== */
@layer betra {
  :root {
    --betra-bg: #090806;
    --betra-bg-deep: #050504;
    --betra-graphite: #12100e;
    --betra-surface: #171411;
    --betra-surface-2: #1d1915;
    --betra-paper: #f2ede3;
    --betra-smoke: rgba(242, 237, 227, .62);
    --betra-faint: rgba(242, 237, 227, .33);
    --betra-border: rgba(244, 225, 197, .105);
    --betra-border-strong: rgba(244, 225, 197, .19);
    --betra-ember: #dfbc82;
    --betra-copper: #b98b61;
    --betra-signal: #9bcbd1;
    --betra-violet: #ab9fc2;
    --betra-red: #ad6e62;
    --betra-green: #8fb99a;
    --betra-motion-micro: 160ms;
    --betra-motion-fast: 280ms;
    --betra-motion-standard: 520ms;
    --betra-motion-slow: 880ms;
    --betra-motion-cinematic: 1180ms;
    --betra-ease-editorial: cubic-bezier(.22, .75, .2, 1);
    --betra-ease-cinematic: cubic-bezier(.12, .78, .22, 1);
    --betra-shadow: 0 38px 120px rgba(0,0,0,.44), 0 2px 22px rgba(124,81,43,.055);
  }

  html[data-brand="betra"] { background: var(--betra-bg); }
  body.is-betra-page {
    --bg: var(--betra-bg);
    --bg-soft: #0d0c0a;
    --bg-elevated: var(--betra-graphite);
    --surface: var(--betra-surface);
    --surface-2: var(--betra-surface-2);
    --text: var(--betra-paper);
    --text-soft: rgba(242,237,227,.73);
    --text-muted: rgba(242,237,227,.49);
    --text-faint: rgba(242,237,227,.28);
    --border: var(--betra-border);
    --border-strong: var(--betra-border-strong);
    --gold: var(--betra-ember);
    --cyan: var(--betra-signal);
    background:
      radial-gradient(circle at 82% -12%, rgba(191,147,91,.075), transparent 32rem),
      radial-gradient(circle at -8% 36%, rgba(99,138,145,.045), transparent 33rem),
      var(--betra-bg);
  }
  body.is-betra-page::before { opacity: .031; mix-blend-mode: soft-light; }
  body.is-betra-page ::selection { background: rgba(223,188,130,.24); }
  body.is-betra-page :focus-visible { outline-color: rgba(232,202,151,.92); }
  body.is-betra-page .global-field-layer__veil {
    background: radial-gradient(circle at 57% 34%, transparent 0, rgba(9,8,6,.12) 36%, rgba(9,8,6,.63) 76%, rgba(9,8,6,.92) 100%);
  }
  body.is-betra-page .global-field-layer__axis { opacity: .38; filter: sepia(.25); }
  body.is-betra-page .scroll-progress span { background: linear-gradient(90deg, var(--betra-ember), var(--betra-signal)); }

  /* Parent identity ------------------------------------------------------ */
  .betra-logo { display: inline-flex; align-items: center; gap: 11px; color: var(--betra-paper); }
  .betra-logo__mark { width: 30px; height: 30px; overflow: visible; }
  .betra-logo__mark > path:first-child { fill: currentColor; opacity: .98; }
  .betra-logo__mark > path:nth-child(2) { fill: var(--betra-bg-deep); }
  .betra-logo__cut { fill: none !important; stroke: rgba(223,188,130,.78); stroke-width: 1.2; }
  .betra-logo__word { font-size: .76rem; font-weight: 760; letter-spacing: .25em; }
  .betra-logo__mark.is-shimmering { animation: betra-mark-align 1.2s var(--betra-ease-cinematic); }
  @keyframes betra-mark-align {
    0%,100% { transform: none; filter: none; }
    42% { transform: translateY(-1px) scale(1.08); filter: drop-shadow(0 0 18px rgba(223,188,130,.42)); }
  }

  .product-mark {
    --mark-accent: var(--betra-ember);
    display: inline-grid; place-items: center; flex: none;
    width: 52px; height: 52px; border: 1px solid color-mix(in srgb, var(--mark-accent) 22%, transparent);
    border-radius: 17px; color: color-mix(in srgb, var(--mark-accent) 88%, white 12%);
    background: linear-gradient(145deg, color-mix(in srgb, var(--mark-accent) 9%, transparent), rgba(255,255,255,.012));
    box-shadow: inset 0 1px rgba(255,255,255,.035), 0 12px 32px rgba(0,0,0,.16);
  }
  .product-mark svg { width: 58%; height: 58%; fill: none; stroke: currentColor; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; }
  .product-mark--hero { width: clamp(94px, 10vw, 148px); height: clamp(94px, 10vw, 148px); border-radius: 34%; }
  .product-mark--medium { width: 62px; height: 62px; border-radius: 20px; }
  .product-mark--small { width: 42px; height: 42px; border-radius: 14px; }
  .product-mark--tiny { width: 27px; height: 27px; border-radius: 9px; }
  .product-mark--tiny svg { width: 62%; height: 62%; }
  .product-mark--astrid { --mark-accent: var(--betra-signal); }
  .product-mark--the-bunter, .product-mark--level-1-hospital { --mark-accent: #b98572; }
  .product-mark--moonshaft, .product-mark--only-path { --mark-accent: #aca1c9; }
  .product-mark--the-nightwatcher, .product-mark--facility-night-watch { --mark-accent: #96a9bd; }
  .product-mark--site-delta { --mark-accent: #95a99d; }
  .product-mark--pizza-manager-ui { --mark-accent: #d3a477; }
  .product-mark--bobflix, .product-mark--daily { --mark-accent: #c79b7b; }
  .product-mark--bobflix-local { --mark-accent: #8db7a0; }
  .product-mark--os-simulator, .product-mark--developer-sim { --mark-accent: #8fb9c4; }
  .product-mark--post-office-koop, .product-mark--the-lightbreaker, .product-mark--android-arcade-experiment, .product-mark--older-experiments { --mark-accent: #998d7e; }

  .project-status, .project-importance {
    display: inline-flex; align-items: center; gap: 7px; width: max-content; min-height: 27px; padding: 0 10px;
    border: 1px solid var(--betra-border); border-radius: 999px; color: var(--text-muted);
    background: rgba(255,255,255,.018); font: 600 .75rem/1 var(--font-mono); letter-spacing: .075em; text-transform: uppercase;
  }
  .project-status i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 9px currentColor; }
  .project-status--active, .project-status--development { color: #a7c6ad; border-color: rgba(143,185,154,.16); }
  .project-status--prototype, .project-status--experimental { color: #c9ad80; border-color: rgba(223,188,130,.17); }
  .project-status--concept { color: #aaa0c1; border-color: rgba(171,159,194,.17); }
  .project-status--legacy, .project-status--archived { color: #948b7e; }
  .project-status--compact { min-height: 22px; padding-inline: 8px; font-size: .75rem; }
  .project-importance--flagship { color: var(--betra-paper); border-color: rgba(223,188,130,.24); background: rgba(223,188,130,.045); }
  .project-importance--historical { opacity: .63; }

  .division-tag {
    display: inline-flex; align-items: center; gap: 9px; color: var(--text-muted);
    font: 640 .75rem/1 var(--font-mono); letter-spacing: .13em; text-transform: uppercase;
  }
  .division-tag::before { content: ""; width: 20px; height: 1px; background: linear-gradient(90deg, var(--betra-ember), transparent); }
  .product-breadcrumb { display: flex; align-items: center; gap: 9px; margin-bottom: 28px; color: var(--text-muted); font-size: .75rem; }
  .product-breadcrumb a:hover { color: var(--text); }
  .product-breadcrumb i { width: 18px; height: 1px; background: var(--border-strong); }

  /* Header / mega menu --------------------------------------------------- */
  .betra-header {
    position: fixed; z-index: 800; top: 0; left: 0; right: 0; height: 82px;
    padding: 13px clamp(18px, 3vw, 42px); transition: transform .5s var(--ease-out), opacity .35s ease;
  }
  .betra-header.is-hidden { transform: translateY(-112%); }
  .betra-header__bar {
    display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: clamp(18px, 3vw, 54px);
    width: min(1540px, 100%); min-height: 56px; margin-inline: auto; padding: 0 12px 0 17px;
    border: 1px solid transparent; border-radius: 18px;
    transition: background .35s ease, border-color .35s ease, box-shadow .35s ease, backdrop-filter .35s ease;
  }
  .betra-header.is-scrolled .betra-header__bar {
    border-color: rgba(238,218,186,.105); background: rgba(13,11,9,.76); backdrop-filter: blur(22px) saturate(1.25);
    box-shadow: 0 22px 64px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.026);
  }
  .betra-header__logo { display: inline-flex; align-items: center; min-height: 42px; padding-inline: 7px; }
  .betra-desktop-nav { justify-self: center; }
  .betra-desktop-nav > ul { display: flex; align-items: center; gap: 2px; }
  .betra-desktop-nav a, .betra-nav-popover > button {
    display: inline-flex; min-height: 40px; align-items: center; gap: 6px; padding: 0 11px; border-radius: 11px;
    color: var(--text-muted); font-size: .8125rem; font-weight: 590; transition: color .2s ease, background .2s ease;
  }
  .betra-desktop-nav a:hover, .betra-desktop-nav a.is-active, .betra-nav-popover > button:hover, .betra-nav-popover.is-open > button { color: var(--text); background: rgba(255,255,255,.035); }
  .betra-nav-popover { position: relative; }
  .betra-nav-popover > button svg { transition: transform .28s ease; }
  .betra-nav-popover.is-open > button svg { transform: rotate(180deg); }
  .betra-header__actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
  .betra-header__news, .betra-header__status {
    display: inline-flex; min-height: 40px; align-items: center; gap: 8px; padding: 0 9px; border-radius: 11px;
    color: var(--text-muted); font-size: .75rem; transition: color .2s ease, background .2s ease;
  }
  .betra-header__news:hover, .betra-header__status:hover { color: var(--text); background: rgba(255,255,255,.03); }
  .betra-search-trigger {
    display: inline-flex; min-height: 40px; align-items: center; gap: 8px; padding: 0 9px; border-radius: 11px;
    color: var(--text-muted); font-size: .75rem; transition: color .2s ease, background .2s ease;
  }
  .betra-search-trigger:hover { color: var(--text); background: rgba(255,255,255,.03); }
  .betra-search-trigger kbd { height: 19px; min-width: 29px; font-size: .75rem; }
  .betra-header__cta { min-height: 40px; padding-inline: 16px 13px; font-size: .75rem; }
  .betra-header .mobile-menu-trigger { display: none; }

  .betra-mega {
    position: absolute; z-index: 40; top: calc(100% + 15px); left: 50%; width: min(920px, calc(100vw - 52px));
    display: grid; grid-template-columns: 1.45fr .7fr .8fr; gap: 1px; overflow: hidden;
    border: 1px solid rgba(239,220,190,.13); border-radius: 25px; background: rgba(15,13,11,.94);
    box-shadow: 0 38px 120px rgba(0,0,0,.58), inset 0 1px rgba(255,255,255,.032); backdrop-filter: blur(26px) saturate(1.15);
    opacity: 0; transform: translate(-50%, -8px) scale(.985); transform-origin: 50% 0; pointer-events: none;
    transition: opacity .24s ease, transform .42s var(--betra-ease-editorial);
  }
  .betra-nav-popover.is-open .betra-mega { opacity: 1; transform: translate(-50%,0) scale(1); pointer-events: auto; }
  .betra-mega__field { position: absolute; inset: 0; pointer-events: none; opacity: .42; }
  .betra-mega > div:not(.betra-mega__field) { position: relative; z-index: 1; min-width: 0; padding: 24px; background: rgba(255,255,255,.009); }
  .betra-mega > div + div { border-left: 1px solid var(--betra-border); }
  .betra-mega small { display: block; margin-bottom: 14px; color: var(--text-faint); font: 620 .75rem/1 var(--font-mono); letter-spacing: .13em; text-transform: uppercase; }
  .betra-mega__featured { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
  .betra-mega__featured > small { grid-column: 1/-1; }
  .betra-mega__product { display: grid !important; grid-template-columns: 30px minmax(0,1fr) auto; gap: 10px; align-items: center; min-height: 64px !important; padding: 8px !important; border: 1px solid transparent; }
  .betra-mega__product:hover, .betra-mega__product:focus-visible { border-color: var(--betra-border); background: rgba(255,255,255,.025) !important; }
  .betra-mega__product span { min-width: 0; }
  .betra-mega__product strong, .betra-mega__product em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .betra-mega__product strong { color: var(--text); font-size: .75rem; font-style: normal; }
  .betra-mega__product em { margin-top: 4px; color: var(--text-faint); font-size: .75rem; font-style: normal; }
  .betra-mega__explore { display: flex; flex-direction: column; }
  .betra-mega__explore a { display: flex !important; justify-content: space-between; min-height: 35px !important; padding: 0 !important; border-radius: 0 !important; border-bottom: 1px solid rgba(255,255,255,.045); }
  .betra-mega__current { display: flex; flex-direction: column; gap: 10px; }
  .betra-mega__current > div { display: grid; grid-template-columns: 6px minmax(0,1fr); gap: 9px; align-items: start; }
  .betra-mega__current > div > i { width: 5px; height: 5px; margin-top: 5px; border-radius: 50%; background: var(--betra-ember); box-shadow: 0 0 8px rgba(223,188,130,.42); }
  .betra-mega__current strong, .betra-mega__current em { display: block; }
  .betra-mega__current strong { color: var(--text-soft); font-size: .75rem; font-weight: 580; }
  .betra-mega__current em { margin-top: 2px; color: var(--text-faint); font-size: .75rem; font-style: normal; }
  .betra-mega__devlog { margin-top: auto; min-height: 32px !important; padding: 0 !important; border-radius: 0 !important; border-top: 1px solid var(--betra-border); }

  .betra-mobile-menu { background: rgba(9,8,6,.965); }
  .betra-mobile-menu__nav { display: grid; gap: 2px; padding: 18px 20px; overflow-y: auto; }
  .betra-mobile-menu__link {
    display: grid; grid-template-columns: 35px minmax(0,1fr) auto; align-items: center; min-height: 58px;
    border-bottom: 1px solid var(--betra-border); color: var(--text-soft);
  }
  .betra-mobile-menu__link > span { color: var(--text-faint); font: .75rem/1 var(--font-mono); }
  .betra-mobile-menu__link strong { font-size: 1rem; font-weight: 550; }
  .betra-mobile-menu__flagships { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; padding: 18px 20px; border-top: 1px solid var(--betra-border); }
  .betra-mobile-menu__flagships > small { grid-column: 1/-1; color: var(--text-faint); font: .75rem/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }
  .betra-mobile-menu__flagships a { display: flex; align-items: center; gap: 8px; min-height: 42px; padding: 7px; border: 1px solid var(--betra-border); border-radius: 13px; font-size: .8125rem; }

  /* Astrid relationship polish ----------------------------------------- */
  .site-header__betra-link { display: inline-flex; align-items: center; gap: 8px; padding-right: 3px; color: var(--text-faint); font: 650 .75rem/1 var(--font-mono); letter-spacing: .16em; }
  .site-header__betra-link i { width: 14px; height: 1px; background: var(--border-strong); }
  .site-header__betra-link:hover { color: var(--gold); }
  .mobile-menu__astrid-brand { display: flex; align-items: center; gap: 13px; }
  .mobile-menu__betra-link { padding-right: 12px; border-right: 1px solid var(--border); color: var(--text-faint); font: 650 .75rem/1 var(--font-mono); letter-spacing: .14em; }
  .site-footer__product-lockup { display: grid; gap: 9px; }
  .site-footer__product-lockup > span, .site-footer__product-lockup > small { color: var(--text-faint); font: 610 .75rem/1 var(--font-mono); letter-spacing: .14em; }
  .site-footer__product-lockup .logo { margin-block: 3px; }
  .site-footer__brand-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
  .site-footer__betra { display: inline-flex; align-items: center; gap: 8px; color: var(--gold); font-size: .75rem; }

  /* Footer --------------------------------------------------------------- */
  .betra-footer { position: relative; overflow: hidden; border-top: 1px solid var(--betra-border); background: linear-gradient(180deg, #0c0a08, #060504); }
  .betra-footer__field { position: absolute; inset: 0; opacity: .72; }
  .betra-footer__top { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(260px,.72fr) 1.5fr; gap: clamp(60px,8vw,140px); padding-top: clamp(80px,10vw,150px); padding-bottom: 68px; }
  .betra-footer__brand { display: flex; flex-direction: column; align-items: flex-start; }
  .betra-footer__brand > p { max-width: 400px; margin-top: 28px; font-size: .9rem; line-height: 1.75; }
  .betra-footer__brand > a { margin-top: 34px; }
  .betra-footer__links { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 34px; }
  .betra-footer__links h3 { margin-bottom: 17px; color: var(--text-faint); font: 650 .875rem/1 var(--font-mono); letter-spacing: .13em; text-transform: uppercase; }
  .betra-footer__links a { display: block; width: max-content; max-width: 100%; margin: 9px 0; color: var(--text-muted); font-size: .8125rem; transition: color .2s ease, transform .25s var(--ease-out); }
  .betra-footer__links a:hover { color: var(--text); transform: translateX(3px); }
  .betra-footer__meta { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 24px; padding-block: 22px; border-top: 1px solid var(--betra-border); color: var(--text-faint); font-size: .75rem; }
  .betra-footer__giant { position: relative; z-index: 1; width: 104%; margin-left: -2%; padding-top: 32px; color: rgba(242,237,227,.055); font-size: clamp(8rem,24vw,29rem); font-weight: 680; line-height: .68; letter-spacing: -.085em; white-space: nowrap; user-select: none; transform: translateX(calc((var(--scroll-progress, 0) - .5) * -2.5vw)); }

  /* Shared editorial composition --------------------------------------- */
  .betra-section-heading { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 34px; align-items: end; margin-bottom: clamp(46px,7vw,92px); }
  .betra-section-heading h2 { max-width: 1050px; margin-top: 16px; font-size: clamp(3rem,6.4vw,7.4rem); }
  .betra-section-heading p:not(.eyebrow) { max-width: 690px; margin-top: 20px; font-size: .96rem; line-height: 1.72; }
  .betra-section-heading > a { align-self: end; }
  .text-link { display: inline-flex; align-items: center; gap: 9px; color: var(--text-muted); font-size: .75rem; }
  .text-link:hover { color: var(--text); }
  .text-link svg { transition: transform .25s var(--ease-out); }
  .text-link:hover svg { transform: translateX(4px); }

  /* Homepage hero -------------------------------------------------------- */
  .betra-hero { position: relative; min-height: max(790px,100svh); display: grid; align-items: center; overflow: hidden; padding: 110px 0 38px; }
  .betra-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 30%; background: linear-gradient(transparent,var(--betra-bg)); pointer-events: none; }
  .betra-hero__field { position: absolute; inset: 0; opacity: .92; }
  .betra-hero__material { position: absolute; inset: 0; pointer-events: none; }
  .betra-hero__material::before { content: ""; position: absolute; width: 52vw; height: 52vw; min-width: 520px; min-height: 520px; top: 8%; right: -8%; border: 1px solid rgba(223,188,130,.075); border-radius: 47% 53% 58% 42%; transform: rotate(-16deg); box-shadow: inset 0 0 90px rgba(223,188,130,.018); }
  .betra-hero__material i:first-child { position: absolute; width: 36vw; height: 36vw; top: 16%; right: 1%; border: 1px solid rgba(155,203,209,.07); border-radius: 50%; transform: rotate(23deg) scaleY(.55); }
  .betra-hero__material i:nth-child(2) { position: absolute; left: 8%; bottom: 18%; width: 31vw; height: 1px; background: linear-gradient(90deg,transparent,rgba(223,188,130,.16),transparent); }
  .betra-hero__material span { position: absolute; inset: 16% auto auto 56%; width: 7px; height: 7px; border-radius: 50%; background: var(--betra-ember); box-shadow: 0 0 26px rgba(223,188,130,.56); }
  .betra-hero__inner { position: relative; z-index: 2; }
  .betra-hero__top { display: flex; align-items: center; gap: 18px; margin-bottom: clamp(46px,7vh,92px); color: var(--text-faint); }
  .betra-hero__top .betra-logo { padding-right: 18px; border-right: 1px solid var(--betra-border); }
  .betra-hero__top > span, .betra-hero__top > em { font: 560 .75rem/1 var(--font-mono); letter-spacing: .12em; font-style: normal; }
  .betra-hero__top > em { margin-left: auto; }
  .betra-hero h1 { max-width: 1250px; font-size: clamp(4.7rem,10.7vw,11.8rem); font-weight: 480; line-height: .78; letter-spacing: -.078em; }
  .betra-hero h1 > span { display: block; overflow: hidden; padding-bottom: .06em; }
  .betra-hero h1 i { display: block; font-style: normal; transform: translateY(108%); animation: betra-hero-reveal 1.1s var(--betra-ease-cinematic) forwards; }
  .betra-hero h1 > span:nth-child(2) i { animation-delay: .09s; color: rgba(242,237,227,.74); }
  .betra-hero h1 > span:nth-child(3) i { animation-delay: .18s; color: var(--betra-ember); }
  @keyframes betra-hero-reveal { to { transform: translateY(0); } }
  .betra-hero__bottom { display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; margin-top: clamp(40px,6vh,72px); }
  .betra-hero__bottom > p { max-width: 620px; font-size: clamp(1rem,1.45vw,1.28rem); line-height: 1.62; }
  .betra-hero__signals { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: clamp(52px,8vh,96px); border-top: 1px solid var(--betra-border); border-bottom: 1px solid var(--betra-border); }
  .betra-hero__signals button { display: grid; grid-template-columns: 24px 30px minmax(0,1fr); grid-template-rows: auto auto; gap: 4px 10px; min-height: 78px; align-content: center; padding: 12px 16px; text-align: left; border-right: 1px solid var(--betra-border); transition: background .25s ease; }
  .betra-hero__signals button:last-child { border-right: 0; }
  .betra-hero__signals button:hover, .betra-hero__signals button.is-active { background: linear-gradient(120deg,rgba(223,188,130,.06),transparent 70%); }
  .betra-hero__signals button > span { grid-row: 1/3; align-self: center; color: var(--text-faint); font: .8125rem/1 var(--font-mono); }
  .betra-hero__signals .product-mark { grid-row: 1/3; align-self: center; }
  .betra-hero__signals strong { align-self: end; color: var(--text-soft); font-size: .75rem; font-weight: 640; }
  .betra-hero__signals em { color: var(--text-faint); font-size: .75rem; font-style: normal; text-transform: uppercase; letter-spacing: .08em; }
  .betra-hero__coordinate { display: flex; align-items: center; gap: 13px; margin-top: 19px; color: var(--text-faint); font: .75rem/1 var(--font-mono); letter-spacing: .11em; }
  .betra-hero__coordinate i { flex: 1; height: 1px; background: linear-gradient(90deg,var(--betra-border),transparent); }

  /* Flagship stories ----------------------------------------------------- */
  .betra-flagships { padding-top: clamp(110px,14vw,220px); }
  .betra-flagships__stories { display: grid; gap: clamp(64px,10vw,150px); }
  .flagship-story { display: grid; grid-template-columns: minmax(0,1.18fr) minmax(320px,.72fr); gap: clamp(42px,7vw,108px); align-items: center; min-height: 660px; }
  .flagship-story:nth-child(even) { grid-template-columns: minmax(320px,.72fr) minmax(0,1.18fr); }
  .flagship-story:nth-child(even) .flagship-story__visual { order: 2; }
  .flagship-story__visual { position: relative; min-height: clamp(520px,55vw,760px); overflow: hidden; border: 1px solid var(--betra-border); border-radius: clamp(28px,4vw,58px); background: var(--betra-graphite); box-shadow: var(--betra-shadow); }
  .flagship-story__visual::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 1px rgba(255,255,255,.035), inset 0 -80px 120px rgba(0,0,0,.22); pointer-events: none; }
  .flagship-story__mark { position: absolute; z-index: 3; left: 50%; top: 50%; transform: translate(-50%,-50%); }
  .flagship-story__mark .product-mark { backdrop-filter: blur(12px); }
  .flagship-story__copy { max-width: 560px; }
  .flagship-story__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
  .flagship-story__meta > span { color: var(--text-faint); font: .75rem/1 var(--font-mono); }
  .flagship-story h3 { margin-top: 30px; font-size: clamp(4rem,7vw,8.2rem); }
  .flagship-story__tagline { margin-top: 18px; color: var(--text); font-size: clamp(1.05rem,1.6vw,1.36rem); }
  .flagship-story__copy > p:not(.flagship-story__tagline) { max-width: 510px; margin-top: 18px; font-size: .9rem; line-height: 1.75; }
  .flagship-story__signals { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 28px; }
  .flagship-story__signals span { padding: 7px 9px; border: 1px solid var(--betra-border); border-radius: 999px; color: var(--text-faint); font: .75rem/1 var(--font-mono); letter-spacing: .08em; }
  .flagship-story__link { display: inline-flex; align-items: center; gap: 10px; margin-top: 34px; color: var(--betra-ember); font-size: .75rem; }
  .flagship-story__link svg { transition: transform .25s var(--ease-out); }
  .flagship-story__link:hover svg { transform: translateX(5px); }

  /* Procedural product atmosphere -------------------------------------- */
  .product-atmosphere { position: absolute; inset: 0; overflow: hidden; isolation: isolate; background: #0e0c0a; }
  .product-atmosphere::before { content: ""; position: absolute; z-index: 1; inset: 0; background: radial-gradient(circle at 58% 44%, transparent, rgba(5,4,3,.2) 55%, rgba(5,4,3,.75)); }
  .product-atmosphere__field { position: absolute; inset: 0; opacity: .72; }
  .product-atmosphere__geometry { position: absolute; z-index: 2; inset: 0; perspective: 900px; }
  .product-atmosphere > span { position: absolute; z-index: 4; left: 24px; bottom: 21px; color: rgba(242,237,227,.36); font: .75rem/1 var(--font-mono); letter-spacing: .14em; }
  .product-atmosphere--compact > span { left: 14px; bottom: 13px; font-size: .75rem; }
  .product-atmosphere--spectral { background: radial-gradient(circle at 52% 43%,#111a1b,#090a09 54%,#070606); }
  .product-atmosphere--institutional, .product-atmosphere--hospital { background: linear-gradient(155deg,#18120f,#0a0807 64%); }
  .product-atmosphere--monolith { background: radial-gradient(ellipse at 50% 72%,#18131f,#09080b 57%); }
  .product-atmosphere--nocturnal, .product-atmosphere--surveillance { background: linear-gradient(#071016,#090a0b 52%,#0d0907); }
  .product-atmosphere--manager { background: linear-gradient(145deg,#1d1510,#0f0c0a); }
  .product-atmosphere--server { background: radial-gradient(circle at 65% 42%,#101c18,#080a08 62%); }
  .product-atmosphere--daily { background: linear-gradient(150deg,#151014,#0b090a); }
  .product-atmosphere--archive, .product-atmosphere--parcel, .product-atmosphere--lightbreaker, .product-atmosphere--arcade { filter: saturate(.68); }

  .pa-orbit { position: absolute; left: 50%; top: 50%; width: 58%; aspect-ratio: 1; border: 1px solid rgba(155,203,209,.18); border-radius: 50%; transform: translate(-50%,-50%) rotate(23deg) scaleY(.48); animation: pa-orbit 18s linear infinite; }
  .pa-orbit--2 { width: 38%; border-color: rgba(223,188,130,.16); animation-direction: reverse; animation-duration: 13s; }
  .pa-core { position: absolute; left: 50%; top: 50%; width: 9px; height: 9px; border-radius: 50%; background: var(--betra-signal); box-shadow: 0 0 34px rgba(155,203,209,.75); transform: translate(-50%,-50%); }
  .pa-line { position: absolute; left: 15%; right: 15%; top: 50%; height: 1px; background: linear-gradient(90deg,transparent,rgba(155,203,209,.28),transparent); transform: rotate(-16deg); }
  .pa-line--b { transform: rotate(31deg); background: linear-gradient(90deg,transparent,rgba(223,188,130,.2),transparent); }
  @keyframes pa-orbit { to { transform: translate(-50%,-50%) rotate(383deg) scaleY(.48); } }

  .pa-corridor { position: absolute; inset: 16% 17% 8%; border: 1px solid rgba(210,181,145,.15); clip-path: polygon(27% 0,73% 0,100% 100%,0 100%); background: linear-gradient(90deg,rgba(0,0,0,.26),transparent 28% 72%,rgba(0,0,0,.26)); }
  .pa-corridor::before, .pa-corridor::after { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: rgba(214,184,147,.09); }
  .pa-corridor::before { left: 27%; transform: rotate(9deg); transform-origin: top; }.pa-corridor::after { right: 27%; transform: rotate(-9deg); transform-origin: top; }
  .pa-door { position: absolute; left: 43%; top: 23%; width: 14%; height: 46%; border: 1px solid rgba(224,202,168,.21); background: #080705; box-shadow: 0 0 30px rgba(180,109,83,.06); }
  .pa-fluorescent { position: absolute; left: 36%; top: 13%; width: 28%; height: 2px; background: #e4d7b9; box-shadow: 0 0 22px rgba(225,210,176,.5); animation: pa-flicker 9s steps(1) infinite; }
  .pa-route { position: absolute; left: 50%; bottom: 12%; width: 1px; height: 34%; background: linear-gradient(transparent,rgba(175,91,76,.55)); }
  @keyframes pa-flicker { 0%,48%,50%,78%,80%,100%{opacity:1}49%,79%{opacity:.24} }

  .pa-monolith { position: absolute; left: 43%; top: 17%; width: 14%; height: 62%; background: linear-gradient(90deg,#15111b,#292035 48%,#100d15); clip-path: polygon(26% 0,76% 4%,100% 100%,0 100%); box-shadow: 0 32px 80px rgba(81,64,111,.28); }
  .pa-shaft { position: absolute; left: 50%; top: 8%; width: 1px; height: 78%; background: linear-gradient(transparent,rgba(198,185,225,.55),transparent); box-shadow: 0 0 18px rgba(171,159,194,.35); }
  .pa-ring { position: absolute; left: 50%; top: 52%; width: 48%; aspect-ratio: 1; border: 1px solid rgba(171,159,194,.17); border-radius: 50%; transform: translate(-50%,-50%) scaleY(.28); }
  .pa-fragment { position: absolute; left: 27%; top: 31%; width: 8%; height: 16%; border: 1px solid rgba(223,188,130,.12); transform: rotate(16deg); }

  .pa-horizon { position: absolute; left: 0; right: 0; top: 61%; height: 1px; background: linear-gradient(90deg,transparent,rgba(140,171,195,.19),rgba(223,188,130,.17),transparent); }
  .pa-lamp { position: absolute; top: 49%; width: 4px; height: 4px; border-radius: 50%; background: #e2bd82; box-shadow: 0 0 8px #e2bd82, 0 0 42px rgba(226,189,130,.5); }
  .pa-lamp--1 { left: 28%; }.pa-lamp--2 { left: 71%; top: 55%; transform: scale(.7); }
  .pa-scan { position: absolute; left: -10%; top: 12%; width: 35%; height: 92%; background: linear-gradient(90deg,transparent,rgba(151,185,199,.06),transparent); transform: skewX(-18deg); animation: pa-scan 9s ease-in-out infinite; }
  @keyframes pa-scan { 50% { left: 82%; } }

  .pa-grid { position: absolute; inset: 10%; background-image: linear-gradient(rgba(154,180,162,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(154,180,162,.07) 1px,transparent 1px); background-size: 10% 10%; transform: perspective(700px) rotateX(62deg) translateY(16%); }
  .pa-zone { position: absolute; left: 31%; top: 25%; width: 38%; height: 45%; border: 1px solid rgba(157,190,166,.19); box-shadow: inset 0 0 50px rgba(110,157,126,.045); }
  .pa-warning { position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; border: 1px solid rgba(183,112,92,.22); transform: translate(-50%,-50%) rotate(45deg); }

  .pa-monitor { position: absolute; width: 31%; height: 29%; border: 1px solid rgba(142,174,192,.16); background: rgba(7,13,16,.72); box-shadow: 0 18px 48px rgba(0,0,0,.28); }
  .pa-monitor::before { content: ""; position: absolute; inset: 10%; background: repeating-linear-gradient(0deg,rgba(147,184,198,.04) 0 1px,transparent 1px 5px); }
  .pa-monitor--1 { left: 17%; top: 24%; transform: rotate(-4deg); }.pa-monitor--2 { right: 15%; bottom: 22%; transform: rotate(4deg); }

  .pa-track { position: absolute; left: 9%; right: 9%; bottom: 22%; height: 1px; background: rgba(155,203,209,.18); transform: perspective(500px) rotateX(62deg); box-shadow: 0 -28px rgba(155,203,209,.06),0 -56px rgba(155,203,209,.035); }
  .pa-speed { position: absolute; width: 28%; height: 1px; background: linear-gradient(90deg,transparent,rgba(155,203,209,.42)); animation: pa-speed 2.5s ease-in-out infinite; }
  .pa-speed--1 { left: 10%; top: 40%; }.pa-speed--2 { right: 6%; top: 58%; animation-delay: -.8s; }
  .pa-runner { position: absolute; left: 48%; top: 39%; width: 8px; height: 22px; border-left: 2px solid rgba(238,231,218,.7); transform: skew(-9deg); }
  @keyframes pa-speed { 50% { transform: translateX(42%); opacity:.35; } }

  .pa-window { position: absolute; border: 1px solid rgba(155,203,209,.14); border-radius: 7px; background: rgba(12,17,18,.72); box-shadow: 0 18px 44px rgba(0,0,0,.3); }
  .pa-window::before { content: "•••"; position: absolute; left: 8px; top: 3px; color: rgba(155,203,209,.34); font: 7px/1 monospace; letter-spacing: 2px; }
  .pa-window--1 { left: 13%; top: 17%; width: 48%; height: 42%; }.pa-window--2 { right: 12%; bottom: 16%; width: 44%; height: 38%; }.pa-window--3 { left: 26%; bottom: 10%; width: 27%; height: 24%; }
  .pa-dock { position: absolute; left: 27%; right: 27%; bottom: 8%; height: 16px; border: 1px solid rgba(155,203,209,.12); border-radius: 8px; background: rgba(255,255,255,.025); }

  .pa-ticket { position: absolute; width: 34%; height: 36%; border: 1px solid rgba(223,164,111,.18); border-radius: 12px; background: rgba(52,29,18,.38); }
  .pa-ticket::before { content:""; position:absolute; inset:16%; border-top: 1px solid rgba(223,188,130,.14); border-bottom: 1px solid rgba(223,188,130,.1); }
  .pa-ticket--1 { left: 16%; top: 22%; transform: rotate(-5deg); }.pa-ticket--2 { right: 15%; bottom: 18%; transform: rotate(5deg); }
  .pa-counter { position: absolute; left: 42%; top: 43%; color: rgba(223,188,130,.42); font: 600 2.2rem/1 var(--font-mono); }
  .pa-counter::before { content:"12"; }

  .pa-path { position: absolute; left: 45%; top: 9%; width: 11%; height: 89%; border-left: 1px solid rgba(223,188,130,.21); border-right: 1px solid rgba(223,188,130,.09); clip-path: polygon(36% 0,62% 0,100% 100%,0 100%); background: linear-gradient(rgba(223,188,130,.035),transparent); }
  .pa-destination { position: absolute; left: 50%; top: 12%; width: 6px; height: 6px; border-radius: 50%; background: var(--betra-ember); box-shadow: 0 0 24px rgba(223,188,130,.64); transform: translateX(-50%); }

  .pa-portal { position: absolute; top: 28%; width: 28%; aspect-ratio: 1; border: 1px solid rgba(171,159,194,.2); border-radius: 50%; box-shadow: inset 0 0 38px rgba(171,159,194,.04),0 0 34px rgba(171,159,194,.04); }
  .pa-portal--1 { left: 16%; }.pa-portal--2 { right: 14%; top: 38%; transform: scale(.62); }
  .pa-terrain { position: absolute; left: 7%; right: 7%; bottom: 12%; height: 34%; border-top: 1px solid rgba(143,185,154,.13); clip-path: polygon(0 88%,12% 52%,24% 72%,39% 24%,54% 69%,72% 43%,100% 86%,100% 100%,0 100%); background: rgba(88,115,91,.08); }

  .pa-cross, .pa-light-cross { position: absolute; left: 50%; top: 48%; width: 70px; height: 14px; background: rgba(210,188,160,.08); transform: translate(-50%,-50%); }
  .pa-cross::after, .pa-light-cross::after { content:""; position:absolute; left:28px; top:-28px; width:14px; height:70px; background:inherit; }
  .pa-screen { position:absolute; left:16%; right:16%; top:18%; bottom:20%; border:1px solid rgba(202,156,120,.17); border-radius:14px; background:rgba(15,10,8,.46); }
  .pa-play { position:absolute; left:50%; top:48%; width:0; height:0; border-top:17px solid transparent; border-bottom:17px solid transparent; border-left:26px solid rgba(223,188,130,.47); transform:translate(-40%,-50%); }
  .pa-timeline { position:absolute; left:20%; right:20%; bottom:13%; height:2px; background:linear-gradient(90deg,rgba(223,188,130,.3) 42%,rgba(255,255,255,.05) 42%); }
  .pa-server { position:absolute; left:22%; right:22%; height:24%; border:1px solid rgba(143,185,154,.17); border-radius:8px; background:rgba(9,19,14,.52); }
  .pa-server::before { content:"••  ▬▬▬"; position:absolute; left:12px; top:50%; color:rgba(143,185,154,.43); font:8px/1 monospace; transform:translateY(-50%); letter-spacing:4px; }
  .pa-server--1 { top:20%; }.pa-server--2 { top:51%; }
  .pa-network { position:absolute; left:50%; top:15%; bottom:12%; width:1px; background:linear-gradient(transparent,rgba(143,185,154,.2),transparent); }
  .pa-phone { position:absolute; left:40%; top:12%; width:20%; height:72%; border:1px solid rgba(205,159,125,.18); border-radius:18px; background:rgba(25,15,18,.5); }
  .pa-message { position:absolute; left:44%; top:31%; width:28%; height:14%; border:1px solid rgba(205,159,125,.16); border-radius:11px 11px 11px 3px; background:rgba(205,159,125,.05); }
  .pa-day { position:absolute; left:46%; bottom:21%; width:8%; height:2px; background:rgba(205,159,125,.25); }
  .pa-box { position:absolute; left:38%; top:28%; width:24%; height:34%; border:1px solid rgba(185,151,111,.18); transform:rotate(-4deg); }
  .pa-conveyor { position:absolute; left:12%; right:12%; bottom:20%; height:12px; border-top:1px solid rgba(185,151,111,.14); border-bottom:1px solid rgba(185,151,111,.09); }
  .pa-prism { position:absolute; left:50%; top:50%; width:130px; height:1px; background:linear-gradient(90deg,transparent,#e4d4b7,transparent); transform:translate(-50%,-50%) rotate(-20deg); box-shadow:0 0 20px rgba(228,212,183,.25); }
  .pa-arcade { position:absolute; left:28%; right:28%; top:22%; bottom:24%; border:1px solid rgba(154,142,127,.17); clip-path:polygon(15% 0,85% 0,100% 100%,0 100%); }
  .pa-pixel { position:absolute; width:8px; height:8px; background:rgba(223,188,130,.3); }.pa-pixel--1{left:32%;top:31%}.pa-pixel--2{right:31%;top:42%}
  .pa-stack { position:absolute; left:28%; right:28%; height:34%; border:1px solid rgba(154,142,127,.14); background:rgba(255,255,255,.012); }.pa-stack--1{top:22%;transform:rotate(-3deg)}.pa-stack--2{top:32%;transform:rotate(4deg)}
  .pa-stamp { position:absolute; right:22%; bottom:18%; width:52px; height:24px; border:1px solid rgba(154,142,127,.21); transform:rotate(-11deg); }

  /* Now / state / journal ---------------------------------------------- */
  .betra-now { background: linear-gradient(180deg,transparent,rgba(255,255,255,.011),transparent); }
  .betra-now__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid var(--betra-border); }
  .betra-now-card { min-height: 290px; padding: 27px 24px; border-right: 1px solid var(--betra-border); transition: background .28s ease; }
  .betra-now-card:last-child { border-right: 0; }
  .betra-now-card:hover { background: linear-gradient(145deg,rgba(223,188,130,.045),transparent 64%); }
  .betra-now-card > span { color: var(--text-faint); font: .75rem/1 var(--font-mono); letter-spacing: .11em; text-transform: uppercase; }
  .betra-now-card h3 { margin-top: 58px; font-size: clamp(1.5rem,2.3vw,2.5rem); }
  .betra-now-card p { margin-top: 16px; font-size: .875rem; line-height: 1.65; }
  .betra-now-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; color: var(--betra-ember); font-size: .8125rem; }

  .betra-state-overview { padding-top: 80px; }
  .betra-state-overview__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--betra-border); border-radius: 30px; overflow: hidden; background: rgba(255,255,255,.008); }
  .betra-state-overview__grid article { min-height: 330px; padding: 31px; border-right: 1px solid var(--betra-border); }
  .betra-state-overview__grid article:last-child { border-right: 0; }
  .betra-state-overview__grid article > span { color: var(--text-faint); font: .75rem/1 var(--font-mono); letter-spacing: .14em; }
  .betra-state-overview__grid article > strong { display: block; margin-top: 52px; font-size: clamp(4rem,7vw,7rem); font-weight: 430; line-height: .8; }
  .betra-state-overview__grid article > p { margin-top: 21px; font-size: .875rem; }
  .betra-state-overview__grid article > div { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 25px; }
  .betra-state-overview__grid i { padding: 6px 8px; border: 1px solid var(--betra-border); border-radius: 999px; color: var(--text-faint); font: .75rem/1 var(--font-mono); font-style: normal; }

  /* Product constellation ------------------------------------------------ */
  .betra-constellation { min-height: 900px; overflow: hidden; }
  .betra-constellation__field { position: absolute; inset: 0; opacity: .74; }
  .constellation-stage { position: relative; min-height: 700px; display: grid; place-items: center; border: 1px solid var(--betra-border); border-radius: 44px; background: radial-gradient(circle at 50% 50%,rgba(223,188,130,.028),transparent 52%),rgba(255,255,255,.007); box-shadow: var(--betra-shadow); }
  .constellation-stage__rings { position: absolute; inset: 8%; border: 1px solid rgba(223,188,130,.08); border-radius: 50%; transform: scaleY(.62); }
  .constellation-stage__rings::before, .constellation-stage__rings::after { content:""; position:absolute; inset:14%; border:1px solid rgba(155,203,209,.06); border-radius:50%; }.constellation-stage__rings::after{inset:30%;border-color:rgba(171,159,194,.08)}
  .constellation-stage__nodes { position: absolute; inset: 0; }
  .constellation-node { position: absolute; left: var(--node-x); top: var(--node-y); display: grid; place-items: center; gap: 7px; width: 92px; min-height: 78px; transform: translate(-50%,-50%); color: var(--text-muted); transition: transform .36s var(--ease-spring), color .2s ease, opacity .2s ease; }
  .constellation-node::before { content:""; position:absolute; inset:12px; border:1px solid transparent; border-radius:50%; transition:border-color .25s ease,background .25s ease; }
  .constellation-node > i { position:absolute; left:50%; top:50%; width:5px; height:5px; border-radius:50%; background:var(--betra-ember); box-shadow:0 0 18px rgba(223,188,130,.45); transform:translate(-50%,-50%); opacity:.25; }
  .constellation-node .product-mark { position:relative; z-index:1; }
  .constellation-node > span { position:relative; z-index:1; max-width:90px; font-size:.75rem; line-height:1.2; text-align:center; }
  .constellation-node:hover, .constellation-node.is-active { transform:translate(-50%,-50%) scale(1.09); color:var(--text); }
  .constellation-node:hover::before, .constellation-node.is-active::before { border-color:var(--betra-border); background:rgba(255,255,255,.02); }
  .constellation-node--flagship { width: 116px; }
  .constellation-node--historical { opacity: .48; }
  .constellation-preview { position:absolute; z-index:5; left:50%; top:50%; width:min(390px,42%); padding:24px; border:1px solid var(--betra-border-strong); border-radius:24px; background:rgba(13,11,9,.88); backdrop-filter:blur(22px); box-shadow:0 30px 100px rgba(0,0,0,.42); transform:translate(-50%,-50%); }
  .constellation-preview header { display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:12px; align-items:center; }
  .constellation-preview header small, .constellation-preview header strong { display:block; }
  .constellation-preview header small { color:var(--text-faint); font-size:.75rem; }.constellation-preview header strong{margin-top:4px;font-size:.82rem}
  .constellation-preview > p { margin-top:20px; font-size:.875rem; line-height:1.65; }
  .constellation-preview footer { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:22px; padding-top:17px; border-top:1px solid var(--betra-border); }
  .constellation-preview footer a { display:inline-flex; align-items:center; gap:7px; color:var(--betra-ember); font-size:.8125rem; }
  .constellation-controls { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:18px; }
  .constellation-controls button, .timeline-filters button, .devlog-filter button, .labs-index__filters button { min-height:35px; padding:0 12px; border:1px solid var(--betra-border); border-radius:999px; color:var(--text-muted); font-size:.8125rem; transition:.2s ease; }
  .constellation-controls button:hover, .constellation-controls button.is-active, .timeline-filters button:hover, .timeline-filters button.is-active, .devlog-filter button:hover, .devlog-filter button.is-active, .labs-index__filters button:hover, .labs-index__filters button.is-active { color:var(--text); border-color:rgba(223,188,130,.25); background:rgba(223,188,130,.045); }
  .constellation-mobile { display:none; }
  .constellation-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:22px; color:var(--text-faint); font-size:.75rem; }

  /* Featured Astrid bridge --------------------------------------------- */
  .betra-featured-astrid { overflow:hidden; padding-block:clamp(130px,16vw,240px); background:linear-gradient(180deg,transparent,rgba(92,142,153,.025) 36%,rgba(105,92,132,.03) 70%,transparent); }
  .betra-featured-astrid__field { position:absolute; inset:0; opacity:.92; }
  .betra-featured-astrid__inner { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr); gap:clamp(50px,8vw,140px); align-items:center; }
  .betra-featured-astrid__copy h2 { max-width:740px; margin-top:20px; font-size:clamp(4rem,8.5vw,10rem); }
  .betra-featured-astrid__lead { margin-top:28px; color:var(--text); font-size:clamp(1.1rem,1.8vw,1.5rem); }
  .betra-featured-astrid__copy > p:not(.eyebrow):not(.betra-featured-astrid__lead) { max-width:590px; margin-top:18px; line-height:1.75; }
  .betra-featured-astrid__copy .button-row { margin-top:34px; }
  .betra-featured-astrid__visual { position:relative; min-height:650px; border:1px solid rgba(155,203,209,.12); border-radius:48px; overflow:hidden; background:radial-gradient(circle at 50% 44%,rgba(155,203,209,.07),transparent 46%),#090a0a; box-shadow:0 42px 130px rgba(0,0,0,.48); }
  .betra-featured-astrid__visual .product-atmosphere { inset:0; }

  /* Homepage division / archive / journal ------------------------------ */
  .betra-divisions__list { border-top:1px solid var(--betra-border); }
  .betra-division-row { display:grid; grid-template-columns:70px minmax(180px,.45fr) minmax(0,1fr) auto; gap:30px; align-items:center; min-height:155px; border-bottom:1px solid var(--betra-border); transition:padding .3s var(--ease-out),background .25s ease; }
  .betra-division-row:hover { padding-inline:18px; background:linear-gradient(90deg,rgba(223,188,130,.035),transparent 68%); }
  .betra-division-row > span { color:var(--text-faint); font:.75rem/1 var(--font-mono); }
  .betra-division-row h3 { font-size:clamp(1.8rem,3.2vw,3.8rem); }
  .betra-division-row p { max-width:650px; font-size:.875rem; line-height:1.7; }
  .betra-division-row > svg { color:var(--betra-ember); }

  .betra-home-archive { background:linear-gradient(180deg,rgba(255,255,255,.008),transparent); }
  .betra-home-archive__inner { display:grid; grid-template-columns:minmax(0,.7fr) minmax(420px,1.3fr); gap:clamp(60px,9vw,150px); align-items:center; }
  .betra-home-archive__inner h2 { margin-top:18px; font-size:clamp(3.3rem,7vw,7.8rem); }
  .betra-home-archive__inner > div:first-child > p:not(.eyebrow) { max-width:560px; margin-top:22px; line-height:1.75; }
  .betra-home-archive__inner .button { margin-top:32px; }
  .betra-home-archive__stack { display:grid; transform:rotate(-2deg); }
  .betra-home-archive__stack > * { grid-area:1/1; }
  .betra-home-archive__stack article:nth-child(2){transform:translate(24px,24px) rotate(3deg)}
  .betra-home-archive__stack article:nth-child(3){transform:translate(48px,48px) rotate(6deg)}
  .betra-home-archive__stack article:hover{z-index:3;transform:translate(0,-8px) rotate(0)}

  .betra-home-journal__grid { display:grid; grid-template-columns:1.25fr .75fr; gap:1px; border:1px solid var(--betra-border); border-radius:30px; overflow:hidden; background:var(--betra-border); }
  .betra-home-journal__grid article { min-height:360px; padding:clamp(28px,4vw,58px); background:var(--betra-graphite); }
  .betra-home-journal__grid article:first-child { grid-row:span 2; min-height:720px; display:flex; flex-direction:column; justify-content:flex-end; background:radial-gradient(circle at 78% 15%,rgba(155,203,209,.07),transparent 37%),var(--betra-graphite); }
  .betra-home-journal__grid span { color:var(--text-faint); font:.75rem/1 var(--font-mono); text-transform:uppercase; letter-spacing:.12em; }
  .betra-home-journal__grid h3 { margin-top:24px; font-size:clamp(2rem,4.1vw,5rem); }
  .betra-home-journal__grid article:not(:first-child) h3 { font-size:clamp(1.5rem,2.6vw,2.8rem); }
  .betra-home-journal__grid p { max-width:650px; margin-top:19px; font-size:.875rem; line-height:1.7; }
  .betra-home-journal__grid a { display:inline-flex; align-items:center; gap:8px; margin-top:26px; color:var(--betra-ember); font-size:.8125rem; }

  /* Catalog -------------------------------------------------------------- */
  .betra-catalog-hero, .division-hero, .newsroom-hero, .research-journal-hero, .careers-betra-hero, .betra-status-hero, .devlog-hero, .timeline-hero, .graph-hero, .media-hero {
    position:relative; min-height:clamp(600px,78vh,850px); display:grid; align-items:end; overflow:hidden; padding:150px 0 clamp(75px,9vw,125px);
    border-bottom:1px solid var(--betra-border);
  }
  .betra-status-hero { min-height:clamp(470px,58vh,640px); padding-bottom:clamp(54px,6vw,82px); }
  .betra-status-hero h1 { max-width:960px; font-size:clamp(3.7rem,7vw,7.4rem); }
  .betra-catalog-hero__field, .division-hero__field, .newsroom-hero__field, .research-journal-hero__field, .careers-betra-hero__field, .betra-status-hero__field, .devlog-hero__field, .timeline-hero__field, .graph-hero__field, .media-hero__field { position:absolute; inset:0; opacity:.78; }
  .betra-catalog-hero::after, .division-hero::after, .newsroom-hero::after, .research-journal-hero::after, .careers-betra-hero::after, .betra-status-hero::after, .devlog-hero::after, .timeline-hero::after, .graph-hero::after, .media-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 26%,rgba(9,8,6,.22) 55%,var(--betra-bg)); pointer-events:none; }
  .betra-catalog-hero .container, .division-hero .container, .newsroom-hero .container, .research-journal-hero .container, .careers-betra-hero .container, .betra-status-hero .container, .devlog-hero .container, .timeline-hero .container, .graph-hero .container, .media-hero .container { position:relative; z-index:2; }
  .betra-catalog-hero h1, .division-hero h1, .newsroom-hero h1, .research-journal-hero h1, .careers-betra-hero h1, .betra-status-hero h1, .devlog-hero h1, .timeline-hero h1, .graph-hero h1, .media-hero h1 { max-width:1120px; margin-top:20px; font-size:clamp(4rem,9vw,10rem); }
  .betra-catalog-hero .container > p:last-child, .division-hero .container > p:last-child, .newsroom-hero .container > p:last-child, .research-journal-hero .container > p:last-child, .careers-betra-hero .container > p:last-child, .betra-status-hero .container > p:last-child, .devlog-hero .container > p:last-child, .timeline-hero .container > p:last-child, .graph-hero .container > p:last-child, .media-hero .container > p:last-child { max-width:760px; margin-top:24px; font-size:clamp(1rem,1.5vw,1.25rem); line-height:1.65; }
  .betra-catalog-summary { display:flex; flex-wrap:wrap; gap:8px; margin-top:34px; }
  .betra-catalog-summary span { padding:8px 11px; border:1px solid var(--betra-border); border-radius:999px; color:var(--text-muted); font:.75rem/1 var(--font-mono); }

  .betra-catalog { padding-top:78px; }
  .betra-catalog__toolbar { position:sticky; z-index:20; top:92px; display:grid; grid-template-columns:minmax(250px,1fr) auto auto; gap:12px; align-items:center; padding:12px; border:1px solid var(--betra-border); border-radius:19px; background:rgba(13,11,9,.82); backdrop-filter:blur(20px); box-shadow:0 18px 50px rgba(0,0,0,.25); }
  .betra-catalog__toolbar label { display:flex; align-items:center; gap:10px; min-height:42px; padding:0 13px; border:1px solid var(--betra-border); border-radius:12px; background:rgba(255,255,255,.018); }
  .betra-catalog__toolbar input { width:100%; font-size:.8125rem; }
  .betra-catalog__toolbar select { min-height:42px; padding:0 34px 0 12px; border:1px solid var(--betra-border); border-radius:12px; background:#15120f; color:var(--text-soft); font-size:.8125rem; }
  .betra-catalog__count { color:var(--text-faint); font:.75rem/1 var(--font-mono); white-space:nowrap; }
  .betra-catalog__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:34px; }
  .betra-catalog__empty { padding:70px 20px; text-align:center; border:1px dashed var(--betra-border); border-radius:22px; color:var(--text-muted); }

  .betra-product-card { position:relative; min-height:390px; display:flex; flex-direction:column; overflow:hidden; padding:21px; border:1px solid var(--betra-border); border-radius:25px; background:linear-gradient(145deg,rgba(255,255,255,.024),rgba(255,255,255,.006)); box-shadow:0 18px 55px rgba(0,0,0,.12); transition:transform .42s var(--ease-spring),border-color .25s ease,background .25s ease; }
  .betra-product-card:hover, .betra-product-card:focus-within { transform:translateY(-6px); border-color:rgba(223,188,130,.21); background:linear-gradient(145deg,rgba(223,188,130,.04),rgba(255,255,255,.008)); }
  .betra-product-card__light { position:absolute; width:220px; height:220px; left:var(--card-x,60%); top:var(--card-y,30%); border-radius:50%; background:radial-gradient(circle,rgba(223,188,130,.09),transparent 68%); transform:translate(-50%,-50%); pointer-events:none; opacity:0; transition:opacity .25s ease; }
  .betra-product-card:hover .betra-product-card__light { opacity:1; }
  .betra-product-card > header { position:relative; z-index:1; display:flex; align-items:center; gap:9px; min-height:27px; color:var(--text-faint); font:.75rem/1 var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
  .betra-product-card > header .project-status { margin-left:auto; }
  .betra-product-card__index { color:var(--betra-ember); }
  .betra-product-card__mark { position:relative; z-index:1; margin-top:45px; }
  .betra-product-card__body { position:relative; z-index:1; margin-top:28px; }
  .betra-product-card__body h3 { font-size:clamp(1.8rem,2.8vw,3rem); }
  .betra-product-card__body p { max-width:480px; margin-top:15px; font-size:.875rem; line-height:1.65; }
  .betra-product-card > footer { position:relative; z-index:1; display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-top:auto; padding-top:28px; }
  .betra-product-card > footer > span { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
  .betra-product-card > footer small { color:var(--text-faint); font-size:.75rem; }
  .betra-product-card__link { display:grid; place-items:center; width:39px; height:39px; border:1px solid var(--betra-border); border-radius:50%; color:var(--text-muted); transition:.25s ease; }
  .betra-product-card__link:hover { color:var(--betra-paper); border-color:rgba(223,188,130,.26); background:rgba(223,188,130,.05); transform:translateX(3px); }
  .betra-product-card--flagship { min-height:450px; grid-column:span 1; }
  .betra-product-card--historical { opacity:.73; filter:saturate(.72); }
  .betra-product-card--compact { min-height:285px; padding:17px; }
  .betra-product-card--compact .betra-product-card__mark { margin-top:30px; }
  .betra-product-card--compact .betra-product-card__body h3 { font-size:1.55rem; }

  /* Product hero / related --------------------------------------------- */
  .product-hero { position:relative; min-height:max(760px,94svh); display:grid; align-items:center; overflow:hidden; padding:130px 0 70px; border-bottom:1px solid var(--betra-border); }
  .product-hero__field { position:absolute; inset:0; opacity:.78; }
  .product-hero__inner { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,.84fr) minmax(420px,1.16fr); gap:clamp(50px,8vw,130px); align-items:center; }
  .product-hero__meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
  .product-hero h1 { max-width:850px; margin-top:30px; font-size:clamp(4.8rem,9.5vw,11rem); }
  .product-hero__tagline { margin-top:22px; color:var(--text); font-size:clamp(1.2rem,2vw,1.65rem); }
  .product-hero__inner > div:first-child > p:not(.product-hero__tagline) { max-width:610px; margin-top:20px; font-size:.94rem; line-height:1.72; }
  .product-hero .button-row { margin-top:34px; }
  .product-hero__visual { position:relative; min-height:640px; overflow:hidden; border:1px solid var(--betra-border); border-radius:48px; background:var(--betra-graphite); box-shadow:var(--betra-shadow); }
  .product-hero__mark { position:absolute; z-index:4; left:50%; top:50%; display:flex; flex-direction:column; align-items:center; gap:17px; transform:translate(-50%,-50%); }
  .product-hero__mark > span { color:rgba(242,237,227,.42); font:.75rem/1 var(--font-mono); letter-spacing:.14em; text-align:center; white-space:nowrap; }
  .product-subnav { position:sticky; z-index:30; top:92px; display:flex; justify-content:center; gap:3px; width:max-content; max-width:calc(100% - 32px); margin:-24px auto 0; padding:5px; border:1px solid var(--betra-border); border-radius:999px; background:rgba(13,11,9,.86); backdrop-filter:blur(20px); box-shadow:0 17px 45px rgba(0,0,0,.25); }
  .product-subnav a { min-height:38px; display:inline-flex; align-items:center; padding:0 14px; border-radius:999px; color:var(--text-muted); font-size:.8125rem; }
  .product-subnav a:hover, .product-subnav a.is-active { color:var(--text); background:rgba(255,255,255,.04); }
  .betra-related { border-top:1px solid var(--betra-border); background:linear-gradient(180deg,rgba(255,255,255,.007),transparent); }
  .betra-related__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }

  /* Astrid product gateway --------------------------------------------- */
  .product-hero--spectral { background:radial-gradient(circle at 75% 28%,rgba(155,203,209,.055),transparent 34%),var(--betra-bg); }
  .astrid-product-modes__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--betra-border); border-radius:30px; overflow:hidden; }
  .astrid-product-modes__grid article { min-height:320px; padding:28px; border-right:1px solid var(--betra-border); background:linear-gradient(160deg,rgba(155,203,209,.018),transparent); }
  .astrid-product-modes__grid article:last-child { border-right:0; background:linear-gradient(155deg,rgba(223,188,130,.045),rgba(155,203,209,.02)); }
  .astrid-product-modes__grid span { color:var(--text-faint); font:.75rem/1 var(--font-mono); }
  .astrid-product-modes__grid h3 { margin-top:52px; font-size:clamp(1.5rem,2.4vw,2.5rem); }
  .astrid-product-modes__grid p { margin-top:15px; font-size:.875rem; line-height:1.65; }
  .astrid-product-ecosystem__links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }
  .astrid-product-ecosystem__links a { display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:14px; align-items:center; min-height:105px; padding:18px; border:1px solid var(--betra-border); border-radius:20px; transition:.25s ease; }
  .astrid-product-ecosystem__links a:hover { border-color:rgba(155,203,209,.22); background:rgba(155,203,209,.025); transform:translateY(-3px); }
  .astrid-product-ecosystem__links strong,.astrid-product-ecosystem__links small{display:block}.astrid-product-ecosystem__links small{margin-top:4px;color:var(--text-faint);font-size:.75rem}

  /* The Bunter ---------------------------------------------------------- */
  .page--product-bunter { --bunter-accent:#b9806e; background:linear-gradient(180deg,#0a0807,#090706); }
  .product-hero--bunter { background:radial-gradient(circle at 78% 22%,rgba(139,93,72,.09),transparent 34%),#090706; }
  .bunter-flicker { position:absolute; z-index:3; left:53%; top:16%; width:30%; height:2px; background:rgba(224,210,178,.72); box-shadow:0 0 32px rgba(224,210,178,.35); animation:pa-flicker 11s steps(1) infinite; pointer-events:none; }
  .bunter-overview__story { display:grid; grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr); gap:clamp(60px,9vw,150px); align-items:start; }
  .bunter-overview__story h2 { margin-top:17px; }
  .bunter-overview__story > div:first-child > p:not(.eyebrow) { max-width:620px; margin-top:23px; line-height:1.8; }
  .bunter-overview__metrics { display:grid; grid-template-columns:1fr 1fr; border:1px solid rgba(185,128,110,.12); border-radius:28px; overflow:hidden; }
  .bunter-overview__metrics div { min-height:190px; padding:25px; border-right:1px solid var(--betra-border); border-bottom:1px solid var(--betra-border); }
  .bunter-overview__metrics div:nth-child(2n){border-right:0}.bunter-overview__metrics div:nth-last-child(-n+2){border-bottom:0}
  .bunter-overview__metrics small { color:var(--text-faint); font:.75rem/1 var(--font-mono); }.bunter-overview__metrics strong{display:block;margin-top:55px;font-size:2rem;font-weight:470}.bunter-overview__metrics span{display:block;margin-top:8px;color:var(--text-muted);font-size:.75rem}
  .school-map { position:relative; min-height:620px; overflow:hidden; border:1px solid rgba(185,128,110,.13); border-radius:38px; background:linear-gradient(145deg,#15100d,#090706); box-shadow:var(--betra-shadow); }
  .school-map__grid { position:absolute; inset:9%; display:grid; grid-template-columns:repeat(5,1fr); grid-template-rows:repeat(4,1fr); gap:8px; transform:perspective(1000px) rotateX(55deg) rotateZ(-4deg); }
  .school-map__grid button { position:relative; border:1px solid rgba(221,195,160,.1); background:rgba(255,255,255,.012); color:transparent; transition:background .3s ease,border-color .3s ease,opacity .3s ease; }
  .school-map__grid button:hover,.school-map__grid button.is-active { background:rgba(183,116,94,.09); border-color:rgba(211,151,126,.27); }
  .school-map__grid button:nth-child(2),.school-map__grid button:nth-child(7){grid-column:span 2}.school-map__grid button:nth-child(4){grid-row:span 2}.school-map__grid button:nth-child(9){grid-column:span 2;grid-row:span 2}
  .school-map__threat { position:absolute; left:16%; top:26%; width:7px; height:7px; border-radius:50%; background:#a76054; box-shadow:0 0 28px rgba(167,96,84,.7); transition:transform 1s var(--ease-out); }
  .school-map__threat::after { content:"THREAT SIGNAL"; position:absolute; left:15px; top:-3px; width:max-content; color:rgba(205,151,130,.52); font:.75rem/1 var(--font-mono); }
  .bunter-objective-line { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:22px; }.bunter-objective-line span{padding:9px 12px;border:1px solid rgba(185,128,110,.13);border-radius:999px;color:var(--text-muted);font:.75rem/1 var(--font-mono)}
  .entity-archive__grid { display:grid; gap:1px; background:var(--betra-border); border:1px solid var(--betra-border); border-radius:30px; overflow:hidden; }
  .entity-record { display:grid; grid-template-columns:130px minmax(0,1fr) minmax(240px,.55fr); gap:30px; align-items:center; min-height:210px; padding:28px; background:#0e0b09; }
  .entity-record__silhouette { position:relative; width:92px; height:130px; margin:auto; opacity:.72; }.entity-record__silhouette::before{content:"";position:absolute;left:36%;top:4%;width:28%;height:21%;border-radius:50%;background:#050403}.entity-record__silhouette::after{content:"";position:absolute;left:27%;top:23%;width:46%;height:70%;border-radius:45% 45% 24% 24%;background:linear-gradient(#050403,#090706)}
  .entity-record > div:nth-child(2) > span { color:rgba(185,128,110,.55); font:.75rem/1 var(--font-mono); }.entity-record h3{margin-top:13px;font-size:clamp(2rem,4vw,4.4rem)}.entity-record p{margin-top:12px;font-size:.875rem;line-height:1.65}.entity-record dl{display:grid;gap:12px}.entity-record dl div{display:flex;justify-content:space-between;gap:18px;padding-bottom:10px;border-bottom:1px solid var(--betra-border)}.entity-record dt{color:var(--text-faint);font:.75rem/1 var(--font-mono);text-transform:uppercase}.entity-record dd{margin:0;color:var(--text-soft);font-size:.875rem;text-align:right}
  .bunter-chapters__grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; }.bunter-chapters__grid article{min-height:380px;padding:34px;border:1px solid rgba(185,128,110,.13);border-radius:29px;background:radial-gradient(circle at 85% 10%,rgba(185,128,110,.07),transparent 38%),rgba(255,255,255,.008)}.bunter-chapters__grid span{color:var(--text-faint);font:.75rem/1 var(--font-mono)}.bunter-chapters__grid h3{margin-top:90px;font-size:clamp(2.2rem,4vw,4.8rem)}.bunter-chapters__grid p{margin-top:17px;max-width:580px;font-size:.875rem;line-height:1.7}
  .bunter-development__timeline { border-top:1px solid rgba(185,128,110,.13); }.bunter-development__timeline article{display:grid;grid-template-columns:80px minmax(180px,.5fr) minmax(0,1fr);gap:28px;padding:30px 0;border-bottom:1px solid rgba(185,128,110,.1)}.bunter-development__timeline span{color:var(--text-faint);font:.75rem/1 var(--font-mono)}.bunter-development__timeline strong{font-size:1rem}.bunter-development__timeline p{font-size:.875rem;line-height:1.65}
  .product-updates__list { display:grid; gap:1px; border:1px solid var(--betra-border); border-radius:28px; overflow:hidden; background:var(--betra-border); }.product-updates__list article{display:grid;grid-template-columns:110px minmax(200px,.6fr) minmax(0,1fr);gap:26px;padding:26px;background:var(--betra-graphite)}.product-updates__list span{color:var(--text-faint);font:.75rem/1 var(--font-mono)}.product-updates__list h3{font-size:1.2rem}.product-updates__list p{font-size:.875rem;line-height:1.65}

  /* Moonshaft / Nightwatcher ------------------------------------------- */
  .product-hero--moonshaft { background:radial-gradient(circle at 71% 33%,rgba(128,105,165,.09),transparent 36%),#08070a; }
  .moonshaft-transmission { overflow:hidden; }.moonshaft-transmission .container{display:grid;grid-template-columns:minmax(0,.7fr) minmax(440px,1.3fr);gap:clamp(60px,10vw,160px);align-items:center}.moonshaft-transmission h2{margin-top:17px}.moonshaft-transmission p:not(.eyebrow){max-width:580px;margin-top:23px;line-height:1.78}.moonshaft-transmission__visual{position:relative;min-height:660px;border:1px solid rgba(171,159,194,.13);border-radius:50%;background:radial-gradient(circle,rgba(171,159,194,.06),transparent 48%);transform:scaleY(.82)}.moonshaft-transmission__visual::before,.moonshaft-transmission__visual::after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(171,159,194,.13);border-radius:50%;transform:translate(-50%,-50%)}.moonshaft-transmission__visual::before{width:64%;height:64%}.moonshaft-transmission__visual::after{width:35%;height:35%;border-color:rgba(223,188,130,.14)}
  .moonshaft-signals__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--betra-border); border:1px solid var(--betra-border); border-radius:30px; overflow:hidden; }.moonshaft-signals__grid article{min-height:300px;padding:29px;background:#0d0b10}.moonshaft-signals__grid span{color:var(--text-faint);font:.75rem/1 var(--font-mono)}.moonshaft-signals__grid h3{margin-top:80px;font-size:2rem}.moonshaft-signals__grid p{margin-top:15px;font-size:.875rem;line-height:1.65}

  .product-hero--nightwatcher { background:radial-gradient(circle at 77% 62%,rgba(223,188,130,.07),transparent 26%),linear-gradient(#071017,#090808 66%); }
  .nightwatcher-sweep { position:absolute; z-index:1; inset:0; background:linear-gradient(105deg,transparent 35%,rgba(157,190,203,.04) 48%,transparent 62%); animation:night-sweep 11s ease-in-out infinite; pointer-events:none; }@keyframes night-sweep{50%{transform:translateX(30%)}}
  .nightwatcher-observation__stage { position:relative; min-height:720px; overflow:hidden; border-top:1px solid rgba(146,169,189,.11); border-bottom:1px solid rgba(146,169,189,.11); background:linear-gradient(#070d11,#0a0908 72%); }
  .nightwatcher-observation__lights { position:absolute; inset:0; }.nightwatcher-observation__lights i{position:absolute;width:5px;height:5px;border-radius:50%;background:#e0bc82;box-shadow:0 0 9px #e0bc82,0 0 60px rgba(224,188,130,.38)}.nightwatcher-observation__lights i:nth-child(1){left:18%;top:58%}.nightwatcher-observation__lights i:nth-child(2){left:61%;top:41%;transform:scale(.68)}.nightwatcher-observation__lights i:nth-child(3){right:13%;top:67%;transform:scale(.45)}
  .nightwatcher-observation__reticle { position:absolute; left:50%; top:50%; width:min(42vw,500px); aspect-ratio:1; border:1px solid rgba(146,169,189,.1); border-radius:50%; transform:translate(-50%,-50%); }.nightwatcher-observation__reticle::before,.nightwatcher-observation__reticle::after{content:"";position:absolute;left:50%;top:50%;background:rgba(146,169,189,.11);transform:translate(-50%,-50%)}.nightwatcher-observation__reticle::before{width:120%;height:1px}.nightwatcher-observation__reticle::after{width:1px;height:120%}
  .nightwatcher-observation__copy { position:absolute; z-index:2; left:max(32px,calc((100% - var(--container))/2)); bottom:70px; max-width:610px; }.nightwatcher-observation__copy h2{margin-top:16px;font-size:clamp(3.6rem,7vw,8.4rem)}.nightwatcher-observation__copy p:not(.eyebrow){margin-top:20px;line-height:1.75}
  .nightwatcher-principles__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid rgba(146,169,189,.1); }.nightwatcher-principles__grid article{min-height:280px;padding:27px;border-right:1px solid rgba(146,169,189,.1)}.nightwatcher-principles__grid article:last-child{border-right:0}.nightwatcher-principles__grid span{color:var(--text-faint);font:.75rem/1 var(--font-mono)}.nightwatcher-principles__grid h3{margin-top:70px;font-size:1.7rem}.nightwatcher-principles__grid p{margin-top:14px;font-size:.875rem;line-height:1.65}

  /* Division pages ------------------------------------------------------ */
  .division-hero--interactive { background:radial-gradient(circle at 74% 38%,rgba(154,101,79,.07),transparent 34%),#090706; }
  .division-hero--intelligence { background:radial-gradient(circle at 72% 38%,rgba(155,203,209,.06),transparent 34%),#080909; }
  .division-hero--software { background:radial-gradient(circle at 72% 38%,rgba(202,151,111,.07),transparent 34%),#0a0807; }
  .division-hero--labs { background:radial-gradient(circle at 70% 36%,rgba(171,159,194,.08),transparent 35%),#09080b; }
  .division-hero--archive { background:radial-gradient(circle at 72% 36%,rgba(154,142,127,.06),transparent 35%),#090806; }
  .division-hero--technology { background:radial-gradient(circle at 74% 36%,rgba(142,180,198,.06),transparent 34%),#08090a; }
  .interactive-featured { display:grid; gap:0; }
  .interactive-feature { position:relative; min-height:92svh; display:grid; align-items:center; overflow:hidden; border-bottom:1px solid var(--betra-border); }
  .interactive-feature__sticky { position:relative; width:var(--container); margin-inline:auto; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(330px,.65fr); gap:clamp(50px,8vw,120px); align-items:center; }
  .interactive-feature__sticky > .product-atmosphere { position:relative; min-height:650px; border:1px solid var(--betra-border); border-radius:44px; box-shadow:var(--betra-shadow); }
  .interactive-feature__mark { margin-bottom:25px; }
  .interactive-feature__meta { display:flex; flex-wrap:wrap; gap:9px; }
  .interactive-feature h2 { margin-top:25px; font-size:clamp(4rem,8vw,9rem); }.interactive-feature p{max-width:560px;margin-top:20px;line-height:1.75}.interactive-feature a{display:inline-flex;align-items:center;gap:8px;margin-top:30px;color:var(--betra-ember);font-size:.8125rem}
  .interactive-other__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }

  .intelligence-product__inner { display:grid; grid-template-columns:minmax(0,.75fr) minmax(420px,1.25fr); gap:clamp(60px,10vw,160px); align-items:center; }.intelligence-product__copy h2{margin-top:19px;font-size:clamp(4rem,8vw,9rem)}.intelligence-product__copy>p:not(.eyebrow){max-width:620px;margin-top:24px;line-height:1.75}.intelligence-product__copy .button-row{margin-top:33px}.intelligence-product__inner>.product-atmosphere{position:relative;min-height:650px;border:1px solid rgba(155,203,209,.12);border-radius:46px;box-shadow:var(--betra-shadow)}
  .intelligence-model-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--betra-border); border-radius:27px; overflow:hidden; }.intelligence-model-strip article{min-height:250px;padding:25px;border-right:1px solid var(--betra-border)}.intelligence-model-strip article:last-child{border-right:0}.intelligence-model-strip span{color:var(--text-faint);font:.75rem/1 var(--font-mono)}.intelligence-model-strip h3{margin-top:55px;font-size:1.65rem}.intelligence-model-strip p{margin-top:13px;font-size:.875rem;line-height:1.62}
  .intelligence-paths__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.intelligence-paths__grid a{display:flex;justify-content:space-between;align-items:center;min-height:110px;padding:20px;border:1px solid var(--betra-border);border-radius:20px;color:var(--text-soft);font-size:.8125rem;transition:.25s ease}.intelligence-paths__grid a:hover{border-color:rgba(155,203,209,.2);background:rgba(155,203,209,.025);transform:translateY(-3px)}

  /* Software / labs / archive ------------------------------------------ */
  .software-showcase .container { display:grid; gap:80px; }
  .software-story { display:grid; grid-template-columns:minmax(380px,1.1fr) minmax(300px,.7fr); gap:clamp(45px,8vw,120px); align-items:center; }.software-story:nth-child(even){grid-template-columns:minmax(300px,.7fr) minmax(380px,1.1fr)}.software-story:nth-child(even) .software-story__visual{order:2}
  .software-story__visual { position:relative; min-height:520px; overflow:hidden; border:1px solid var(--betra-border); border-radius:40px; box-shadow:var(--betra-shadow); }.software-story__visual>.product-atmosphere{inset:0}.software-story__visual>.product-mark{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%)}
  .software-story>div:last-child>span{color:var(--text-faint);font:.75rem/1 var(--font-mono)}.software-story h2{margin-top:22px;font-size:clamp(3.2rem,6vw,6.8rem)}.software-story p{margin-top:20px;line-height:1.75}.software-story>div:last-child>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.software-story>div:last-child i{padding:6px 8px;border:1px solid var(--betra-border);border-radius:999px;color:var(--text-faint);font:.75rem/1 var(--font-mono);font-style:normal}.software-story__link{display:inline-flex;align-items:center;gap:8px;margin-top:31px;color:var(--betra-ember);font-size:.75rem}
  .software-systems__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }

  .labs-hero-shape { position:absolute; right:8%; top:19%; width:min(40vw,500px); aspect-ratio:1; }.labs-hero-shape i{position:absolute;inset:10%;border:1px solid rgba(171,159,194,.12);transform:rotate(24deg)}.labs-hero-shape i:nth-child(2){inset:27%;transform:rotate(-18deg);border-color:rgba(223,188,130,.12)}.labs-hero-shape span{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:var(--betra-violet);box-shadow:0 0 30px rgba(171,159,194,.5);transform:translate(-50%,-50%)}
  .labs-index__filters { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:30px; }
  .labs-index__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
  .lab-entry-card { min-height:350px; display:flex; flex-direction:column; padding:21px; border:1px solid var(--betra-border); border-radius:24px; background:linear-gradient(145deg,rgba(171,159,194,.025),rgba(255,255,255,.006)); transition:.35s var(--ease-out); }.lab-entry-card:hover{transform:translateY(-5px) rotate(.25deg);border-color:rgba(171,159,194,.22)}
  .lab-entry-card header{display:flex;justify-content:space-between;align-items:center;color:var(--text-faint);font:.75rem/1 var(--font-mono)}.lab-entry-card>div{margin-top:48px}.lab-entry-card h2{margin-top:22px;font-size:2rem}.lab-entry-card p{margin-top:14px;font-size:.875rem;line-height:1.65}.lab-entry-card footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:auto;padding-top:25px;border-top:1px solid var(--betra-border);color:var(--text-faint);font-size:.75rem}.lab-entry-card footer a{display:inline-flex;align-items:center;gap:7px;color:var(--betra-ember)}
  .labs-method__fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; border:1px solid var(--betra-border); border-radius:24px; overflow:hidden; background:var(--betra-border); }.labs-method__fields span{min-height:100px;display:flex;align-items:flex-end;gap:13px;padding:18px;background:var(--betra-graphite);font-size:.76rem}.labs-method__fields small{color:var(--text-faint);font:.75rem/1 var(--font-mono)}

  .archive-index__timeline { border-top:1px solid var(--betra-border); }
  .archive-row { display:grid; grid-template-columns:48px 62px minmax(0,1fr) minmax(180px,.34fr); gap:24px; align-items:center; min-height:180px; padding:24px 0; border-bottom:1px solid var(--betra-border); transition:opacity .2s ease,padding .3s var(--ease-out),background .2s ease; }.archive-row:hover{padding-inline:15px;background:linear-gradient(90deg,rgba(255,255,255,.018),transparent 70%)}
  .archive-row>span{color:var(--text-faint);font:.75rem/1 var(--font-mono)}.archive-row small{color:var(--text-faint);font:.75rem/1 var(--font-mono);text-transform:uppercase}.archive-row h2{margin-top:9px;font-size:clamp(1.8rem,3vw,3.5rem)}.archive-row p{max-width:650px;margin-top:10px;font-size:.875rem;line-height:1.62}.archive-row>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.archive-row em{color:var(--text-faint);font-size:.75rem;font-style:normal}.archive-row a{display:inline-flex;align-items:center;gap:7px;color:var(--text-muted);font-size:.8125rem}
  .archive-principle .container { max-width:980px; margin-inline:auto; text-align:center; }.archive-principle h2{margin-top:18px}.archive-principle p:not(.eyebrow){max-width:740px;margin:24px auto 0;line-height:1.75}

  /* Generic product page ------------------------------------------------ */
  .generic-product-overview .container { display:grid; grid-template-columns:minmax(0,.75fr) minmax(420px,1.25fr); gap:clamp(50px,8vw,130px); align-items:center; }.generic-product-overview__copy h2{margin-top:17px}.generic-product-overview__copy>header>div>p:not(.eyebrow){line-height:1.75}.generic-product-overview .product-atmosphere{position:relative;min-height:570px;border:1px solid var(--betra-border);border-radius:42px;box-shadow:var(--betra-shadow)}
  .generic-product-facts { display:grid; gap:0; margin-top:35px; border-top:1px solid var(--betra-border); }.generic-product-facts span{display:grid;grid-template-columns:38px minmax(0,1fr);gap:15px;align-items:center;min-height:62px;border-bottom:1px solid var(--betra-border)}.generic-product-facts small{color:var(--text-faint);font:.75rem/1 var(--font-mono)}.generic-product-facts strong{font-size:.75rem;font-weight:560}
  .generic-product-signals__row { display:flex; flex-wrap:wrap; gap:8px; }.generic-product-signals__row span{padding:9px 12px;border:1px solid var(--betra-border);border-radius:999px;color:var(--text-muted);font:.75rem/1 var(--font-mono);letter-spacing:.08em}.generic-product-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:60px;border-top:1px solid var(--betra-border);border-bottom:1px solid var(--betra-border)}.generic-product-meta>div{min-height:130px;padding:24px;border-right:1px solid var(--betra-border)}.generic-product-meta>div:last-child{border-right:0}.generic-product-meta small,.generic-product-meta strong{display:block}.generic-product-meta small{color:var(--text-faint);font:.75rem/1 var(--font-mono);text-transform:uppercase}.generic-product-meta strong{margin-top:38px;font-size:.78rem}

  /* Technology ---------------------------------------------------------- */
  .technology-stories .container { border-top:1px solid var(--betra-border); }
  .technology-story { display:grid; grid-template-columns:minmax(260px,.45fr) minmax(0,.7fr) minmax(330px,.65fr); gap:35px; align-items:center; min-height:190px; border-bottom:1px solid var(--betra-border); }
  .technology-story header { display:grid; grid-template-columns:38px minmax(0,1fr); gap:10px; align-items:center; }.technology-story header span{color:var(--text-faint);font:.75rem/1 var(--font-mono)}.technology-story h2{font-size:clamp(1.6rem,3vw,3.4rem)}.technology-story>p{font-size:.875rem;line-height:1.65}.technology-story>div{display:flex;flex-wrap:wrap;gap:7px}.technology-story>div a{display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid var(--betra-border);border-radius:999px;color:var(--text-muted);font-size:.8125rem}.technology-story>div a:hover{color:var(--text);border-color:rgba(155,203,209,.19)}
  .platform-matrix__table { border-top:1px solid var(--betra-border); }.platform-matrix__table>div{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;min-height:100px;align-items:center;border-bottom:1px solid var(--betra-border)}.platform-matrix__table strong{font-size:1rem}.platform-matrix__table span{display:flex;flex-wrap:wrap;gap:8px}.platform-matrix__table a{padding:7px 10px;border:1px solid var(--betra-border);border-radius:999px;color:var(--text-muted);font-size:.8125rem}

  /* Timeline ------------------------------------------------------------ */
  .timeline-filters, .devlog-filter { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:38px; }
  .development-timeline { position:relative; max-width:1100px; margin-inline:auto; }.development-timeline__line{position:absolute;left:82px;top:0;bottom:0;width:1px;background:linear-gradient(var(--betra-ember),var(--betra-signal),rgba(255,255,255,.05))}
  .timeline-entry { position:relative; display:grid; grid-template-columns:70px minmax(0,1fr); gap:38px; min-height:190px; padding-bottom:62px; }.timeline-entry[hidden]{display:none}.timeline-entry__index{position:relative;z-index:2;display:grid;place-items:center;width:50px;height:50px;margin-left:57px;border:1px solid var(--betra-border-strong);border-radius:50%;background:var(--betra-bg);color:var(--text-faint);font:.75rem/1 var(--font-mono);transform:translateX(-50%)}
  .timeline-entry__body { padding:25px 29px; border:1px solid var(--betra-border); border-radius:23px; background:linear-gradient(145deg,rgba(255,255,255,.02),transparent); }.timeline-entry__body>span{color:var(--text-faint);font:.75rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.timeline-entry h2{margin-top:13px;font-size:clamp(1.7rem,3vw,3.2rem)}.timeline-entry p{margin-top:13px;font-size:.875rem;line-height:1.68}.timeline-entry__body footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid var(--betra-border)}.timeline-entry__body footer small{color:var(--text-faint);font-size:.75rem}.timeline-entry__body footer a{display:inline-flex;align-items:center;gap:7px;color:var(--betra-ember);font-size:.8125rem}

  /* Relationship graph ------------------------------------------------- */
  .product-graph__stage { position:relative; min-height:760px; overflow:hidden; border:1px solid var(--betra-border); border-radius:42px; background:radial-gradient(circle at 50% 48%,rgba(155,203,209,.035),transparent 45%),rgba(255,255,255,.006); box-shadow:var(--betra-shadow); }
  .product-graph__stage::before { content:""; position:absolute; inset:8%; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:8% 8%;mask-image:radial-gradient(circle,#000,transparent 78%); }
  .product-graph__nodes { position:absolute; inset:0; }.product-graph__nodes button{position:absolute;left:var(--graph-x);top:var(--graph-y);display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--betra-border);border-radius:999px;background:rgba(13,11,9,.82);color:var(--text-muted);font-size:.8125rem;transform:translate(-50%,-50%);transition:.3s var(--ease-spring)}.product-graph__nodes button:hover,.product-graph__nodes button.is-active{color:var(--text);border-color:rgba(223,188,130,.24);transform:translate(-50%,-50%) scale(1.07)}
  .product-graph__detail { position:absolute; z-index:4; left:50%; bottom:28px; width:min(560px,calc(100% - 56px)); padding:22px; border:1px solid var(--betra-border-strong); border-radius:23px; background:rgba(13,11,9,.88); backdrop-filter:blur(18px); transform:translateX(-50%); }.product-graph__detail span{color:var(--text-faint);font:.75rem/1 var(--font-mono)}.product-graph__detail h3{margin-top:12px;font-size:1.6rem}.product-graph__detail p{margin-top:10px;font-size:.875rem;line-height:1.62}.product-graph__detail footer{display:flex;gap:10px;margin-top:16px}.product-graph__detail a{color:var(--betra-ember);font-size:.8125rem}
  .product-graph__mobile { display:none; }

  /* Devlog -------------------------------------------------------------- */
  .devlog-list { border-top:1px solid var(--betra-border); }
  .devlog-list article { display:grid; grid-template-columns:100px minmax(190px,.45fr) minmax(0,1fr) auto; gap:26px; align-items:center; min-height:145px; border-bottom:1px solid var(--betra-border); transition:padding .3s var(--ease-out),background .2s ease; }.devlog-list article:hover{padding-inline:15px;background:linear-gradient(90deg,rgba(223,188,130,.03),transparent 70%)}.devlog-list article[hidden]{display:none}.devlog-list article>span{color:var(--text-faint);font:.75rem/1 var(--font-mono)}.devlog-list article>div small,.devlog-list article>div strong{display:block}.devlog-list article>div small{color:var(--text-faint);font-size:.75rem}.devlog-list article>div strong{margin-top:7px;font-size:1.05rem}.devlog-list article p{font-size:.875rem;line-height:1.62}.devlog-list article>a{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--betra-border);border-radius:50%}
  .devlog-entry-hero { padding:160px 0 80px; border-bottom:1px solid var(--betra-border); }.devlog-entry-hero .container{max-width:1050px}.devlog-entry-hero__product{display:flex;align-items:center;gap:13px;color:var(--text-muted);font-size:.75rem}.devlog-entry-hero h1{margin-top:34px;font-size:clamp(3.8rem,8vw,8.4rem)}.devlog-entry-hero>div>p{max-width:780px;margin-top:25px;font-size:1.05rem;line-height:1.7}.devlog-entry-body .container{max-width:860px}.devlog-entry-body h2{margin-top:65px;font-size:clamp(2.1rem,4vw,4rem)}.devlog-entry-body p{margin-top:21px;font-size:.95rem;line-height:1.8}.devlog-entry-body .demo-note{margin-top:50px}

  /* Media --------------------------------------------------------------- */
  .media-study-grid, .media-library__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
  .media-study { position:relative; min-height:430px; overflow:hidden; border:1px solid var(--betra-border); border-radius:28px; background:var(--betra-graphite); cursor:pointer; transition:.35s var(--ease-out); }.media-study:hover{transform:translateY(-5px);border-color:rgba(223,188,130,.2)}.media-study>.product-atmosphere{inset:0}.media-study>footer{position:absolute;z-index:4;left:20px;right:20px;bottom:18px;display:flex;justify-content:space-between;align-items:center;color:var(--text-soft);font-size:.75rem}.media-study>footer span{color:var(--text-faint);font:.75rem/1 var(--font-mono)}
  .media-library-item { min-height:220px; display:flex; flex-direction:column; justify-content:flex-end; padding:21px; border:1px dashed var(--betra-border); border-radius:23px; background:linear-gradient(145deg,rgba(255,255,255,.014),transparent); }.media-library-item span{color:var(--text-faint);font:.75rem/1 var(--font-mono)}.media-library-item strong{margin-top:45px;font-size:1.15rem}.media-library-item p{margin-top:8px;font-size:.875rem;line-height:1.55}
  .betra-media-dialog { position:fixed; z-index:1300; inset:0; display:grid; place-items:center; padding:24px; opacity:0; pointer-events:none; transition:opacity .24s ease; }.betra-media-dialog.is-open{opacity:1;pointer-events:auto}.betra-media-dialog__backdrop{position:absolute;inset:0;background:rgba(3,3,2,.8);backdrop-filter:blur(10px)}.betra-media-dialog__panel{position:relative;z-index:2;width:min(940px,100%);max-height:calc(100svh - 48px);overflow:auto;border:1px solid var(--betra-border-strong);border-radius:30px;background:#0d0b09;box-shadow:0 40px 140px rgba(0,0,0,.6)}.betra-media-dialog__panel>header{display:flex;justify-content:space-between;align-items:center;padding:18px 21px;border-bottom:1px solid var(--betra-border)}.betra-media-dialog__panel>header strong{font-size:.76rem}.betra-media-dialog__visual{position:relative;min-height:570px}.betra-media-dialog__panel>footer{padding:18px 22px;color:var(--text-muted);font-size:.75rem}

  /* Company ------------------------------------------------------------- */
  .company-hero { position:relative; min-height:92svh; display:grid; align-items:end; overflow:hidden; padding:150px 0 100px; border-bottom:1px solid var(--betra-border); }.company-hero__field{position:absolute;inset:0}.company-hero .container{position:relative;z-index:2}.company-hero h1{max-width:1230px;margin-top:22px;font-size:clamp(4.6rem,10vw,11rem)}.company-hero p:last-child{max-width:740px;margin-top:28px;font-size:1.15rem;line-height:1.7}
  .company-principles__grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:1px solid var(--betra-border); }.company-principles__grid article{min-height:330px;padding:25px;border-right:1px solid var(--betra-border)}.company-principles__grid article:last-child{border-right:0}.company-principles__grid span{color:var(--text-faint);font:.75rem/1 var(--font-mono)}.company-principles__grid h3{margin-top:85px;font-size:1.7rem}.company-principles__grid p{margin-top:15px;font-size:.875rem;line-height:1.62}
  .company-structure__tree { display:grid; grid-template-columns:240px minmax(0,1fr); gap:70px; align-items:start; }.company-structure__root{position:sticky;top:130px;padding:32px;border:1px solid var(--betra-border);border-radius:28px;background:linear-gradient(145deg,rgba(223,188,130,.05),transparent)}.company-structure__root p{margin-top:20px;font-size:.875rem;line-height:1.65}.company-structure__branch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.company-structure__branch article{min-height:230px;padding:25px;border:1px solid var(--betra-border);border-radius:23px}.company-structure__branch span{color:var(--text-faint);font:.75rem/1 var(--font-mono)}.company-structure__branch h3{margin-top:46px;font-size:1.7rem}.company-structure__branch p{margin-top:12px;font-size:.875rem;line-height:1.6}
  .company-history__sequence { border-top:1px solid var(--betra-border); }.company-history__sequence article{display:grid;grid-template-columns:90px minmax(220px,.45fr) minmax(0,1fr);gap:28px;min-height:140px;align-items:center;border-bottom:1px solid var(--betra-border)}.company-history__sequence span{color:var(--text-faint);font:.75rem/1 var(--font-mono)}.company-history__sequence h3{font-size:1.4rem}.company-history__sequence p{font-size:.875rem;line-height:1.65}
  .company-contact .container { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:50px; align-items:end; padding:clamp(40px,6vw,84px); border:1px solid var(--betra-border); border-radius:38px; background:radial-gradient(circle at 88% 12%,rgba(223,188,130,.07),transparent 32%),rgba(255,255,255,.009); }.company-contact h2{margin-top:18px}.company-contact p:not(.eyebrow){max-width:700px;margin-top:21px;line-height:1.7}

  /* Research / News ----------------------------------------------------- */
  .research-journal__featured, .betra-newsroom__featured { min-height:620px; display:flex; flex-direction:column; justify-content:flex-end; padding:clamp(34px,6vw,80px); border:1px solid var(--betra-border); border-radius:38px; background:radial-gradient(circle at 80% 12%,rgba(155,203,209,.07),transparent 33%),linear-gradient(145deg,rgba(255,255,255,.023),rgba(255,255,255,.005)); box-shadow:var(--betra-shadow); }
  .research-journal__featured span,.betra-newsroom__featured span,.betra-newsroom__grid span{color:var(--text-faint);font:.75rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.research-journal__featured h2,.betra-newsroom__featured h2{max-width:950px;margin-top:30px;font-size:clamp(3.2rem,6.6vw,7.4rem)}.research-journal__featured p,.betra-newsroom__featured p{max-width:740px;margin-top:22px;line-height:1.75}.research-journal__featured a,.betra-newsroom__featured a{display:inline-flex;align-items:center;gap:8px;margin-top:30px;color:var(--betra-ember);font-size:.8125rem}
  .research-journal__grid, .betra-newsroom__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:14px; }.research-journal__grid article,.betra-newsroom__grid article{min-height:330px;padding:26px;border:1px solid var(--betra-border);border-radius:24px;background:rgba(255,255,255,.008)}.research-journal__grid h3,.betra-newsroom__grid h3{margin-top:55px;font-size:clamp(1.5rem,2.5vw,2.6rem)}.research-journal__grid p,.betra-newsroom__grid p{margin-top:15px;font-size:.875rem;line-height:1.65}.research-journal__grid a,.betra-newsroom__grid a{display:inline-flex;align-items:center;gap:7px;margin-top:22px;color:var(--betra-ember);font-size:.8125rem}
  .research-journal__astrid,.betra-newsroom__astrid { display:grid; grid-template-columns:54px minmax(0,1fr) auto; gap:22px; align-items:center; margin-top:60px; padding:28px; border:1px solid rgba(155,203,209,.12); border-radius:26px; background:rgba(155,203,209,.018); }.research-journal__astrid h2,.betra-newsroom__astrid h2{font-size:1.7rem}.research-journal__astrid p,.betra-newsroom__astrid p{margin-top:8px;font-size:.875rem;line-height:1.55}
  .betra-research-article__body, .betra-news-article__body { max-width:900px; padding-top:90px; padding-bottom:130px; }.betra-research-article__body>p,.betra-news-article__body>p{font-size:1.02rem;line-height:1.85}.betra-research-article__body h2,.betra-news-article__body h2{margin-top:70px;font-size:clamp(2.4rem,4.7vw,4.8rem)}.betra-research-article__body h2+p,.betra-news-article__body h2+p{margin-top:22px}.betra-news-article__product{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:15px;align-items:center;margin-top:70px;padding:20px;border:1px solid var(--betra-border);border-radius:20px}.betra-news-article__product small,.betra-news-article__product strong{display:block}.betra-news-article__product small{color:var(--text-faint);font-size:.75rem}.betra-news-article__product strong{margin-top:4px;font-size:.8rem}.betra-news-article__product a{display:inline-flex;align-items:center;gap:7px;color:var(--betra-ember);font-size:.8125rem}

  /* Careers / Status / Search / Account -------------------------------- */
  .betra-careers-index__toolbar { display:grid; grid-template-columns:minmax(250px,1fr) 220px 220px; gap:11px; margin-bottom:30px; }.betra-careers-index__toolbar label,.betra-careers-index__toolbar select{min-height:48px;border:1px solid var(--betra-border);border-radius:14px;background:rgba(255,255,255,.015)}.betra-careers-index__toolbar label{display:flex;align-items:center;gap:10px;padding:0 14px}.betra-careers-index__toolbar input{width:100%;font-size:.8125rem}.betra-careers-index__toolbar select{padding:0 13px;color:var(--text-soft);font-size:.8125rem;background-color:#15120f}
  .betra-careers-index__list { border-top:1px solid var(--betra-border); }.betra-careers-index__list button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.34fr) auto;gap:24px;align-items:center;min-height:112px;border-bottom:1px solid var(--betra-border);text-align:left;transition:padding .3s var(--ease-out),background .2s ease}.betra-careers-index__list button:hover{padding-inline:15px;background:linear-gradient(90deg,rgba(223,188,130,.03),transparent 70%)}.betra-careers-index__list small,.betra-careers-index__list strong{display:block}.betra-careers-index__list small{color:var(--text-faint);font:.75rem/1 var(--font-mono)}.betra-careers-index__list strong{margin-top:9px;font-size:1.25rem}.betra-careers-index__list em{color:var(--text-muted);font-size:.75rem;font-style:normal}.betra-careers-index__empty{padding:60px;text-align:center;color:var(--text-muted)}
  .betra-status-actual__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--betra-border); border-radius:28px; overflow:hidden; }.betra-status-actual__grid article{min-height:250px;padding:26px;border-right:1px solid var(--betra-border)}.betra-status-actual__grid article:last-child{border-right:0}.betra-status-actual__grid span{color:var(--text-faint);font:.75rem/1 var(--font-mono);letter-spacing:.1em}.betra-status-actual__grid strong{display:block;margin-top:64px;font-size:1.8rem;font-weight:500}.betra-status-actual__grid p{margin-top:13px;font-size:.875rem;line-height:1.58}.betra-status-actual__grid[data-health="configured"] article:nth-child(2) strong{color:var(--betra-green)}.betra-status-actual__grid[data-health="unconfigured"] article:nth-child(2) strong{color:var(--betra-ember)}
  .betra-status-demo__list { border-top:1px solid var(--betra-border); }.betra-status-demo__list article{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:15px;align-items:center;min-height:82px;border-bottom:1px solid var(--betra-border)}.betra-status-demo__list strong,.betra-status-demo__list small{display:block}.betra-status-demo__list strong{font-size:.78rem}.betra-status-demo__list small{margin-top:5px;color:var(--text-faint);font-size:.75rem}.betra-status-demo__list em{color:var(--text-muted);font-size:.75rem;font-style:normal}.betra-status-demo .button-row{margin-top:36px}
  .search-page-hero { padding:170px 0 80px; border-bottom:1px solid var(--betra-border); }.search-page-hero h1{margin-top:20px;font-size:clamp(4rem,9vw,9.5rem)}.search-page-hero label{display:flex;align-items:center;gap:14px;max-width:850px;min-height:66px;margin-top:45px;padding:0 21px;border:1px solid var(--betra-border-strong);border-radius:18px;background:rgba(255,255,255,.018);box-shadow:0 20px 70px rgba(0,0,0,.22)}.search-page-hero input{width:100%;font-size:1rem}
  .search-page-results [data-global-search-results] { display:grid; gap:7px; }.search-page-results a{display:grid;grid-template-columns:100px minmax(180px,.45fr) minmax(0,1fr) auto;gap:20px;align-items:center;min-height:105px;padding:18px;border:1px solid var(--betra-border);border-radius:18px;transition:.25s ease}.search-page-results a:hover{border-color:rgba(223,188,130,.22);background:rgba(223,188,130,.025);transform:translateX(4px)}.search-page-results a>span{color:var(--text-faint);font:.8125rem/1 var(--font-mono)}.search-page-results a>strong{font-size:1rem}.search-page-results a>p{font-size:.875rem;line-height:1.55}.search-page-results__empty{padding:70px;text-align:center;border:1px dashed var(--betra-border);border-radius:20px}.search-page-results__empty p{margin-top:8px}
  .account-concept { position:relative; min-height:100svh; padding:150px 0 90px; overflow:hidden; }.account-concept__field{position:absolute;inset:0}.account-concept>.container{position:relative;z-index:2}.account-concept h1{max-width:1000px;margin-top:20px;font-size:clamp(4rem,8.5vw,9rem)}.account-concept>.container>p:not(.eyebrow){max-width:760px;margin-top:24px;line-height:1.7}.account-concept__shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:620px;margin-top:65px;border:1px solid var(--betra-border);border-radius:31px;overflow:hidden;background:rgba(13,11,9,.75);box-shadow:var(--betra-shadow);backdrop-filter:blur(20px)}.account-concept__shell aside{padding:24px;border-right:1px solid var(--betra-border)}.account-concept__shell aside>.betra-logo{margin-bottom:35px}.account-concept__shell aside button{width:100%;display:flex;align-items:center;gap:10px;min-height:43px;padding:0 11px;border-radius:10px;color:var(--text-muted);font-size:.8125rem;text-align:left}.account-concept__shell aside button.is-active,.account-concept__shell aside button:hover{color:var(--text);background:rgba(255,255,255,.035)}.account-concept__shell>section{padding:clamp(30px,5vw,70px)}.account-concept__shell>section>span{color:var(--text-faint);font:.75rem/1 var(--font-mono)}.account-concept__shell h2{margin-top:20px;font-size:3.5rem}.account-concept__profile{display:flex;align-items:center;gap:16px;margin-top:48px;padding:22px;border:1px solid var(--betra-border);border-radius:20px}.account-concept__profile>i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(223,188,130,.08);color:var(--betra-ember);font:.75rem/1 var(--font-mono);font-style:normal}.account-concept__profile strong,.account-concept__profile small{display:block}.account-concept__profile small{margin-top:5px;color:var(--text-faint);font-size:.75rem}.account-concept__shell dl{margin-top:35px}.account-concept__shell dl div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--betra-border)}.account-concept__shell dt{color:var(--text-muted);font-size:.75rem}.account-concept__shell dd{margin:0;color:var(--text-soft);font-size:.875rem;text-align:right}

  /* Local debug --------------------------------------------------------- */
  .betra-debug-panel { position:fixed; z-index:1800; right:14px; bottom:14px; width:280px; padding:14px; border:1px solid rgba(223,188,130,.2); border-radius:17px; background:rgba(11,9,7,.94); box-shadow:0 24px 80px rgba(0,0,0,.48); backdrop-filter:blur(16px); font-family:var(--font-mono); }.betra-debug-panel header{display:flex;justify-content:space-between;align-items:center;padding-bottom:11px;border-bottom:1px solid var(--betra-border)}.betra-debug-panel header strong{color:var(--betra-ember);font-size:.75rem;letter-spacing:.1em}.betra-debug-panel dl{display:grid;gap:7px;margin:12px 0 0}.betra-debug-panel dl div{display:flex;justify-content:space-between;gap:14px}.betra-debug-panel dt,.betra-debug-panel dd{margin:0;font-size:.875rem}.betra-debug-panel dt{color:var(--text-faint)}.betra-debug-panel dd{color:var(--text-soft);text-align:right}

  /* Responsive ---------------------------------------------------------- */
  @media (max-width: 1180px) {
    .betra-desktop-nav a, .betra-nav-popover>button { padding-inline:8px; font-size:.8125rem; }
    .betra-header__news { display:none; }
    .betra-search-trigger span, .betra-search-trigger kbd { display:none; }
    .betra-now__grid { grid-template-columns:1fr 1fr; }
    .betra-now-card:nth-child(2) { border-right:0; }.betra-now-card:nth-child(-n+2){border-bottom:1px solid var(--betra-border)}
    .betra-catalog__grid, .labs-index__grid, .interactive-other__grid, .research-journal__grid, .betra-newsroom__grid { grid-template-columns:1fr 1fr; }
    .astrid-product-modes__grid { grid-template-columns:1fr 1fr; }.astrid-product-modes__grid article:nth-child(2){border-right:0}.astrid-product-modes__grid article:nth-child(-n+2){border-bottom:1px solid var(--betra-border)}
    .company-principles__grid { grid-template-columns:repeat(3,1fr); }.company-principles__grid article:nth-child(3){border-right:0}.company-principles__grid article:nth-child(-n+3){border-bottom:1px solid var(--betra-border)}
    .betra-status-actual__grid { grid-template-columns:1fr 1fr; }.betra-status-actual__grid article:nth-child(2){border-right:0}.betra-status-actual__grid article:nth-child(-n+2){border-bottom:1px solid var(--betra-border)}
  }

  @media (max-width: 980px) {
    .betra-header { height:74px; padding:10px 14px; }
    .betra-header__bar { min-height:54px; grid-template-columns:auto 1fr auto; }
    .betra-desktop-nav, .betra-header__news, .betra-header__status, .betra-search-trigger, .betra-header__cta { display:none; }
    .betra-header .mobile-menu-trigger { display:grid; }
    .betra-header__actions { grid-column:3; }
    .betra-footer__top { grid-template-columns:1fr; }
    .betra-footer__links { grid-template-columns:repeat(3,1fr); }
    .betra-hero__top>em { display:none; }
    .betra-hero__bottom { align-items:flex-start; flex-direction:column; }
    .betra-hero__signals { grid-template-columns:1fr 1fr; }.betra-hero__signals button:nth-child(2){border-right:0}.betra-hero__signals button:nth-child(-n+2){border-bottom:1px solid var(--betra-border)}
    .flagship-story,.flagship-story:nth-child(even),.product-hero__inner,.betra-featured-astrid__inner,.betra-home-archive__inner,.intelligence-product__inner,.generic-product-overview .container,.bunter-overview__story,.moonshaft-transmission .container { grid-template-columns:1fr; }
    .flagship-story:nth-child(even) .flagship-story__visual,.software-story:nth-child(even) .software-story__visual { order:0; }
    .flagship-story__visual,.product-hero__visual,.betra-featured-astrid__visual,.intelligence-product__inner>.product-atmosphere,.generic-product-overview .product-atmosphere { min-height:540px; }
    .product-hero { min-height:auto; padding-top:130px; }
    .product-hero__inner>div:first-child { max-width:760px; }
    .betra-home-archive__stack { margin-right:45px; }
    .betra-home-journal__grid { grid-template-columns:1fr; }.betra-home-journal__grid article:first-child{grid-row:auto;min-height:560px}
    .interactive-feature { min-height:auto; padding:90px 0; }.interactive-feature__sticky{grid-template-columns:1fr}.interactive-feature__sticky>.product-atmosphere{min-height:530px}
    .software-story,.software-story:nth-child(even) { grid-template-columns:1fr; }
    .company-structure__tree { grid-template-columns:1fr; }.company-structure__root{position:relative;top:auto}.company-principles__grid{grid-template-columns:1fr 1fr}.company-principles__grid article:nth-child(2n){border-right:0}.company-principles__grid article:nth-child(3){border-right:1px solid var(--betra-border)}.company-principles__grid article:nth-child(-n+4){border-bottom:1px solid var(--betra-border)}
    .technology-story { grid-template-columns:minmax(200px,.5fr) minmax(0,1fr); }.technology-story>div{grid-column:2}
    .product-graph__stage { min-height:680px; }
    .betra-careers-index__toolbar { grid-template-columns:1fr 1fr; }.betra-careers-index__toolbar label{grid-column:1/-1}
  }

  @media (max-width: 760px) {
    .betra-header__bar { padding-inline:10px; border-radius:16px; }
    .betra-header__logo .betra-logo__word { font-size:.75rem; }
    .betra-footer__links { grid-template-columns:1fr 1fr; gap:28px; }
    .betra-footer__meta { align-items:flex-start; flex-direction:column; }
    .betra-section-heading { grid-template-columns:1fr; }.betra-section-heading h2{font-size:clamp(2.8rem,12vw,5rem)}
    .betra-hero { min-height:820px; padding-top:104px; }
    .betra-hero__top { flex-wrap:wrap; margin-bottom:46px; }.betra-hero__top>span{width:100%;padding-top:12px;border-top:1px solid var(--betra-border)}
    .betra-hero h1 { font-size:clamp(4.1rem,20vw,7.3rem); line-height:.81; }
    .betra-hero__signals { margin-top:54px; }.betra-hero__signals button{min-height:72px;padding:10px}.betra-hero__signals button>span{display:none}
    .flagship-story { gap:34px; }.flagship-story__visual{min-height:440px;border-radius:30px}.flagship-story h3{font-size:clamp(3.3rem,16vw,6rem)}
    .betra-now__grid,.betra-state-overview__grid,.betra-catalog__grid,.labs-index__grid,.interactive-other__grid,.research-journal__grid,.betra-newsroom__grid,.media-study-grid,.media-library__grid,.betra-related__grid,.software-systems__grid,.moonshaft-signals__grid,.nightwatcher-principles__grid { grid-template-columns:1fr; }
    .betra-now-card { border-right:0; border-bottom:1px solid var(--betra-border); }.betra-now-card:last-child{border-bottom:0}.betra-now-card:nth-child(-n+2){border-bottom:1px solid var(--betra-border)}
    .betra-state-overview__grid article { border-right:0; border-bottom:1px solid var(--betra-border); }.betra-state-overview__grid article:last-child{border-bottom:0}
    .constellation-stage { display:none; }.constellation-mobile{display:grid;gap:8px}.constellation-mobile button{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;align-items:center;min-height:78px;padding:12px;border:1px solid var(--betra-border);border-radius:17px;text-align:left}.constellation-mobile strong,.constellation-mobile small{display:block}.constellation-mobile strong{font-size:.78rem}.constellation-mobile small{margin-top:4px;color:var(--text-faint);font-size:.75rem}.constellation-footer{align-items:flex-start;flex-direction:column}
    .betra-featured-astrid__visual,.product-hero__visual { min-height:470px;border-radius:30px }.product-hero h1{font-size:clamp(4rem,18vw,7rem)}
    .betra-divisions__list .betra-division-row { grid-template-columns:32px minmax(0,1fr) auto; gap:12px; min-height:120px; }.betra-division-row p{grid-column:2/4;margin-top:-18px;padding-bottom:20px}.betra-division-row h3{font-size:1.65rem}
    .betra-home-archive__stack { margin-right:35px; }.betra-home-journal__grid article:first-child{min-height:480px}
    .betra-catalog-hero,.division-hero,.newsroom-hero,.research-journal-hero,.careers-betra-hero,.betra-status-hero,.devlog-hero,.timeline-hero,.graph-hero,.media-hero{min-height:620px;padding-top:125px}.betra-catalog-hero h1,.division-hero h1,.newsroom-hero h1,.research-journal-hero h1,.careers-betra-hero h1,.betra-status-hero h1,.devlog-hero h1,.timeline-hero h1,.graph-hero h1,.media-hero h1{font-size:clamp(3.6rem,17vw,6.5rem)}
    .betra-catalog__toolbar { position:relative;top:auto;grid-template-columns:1fr; }.betra-catalog__toolbar select{width:100%}.betra-catalog__count{padding:5px 4px}
    .betra-product-card { min-height:340px; }.betra-product-card--flagship{min-height:380px}
    .product-subnav { justify-content:flex-start; max-width:calc(100% - 24px); overflow-x:auto; scrollbar-width:none; }.product-subnav::-webkit-scrollbar{display:none}.product-subnav a{white-space:nowrap}
    .astrid-product-modes__grid,.astrid-product-ecosystem__links,.intelligence-model-strip,.intelligence-paths__grid { grid-template-columns:1fr; }.astrid-product-modes__grid article,.intelligence-model-strip article{border-right:0;border-bottom:1px solid var(--betra-border)}.astrid-product-modes__grid article:last-child,.intelligence-model-strip article:last-child{border-bottom:0}.astrid-product-ecosystem__links a{min-height:90px}
    .bunter-overview__metrics,.bunter-chapters__grid { grid-template-columns:1fr; }.bunter-overview__metrics div{border-right:0}.bunter-overview__metrics div:nth-last-child(2){border-bottom:1px solid var(--betra-border)}.school-map{min-height:460px}.entity-record{grid-template-columns:80px minmax(0,1fr)}.entity-record dl{grid-column:2}.entity-record__silhouette{width:70px;height:100px}.bunter-development__timeline article,.product-updates__list article{grid-template-columns:70px minmax(0,1fr)}.bunter-development__timeline p,.product-updates__list p{grid-column:2}
    .moonshaft-transmission__visual{min-height:460px}.nightwatcher-observation__stage{min-height:620px}.nightwatcher-observation__copy{left:24px;right:24px;bottom:45px}.nightwatcher-principles__grid article{border-right:0;border-bottom:1px solid rgba(146,169,189,.1)}.nightwatcher-principles__grid article:last-child{border-bottom:0}
    .interactive-feature__sticky>.product-atmosphere,.software-story__visual,.generic-product-overview .product-atmosphere{min-height:420px;border-radius:28px}
    .labs-method__fields { grid-template-columns:1fr 1fr; }
    .archive-row { grid-template-columns:35px 46px minmax(0,1fr); gap:13px; }.archive-row>div:last-child{grid-column:3}.archive-row p{font-size:.875rem}
    .generic-product-meta { grid-template-columns:1fr 1fr; }.generic-product-meta>div:nth-child(2){border-right:0}.generic-product-meta>div:nth-child(-n+2){border-bottom:1px solid var(--betra-border)}
    .technology-story { grid-template-columns:1fr; padding:26px 0; }.technology-story>div{grid-column:auto}.platform-matrix__table>div{grid-template-columns:1fr;padding:20px 0;gap:13px}
    .development-timeline__line{left:25px}.timeline-entry{grid-template-columns:50px minmax(0,1fr);gap:13px}.timeline-entry__index{margin-left:0;transform:none;width:48px;height:48px}.timeline-entry__body{padding:20px}
    .product-graph__stage{display:none}.product-graph__mobile{display:grid;gap:8px}.product-graph__mobile button{display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;align-items:center;min-height:74px;padding:12px;border:1px solid var(--betra-border);border-radius:16px;text-align:left}.product-graph__mobile strong,.product-graph__mobile small{display:block}.product-graph__mobile small{margin-top:4px;color:var(--text-faint);font-size:.75rem}
    .devlog-list article{grid-template-columns:70px minmax(0,1fr) auto;gap:13px;padding:18px 0}.devlog-list article p{grid-column:2}.devlog-list article>a{grid-column:3;grid-row:1/3}
    .betra-media-dialog__visual{min-height:420px}
    .company-principles__grid,.company-structure__branch { grid-template-columns:1fr; }.company-principles__grid article{border-right:0!important;border-bottom:1px solid var(--betra-border)}.company-principles__grid article:last-child{border-bottom:0}.company-history__sequence article{grid-template-columns:55px minmax(0,1fr);padding:20px 0}.company-history__sequence p{grid-column:2}.company-contact .container{grid-template-columns:1fr;padding:30px 23px;border-radius:27px}
    .research-journal__featured,.betra-newsroom__featured{min-height:520px;padding:27px;border-radius:28px}.research-journal__grid article,.betra-newsroom__grid article{min-height:280px}.research-journal__astrid,.betra-newsroom__astrid{grid-template-columns:44px minmax(0,1fr)}.research-journal__astrid>.button,.betra-newsroom__astrid>.button{grid-column:1/-1;width:100%}
    .betra-careers-index__toolbar { grid-template-columns:1fr; }.betra-careers-index__toolbar label{grid-column:auto}.betra-careers-index__list button{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:17px 0}.betra-careers-index__list em{grid-column:1}.betra-careers-index__list svg{grid-column:2;grid-row:1/3}
    .betra-status-actual__grid { grid-template-columns:1fr; }.betra-status-actual__grid article{border-right:0;border-bottom:1px solid var(--betra-border)}.betra-status-actual__grid article:last-child{border-bottom:0}
    .search-page-results a { grid-template-columns:70px minmax(0,1fr) auto; gap:12px; }.search-page-results a>p{grid-column:2}.search-page-results a>svg{grid-column:3;grid-row:1/3}.search-page-results__empty{padding:45px 18px}
    .account-concept__shell { grid-template-columns:1fr; }.account-concept__shell aside{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--betra-border)}.account-concept__shell aside>.betra-logo{flex:none;margin:0 20px 0 0}.account-concept__shell aside button{flex:none;width:auto}.account-concept__shell>section{padding:28px 22px}.account-concept__shell h2{font-size:2.6rem}
  }

  @media (max-width: 430px) {
    .betra-header__bar { padding-inline:7px; }
    .betra-logo__mark { width:27px;height:27px }.betra-logo__word{font-size:.75rem}
    .betra-mobile-menu__flagships { grid-template-columns:1fr; }
    .betra-footer__links { grid-template-columns:1fr 1fr; }
    .betra-footer__giant { font-size:36vw; }
    .betra-hero { min-height:760px; }.betra-hero h1{font-size:clamp(3.65rem,19vw,5.5rem)}.betra-hero__bottom>p{font-size:.91rem}.betra-hero__signals button{grid-template-columns:30px minmax(0,1fr);gap:8px}.betra-hero__signals .product-mark{grid-row:1/3}.betra-hero__signals strong,.betra-hero__signals em{font-size:.75rem}
    .flagship-story__visual{min-height:360px}.flagship-story__copy>p:not(.flagship-story__tagline){font-size:.875rem}
    .betra-featured-astrid__visual,.product-hero__visual{min-height:380px}.product-hero__mark>span{white-space:normal;max-width:180px;line-height:1.4}.product-mark--hero{width:90px;height:90px}
    .betra-division-row p{font-size:.875rem}
    .betra-home-archive__stack{margin-right:22px}.betra-home-archive__stack article:nth-child(2){transform:translate(12px,18px) rotate(2deg)}.betra-home-archive__stack article:nth-child(3){transform:translate(24px,36px) rotate(4deg)}
    .labs-method__fields { grid-template-columns:1fr; }
    .generic-product-meta { grid-template-columns:1fr; }.generic-product-meta>div{border-right:0;border-bottom:1px solid var(--betra-border)}.generic-product-meta>div:last-child{border-bottom:0}
    .entity-record{grid-template-columns:60px minmax(0,1fr);padding:18px;gap:12px}.entity-record__silhouette{width:50px;height:80px}.entity-record dl{grid-column:1/-1}.school-map{min-height:380px}
    .betra-media-dialog{padding:10px}.betra-media-dialog__panel{border-radius:22px}.betra-media-dialog__visual{min-height:330px}
    .account-concept__shell{border-radius:23px}.account-concept__shell aside{padding:14px}.account-concept__shell aside>.betra-logo{display:none}.account-concept__shell dl div{align-items:flex-start;flex-direction:column;gap:6px}.account-concept__shell dd{text-align:left}
    .betra-debug-panel{left:10px;right:10px;bottom:10px;width:auto}
  }

  @media (max-width: 360px) {
    .betra-header { padding-inline:8px; }.betra-header__bar{gap:8px}.betra-logo__word{letter-spacing:.17em}
    .betra-hero h1{font-size:3.35rem}.betra-hero__top>span{font-size:.75rem}.betra-hero__signals button{padding:8px}.betra-hero__signals em{display:none}
    .betra-section-heading h2{font-size:2.55rem}.flagship-story h3{font-size:3rem}
    .betra-product-card{padding:17px}.betra-product-card__body h3{font-size:1.65rem}
    .product-hero h1{font-size:3.65rem}.product-hero__visual{min-height:330px}.product-subnav{top:74px}
    .development-timeline__line{left:22px}.timeline-entry{grid-template-columns:44px minmax(0,1fr)}.timeline-entry__index{width:44px;height:44px}
    .search-page-results a{grid-template-columns:1fr auto}.search-page-results a>span{grid-column:1}.search-page-results a>strong{grid-column:1}.search-page-results a>p{grid-column:1}.search-page-results a>svg{grid-column:2;grid-row:1/4}
  }

  @media (prefers-reduced-motion: reduce) {
    .betra-hero h1 i { transform:none; animation:none; }
    .pa-orbit,.pa-scan,.pa-speed,.bunter-flicker,.nightwatcher-sweep { animation:none !important; }
    .betra-product-card,.flagship-story__link svg,.betra-division-row,.archive-row,.devlog-list article { transition-duration:.01ms!important; }
  }
}

@layer betra {
  /* Final ecosystem additions ----------------------------------------- */
  .betra-related {
    padding: clamp(76px, 9vw, 132px) 0;
    border-top: 1px solid var(--betra-border);
    background:
      radial-gradient(circle at 18% 0%, rgba(225, 190, 133, .045), transparent 36%),
      linear-gradient(180deg, rgba(255,255,255,.012), transparent 54%);
  }
  .betra-related header { max-width: 800px; margin-bottom: 38px; }
  .betra-related h2 { margin-top: 12px; font-size: clamp(2.8rem, 5vw, 5.7rem); letter-spacing: -.055em; }
  .betra-related__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }

  .constellation-node--experimental,
  .constellation-node--historical { width: 76px; min-height: 68px; }
  .constellation-node--experimental > span,
  .constellation-node--historical > span { opacity: .28; transform: translateY(3px); transition: opacity .2s ease, transform .25s var(--ease-spring); }
  .constellation-node--experimental:hover > span,
  .constellation-node--historical:hover > span,
  .constellation-node--experimental.is-selected > span,
  .constellation-node--historical.is-selected > span { opacity: 1; transform: translateY(0); }

  /* Product changelog ------------------------------------------------ */
  .changelog-hero {
    position: relative;
    min-height: 78svh;
    display: grid;
    align-items: end;
    overflow: hidden;
    padding: 155px 0 88px;
    border-bottom: 1px solid var(--betra-border);
    background:
      linear-gradient(118deg, rgba(224,188,127,.04), transparent 42%),
      var(--betra-carbon);
  }
  .changelog-hero__field { position: absolute; inset: 0; opacity: .78; }
  .changelog-hero .container { position: relative; z-index: 2; }
  .changelog-hero h1 { max-width: 1040px; margin-top: 20px; font-size: clamp(4.8rem, 9.2vw, 10.8rem); line-height: .88; letter-spacing: -.068em; }
  .changelog-hero .container > p:not(.eyebrow) { max-width: 720px; margin-top: 26px; color: var(--text-muted); font-size: clamp(.92rem, 1.15vw, 1.08rem); line-height: 1.72; }
  .changelog-index { background: linear-gradient(180deg, rgba(255,255,255,.01), transparent 24%); }
  .changelog-index > .container { display: grid; gap: 18px; }
  .changelog-product {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--betra-border);
    border-radius: 28px;
    background:
      radial-gradient(circle at 90% 0%, rgba(225,190,133,.045), transparent 32%),
      rgba(14,12,10,.76);
    box-shadow: 0 30px 80px rgba(0,0,0,.19);
  }
  .changelog-product--spectral { background: radial-gradient(circle at 88% 5%, rgba(133,213,226,.06), transparent 35%), rgba(12,13,13,.8); }
  .changelog-product--institutional { background: radial-gradient(circle at 88% 5%, rgba(198,154,100,.055), transparent 35%), rgba(14,11,9,.82); }
  .changelog-product--monolith { background: radial-gradient(circle at 88% 5%, rgba(161,142,216,.055), transparent 35%), rgba(11,10,14,.82); }
  .changelog-product--nocturnal { background: radial-gradient(circle at 88% 5%, rgba(104,165,179,.055), transparent 35%), rgba(8,12,13,.82); }
  .changelog-product > header {
    display: grid;
    grid-template-columns: 46px 72px minmax(0,1fr) auto;
    align-items: center;
    gap: 20px;
    padding: 26px 28px;
    border-bottom: 1px solid var(--betra-border);
  }
  .changelog-product > header > span:first-child { color: var(--text-faint); font: .75rem/1 var(--font-mono); }
  .changelog-product > header h2 { margin-top: 7px; font-size: clamp(2rem, 3.2vw, 4rem); }
  .changelog-product > header p { margin-top: 8px; color: var(--text-muted); font-size: .875rem; }
  .changelog-product__records { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); }
  .changelog-product__records > a,
  .changelog-product__empty {
    position: relative;
    min-height: 235px;
    padding: 30px;
    border-right: 1px solid var(--betra-border);
    border-bottom: 1px solid var(--betra-border);
    transition: background .25s ease, transform .32s var(--ease-spring);
  }
  .changelog-product__records > a:nth-child(2n) { border-right: 0; }
  .changelog-product__records > a:hover { background: rgba(255,255,255,.024); }
  .changelog-product__records small,
  .changelog-product__empty small { color: var(--betra-ember); font: .75rem/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }
  .changelog-product__records strong { display: block; max-width: 540px; margin-top: 20px; font-size: clamp(1.25rem, 2vw, 2.05rem); line-height: 1.08; }
  .changelog-product__records p,
  .changelog-product__empty p { max-width: 560px; margin-top: 14px; color: var(--text-muted); font-size: .875rem; line-height: 1.62; }
  .changelog-product__records em { position: absolute; left: 30px; bottom: 27px; color: var(--text-faint); font: .75rem/1 var(--font-mono); font-style: normal; }
  .changelog-product__records > a > svg { position: absolute; right: 28px; bottom: 25px; transition: transform .2s ease; }
  .changelog-product__records > a:hover > svg { transform: translateX(4px); }

  /* Betra-wide 404 --------------------------------------------------- */
  .betra-not-found {
    position: relative;
    min-height: 100svh;
    display: grid;
    place-items: center;
    overflow: hidden;
    padding: 120px 0 90px;
    background:
      radial-gradient(circle at 50% 45%, rgba(221,185,126,.055), transparent 33%),
      linear-gradient(140deg, #090806, #060606 62%);
  }
  .betra-not-found__field { position: absolute; inset: 0; opacity: .85; }
  .betra-not-found__inner { position: relative; z-index: 3; max-width: 980px; text-align: center; }
  .betra-not-found__inner > .betra-logo { justify-content: center; margin: 0 auto 28px; }
  .betra-not-found h1 { margin-top: 20px; font-size: clamp(5.2rem, 12vw, 13rem); line-height: .82; letter-spacing: -.075em; }
  .betra-not-found__inner > p:not(.eyebrow) { max-width: 660px; margin: 28px auto 0; color: var(--text-muted); font-size: .98rem; line-height: 1.7; }
  .betra-not-found .button-row { justify-content: center; margin-top: 34px; }
  .betra-not-found nav { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; margin-top: 32px; }
  .betra-not-found nav a { padding: 8px 13px; border: 1px solid var(--betra-border); border-radius: 999px; color: var(--text-faint); font: .8125rem/1 var(--font-mono); transition: color .2s ease, border-color .2s ease, background .2s ease; }
  .betra-not-found nav a:hover { color: var(--text); border-color: rgba(236,218,190,.2); background: rgba(255,255,255,.026); }
  .betra-not-found__coordinates { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
  .betra-not-found__coordinates > span { position: absolute; left: calc(10% + var(--i) * 25%); top: calc(18% + (var(--i) % 2) * 62%); display: flex; align-items: center; gap: 8px; color: rgba(245,237,223,.2); transform: rotate(calc(-3deg + var(--i) * 2deg)); }
  .betra-not-found__coordinates > span::after { content:""; width: clamp(50px,9vw,150px); height: 1px; background: linear-gradient(90deg, rgba(225,190,133,.16), transparent); }
  .betra-not-found__coordinates i { font: .75rem/1 var(--font-mono); font-style: normal; letter-spacing: .1em; text-transform: uppercase; }

  @media (max-width: 980px) {
    .betra-related__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .changelog-product > header { grid-template-columns: 34px 58px minmax(0,1fr); }
    .changelog-product > header > .project-status { grid-column: 3; justify-self: start; }
  }
  @media (max-width: 700px) {
    .betra-related { padding: 70px 0; }
    .betra-related__grid { grid-template-columns: 1fr; }
    .changelog-hero { min-height: 68svh; padding: 126px 0 66px; }
    .changelog-hero h1 { font-size: clamp(3.6rem, 17vw, 6.8rem); }
    .changelog-product { border-radius: 22px; }
    .changelog-product > header { grid-template-columns: 28px 48px minmax(0,1fr); gap: 12px; padding: 20px 17px; }
    .changelog-product > header h2 { font-size: 2rem; }
    .changelog-product__records { grid-template-columns: 1fr; }
    .changelog-product__records > a { min-height: 220px; padding: 25px 20px; border-right: 0; }
    .changelog-product__records em { left: 20px; bottom: 23px; }
    .changelog-product__records > a > svg { right: 20px; bottom: 21px; }
    .betra-not-found { padding-inline: 10px; }
    .betra-not-found h1 { font-size: clamp(4.8rem, 24vw, 7.5rem); }
    .betra-not-found .button-row { align-items: stretch; flex-direction: column; max-width: 310px; margin-inline: auto; }
    .betra-not-found .button { justify-content: center; width: 100%; }
    .betra-not-found__coordinates > span { opacity: .45; }
  }
}

@layer betra {
  .account-concept__intro { max-width: 690px; margin-top: 12px; color: var(--text-muted); font-size: .76rem; line-height: 1.65; }
  .account-concept__shell [data-account-panel] { min-width: 0; }

  .betra-career-dialog {
    position: fixed;
    inset: 0;
    z-index: 140;
    display: grid;
    place-items: center;
    padding: 24px;
    opacity: 0;
    transition: opacity .18s ease;
  }
  .betra-career-dialog.is-open { opacity: 1; }
  .betra-career-dialog__backdrop { position: absolute; inset: 0; width: 100%; height: 100%; background: rgba(3,3,3,.78); backdrop-filter: blur(16px); }
  .betra-career-dialog__panel {
    position: relative;
    width: min(720px, 100%);
    max-height: min(840px, calc(100svh - 48px));
    overflow: auto;
    padding: 28px;
    border: 1px solid rgba(236,218,190,.14);
    border-radius: 28px;
    background:
      radial-gradient(circle at 85% 0%, rgba(225,190,133,.075), transparent 34%),
      rgba(14,12,10,.97);
    box-shadow: 0 45px 130px rgba(0,0,0,.55);
    transform: translateY(14px) scale(.985);
    transition: transform .28s var(--ease-spring);
  }
  .betra-career-dialog.is-open .betra-career-dialog__panel { transform: none; }
  .betra-career-dialog__panel > header { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--betra-border); }
  .betra-career-dialog__panel > header span { color: var(--betra-ember); font: .75rem/1 var(--font-mono); letter-spacing: .12em; }
  .betra-career-dialog__panel > header button { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid var(--betra-border); border-radius: 50%; color: var(--text-muted); }
  .betra-career-dialog__meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 24px; }
  .betra-career-dialog__meta span { padding: 7px 10px; border: 1px solid var(--betra-border); border-radius: 999px; color: var(--text-faint); font: .75rem/1 var(--font-mono); }
  .betra-career-dialog h2 { max-width: 620px; margin-top: 24px; font-size: clamp(2.5rem, 5vw, 4.8rem); line-height: .96; }
  .betra-career-dialog h2 + p { max-width: 630px; margin-top: 20px; color: var(--text-muted); font-size: .875rem; line-height: 1.7; }
  .betra-career-dialog dl { margin-top: 28px; border-top: 1px solid var(--betra-border); }
  .betra-career-dialog dl div { display: flex; justify-content: space-between; gap: 20px; padding: 15px 0; border-bottom: 1px solid var(--betra-border); }
  .betra-career-dialog dt { color: var(--text-faint); font-size: .75rem; }
  .betra-career-dialog dd { margin: 0; color: var(--text-soft); font-size: .875rem; text-align: right; }
  .betra-career-dialog__note { margin: 24px 0; padding: 16px; border: 1px solid rgba(225,190,133,.1); border-radius: 14px; background: rgba(225,190,133,.025); color: var(--text-muted); font-size: .75rem; line-height: 1.55; }

  @media (max-width: 600px) {
    .betra-career-dialog { align-items: end; padding: 10px; }
    .betra-career-dialog__panel { max-height: calc(100svh - 20px); padding: 22px 18px calc(22px + env(safe-area-inset-bottom)); border-radius: 25px; }
    .betra-career-dialog dl div { align-items: flex-start; flex-direction: column; gap: 6px; }
    .betra-career-dialog dd { text-align: left; }
  }
}

@layer betra {
  /* Procedural fields are atmosphere, never interaction blockers. */
  .betra-hero__field,
  .betra-constellation__field,
  .betra-featured-astrid__field,
  .division-hero__field,
  .product-hero__field,
  .interactive-hero__field,
  .software-hero__field,
  .labs-hero__field,
  .archive-hero__field,
  .tech-hero__field,
  .timeline-hero__field,
  .graph-hero__field,
  .devlog-hero__field,
  .media-hero__field,
  .company-hero__field,
  .research-hero__field,
  .news-hero__field,
  .careers-betra-hero__field,
  .betra-status-hero__field,
  .account-concept__field,
  .changelog-hero__field,
  .betra-not-found__field,
  .betra-footer__field,
  .betra-mega__field,
  .product-atmosphere__field { pointer-events: none; }
}
@layer betra {
  .product-graph__detail h2 { margin-top: 12px; font-size: clamp(1.35rem,2vw,1.9rem); }
}
@layer betra {
  .product-atmosphere,
  .product-atmosphere * { pointer-events: none; }
  .media-library-item { position: relative; overflow: hidden; isolation: isolate; }
  .media-library-item > .product-atmosphere { inset: 0; z-index: 0; }
  .media-library-item > span,
  .media-library-item > div:not(.product-atmosphere) { position: relative; z-index: 4; }
}

@layer betra {
  /* The Bunter atmospheric map uses free-positioned route nodes. */
  .school-map { --threat-x: 13%; --threat-y: 72%; isolation: isolate; }
  .school-map__grid {
    position: absolute;
    inset: 8%;
    display: block;
    transform: perspective(1000px) rotateX(54deg) rotateZ(-3deg);
    transform-origin: 50% 62%;
    background-image:
      linear-gradient(rgba(221,195,160,.04) 1px,transparent 1px),
      linear-gradient(90deg,rgba(221,195,160,.04) 1px,transparent 1px);
    background-size: 8% 18%;
    mask-image: linear-gradient(to bottom, transparent, #000 13%, #000 82%, transparent);
    pointer-events: none;
  }
  .school-map > button[data-school-node] {
    position: absolute;
    z-index: 5;
    left: var(--x);
    top: var(--y);
    display: grid;
    grid-template-columns: 11px auto;
    align-items: center;
    gap: 9px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid rgba(221,195,160,.1);
    border-radius: 999px;
    background: rgba(11,8,7,.8);
    color: rgba(239,225,205,.52);
    font: .8125rem/1 var(--font-mono);
    transform: translate(-50%,-50%);
    transition: color .2s ease, border-color .2s ease, background .2s ease, transform .3s var(--ease-spring), box-shadow .3s ease;
    backdrop-filter: blur(10px);
  }
  .school-map > button[data-school-node] > i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(220,187,142,.42);
    box-shadow: 0 0 0 4px rgba(220,187,142,.025);
    transition: background .2s ease, box-shadow .2s ease;
  }
  .school-map > button[data-school-node]:hover,
  .school-map > button[data-school-node].is-active {
    z-index: 7;
    color: var(--text);
    border-color: rgba(211,151,126,.3);
    background: rgba(31,19,15,.88);
    transform: translate(-50%,-50%) scale(1.08);
    box-shadow: 0 15px 36px rgba(0,0,0,.28);
  }
  .school-map > button[data-school-node].is-active > i {
    background: #bd7865;
    box-shadow: 0 0 18px rgba(189,120,101,.65);
  }
  .school-map > svg {
    position: absolute;
    z-index: 2;
    inset: 10% 7%;
    width: 86%;
    height: 80%;
    overflow: visible;
    pointer-events: none;
  }
  .school-map > svg path {
    fill: none;
    stroke: rgba(224,188,143,.22);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-dasharray: 8 10;
    vector-effect: non-scaling-stroke;
  }
  .school-map__threat {
    z-index: 6;
    left: var(--threat-x);
    top: var(--threat-y);
    transform: translate(-50%,-50%);
    transition: left .8s var(--ease-cinematic), top .8s var(--ease-cinematic), box-shadow .3s ease;
    pointer-events: none;
  }
  .school-map__threat > i { position: absolute; inset: -8px; border: 1px solid rgba(167,96,84,.22); border-radius: 50%; animation: betra-map-pulse 2.4s ease-out infinite; }
  .school-map__threat > span { position: absolute; left: 16px; top: 12px; width: 100px; color: rgba(205,151,130,.55); font: .75rem/1.35 var(--font-mono); letter-spacing: .1em; }
  @keyframes betra-map-pulse { 0%{transform:scale(.3);opacity:.8} 70%,100%{transform:scale(2.2);opacity:0} }
  @media (max-width: 700px) {
    .school-map > button[data-school-node] { grid-template-columns: 7px auto; gap: 6px; min-height: 29px; padding: 6px 8px; font-size: .8125rem; }
    .school-map > button[data-school-node] > i { width: 4px; height: 4px; }
    .school-map__threat > span { display: none; }
  }
  @media (prefers-reduced-motion: reduce) {
    .school-map__threat > i { animation: none; opacity: .3; }
  }
}

/* Betra-wide diagnostics taxonomy */
.bug-entry-classifier {
  display:grid;
  grid-template-columns:minmax(180px, .7fr) minmax(0, 1.3fr);
  gap:12px;
  align-items:end;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(238,199,133,.035),rgba(112,199,215,.025));
}
.bug-entry-classifier label { display:grid;gap:7px; }
.bug-entry-classifier label>span { color:var(--text-muted);font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase; }
.bug-entry-classifier select,
.bug-entry-tools select {
  min-height:42px;
  width:100%;
  border:1px solid rgba(255,255,255,.09);
  border-radius:13px;
  padding:0 34px 0 12px;
  color:var(--text-primary);
  background:rgba(4,4,5,.7);
  font:600 .8125rem/1 var(--font-sans);
  outline:none;
}
.bug-entry-classifier select:focus-visible,
.bug-entry-tools select:focus-visible { border-color:rgba(225,188,126,.42);box-shadow:0 0 0 4px rgba(225,188,126,.08); }
.bug-entry-classifier p { margin:0;color:var(--text-muted);font-size:.875rem;line-height:1.5; }
.bug-entry-tools { grid-template-columns:minmax(0,1fr) minmax(150px,.45fr) auto; }
.bug-entry__top b {
  padding:4px 7px;
  border:1px solid rgba(229,190,124,.16);
  border-radius:999px;
  color:rgba(244,224,190,.78);
  font-weight:650;
}
.bug-entry__top small { color:rgba(245,245,242,.42);font-size:.75rem;letter-spacing:.08em; }
@media (max-width:760px) {
  .bug-entry-classifier { grid-template-columns:1fr; }
  .bug-entry-tools { grid-template-columns:1fr; }
  .bug-entry-tools button { justify-self:start; }
  .bug-entry__top { flex-wrap:wrap; }
  .bug-entry__top time { margin-left:0;width:100%; }
}