:root, [data-theme="dark"] {
  --iox-orbit-50: #f3f6fd;
  --iox-orbit-100: #e5ebf8;
  --iox-orbit-200: #ccd6ed;
  --iox-orbit-300: #a8b5d7;
  --iox-orbit-400: #8090b6;
  --iox-orbit-500: #606f95;
  --iox-orbit-600: #465579;
  --iox-orbit-700: #364363;
  --iox-orbit-800: #28324d;
  --iox-orbit-900: #1b2439;
  --iox-orbit-950: #0f1526;
  --iox-beam-300: #89a8ec;
  --iox-beam-400: #5a83e2;
  --iox-beam-500: #3a64d1;
  --iox-beam-600: #284db1;
  --iox-beam-700: #1b398e;
  --iox-beam-800: #112868;
  --iox-steel-50: #f7f8fa;
  --iox-steel-100: #ebedf1;
  --iox-steel-200: #dbdee3;
  --iox-steel-300: #c4c7ce;
  --iox-steel-400: #9ca0a8;
  --iox-steel-500: #747981;
  --iox-steel-600: #585c65;
  --iox-steel-700: #3f444c;
  --iox-steel-800: #2a2f38;
  --iox-steel-850: #1f242c;
  --iox-steel-900: #161a23;
  --iox-steel-950: #0b0f16;
  --iox-ground: var(--iox-steel-950);
  --iox-surface: var(--iox-steel-900);
  --iox-tile: var(--iox-steel-850);
  --iox-tile-raised: var(--iox-steel-800);
  --iox-tile-active: var(--iox-orbit-600);
  --iox-line: var(--iox-steel-800);
  --iox-ink: var(--iox-steel-50);
  --iox-ink-muted: var(--iox-steel-400);
  --iox-ink-faint: var(--iox-steel-500);
  --iox-action: var(--iox-steel-50);
  --iox-on-action: var(--iox-orbit-950);
  --iox-signal: #e6fb52;
  --iox-on-signal: var(--iox-orbit-950);
  --iox-ok: #5fd27a;
  --iox-warn: #f0c04a;
  --iox-danger: #ff6b47;
  --iox-info: var(--iox-beam-300);
  --iox-focus: var(--iox-signal);
  --iox-accent-soft: var(--iox-orbit-200);
  --iox-on-atmo: #ffffff;
  --iox-on-atmo-muted: rgba(255, 255, 255, 0.80);
  --iox-on-atmo-ok: #5fd27a;
  --iox-glass: rgba(255, 255, 255, 0.10);
  --iox-glass-strong: rgba(255, 255, 255, 0.18);
  --iox-glass-dark: rgba(8, 12, 24, 0.46);
  --iox-glass-line: rgba(255, 255, 255, 0.16);
  --iox-shadow-tile: 0 1px 0 0 rgba(255, 255, 255, 0.05) inset, 0 12px 32px -14px rgba(0, 0, 0, 0.55);
  --iox-shadow-float: 0 32px 64px -24px rgba(0, 0, 0, 0.60);
}
[data-theme="light"] {
  --iox-ground: var(--iox-steel-100);
  --iox-surface: var(--iox-steel-50);
  --iox-tile: #ffffff;
  --iox-tile-raised: #ffffff;
  --iox-tile-active: var(--iox-orbit-100);
  --iox-line: var(--iox-steel-200);
  --iox-ink: var(--iox-orbit-950);
  --iox-ink-muted: var(--iox-steel-600);
  --iox-ink-faint: var(--iox-steel-500);
  --iox-action: var(--iox-orbit-800);
  --iox-on-action: var(--iox-steel-50);
  --iox-signal: #e2f35c;
  --iox-ok: #0b6a47;
  --iox-warn: #805600;
  --iox-danger: #b52d0b;
  --iox-info: var(--iox-beam-600);
  --iox-focus: var(--iox-beam-600);
  --iox-accent-soft: var(--iox-orbit-700);
  --iox-shadow-tile: 0 1px 2px 0 rgba(15, 21, 38, 0.06), 0 10px 28px -14px rgba(15, 21, 38, 0.20);
  --iox-shadow-float: 0 28px 56px -24px rgba(15, 21, 38, 0.28);
}
:root {
  --iox-space-1: 4px;
  --iox-space-2: 8px;
  --iox-space-3: 12px;
  --iox-space-4: 16px;
  --iox-space-5: 24px;
  --iox-space-6: 32px;
  --iox-space-7: 48px;
  --iox-space-8: 64px;
  --iox-space-9: 96px;
  --iox-radius-xs: 8px;
  --iox-radius-s: 12px;
  --iox-radius-m: 16px;
  --iox-radius-l: 24px;
  --iox-radius-xl: 32px;
  --iox-radius-full: 999px;
  --iox-blur-glass: 22px;
  --font-iox-sans: Urbanist, ui-sans-serif, system-ui, sans-serif;
  --font-iox-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
}
@font-face { font-family: "Urbanist"; font-style: normal; font-weight: 200; font-display: swap; src: url("../fonts/urbanist-200.6c852f45e964.woff2") format("woff2"); }
@font-face { font-family: "Urbanist"; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/urbanist-300.2d133ea650f7.woff2") format("woff2"); }
@font-face { font-family: "Urbanist"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/urbanist-400.9f5c91329c78.woff2") format("woff2"); }
@font-face { font-family: "Urbanist"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/urbanist-500.8e563b385464.woff2") format("woff2"); }
@font-face { font-family: "Urbanist"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/urbanist-600.68bcca0cd969.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/jetbrains-mono-400.2c73f943e70d.woff2") format("woff2"); }
  html, body { margin: 0; background: var(--iox-ground); }
  body { font-family: var(--font-iox-sans); -webkit-font-smoothing: antialiased; }
  * { box-sizing: border-box; }
  a { color: inherit; text-decoration: none; }
  .iox-i { width: 20px; height: 20px; fill: currentColor; flex: none; }
  .iox-page { padding: 0; }
  [data-theme="light"] .iox-page { padding: var(--iox-space-3); }
  .iox-hero { position: relative; isolation: isolate; overflow: hidden; min-height: 960px; color: var(--iox-on-atmo);
    padding: var(--iox-space-5) var(--iox-space-8) var(--iox-space-8); display: flex; flex-direction: column; }
  [data-theme="light"] .iox-hero { border-radius: var(--iox-radius-xl); min-height: 936px; }
  .iox-atmo { position: absolute; inset: 0; z-index: -1; }
  .iox-glass, .iox-glass-dark { backdrop-filter: blur(var(--iox-blur-glass)); -webkit-backdrop-filter: blur(var(--iox-blur-glass)); box-shadow: inset 0 0 0 1px var(--iox-glass-line); }
  .iox-glass { background: var(--iox-glass); }
  .iox-glass-dark { background: var(--iox-glass-dark); }
  .iox-nav { display: flex; align-items: center; justify-content: space-between; gap: var(--iox-space-5); height: 56px; }
  .iox-mark { font-weight: 600; font-size: 20px; letter-spacing: 0.08em; }
  .iox-seg { display: flex; gap: 2px; padding: 4px; border-radius: var(--iox-radius-m); }
  .iox-seg a { font-size: 14px; line-height: 20px; padding: 8px 16px; border-radius: var(--iox-radius-s); color: var(--iox-on-atmo-muted); }
  .iox-seg a:hover { background: var(--iox-glass-strong); color: var(--iox-on-atmo); }
  .iox-side { display: flex; align-items: center; gap: var(--iox-space-2); }
  .iox-chip { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 14px; border-radius: var(--iox-radius-s); font-size: 14px; color: var(--iox-on-atmo); }
  .iox-chip.iox-ghost { color: var(--iox-on-atmo-muted); }
  .iox-btn { display: inline-flex; align-items: center; gap: 12px; height: 40px; padding: 0 6px 0 16px; border-radius: var(--iox-radius-s);
    background: var(--iox-on-atmo); color: var(--iox-orbit-950); font-size: 14px; font-weight: 500; }
  .iox-btn .iox-btn-ic { display: grid; place-items: center; width: 28px; height: 28px; border-radius: calc(var(--iox-radius-s) - 6px); background: var(--iox-orbit-800); color: var(--iox-on-atmo); }
  .iox-btn .iox-btn-ic .iox-i { width: 14px; height: 14px; }
  a:focus-visible { outline: 2px solid var(--iox-signal); outline-offset: 2px; }
  .iox-eyebrow { display: inline-flex; align-items: center; gap: var(--iox-space-2); height: 32px; padding: 0 14px 0 12px; border-radius: var(--iox-radius-xs); font-size: 13px; }
  .iox-live { width: 8px; height: 8px; border-radius: 50%; background: var(--iox-signal); box-shadow: 0 0 0 4px rgba(230, 251, 82, 0.16); }
  .iox-h1 { margin: var(--iox-space-5) 0 0; font-size: 72px; line-height: 74px; font-weight: 300; letter-spacing: -0.025em; }
  .iox-h1 b { font-weight: 500; }
  .iox-lede { margin: var(--iox-space-5) 0 0; font-size: 18px; line-height: 28px; color: var(--iox-on-atmo-muted); }
  .iox-ctas { display: flex; gap: var(--iox-space-2); margin-top: var(--iox-space-6); }
  .iox-ctas .iox-btn { height: 52px; padding: 0 6px 0 22px; font-size: 15px; }
  .iox-ctas .iox-btn .iox-btn-ic { width: 40px; height: 40px; }
  .iox-ctas .iox-btn .iox-btn-ic .iox-i { width: 16px; height: 16px; }
  .iox-ctas .iox-chip { height: 52px; padding: 0 22px; font-size: 15px; }
  .iox-card { position: relative; border-radius: var(--iox-radius-l); padding: var(--iox-space-5); display: flex; flex-direction: column; }
  .iox-row { display: flex; align-items: center; justify-content: space-between; gap: var(--iox-space-3); }
  .iox-badge { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; }
  .iox-ic { display: grid; place-items: center; width: 32px; height: 32px; border-radius: var(--iox-radius-xs); background: var(--iox-orbit-950); color: var(--iox-on-atmo); flex: none; }
  .iox-ic .iox-i { width: 18px; height: 18px; }
  .iox-go { display: grid; place-items: center; width: 36px; height: 36px; border-radius: var(--iox-radius-xs); background: var(--iox-glass); color: var(--iox-on-atmo); }
  .iox-go .iox-i { width: 16px; height: 16px; }
  .iox-muted { color: var(--iox-on-atmo-muted); }
  .iox-lab { font-size: 13px; line-height: 18px; }
  .iox-num { font-size: 64px; line-height: 64px; font-weight: 200; letter-spacing: -0.02em; }
  .iox-num sup { font-size: 18px; line-height: 1; font-weight: 400; vertical-align: top; position: relative; top: 8px; margin-left: 4px; color: var(--iox-on-atmo-muted); }
  body { color: var(--iox-ink); }
  .iox-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
  .iox-page { max-width: 1440px; margin: 0 auto; }
  .iox-hero { min-height: 0; padding-bottom: var(--iox-space-9); }
  .iox-atmo { background:
      radial-gradient(52% 70% at 100% 0%, var(--iox-beam-500) 0%, transparent 72%),
      radial-gradient(38% 50% at 78% 52%, var(--iox-orbit-400) 0%, transparent 76%),
      radial-gradient(70% 90% at 0% 30%, var(--iox-steel-950) 0%, transparent 72%),
      linear-gradient(180deg, transparent 0%, transparent 62%, var(--iox-steel-950) 100%),
      linear-gradient(112deg, var(--iox-steel-950) 0%, var(--iox-orbit-950) 30%, var(--iox-orbit-800) 60%, var(--iox-beam-600) 100%); }
  .iox-chip .iox-i, .iox-where .iox-i { width: 16px; height: 16px; }
  .iox-menu { display: none; width: 40px; height: 40px; border: 0; border-radius: var(--iox-radius-s); color: var(--iox-on-atmo); place-items: center; cursor: pointer; }
  .iox-hgrid { display: grid; grid-template-columns: minmax(0, 1fr) 576px; gap: var(--iox-space-7); margin-top: var(--iox-space-8); }
  .iox-copy { display: flex; flex-direction: column; align-items: flex-start; }
  .iox-copy .iox-h1 { max-width: 660px; }
  .iox-copy .iox-lede { max-width: 540px; }
  .iox-where { display: flex; gap: 8px; align-items: flex-start; margin: var(--iox-space-6) 0 0; font-size: 14px; line-height: 20px; color: var(--iox-on-atmo); max-width: 520px; }
  .iox-where .iox-i { margin-top: 2px; }
  .iox-who { margin: var(--iox-space-2) 0 0 24px; font-size: 13px; line-height: 19px; color: var(--iox-on-atmo-muted); max-width: 500px; }
  .iox-bento { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: var(--iox-space-2); align-content: start; }
  .iox-mesh { grid-row: 1 / span 2; min-height: 440px; border-radius: var(--iox-radius-l); box-shadow: inset 0 0 0 1px var(--iox-glass-line), var(--iox-shadow-float);
    background:
      radial-gradient(150% 66% at 6% 100%, var(--iox-orbit-950) 0%, var(--iox-orbit-950) 38%, transparent 80%),
      radial-gradient(60% 45% at 26% 34%, var(--iox-beam-700) 0%, transparent 72%),
      radial-gradient(58% 48% at 86% 16%, var(--iox-orbit-200) 0%, transparent 70%),
      radial-gradient(70% 60% at 80% 62%, var(--iox-beam-400) 0%, transparent 76%),
      var(--iox-beam-600); }
  .iox-badge { align-items: flex-start; line-height: 20px; }
  .iox-badge .iox-ic { margin-top: -6px; }
  .iox-badge-glass { align-self: flex-start; align-items: center; padding: 6px 14px 6px 6px; border-radius: var(--iox-radius-s); }
  .iox-badge-glass .iox-ic { margin-top: 0; }
  .iox-statement { margin: auto 0 0; font-size: 30px; line-height: 36px; font-weight: 400; letter-spacing: -0.01em; max-width: 230px; }
  .iox-steps-mini { list-style: none; margin: var(--iox-space-5) 0 0; padding: 0; display: grid; gap: 10px; }
  .iox-st { display: flex; align-items: center; gap: 10px; font-size: 14px; line-height: 20px; color: var(--iox-on-atmo-muted); }
  .iox-st .iox-i { width: 18px; height: 18px; }
  .iox-st-done .iox-i { color: var(--iox-on-atmo); }
  .iox-st-now { color: var(--iox-on-atmo); font-weight: 500; }
  .iox-st-now .iox-i { color: var(--iox-on-atmo); }
  .iox-st-next .iox-i { color: var(--iox-glass-strong); }
  .iox-access { flex-direction: row; justify-content: space-between; align-items: center; }
  .iox-switch { flex: none; width: 52px; height: 32px; border-radius: var(--iox-radius-xs); background: var(--iox-orbit-600); position: relative; box-shadow: inset 0 0 0 1px var(--iox-glass-line); }
  .iox-switch i { position: absolute; right: 4px; top: 4px; width: 24px; height: 24px; border-radius: calc(var(--iox-radius-xs) - 4px); background: var(--iox-on-atmo); }
  .iox-sec { padding: var(--iox-space-9) var(--iox-space-8) 0; }
  .iox-head { max-width: 760px; }
  .iox-eyebrow-t { margin: 0 0 var(--iox-space-3); font-size: 13px; line-height: 18px; font-weight: 500; letter-spacing: 0.02em; color: var(--iox-ink-muted); }
  .iox-h2 { margin: 0; font-size: 52px; line-height: 56px; font-weight: 300; letter-spacing: -0.02em; }
  .iox-intro { margin: var(--iox-space-4) 0 0; font-size: 18px; line-height: 28px; color: var(--iox-ink-muted); }
  .iox-intro a { color: var(--iox-info); text-decoration: underline; text-underline-offset: 3px; }
  .iox-tcard { background: var(--iox-tile); border-radius: var(--iox-radius-l); padding: var(--iox-space-5); box-shadow: var(--iox-shadow-tile); }
  .iox-tcard h3 { margin: 0; font-size: 20px; line-height: 26px; font-weight: 500; }
  .iox-tcard p { margin: var(--iox-space-2) 0 0; font-size: 15px; line-height: 22px; color: var(--iox-ink-muted); }
  .iox-ic-l { width: 40px; height: 40px; border-radius: var(--iox-radius-xs); }
  .iox-ic-l .iox-i { width: 20px; height: 20px; }
  .iox-link { display: inline-flex; align-items: center; gap: 6px; margin-top: var(--iox-space-5); font-size: 15px; line-height: 20px; font-weight: 500; color: var(--iox-info); }
  .iox-link .iox-i { width: 14px; height: 14px; }
  .iox-how { display: grid; grid-template-columns: 440px minmax(0, 1fr); gap: var(--iox-space-7); margin-top: var(--iox-space-7); align-items: start; }
  .iox-system { padding: var(--iox-space-6); }
  .iox-system h3 { margin-top: var(--iox-space-5); font-size: 24px; line-height: 30px; }
  .iox-ticks { list-style: none; padding: 0; margin: var(--iox-space-5) 0 0; display: grid; gap: var(--iox-space-2); }
  .iox-ticks li { display: flex; align-items: center; gap: 12px; height: 48px; padding: 0 16px; border-radius: var(--iox-radius-s); background: var(--iox-tile-raised); font-size: 15px; }
  .iox-ticks .iox-i { width: 20px; height: 20px; }
  .iox-steplist { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--iox-space-2); }
  .iox-step { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: var(--iox-space-4); padding: var(--iox-space-5); border-radius: var(--iox-radius-l); background: var(--iox-tile); box-shadow: var(--iox-shadow-tile); }
  .iox-step-n { font-size: 40px; line-height: 40px; font-weight: 200; letter-spacing: -0.02em; color: var(--iox-ink-muted); font-variant-numeric: tabular-nums; }
  .iox-step h3 { margin: 0; font-size: 20px; line-height: 26px; font-weight: 500; }
  .iox-step p { margin: 6px 0 0; font-size: 15px; line-height: 22px; color: var(--iox-ink-muted); }
  .iox-svcgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--iox-space-2); margin-top: var(--iox-space-7); }
  .iox-svc { min-height: 208px; display: flex; flex-direction: column; }
  .iox-svc .iox-i { width: 28px; height: 28px; margin-bottom: var(--iox-space-6); }
  .iox-svc h3 { margin-top: 0; font-size: 18px; line-height: 24px; }
  .iox-svc p { font-size: 14px; line-height: 20px; }
  .iox-note { margin: var(--iox-space-5) 0 0; font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); }
  .iox-who-grid { display: grid; grid-template-columns: minmax(0, 1fr) 520px; gap: var(--iox-space-7); align-items: center; }
  .iox-who-cards { display: grid; gap: var(--iox-space-2); }
  .iox-row-card { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: var(--iox-space-4); align-items: start; }
  .iox-band { position: relative; isolation: isolate; overflow: hidden; border-radius: var(--iox-radius-xl); padding: var(--iox-space-8); color: var(--iox-on-atmo); box-shadow: inset 0 0 0 1px var(--iox-glass-line); }
  .iox-band-orbit { background:
      radial-gradient(50% 80% at 100% 0%, var(--iox-beam-500) 0%, transparent 70%),
      radial-gradient(60% 90% at 0% 100%, var(--iox-steel-950) 0%, transparent 70%),
      linear-gradient(120deg, var(--iox-orbit-950) 0%, var(--iox-orbit-800) 60%, var(--iox-beam-600) 100%); }
  .iox-head-atmo .iox-eyebrow-t, .iox-head-atmo .iox-intro { color: var(--iox-on-atmo-muted); }
  .iox-head-atmo .iox-intro a { color: var(--iox-on-atmo); }
  .iox-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--iox-space-2); margin-top: var(--iox-space-7); }
  .iox-metric { min-height: 220px; }
  .iox-metric .iox-mic .iox-i { width: 24px; height: 24px; }
  .iox-metric .iox-num { margin-top: auto; padding-top: var(--iox-space-6); }
  .iox-metric p { margin: var(--iox-space-3) 0 0; font-size: 14px; line-height: 20px; min-height: 60px; }
  .iox-tablewrap { margin-top: var(--iox-space-7); border-radius: var(--iox-radius-l); background: var(--iox-tile); box-shadow: var(--iox-shadow-tile); overflow: hidden; }
  .iox-table { width: 100%; border-collapse: collapse; }
  .iox-table th { text-align: left; font-size: 13px; line-height: 18px; font-weight: 500; color: var(--iox-ink-muted); padding: 18px var(--iox-space-5); border-bottom: 1px solid var(--iox-line); }
  .iox-table td { vertical-align: top; padding: var(--iox-space-5); border-bottom: 1px solid var(--iox-line); font-size: 15px; line-height: 22px; }
  .iox-table tr:last-child td { border-bottom: 0; }
  .iox-table td:nth-child(1) { width: 128px; }
  .iox-table td:nth-child(3) { width: 200px; color: var(--iox-ink-muted); }
  .iox-table td:nth-child(4) { width: 340px; }
  .iox-cloud { display: inline-flex; align-items: center; height: 28px; padding: 0 10px; border-radius: var(--iox-radius-xs); background: var(--iox-tile-active); font-size: 12px; line-height: 16px; font-weight: 500; white-space: nowrap; }
  .iox-wt { font-weight: 500; color: var(--iox-ink); }
  .iox-table td p { margin: 4px 0 0; color: var(--iox-ink-muted); font-size: 14px; line-height: 20px; }
  .iox-tech { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
  .iox-tech li { height: 26px; display: inline-flex; align-items: center; padding: 0 8px; border-radius: var(--iox-radius-xs); background: var(--iox-tile-raised); font-size: 12px; line-height: 16px; color: var(--iox-ink-muted); }
  .iox-reviews { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--iox-space-2); margin-top: var(--iox-space-7); }
  .iox-review { margin: 0; display: flex; flex-direction: column; padding: var(--iox-space-6); }
  .iox-quote-ic .iox-i { width: 32px; height: 32px; }
  .iox-stars { display: inline-flex; gap: 2px; }
  .iox-stars .iox-i { width: 18px; height: 18px; }
  .iox-review blockquote { margin: var(--iox-space-5) 0 0; font-size: 16px; line-height: 25px; }
  .iox-review figcaption { margin-top: auto; padding-top: var(--iox-space-6); }
  .iox-review .iox-rname { margin: 0; font-size: 15px; line-height: 20px; font-weight: 500; color: var(--iox-ink); }
  .iox-review .iox-rmeta { margin: 2px 0 0; font-size: 13px; line-height: 18px; color: var(--iox-ink-muted); }
  .iox-review .iox-link { margin-top: var(--iox-space-3); }
  .iox-band-horizon { text-align: center; padding: var(--iox-space-9) var(--iox-space-8); background:
      radial-gradient(70% 90% at 50% 120%, var(--iox-beam-500) 0%, transparent 70%),
      radial-gradient(40% 60% at 50% 110%, var(--iox-beam-400) 0%, transparent 70%),
      linear-gradient(180deg, var(--iox-steel-950) 0%, var(--iox-orbit-950) 60%, var(--iox-orbit-900) 100%); }
  .iox-cta .iox-h2 { max-width: 760px; margin: 0 auto; }
  .iox-cta .iox-intro { max-width: 600px; margin: var(--iox-space-4) auto 0; color: var(--iox-on-atmo-muted); }
  .iox-btn-l { height: 52px; padding: 0 6px 0 22px; font-size: 15px; margin-top: var(--iox-space-6); }
  .iox-btn-l .iox-btn-ic { width: 40px; height: 40px; }
  .iox-btn-l .iox-btn-ic .iox-i { width: 16px; height: 16px; }
  .iox-foot { margin-top: var(--iox-space-9); padding: var(--iox-space-8) var(--iox-space-8) var(--iox-space-6); border-top: 1px solid var(--iox-line); }
  .iox-foot-top { display: grid; grid-template-columns: 320px repeat(4, 1fr); gap: var(--iox-space-6); }
  .iox-foot .iox-mark { color: var(--iox-ink); }
  .iox-ftag { margin: var(--iox-space-3) 0 0; font-size: 17px; line-height: 24px; font-weight: 500; }
  .iox-fdesc { margin: var(--iox-space-2) 0 0; font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); }
  .iox-fcol h3 { margin: 0; font-size: 13px; line-height: 18px; font-weight: 500; letter-spacing: 0.02em; color: var(--iox-ink-muted); }
  .iox-fcol ul { list-style: none; margin: var(--iox-space-3) 0 0; padding: 0; display: grid; gap: 10px; font-size: 15px; line-height: 20px; }
  .iox-foot-bot { display: flex; justify-content: space-between; align-items: center; margin-top: var(--iox-space-8); padding-top: var(--iox-space-5); border-top: 1px solid var(--iox-line); font-size: 13px; line-height: 18px; color: var(--iox-ink-muted); }
  .iox-foot-bot p { margin: 0; }
  .iox-chip-line { color: var(--iox-ink); box-shadow: inset 0 0 0 1px var(--iox-line); }
  .iox-page { overflow-x: clip; }
  .iox-sec { position: relative; isolation: isolate; }
  .iox-glow-l::before, .iox-glow-r::before { content: ""; position: absolute; z-index: -1; pointer-events: none; top: 0; bottom: -96px; width: 78%; opacity: .85; }
  .iox-glow-l::before { left: 0; background: radial-gradient(56% 56% at 0% 46%, var(--iox-orbit-700) 0%, transparent 74%); }
  .iox-glow-r::before { right: 0; background: radial-gradient(56% 56% at 100% 46%, var(--iox-beam-700) 0%, transparent 74%); }
  [data-theme="light"] .iox-glow-l::before { background: radial-gradient(58% 52% at 0% 48%, var(--iox-orbit-100) 0%, transparent 72%); opacity: 1; }
  [data-theme="light"] .iox-glow-r::before { background: radial-gradient(58% 52% at 100% 48%, var(--iox-orbit-100) 0%, transparent 72%); opacity: 1; }
  .iox-rings { overflow: hidden; }
  .iox-rings::after { content: ""; position: absolute; z-index: -1; pointer-events: none; left: -460px; top: 50%; width: 920px; height: 920px; margin-top: -460px; border-radius: var(--iox-radius-full);
    border: 1px solid var(--iox-glass-line); outline: 1px solid var(--iox-glass-line); outline-offset: 96px; opacity: .7; }
  .iox-tcard, .iox-step { background: linear-gradient(180deg, var(--iox-glass) 0%, transparent 34%), var(--iox-tile); }
  [data-theme="light"] .iox-tcard, [data-theme="light"] .iox-step { background: var(--iox-tile); }
  .iox-eyebrow-t { display: inline-flex; align-items: center; gap: 10px; }
  .iox-eyebrow-t::before { content: ""; width: 6px; height: 6px; border-radius: var(--iox-radius-full); background: currentColor; box-shadow: 0 0 10px 1px currentColor; }
  .iox-eb-info { color: var(--iox-info); }
  .iox-eb-soft { color: var(--iox-accent-soft); }
  .iox-head-atmo .iox-eyebrow-t.iox-eb-ok { color: var(--iox-on-atmo-ok); }
  .iox-sec .iox-h2 { color: var(--iox-ink); background: linear-gradient(100deg, var(--iox-ink) 45%, var(--iox-info) 110%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
  .iox-band .iox-h2 { color: var(--iox-on-atmo); background: linear-gradient(100deg, var(--iox-on-atmo) 45%, var(--iox-beam-300) 110%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
  .iox-band .iox-num { color: var(--iox-on-atmo); background: linear-gradient(180deg, var(--iox-on-atmo) 35%, var(--iox-beam-300) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
  .iox-band .iox-num sup { -webkit-text-fill-color: var(--iox-on-atmo-muted); }
  .iox-step-n { color: var(--iox-info); }
  .iox-svc .iox-i, .iox-ticks .iox-i { color: var(--iox-info); }
  a.iox-tcard:hover { background: linear-gradient(180deg, var(--iox-glass) 0%, transparent 34%), var(--iox-tile-raised); }
  [data-theme="light"] a.iox-tcard:hover { background: var(--iox-tile-raised); box-shadow: var(--iox-shadow-float); }
  .iox-langbtn { border: 0; font: inherit; font-size: 14px; background: transparent; cursor: pointer; }
  .iox-langbtn-top { anchor-name: --iox-lang-top; }
  .iox-langbtn-foot { anchor-name: --iox-lang-foot; }
  .iox-langpop { margin: auto; padding: 6px; border: 0; border-radius: var(--iox-radius-m); min-width: 200px; color: var(--iox-ink); font-family: var(--font-iox-sans);
    background: var(--iox-tile-raised); box-shadow: inset 0 0 0 1px var(--iox-line), var(--iox-shadow-float); }
  .iox-langpop:popover-open { display: grid; gap: 2px; }
  .iox-langpop-l { margin: 4px 10px 6px; font-size: 13px; line-height: 18px; color: var(--iox-ink-muted); }
  .iox-langpop form { margin: 0; }
  .iox-langpop button { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: var(--iox-space-3); height: 40px; padding: 0 12px; border: 0;
    border-radius: var(--iox-radius-s); background: transparent; color: var(--iox-ink); font: inherit; font-size: 14px; cursor: pointer; }
  .iox-langpop button:hover { background: var(--iox-tile); }
  .iox-langpop button[aria-current="true"] { background: var(--iox-tile-active); }
  .iox-langpop .iox-i { width: 16px; height: 16px; }
  @supports (position-anchor: --a) {
    .iox-langpop-top { position-anchor: --iox-lang-top; inset: auto; top: anchor(bottom); right: anchor(right); margin: 8px 0 0; }
    .iox-langpop-foot { position-anchor: --iox-lang-foot; inset: auto; bottom: anchor(top); right: anchor(right); margin: 0 0 8px; }
  }
  button:focus-visible { outline: 2px solid var(--iox-focus); outline-offset: 2px; }
  .iox-sheet { margin: 0; border: 0; padding: var(--iox-space-4); color: var(--iox-on-atmo); font-family: var(--font-iox-sans);
    position: fixed; inset: 0 0 0 auto; width: 100%; max-width: 100%; height: 100dvh; max-height: none; overflow-y: auto;
    background: radial-gradient(80% 28% at 100% 0%, var(--iox-beam-700) 0%, transparent 72%),
      linear-gradient(180deg, var(--iox-steel-950) 0%, var(--iox-orbit-950) 100%);
    flex-direction: column; }
  .iox-sheet:popover-open { display: flex; }
  .iox-sheet::backdrop { background: rgba(8, 12, 24, 0.6); backdrop-filter: blur(var(--iox-blur-glass)); -webkit-backdrop-filter: blur(var(--iox-blur-glass)); }
  html:has(.iox-sheet:popover-open) { overflow: hidden; }
  .iox-sheet-top { display: flex; align-items: center; justify-content: space-between; height: 56px; flex: none; }
  .iox-sheet .iox-menu { display: grid; }
  .iox-sheet-nav { display: grid; margin-top: var(--iox-space-6); }
  .iox-sheet-nav a { display: flex; align-items: center; justify-content: space-between; gap: var(--iox-space-4); padding: 14px 0; font-size: 28px; line-height: 34px; font-weight: 300; letter-spacing: -0.01em; }
  .iox-sheet-nav .iox-i { width: 16px; height: 16px; color: var(--iox-on-atmo-muted); }
  .iox-sheet-lang { margin-top: var(--iox-space-6); }
  .iox-sheet-label { margin: 0 0 var(--iox-space-2); font-size: 13px; line-height: 18px; color: var(--iox-on-atmo-muted); }
  .iox-switch-seg { display: inline-flex; gap: 2px; padding: 4px; margin: 0; border-radius: var(--iox-radius-m); }
  .iox-switch-seg form { display: contents; }
  .iox-switch-seg button { font: inherit; font-size: 14px; line-height: 20px; padding: 8px 16px; border: 0; border-radius: var(--iox-radius-s); background: transparent; color: var(--iox-on-atmo-muted); cursor: pointer; }
  .iox-switch-seg button[aria-current="true"] { background: var(--iox-orbit-600); color: var(--iox-on-atmo); }
  .iox-sheet-ctas { margin-top: auto; padding-top: var(--iox-space-6); padding-bottom: env(safe-area-inset-bottom, 0px); display: grid; gap: var(--iox-space-2); }
  .iox-wide { height: 52px; font-size: 15px; justify-content: center; }
  .iox-btn.iox-wide { justify-content: space-between; padding: 0 6px 0 22px; }
  .iox-btn.iox-wide .iox-btn-ic { width: 40px; height: 40px; }
  @media (min-width: 641px) {
    .iox-sheet { width: 400px; padding: var(--iox-space-5) var(--iox-space-6); border-radius: var(--iox-radius-l) 0 0 var(--iox-radius-l);
      box-shadow: inset 1px 0 0 var(--iox-glass-line), var(--iox-shadow-float); }
  }
  @media (max-width: 1100px) {
    .iox-hero, .iox-sec, .iox-foot { padding-left: var(--iox-space-6); padding-right: var(--iox-space-6); }
    .iox-seg { display: none; }
    .iox-menu { display: grid; }
    .iox-glow-l::before, .iox-glow-r::before { width: 100%; opacity: .5; }
    .iox-atmo { background:
      radial-gradient(70% 22% at 100% 0%, var(--iox-beam-600) 0%, transparent 72%),
      radial-gradient(90% 26% at 100% 72%, var(--iox-orbit-700) 0%, transparent 76%),
      linear-gradient(180deg, var(--iox-steel-950) 0%, var(--iox-orbit-950) 40%, var(--iox-orbit-900) 80%, var(--iox-steel-950) 100%); }
    .iox-hgrid, .iox-how, .iox-who-grid { grid-template-columns: 1fr; }
    .iox-svcgrid, .iox-metrics { grid-template-columns: repeat(2, 1fr); }
    .iox-reviews { grid-template-columns: 1fr; }
    .iox-tablewrap { background: transparent; box-shadow: none; overflow: visible; }
    .iox-table thead { display: none; }
    .iox-table, .iox-table tbody, .iox-table tr, .iox-table td { display: block; width: auto !important; }
    .iox-table tbody { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--iox-space-2); }
    .iox-table tr { display: flex; flex-direction: column; background: var(--iox-tile); border-radius: var(--iox-radius-l); padding: var(--iox-space-5); box-shadow: var(--iox-shadow-tile); }
    .iox-table td { padding: 0; border: 0; }
    .iox-table td + td { margin-top: var(--iox-space-3); }
    .iox-table td:nth-child(4) { margin-top: auto; padding-top: var(--iox-space-3); }
    .iox-table td.iox-type::before { content: attr(data-l) ": "; color: var(--iox-ink-muted); }
    .iox-foot-top { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .iox-fbrand { grid-column: 1 / -1; }
  }
  @media (max-width: 640px) {
    .iox-hero { padding: var(--iox-space-4) var(--iox-space-4) var(--iox-space-8); }
    .iox-sec { padding: var(--iox-space-8) var(--iox-space-4) 0; }
    .iox-hide-m { display: none !important; }
    .iox-nav .iox-btn { display: none; }
    .iox-menu { display: grid; }
    .iox-hgrid { margin-top: var(--iox-space-7); gap: var(--iox-space-6); }
    .iox-h1 { font-size: 42px; line-height: 46px; }
    .iox-lede, .iox-intro { font-size: 16px; line-height: 24px; }
    .iox-ctas { flex-direction: column; align-self: stretch; }
    .iox-ctas .iox-btn, .iox-ctas .iox-chip { justify-content: space-between; }
    .iox-ctas .iox-chip { justify-content: center; }
    .iox-bento { grid-template-columns: 1fr; }
    .iox-mesh { grid-row: auto; min-height: 260px; }
    .iox-statement { font-size: 26px; line-height: 32px; max-width: 260px; }
    .iox-h2 { font-size: 34px; line-height: 40px; }
    .iox-system { padding: var(--iox-space-5); }
    .iox-step { grid-template-columns: 1fr; gap: var(--iox-space-2); }
    .iox-step-n { font-size: 28px; line-height: 28px; font-weight: 400; }
    .iox-svcgrid { grid-template-columns: 1fr; }
    .iox-svc { min-height: 0; display: grid; grid-template-columns: 28px minmax(0, 1fr); column-gap: var(--iox-space-4); }
    .iox-svc .iox-i { grid-row: span 2; margin: 0; }
    .iox-svc h3 { margin: 0; }
    .iox-band { padding: var(--iox-space-6) var(--iox-space-5); border-radius: var(--iox-radius-l); }
    .iox-metrics { grid-template-columns: 1fr 1fr; }
    .iox-metric { min-height: 0; padding: var(--iox-space-4); }
    .iox-metric p { min-height: 0; }
    .iox-metric .iox-num { font-size: 44px; line-height: 44px; padding-top: var(--iox-space-4); }
    .iox-table tbody { grid-template-columns: 1fr; }
    .iox-review { padding: var(--iox-space-5); }
    .iox-rings::after { left: -300px; width: 600px; height: 600px; margin-top: -300px; outline-offset: 64px; }
    .iox-band-horizon { padding: var(--iox-space-8) var(--iox-space-5); }
    .iox-foot { padding: var(--iox-space-7) var(--iox-space-4) var(--iox-space-5); }
    .iox-foot-top { grid-template-columns: 1fr 1fr; }
    .iox-foot-bot { flex-direction: column; align-items: flex-start; gap: var(--iox-space-3); }
  }
  .iox-nw { white-space: nowrap; }
  .iox-sec strong { font-weight: 500; color: var(--iox-ink); }
  .iox-band strong { color: var(--iox-on-atmo); }
  .iox-grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--iox-space-2); margin-top: var(--iox-space-7); }
  .iox-sec > .iox-steplist { margin-top: var(--iox-space-7); }
  .iox-tcard h2 { margin: 0; font-size: 22px; line-height: 28px; font-weight: 500; }
  .iox-tcard .iox-ic-l + h2, .iox-tcard .iox-ic-l + h3 { margin-top: var(--iox-space-5); }
  .iox-tcard p.iox-eyebrow-t { margin: var(--iox-space-5) 0 var(--iox-space-3); font-size: 13px; line-height: 18px; }
  .iox-tcard p.iox-eb-info { color: var(--iox-info); }
  .iox-tcard p.iox-eb-soft { color: var(--iox-accent-soft); }
  .iox-tcard .iox-tech { margin-top: auto; padding-top: var(--iox-space-5); }
  .iox-seg a[aria-current="page"] { background: var(--iox-glass-strong); color: var(--iox-on-atmo); }
  .iox-sheet-nav a[aria-current="page"] { margin: 0 calc(-1 * var(--iox-space-3)); padding-left: var(--iox-space-3); padding-right: var(--iox-space-3); border-radius: var(--iox-radius-s); background: var(--iox-glass); }
  .iox-phead { min-height: 0; padding-bottom: var(--iox-space-9); }
  [data-theme="light"] .iox-phead { min-height: 0; }
  .iox-atmo-in { background:
      linear-gradient(180deg, transparent 58%, var(--iox-steel-950) 100%),
      radial-gradient(46% 78% at 100% 0%, var(--iox-beam-600) 0%, transparent 70%),
      radial-gradient(36% 56% at 90% 62%, var(--iox-orbit-600) 0%, transparent 74%),
      linear-gradient(112deg, var(--iox-steel-950) 0%, var(--iox-orbit-950) 46%, var(--iox-orbit-900) 100%); }
  .iox-orbit { position: absolute; z-index: -1; pointer-events: none; right: -220px; top: 60px; width: 760px; height: 760px;
    border-radius: var(--iox-radius-full); border: 1px solid var(--iox-glass-line); outline: 1px solid var(--iox-glass-line); outline-offset: 88px; }
  .iox-orbit::after { content: ""; position: absolute; left: 111px; top: 111px; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: var(--iox-radius-full);
    background: var(--iox-beam-300); box-shadow: 0 0 0 4px var(--iox-glass), 0 0 18px 2px var(--iox-beam-400); }
  .iox-phead-copy { display: flex; flex-direction: column; align-items: flex-start; max-width: 820px; margin-top: var(--iox-space-9); }
  .iox-phead .iox-eyebrow { margin: 0; }
  .iox-dot { width: 6px; height: 6px; border-radius: var(--iox-radius-full); background: var(--iox-beam-300); box-shadow: 0 0 10px 1px var(--iox-beam-300); }
  .iox-phead .iox-lede { max-width: 640px; }
  .iox-pnote { margin: var(--iox-space-5) 0 0; font-size: 14px; line-height: 20px; color: var(--iox-on-atmo-muted); max-width: 560px; }
  .iox-byline { margin: var(--iox-space-3) 0 0; font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); }
  .iox-btn-act { border: 0; font: inherit; font-size: 15px; font-weight: 500; height: 52px; padding: 0 6px 0 22px; cursor: pointer; background: var(--iox-action); color: var(--iox-on-action); }
  .iox-btn-act .iox-btn-ic { width: 40px; height: 40px; background: var(--iox-tile-active); color: var(--iox-ink); }
  .iox-btn-act .iox-btn-ic .iox-i { width: 16px; height: 16px; }
  .iox-btn-sec { flex: none; height: 40px; padding: 0 16px; border: 0; border-radius: var(--iox-radius-s); font: inherit; font-size: 14px; font-weight: 500; cursor: pointer; background: var(--iox-tile-active); color: var(--iox-ink); }
  .iox-formgrid { display: grid; grid-template-columns: minmax(0, 1fr) 640px; gap: var(--iox-space-8); align-items: start; }
  .iox-where-row { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: var(--iox-space-4); margin-top: var(--iox-space-7); padding-top: var(--iox-space-6); border-top: 1px solid var(--iox-line); }
  .iox-lab-t { margin: 0; font-size: 13px; line-height: 18px; color: var(--iox-ink-muted); }
  .iox-where-row h3 { margin: 4px 0 0; font-size: 17px; line-height: 24px; font-weight: 500; }
  .iox-where-row p:last-child { margin: 4px 0 0; font-size: 15px; line-height: 22px; color: var(--iox-ink-muted); }
  .iox-formcard { padding: var(--iox-space-6); }
  .iox-form { display: grid; grid-template-columns: 1fr 1fr; gap: var(--iox-space-5); }
  .iox-span2 { grid-column: 1 / -1; }
  .iox-hp { display: none; }
  .iox-field label { display: block; margin-bottom: var(--iox-space-2); font-size: 14px; line-height: 20px; font-weight: 500; color: var(--iox-ink); }
  .iox-input { display: block; width: 100%; min-height: 48px; margin: 0; padding: 12px 14px; border: 0; border-radius: var(--iox-radius-s); font: inherit; font-size: 16px; line-height: 22px;
    color: var(--iox-ink); background: var(--iox-ground); box-shadow: inset 0 0 0 1px var(--iox-line); }
  textarea.iox-input { min-height: 148px; resize: vertical; }
  .iox-input::placeholder { color: var(--iox-ink-muted); opacity: 1; }
  .iox-input:hover { box-shadow: inset 0 0 0 1px var(--iox-ink-faint); }
  .iox-input:focus-visible { outline: 2px solid var(--iox-focus); outline-offset: 2px; box-shadow: inset 0 0 0 1px var(--iox-info); }
  .iox-input[aria-invalid="true"] { box-shadow: inset 0 0 0 1px var(--iox-danger); }
  .iox-formcard .iox-help { margin: var(--iox-space-2) 0 0; font-size: 13px; line-height: 18px; color: var(--iox-ink-muted); }
  .iox-formcard .iox-err { display: flex; gap: 6px; align-items: flex-start; margin: var(--iox-space-2) 0 0; font-size: 13px; line-height: 18px; color: var(--iox-danger); }
  .iox-err .iox-i { width: 16px; height: 16px; margin-top: 1px; }
  .iox-submit { padding-top: var(--iox-space-2); }
  .iox-formcard .iox-fine { margin: var(--iox-space-5) 0 0; font-size: 13px; line-height: 18px; color: var(--iox-ink-muted); }
  .iox-fine a, .iox-prose a, .iox-timeline a { color: var(--iox-info); text-decoration: underline; text-underline-offset: 3px; }
  .iox-alert { display: flex; gap: var(--iox-space-3); align-items: flex-start; margin-bottom: var(--iox-space-5); padding: 14px 16px; border-radius: var(--iox-radius-m);
    background: var(--iox-tile-raised); box-shadow: inset 0 0 0 1px var(--iox-danger); font-size: 14px; line-height: 20px; color: var(--iox-ink); }
  .iox-alert:focus-visible { outline: 2px solid var(--iox-focus); outline-offset: 2px; }
  .iox-alert > .iox-i { width: 20px; height: 20px; color: var(--iox-danger); }
  .iox-formcard .iox-alert p { margin: 0; font-size: 14px; line-height: 20px; color: var(--iox-ink); }
  .iox-alert-ok { margin: 0; padding: var(--iox-space-5); box-shadow: inset 0 0 0 1px var(--iox-ok); }
  .iox-alert-ok > .iox-i { width: 28px; height: 28px; color: var(--iox-ok); }
  .iox-alert-ok h3 { margin: 2px 0 0; font-size: 20px; line-height: 26px; font-weight: 500; }
  .iox-formcard .iox-alert-ok p { margin-top: var(--iox-space-2); font-size: 15px; line-height: 22px; color: var(--iox-ink-muted); }
  .iox-legal { display: grid; grid-template-columns: 300px minmax(0, 760px); gap: var(--iox-space-8); align-items: start; }
  .iox-toc { position: sticky; top: var(--iox-space-6); padding: var(--iox-space-5) var(--iox-space-3) var(--iox-space-3); border-radius: var(--iox-radius-l);
    background: linear-gradient(180deg, var(--iox-glass) 0%, transparent 34%), var(--iox-tile); box-shadow: var(--iox-shadow-tile); }
  [data-theme="light"] .iox-toc { background: var(--iox-tile); }
  .iox-toc .iox-eyebrow-t { margin: 0 var(--iox-space-3) var(--iox-space-3); }
  .iox-toc ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
  .iox-toc a { display: flex; gap: var(--iox-space-3); align-items: baseline; padding: 8px var(--iox-space-3); border-radius: var(--iox-radius-s); font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); }
  .iox-toc a:hover { background: var(--iox-tile-raised); color: var(--iox-ink); }
  .iox-toc a[aria-current="location"] { background: var(--iox-tile-active); color: var(--iox-ink); }
  .iox-tn { flex: none; width: 18px; font-size: 12px; font-variant-numeric: tabular-nums; color: var(--iox-info); }
  .iox-toc a[aria-current="location"] .iox-tn { color: var(--iox-ink); }
  .iox-prose section { scroll-margin-top: var(--iox-space-6); padding: var(--iox-space-6) 0; border-top: 1px solid var(--iox-line); }
  .iox-prose section:first-child { padding-top: 0; border-top: 0; }
  .iox-prose h2 { margin: 0; font-size: 22px; line-height: 28px; font-weight: 500; color: var(--iox-ink); }
  .iox-sn { color: var(--iox-info); font-variant-numeric: tabular-nums; }
  .iox-prose p { margin: var(--iox-space-3) 0 0; font-size: 16px; line-height: 26px; color: var(--iox-ink-muted); }
  .iox-founder { display: grid; grid-template-columns: 400px minmax(0, 1fr); gap: var(--iox-space-8); align-items: start; margin-top: var(--iox-space-7); }
  .iox-person { padding: var(--iox-space-3); }
  .iox-photo { display: block; position: relative; border-radius: calc(var(--iox-radius-l) - var(--iox-space-3)); overflow: hidden; }
  .iox-photo img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
  .iox-photo::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px var(--iox-glass-line); pointer-events: none; }
  .iox-person-body { padding: var(--iox-space-4) var(--iox-space-3) var(--iox-space-3); }
  .iox-person h3 { margin: 0; font-size: 22px; line-height: 28px; font-weight: 500; }
  .iox-person .iox-role { margin: 4px 0 0; font-size: 15px; line-height: 22px; color: var(--iox-ink-muted); }
  .iox-person .iox-org { margin: 2px 0 0; font-size: 15px; line-height: 22px; color: var(--iox-ink-muted); }
  .iox-person .iox-org a { color: var(--iox-info); }
  .iox-person .iox-link { margin-top: var(--iox-space-4); }
  .iox-edu { display: grid; gap: var(--iox-space-3); margin-top: var(--iox-space-4); padding-top: var(--iox-space-4); border-top: 1px solid var(--iox-line); }
  .iox-school { margin: 0; font-size: 14px; line-height: 20px; font-weight: 500; color: var(--iox-ink); }
  .iox-edu ul { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 2px; font-size: 14px; line-height: 20px; }
  .iox-edu a { color: var(--iox-ink-muted); text-decoration: underline; text-decoration-color: var(--iox-line); text-underline-offset: 3px; }
  .iox-prose-l p { margin: 0 0 var(--iox-space-5); font-size: 18px; line-height: 30px; color: var(--iox-ink-muted); }
  .iox-prose-l p:first-child { font-size: 24px; line-height: 34px; font-weight: 400; color: var(--iox-ink); }
  .iox-prose-l strong { font-weight: 500; color: var(--iox-ink); }
  .iox-mgrid { display: grid; grid-template-columns: minmax(0, 1fr) 820px; grid-template-rows: auto 1fr; column-gap: var(--iox-space-8); align-items: start; }
  .iox-mgrid > .iox-head { grid-area: 1 / 1; }
  .iox-mgrid > .iox-timeline { grid-area: 1 / 2 / 3 / 3; }
  .iox-mgrid > .iox-cert { grid-area: 2 / 1; margin-top: var(--iox-space-6); max-width: 360px; }
  .iox-timeline { list-style: none; margin: 0; padding: var(--iox-space-5) var(--iox-space-6); border-radius: var(--iox-radius-l);
    background: linear-gradient(180deg, var(--iox-glass) 0%, transparent 34%), var(--iox-tile); box-shadow: var(--iox-shadow-tile); }
  [data-theme="light"] .iox-timeline { background: var(--iox-tile); }
  .iox-timeline li { position: relative; display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: var(--iox-space-7); padding: var(--iox-space-4) 0; }
  .iox-timeline li::before { content: ""; position: absolute; left: 144px; top: 0; bottom: 0; width: 1px; background: var(--iox-line); }
  .iox-timeline li:first-child::before { top: 34px; }
  .iox-timeline li:last-child::before { bottom: calc(100% - 34px); }
  .iox-timeline li::after { content: ""; position: absolute; left: 140px; top: 30px; width: 9px; height: 9px; border-radius: var(--iox-radius-full);
    background: var(--iox-tile); box-shadow: inset 0 0 0 2px var(--iox-accent-soft); }
  .iox-timeline li.iox-now::after { background: var(--iox-info); box-shadow: 0 0 0 4px var(--iox-tile), 0 0 14px 2px var(--iox-info); }
  .iox-year { font-size: 40px; line-height: 44px; font-weight: 200; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; color: var(--iox-ink);
    background: linear-gradient(100deg, var(--iox-ink) 30%, var(--iox-info) 120%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
  .iox-timeline p { margin: 0; padding-top: 10px; font-size: 16px; line-height: 24px; color: var(--iox-ink-muted); max-width: 720px; }
  .iox-cert { display: flex; gap: var(--iox-space-3); align-items: flex-start; margin: var(--iox-space-5) 0 0; font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); }
  .iox-cert .iox-i { color: var(--iox-info); }
  .iox-longrun { display: grid; grid-template-columns: 400px minmax(0, 1fr); gap: var(--iox-space-5); align-items: start; margin-top: var(--iox-space-7); }
  .iox-testimonial { margin: 0; padding: var(--iox-space-7); }
  .iox-testimonial blockquote { margin: var(--iox-space-5) 0 0; font-size: 17px; line-height: 28px; color: var(--iox-ink); }
  .iox-testimonial blockquote p { margin: 0 0 var(--iox-space-4); font-size: inherit; line-height: inherit; color: inherit; }
  .iox-testimonial blockquote ul { margin: 0 0 var(--iox-space-4); padding: 0; list-style: none; display: grid; gap: var(--iox-space-3); }
  .iox-testimonial blockquote li { position: relative; padding-left: 22px; color: var(--iox-ink-muted); font-size: 16px; line-height: 25px; }
  .iox-testimonial blockquote li::before { content: ""; position: absolute; left: 2px; top: 10px; width: 6px; height: 6px; border-radius: var(--iox-radius-full); background: var(--iox-info); }
  .iox-testimonial figcaption { margin-top: var(--iox-space-5); padding-top: var(--iox-space-5); border-top: 1px solid var(--iox-line); font-size: 13px; line-height: 18px; letter-spacing: 0.02em; color: var(--iox-ink-muted); }
  .iox-filter { display: inline-flex; flex-wrap: wrap; gap: 2px; margin: var(--iox-space-6) 0 0; padding: 4px; border-radius: var(--iox-radius-m); background: var(--iox-tile); box-shadow: var(--iox-shadow-tile); }
  .iox-filter button { display: inline-flex; align-items: center; gap: var(--iox-space-2); height: 40px; padding: 0 14px; border: 0; border-radius: var(--iox-radius-s); font: inherit; font-size: 14px; line-height: 20px;
    background: transparent; color: var(--iox-ink-muted); cursor: pointer; }
  .iox-filter button:hover { background: var(--iox-tile-raised); color: var(--iox-ink); }
  .iox-filter button[aria-pressed="true"] { background: var(--iox-tile-active); color: var(--iox-ink); }
  .iox-count { display: inline-grid; place-items: center; min-width: 24px; height: 22px; padding: 0 6px; border-radius: 6px; font-size: 12px; line-height: 16px; font-weight: 500;
    font-variant-numeric: tabular-nums; background: var(--iox-tile-raised); color: var(--iox-ink); }
  .iox-filter button[aria-pressed="true"] .iox-count { background: var(--iox-ground); }
  .iox-ledger { list-style: none; margin: var(--iox-space-5) 0 0; padding: 0 var(--iox-space-6); border-radius: var(--iox-radius-l); background: var(--iox-tile); box-shadow: var(--iox-shadow-tile); }
  .iox-ledger li { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: var(--iox-space-6); padding: var(--iox-space-5) 0; border-bottom: 1px solid var(--iox-line); }
  .iox-ledger li:last-child { border-bottom: 0; }
  .iox-ldate { margin: 0; font-size: 14px; line-height: 22px; color: var(--iox-ink-muted); font-variant-numeric: tabular-nums; }
  .iox-lmeta { display: flex; align-items: center; gap: var(--iox-space-3); }
  .iox-src { display: inline-flex; align-items: center; height: 24px; padding: 0 8px; border-radius: 6px; background: var(--iox-tile-raised); font-size: 12px; line-height: 16px; font-weight: 500; }
  .iox-stars .iox-i { width: 16px; height: 16px; }
  .iox-stars .iox-off { color: var(--iox-ink-faint); }
  .iox-ledger blockquote { margin: var(--iox-space-3) 0 0; font-size: 16px; line-height: 25px; color: var(--iox-ink); max-width: 820px; }
  .iox-status { margin: var(--iox-space-4) 0 0; font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); }
  .iox-status:empty { display: none; }
  .iox-jump { display: flex; flex-wrap: wrap; gap: var(--iox-space-2); margin-top: var(--iox-space-6); }
  .iox-jump a { display: inline-flex; align-items: center; height: 36px; padding: 0 12px; border-radius: var(--iox-radius-xs); background: var(--iox-tile); box-shadow: inset 0 0 0 1px var(--iox-line);
    font-size: 13px; line-height: 18px; color: var(--iox-ink-muted); white-space: nowrap; }
  .iox-jump a:hover { background: var(--iox-tile-raised); color: var(--iox-ink); }
  .iox-gwrap { margin-top: var(--iox-space-5); }
  .iox-gtable tbody { scroll-margin-top: var(--iox-space-6); }
  .iox-gtable .iox-grow th { padding: var(--iox-space-4) var(--iox-space-5); text-align: left; background: var(--iox-tile-raised); border-bottom: 1px solid var(--iox-line); }
  .iox-gname { display: inline-flex; align-items: center; gap: 10px; font-size: 15px; line-height: 20px; font-weight: 500; color: var(--iox-accent-soft); }
  .iox-gname::before { content: ""; width: 6px; height: 6px; border-radius: var(--iox-radius-full); background: currentColor; box-shadow: 0 0 10px 1px currentColor; }
  .iox-gdesc { display: block; margin: 4px 0 0 16px; font-size: 14px; line-height: 20px; font-weight: 400; color: var(--iox-ink-muted); }
  .iox-gtable td.iox-c-cloud { width: 128px; }
  .iox-gtable td.iox-c-tech { width: 380px; }
  .iox-gtable td:nth-child(3) { color: inherit; }
  .iox-cloud { color: var(--iox-ink); }
  .iox-sname { margin: 0; font-size: 15px; line-height: 22px; font-weight: 500; }
  .iox-sname a { color: var(--iox-info); }
  .iox-gtable td p { margin: 4px 0 0; }
  .iox-gtable td h3 + p { margin-top: 4px; }
  .iox-cases { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--iox-space-2); margin-top: var(--iox-space-6); }
  .iox-ctitle { grid-column: 1 / -1; display: inline-flex; align-items: center; gap: 10px; margin: var(--iox-space-6) 0 var(--iox-space-2); font-size: 15px; line-height: 20px; font-weight: 500; color: var(--iox-accent-soft); }
  .iox-ctitle:first-child { margin-top: 0; }
  .iox-ctitle::before { content: ""; width: 6px; height: 6px; border-radius: var(--iox-radius-full); background: currentColor; box-shadow: 0 0 10px 1px currentColor; }
  .iox-case { display: flex; flex-direction: column; padding: var(--iox-space-6); scroll-margin-top: var(--iox-space-6); }
  .iox-case > p:first-child { margin: 0; }
  .iox-case h4 { margin: var(--iox-space-4) 0 0; font-size: 22px; line-height: 28px; font-weight: 500; }
  .iox-case h4 + p { margin-top: var(--iox-space-3); }
  .iox-lost, [data-theme="light"] .iox-lost { min-height: 760px; }
  .iox-ghostnum { position: absolute; z-index: -1; right: var(--iox-space-8); bottom: -40px; margin: 0; font-size: 320px; line-height: 1; font-weight: 200; letter-spacing: -0.04em;
    color: transparent; background: linear-gradient(180deg, var(--iox-glass-strong) 0%, transparent 85%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
  .iox-errpage { position: relative; isolation: isolate; overflow: hidden; min-height: 100vh; padding: var(--iox-space-6) var(--iox-space-8) var(--iox-space-8); color: var(--iox-on-atmo); }
  [data-theme="light"] .iox-errpage { border-radius: var(--iox-radius-xl); }
  .iox-e500-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--iox-space-2); margin-top: var(--iox-space-9); max-width: 1120px; }
  .iox-e500 { padding: var(--iox-space-7); align-items: flex-start; }
  .iox-e500 .iox-eyebrow { margin: 0; }
  .iox-e500 h1 { margin: var(--iox-space-5) 0 0; font-size: 44px; line-height: 48px; font-weight: 300; letter-spacing: -0.02em; }
  .iox-e500 .iox-lede { font-size: 17px; line-height: 26px; }
  .iox-cookie { position: fixed; left: 0; bottom: 0; z-index: 40; padding: var(--iox-space-5); padding-bottom: calc(var(--iox-space-5) + env(safe-area-inset-bottom, 0px)); pointer-events: none; }
  .iox-cookie-card { pointer-events: auto; display: flex; gap: var(--iox-space-4); align-items: center; max-width: 520px; margin: 0; padding: var(--iox-space-4); border-radius: var(--iox-radius-l);
    background: linear-gradient(180deg, var(--iox-glass) 0%, transparent 40%), var(--iox-tile-raised); box-shadow: inset 0 0 0 1px var(--iox-line), var(--iox-shadow-float); }
  [data-theme="light"] .iox-cookie-card { background: var(--iox-tile-raised); }
  .iox-cookie-card p { margin: 0; font-size: 14px; line-height: 20px; color: var(--iox-ink); }
  @media (max-width: 1100px) {
    .iox-phead-copy { max-width: none; margin-top: var(--iox-space-8); }
    .iox-orbit { right: -320px; top: 60px; width: 620px; height: 620px; outline-offset: 72px; }
    .iox-atmo-in { background:
      linear-gradient(180deg, transparent 62%, var(--iox-steel-950) 100%),
      radial-gradient(70% 24% at 100% 0%, var(--iox-beam-600) 0%, transparent 72%),
      radial-gradient(80% 30% at 100% 56%, var(--iox-orbit-700) 0%, transparent 76%),
      linear-gradient(180deg, var(--iox-steel-950) 0%, var(--iox-orbit-950) 50%, var(--iox-orbit-900) 85%); }
    .iox-orbit::after { left: 91px; top: 91px; }
    .iox-formgrid, .iox-founder, .iox-longrun, .iox-mgrid { grid-template-columns: 1fr; gap: var(--iox-space-6); }
    .iox-mgrid { grid-template-rows: none; }
    .iox-mgrid > .iox-head, .iox-mgrid > .iox-timeline, .iox-mgrid > .iox-cert { grid-area: auto; }
    .iox-mgrid > .iox-cert { margin-top: 0; max-width: none; }
    .iox-founder .iox-person, .iox-longrun .iox-person { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: var(--iox-space-2); align-items: start; }
    .iox-legal { grid-template-columns: 1fr; }
    .iox-toc { display: none; }
    .iox-timeline li { grid-template-columns: 120px minmax(0, 1fr); gap: var(--iox-space-6); }
    .iox-timeline li::before { left: 140px; }
    .iox-timeline li::after { left: 136px; }
    .iox-gtable td.iox-c-cloud, .iox-gtable td.iox-c-tech { width: auto !important; }
    .iox-gtable tbody { display: flex; flex-direction: column; background: linear-gradient(180deg, var(--iox-glass) 0%, transparent 34%), var(--iox-tile); border-radius: var(--iox-radius-l);
      padding: 0 var(--iox-space-5) var(--iox-space-2); box-shadow: var(--iox-shadow-tile); margin-bottom: var(--iox-space-2); grid-template-columns: none; }
    [data-theme="light"] .iox-gtable tbody { background: var(--iox-tile); }
    .iox-gtable tr { background: transparent; box-shadow: none; border-radius: 0; padding: var(--iox-space-4) 0; border-bottom: 1px solid var(--iox-line); }
    .iox-gtable tr:last-child { border-bottom: 0; }
    .iox-gtable .iox-grow { padding: var(--iox-space-5) 0 var(--iox-space-4); }
    .iox-gtable .iox-grow th { display: block; padding: 0; background: transparent; border: 0; }
    .iox-gtable td + td { margin-top: var(--iox-space-2); }
    .iox-gtable td:nth-child(3) { margin-top: 0; padding-top: var(--iox-space-3); }
    .iox-gtable td:empty { display: none; }
    .iox-cases, .iox-grid2 { grid-template-columns: 1fr; }
    .iox-e500-grid { grid-template-columns: 1fr; }
    .iox-ghostnum { font-size: 220px; right: var(--iox-space-6); }
  }
  @media (max-width: 640px) {
    .iox-phead { padding-bottom: var(--iox-space-8); }
    .iox-phead-copy { margin-top: var(--iox-space-7); }
    .iox-orbit { right: -250px; top: 70px; width: 400px; height: 400px; outline-offset: 48px; }
    .iox-orbit::after { left: 59px; top: 59px; }
    .iox-pnote { font-size: 13px; line-height: 19px; }
    .iox-formcard { padding: var(--iox-space-5); }
    .iox-form { grid-template-columns: 1fr; gap: var(--iox-space-4); }
    .iox-btn-act { width: 100%; justify-content: space-between; }
    .iox-founder .iox-person, .iox-longrun .iox-person { display: block; }
    .iox-prose-l p { font-size: 16px; line-height: 26px; }
    .iox-prose-l p:first-child { font-size: 20px; line-height: 28px; }
    .iox-prose h2 { font-size: 20px; line-height: 26px; }
    .iox-timeline { padding: var(--iox-space-3) var(--iox-space-4); }
    .iox-timeline li { grid-template-columns: 1fr; gap: 0; padding: var(--iox-space-3) 0 var(--iox-space-3) var(--iox-space-6); }
    .iox-timeline li::before { left: 4px; }
    .iox-timeline li:first-child::before { top: 22px; }
    .iox-timeline li:last-child::before { bottom: calc(100% - 22px); }
    .iox-timeline li::after { left: 0; top: 18px; }
    .iox-year { font-size: 20px; line-height: 28px; font-weight: 400; }
    .iox-timeline p { padding-top: 2px; }
    .iox-testimonial { padding: var(--iox-space-5); }
    .iox-testimonial blockquote { font-size: 16px; line-height: 26px; }
    .iox-filter { display: flex; }
    .iox-filter button { padding: 0 10px; }
    .iox-ledger { padding: 0 var(--iox-space-4); }
    .iox-ledger li { grid-template-columns: 1fr; gap: var(--iox-space-2); padding: var(--iox-space-4) 0; }
    .iox-jump { flex-wrap: nowrap; overflow-x: auto; margin-left: calc(-1 * var(--iox-space-4)); margin-right: calc(-1 * var(--iox-space-4)); padding: 0 var(--iox-space-4) 4px; scrollbar-width: none; }
    .iox-gtable tbody { padding: 0 var(--iox-space-4) var(--iox-space-2); }
    .iox-case { padding: var(--iox-space-5); }
    .iox-case h4 { font-size: 20px; line-height: 26px; }
    .iox-lost, [data-theme="light"] .iox-lost { min-height: 640px; }
    .iox-ghostnum { font-size: 140px; right: var(--iox-space-4); bottom: -18px; }
    .iox-errpage { padding: var(--iox-space-4) var(--iox-space-4) var(--iox-space-6); }
    .iox-e500-grid { margin-top: var(--iox-space-7); }
    .iox-e500 { padding: var(--iox-space-5); }
    .iox-e500 h1 { font-size: 34px; line-height: 40px; }
    .iox-cookie { right: 0; padding: var(--iox-space-4); padding-bottom: calc(var(--iox-space-4) + env(safe-area-inset-bottom, 0px)); }
    .iox-cookie-card { flex-wrap: wrap; max-width: none; }
    .iox-cookie-card p { flex: 1 1 200px; }
    .iox-cookie-card .iox-btn-sec { width: 100%; }
  }
.iox-app { min-height: 100vh; background: var(--iox-ground); color: var(--iox-ink); font-family: var(--font-iox-sans); }
.iox-app * { box-sizing: border-box; }
:where(.iox-app) a { color: inherit; text-decoration: none; }
.iox-app-side { position: fixed; top: 0; right: auto; bottom: 0; left: 0; width: 264px; height: auto; max-width: none; max-height: none; margin: 0; border: 0; color: var(--iox-ink); display: flex; flex-direction: column; gap: var(--iox-space-5); padding: var(--iox-space-5) var(--iox-space-4); background: var(--iox-surface); box-shadow: inset -1px 0 0 var(--iox-line); overflow-y: auto; }
.iox-app-side .iox-mark { display: flex; align-items: center; height: 40px; padding: 0 var(--iox-space-3); color: var(--iox-ink); }
.iox-app-side .iox-btn-act { width: 100%; justify-content: space-between; height: 48px; }
.iox-app-side .iox-btn-act .iox-btn-ic { width: 36px; height: 36px; }
.iox-app-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.iox-app-nav a { display: flex; align-items: center; gap: var(--iox-space-3); height: 44px; padding: 0 var(--iox-space-3); border-radius: var(--iox-radius-s); font-size: 15px; line-height: 20px; color: var(--iox-ink-muted); }
.iox-app-nav a:hover { background: var(--iox-tile); color: var(--iox-ink); }
.iox-app-nav a[aria-current="page"] { background: var(--iox-tile-active); color: var(--iox-ink); font-weight: 500; }
.iox-app-nav a:focus-visible, .iox-app-top a:focus-visible, .iox-app-top button:focus-visible, .iox-app-main a:focus-visible { outline: 2px solid var(--iox-focus); outline-offset: 2px; }
.iox-app-nav .iox-i { width: 20px; height: 20px; }
.iox-app-nav .iox-app-n { margin-left: auto; min-width: 24px; height: 22px; padding: 0 6px; display: grid; place-items: center; border-radius: var(--iox-radius-xs); background: var(--iox-tile-raised); color: var(--iox-ink); font-size: 13px; font-weight: 500; font-variant-numeric: tabular-nums; }
.iox-app-nav .iox-app-g { margin: var(--iox-space-5) 0 var(--iox-space-2); padding: 0 var(--iox-space-3); font-size: 13px; line-height: 18px; font-weight: 500; color: var(--iox-ink-muted); }
.iox-app-body { margin-left: 264px; min-width: 0; }
.iox-app-top { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; gap: var(--iox-space-2); height: 72px; padding: 0 var(--iox-space-6); background: var(--iox-ground); box-shadow: inset 0 -1px 0 var(--iox-line); }
.iox-app-search { flex: 1; min-width: 0; }
.iox-app-search .iox-input { min-height: 44px; padding: 10px 14px; font-size: 15px; background: var(--iox-surface); }
.iox-app-chip { display: inline-flex; align-items: center; gap: var(--iox-space-2); height: 44px; padding: 0 14px; border: 0; border-radius: var(--iox-radius-s); background: var(--iox-tile); box-shadow: inset 0 0 0 1px var(--iox-line); color: var(--iox-ink); font: inherit; font-size: 14px; font-weight: 500; white-space: nowrap; cursor: pointer; }
.iox-app-chip:hover { background: var(--iox-tile-raised); }
.iox-app-chip .iox-i { width: 16px; height: 16px; color: var(--iox-ink-muted); }
.iox-app-sig { min-width: 22px; height: 22px; padding: 0 6px; display: grid; place-items: center; border-radius: var(--iox-radius-xs); background: var(--iox-signal); color: var(--iox-on-signal); font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; }
.iox-app-me { display: flex; align-items: center; gap: var(--iox-space-3); padding: 0 var(--iox-space-2) 0 var(--iox-space-3); }
.iox-app-av { width: 36px; height: 36px; display: grid; place-items: center; border-radius: var(--iox-radius-full); background: var(--iox-orbit-600); color: var(--iox-on-atmo); font-size: 13px; font-weight: 600; letter-spacing: 0.02em; }
.iox-app-me p { margin: 0; font-size: 14px; line-height: 18px; font-weight: 500; white-space: nowrap; }
.iox-app-me p + p { font-size: 13px; font-weight: 400; color: var(--iox-ink-muted); }
.iox-app-main { padding: var(--iox-space-6); display: flex; flex-direction: column; gap: var(--iox-space-2); }
.iox-app-deck { position: relative; isolation: isolate; overflow: hidden; border-radius: var(--iox-radius-l); padding: var(--iox-space-6); color: var(--iox-on-atmo); box-shadow: inset 0 0 0 1px var(--iox-glass-line);
  background: radial-gradient(52% 90% at 92% 100%, var(--iox-beam-700) 0%, transparent 72%), radial-gradient(40% 70% at 64% 0%, var(--iox-orbit-700) 0%, transparent 76%), linear-gradient(135deg, var(--iox-steel-950) 0%, var(--iox-orbit-950) 34%, var(--iox-orbit-900) 62%, var(--iox-orbit-800) 100%); }
.iox-app-hello { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--iox-space-5); }
.iox-app-date { margin: 0; font-size: 14px; line-height: 20px; color: var(--iox-on-atmo-muted); }
.iox-app-h1 { margin: var(--iox-space-2) 0 0; font-size: 44px; line-height: 48px; font-weight: 300; letter-spacing: -0.02em; color: var(--iox-on-atmo); background: linear-gradient(100deg, var(--iox-on-atmo) 50%, var(--iox-beam-300) 110%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.iox-app-sub { margin: var(--iox-space-2) 0 0; font-size: 16px; line-height: 24px; color: var(--iox-on-atmo-muted); }
.iox-app-deck .iox-btn { height: 52px; padding: 0 6px 0 22px; font-size: 15px; }
.iox-app-deck .iox-btn .iox-btn-ic { width: 40px; height: 40px; }
.iox-app-deck .iox-btn .iox-btn-ic .iox-i { width: 16px; height: 16px; }
.iox-app-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--iox-space-2); margin-top: var(--iox-space-6); }
.iox-app-m { display: flex; flex-direction: column; min-height: 168px; padding: var(--iox-space-5); border-radius: var(--iox-radius-l); background: rgba(255, 255, 255, 0.05); box-shadow: inset 0 0 0 1px var(--iox-glass-line); }
.iox-app-m:hover { background: rgba(255, 255, 255, 0.08); }
.iox-app-m .iox-app-mh { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--iox-space-3); font-size: 14px; line-height: 20px; color: var(--iox-on-atmo-muted); }
.iox-app-m .iox-app-mv { margin-top: auto; padding-top: var(--iox-space-5); font-size: 48px; line-height: 48px; font-weight: 200; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.iox-app-m .iox-app-md { margin: var(--iox-space-2) 0 0; min-height: 40px; font-size: 14px; line-height: 20px; color: var(--iox-on-atmo-muted); }
.iox-app-tile { border-radius: var(--iox-radius-l); background: linear-gradient(180deg, var(--iox-glass) 0, transparent 120px), var(--iox-tile); box-shadow: var(--iox-shadow-tile); min-width: 0; }
.iox-app-th { display: flex; align-items: center; gap: var(--iox-space-3); padding: var(--iox-space-5) var(--iox-space-5) var(--iox-space-4); }
.iox-app-th h2 { margin: 0; font-size: 22px; line-height: 28px; font-weight: 500; }
.iox-app-th .iox-app-k { margin-left: auto; font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); font-variant-numeric: tabular-nums; }
.iox-app-th .iox-link { margin: 0 0 0 auto; font-size: 14px; }
.iox-app-list { list-style: none; margin: 0; padding: 0; }
.iox-app-list li { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: var(--iox-space-4); padding: var(--iox-space-4) var(--iox-space-5); box-shadow: inset 0 1px 0 var(--iox-line); }
.iox-app-list .iox-ic { width: 40px; height: 40px; }
.iox-app-list .iox-ic .iox-i { width: 20px; height: 20px; }
.iox-app-t { margin: 0; font-size: 16px; line-height: 22px; font-weight: 500; }
.iox-app-meta { margin: 2px 0 0; font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); font-variant-numeric: tabular-nums; }
.iox-app-list .iox-btn-sec { display: inline-flex; align-items: center; height: 40px; white-space: nowrap; }
.iox-app-cols { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: var(--iox-space-2); align-items: start; }
.iox-app-table { width: 100%; border-collapse: collapse; }
.iox-app-table th { text-align: left; padding: var(--iox-space-3) var(--iox-space-5); font-size: 13px; line-height: 18px; font-weight: 500; color: var(--iox-ink-muted); box-shadow: inset 0 1px 0 var(--iox-line); }
.iox-app-table td { vertical-align: top; padding: var(--iox-space-4) var(--iox-space-5); box-shadow: inset 0 1px 0 var(--iox-line); font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); }
.iox-app-table td:first-child { color: var(--iox-ink); }
.iox-app-table th:last-child, .iox-app-table td:last-child { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.iox-app-table tbody tr:hover td { background: var(--iox-tile-raised); }
.iox-app-table .iox-app-t { font-size: 15px; }
.iox-code { font-family: var(--font-iox-mono); font-size: 13px; line-height: 18px; color: var(--iox-ink-muted); }
.iox-app-acc li { grid-template-columns: minmax(0, 1fr) auto; align-items: start; }
.iox-app-acc .iox-app-r { text-align: right; }
.iox-app-acc .iox-app-r p { margin: 0 0 6px; font-size: 14px; line-height: 20px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.iox-app-st { display: inline-flex; align-items: center; gap: var(--iox-space-2); height: 24px; padding: 0 var(--iox-space-2); border-radius: var(--iox-radius-xs); background: var(--iox-tile-raised); font-size: 13px; line-height: 18px; font-weight: 500; color: var(--iox-ink); }
.iox-app-st::before { content: ""; width: 6px; height: 6px; border-radius: var(--iox-radius-full); background: currentColor; }
.iox-app-st.iox-ok::before { background: var(--iox-ok); }
.iox-app-st.iox-warn::before { background: var(--iox-warn); }
.iox-app-st.iox-danger::before { background: var(--iox-danger); }
@media (max-width: 1100px) {
  .iox-app-side { display: none; }
  .iox-app-body { margin-left: 0; }
  .iox-app-cols, .iox-app-metrics { grid-template-columns: 1fr; }
  .iox-app-me div, .iox-app-hide { display: none; }
}
@media (max-width: 640px) {
  .iox-app-top { padding: 0 var(--iox-space-4); }
  .iox-app-main { padding: var(--iox-space-4); }
  .iox-app-deck { padding: var(--iox-space-5); }
  .iox-app-h1 { font-size: 34px; line-height: 40px; }
  .iox-app-list li { grid-template-columns: 40px minmax(0, 1fr); }
  .iox-app-list .iox-btn-sec { grid-column: 2; justify-self: start; }
}
.iox-app-ph { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--iox-space-5); padding: var(--iox-space-2) 0 var(--iox-space-5); }
.iox-app-ph h1 { margin: 0; font-size: 36px; line-height: 44px; font-weight: 300; letter-spacing: -0.02em; color: var(--iox-ink); background: linear-gradient(100deg, var(--iox-ink) 45%, var(--iox-info) 110%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.iox-app-ph .iox-app-lead { margin: var(--iox-space-2) 0 0; max-width: 72ch; font-size: 15px; line-height: 22px; color: var(--iox-ink-muted); }
.iox-app-ph .iox-btn-act { width: auto; height: 48px; gap: var(--iox-space-4); }
.iox-app-ph .iox-btn-act .iox-btn-ic { width: 36px; height: 36px; }
.iox-app-crumb { display: flex; align-items: center; gap: var(--iox-space-2); margin: 0 0 var(--iox-space-3); padding: 0; list-style: none; font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); }
.iox-app-crumb a:hover { color: var(--iox-ink); }
.iox-app-crumb .iox-i { width: 12px; height: 12px; color: var(--iox-ink-faint); }
.iox-app-crumb [aria-current] { color: var(--iox-ink); font-variant-numeric: tabular-nums; }
.iox-app-facts { display: flex; flex-wrap: wrap; align-items: center; gap: var(--iox-space-2) var(--iox-space-4); margin-top: var(--iox-space-3); font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); font-variant-numeric: tabular-nums; }
.iox-app-grid { width: 100%; border-collapse: collapse; }
.iox-app-grid th { text-align: left; vertical-align: top; padding: var(--iox-space-4) var(--iox-space-5) var(--iox-space-3); box-shadow: inset 0 -1px 0 var(--iox-line); font-weight: 500; }
.iox-app-grid th.iox-app-end, .iox-app-grid td.iox-app-end { text-align: right; }
.iox-app-sort { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; line-height: 18px; font-weight: 500; color: var(--iox-ink-muted); }
.iox-app-sort:hover, .iox-app-sort[aria-sort] { color: var(--iox-ink); }
.iox-app-sort .iox-i { width: 12px; height: 12px; }
.iox-app-sort .iox-app-sd { transform: rotate(90deg); }
.iox-app-flt { display: block; width: 100%; min-width: 96px; margin-top: var(--iox-space-2); height: 40px; padding: 0 12px; border: 0; border-radius: var(--iox-radius-s); background: var(--iox-surface); box-shadow: inset 0 0 0 1px var(--iox-line); color: var(--iox-ink); font: inherit; font-size: 14px; font-weight: 400; }
.iox-app-flt::placeholder { color: var(--iox-ink-muted); opacity: 1; }
select.iox-app-flt { appearance: none; -webkit-appearance: none; padding-right: 32px; background-color: var(--iox-surface); background-image: linear-gradient(to top right, transparent calc(50% - .5px), var(--iox-ink-muted) calc(50% + .5px)), linear-gradient(to top left, transparent calc(50% - .5px), var(--iox-ink-muted) calc(50% + .5px)); background-size: 4px 5px; background-repeat: no-repeat; background-position: right 17px center, right 13px center; }
.iox-app-grid td { vertical-align: top; padding: var(--iox-space-4) var(--iox-space-5); box-shadow: inset 0 -1px 0 var(--iox-line); font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); }
.iox-app-grid tbody tr:hover td { background: var(--iox-tile-raised); }
.iox-app-grid td .iox-app-t { font-size: 15px; color: var(--iox-ink); }
.iox-app-grid td .iox-app-meta { font-size: 13px; line-height: 18px; }
.iox-app-grid .iox-app-ink { color: var(--iox-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.iox-app-grid .iox-app-amt { color: var(--iox-ink); font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; }
.iox-app-grid td.iox-app-act { padding-top: 10px; padding-bottom: 10px; text-align: right; }
.iox-app-sum { margin: 0; padding: var(--iox-space-4) var(--iox-space-5); font-size: 13px; line-height: 18px; color: var(--iox-ink-muted); font-variant-numeric: tabular-nums; }
.iox-app-st.iox-info::before { background: var(--iox-info); }
.iox-app-st.iox-off::before { background: var(--iox-ink-faint); }
.iox-app-bp { display: inline-flex; align-items: center; gap: var(--iox-space-3); height: 44px; padding: 0 6px 0 18px; border: 0; border-radius: var(--iox-radius-s); background: var(--iox-action); color: var(--iox-on-action); font: inherit; font-size: 14px; font-weight: 500; white-space: nowrap; cursor: pointer; }
.iox-app-bp .iox-btn-ic { display: grid; place-items: center; width: 32px; height: 32px; border-radius: calc(var(--iox-radius-s) - 6px); background: var(--iox-tile-active); color: var(--iox-ink); }
.iox-app-bp .iox-btn-ic .iox-i { width: 14px; height: 14px; }
.iox-app .iox-btn-sec { display: inline-flex; align-items: center; gap: var(--iox-space-2); white-space: nowrap; }
.iox-app-bd { color: var(--iox-danger); }
.iox-app-tabs { display: inline-flex; gap: 2px; padding: 4px; margin: 0 0 var(--iox-space-2); border-radius: var(--iox-radius-m); background: var(--iox-surface); box-shadow: inset 0 0 0 1px var(--iox-line); }
.iox-app-tabs a { display: inline-flex; align-items: center; height: 40px; padding: 0 var(--iox-space-4); border-radius: var(--iox-radius-s); font-size: 14px; color: var(--iox-ink-muted); }
.iox-app-tabs a:hover { color: var(--iox-ink); background: var(--iox-tile); }
.iox-app-tabs a[aria-current="page"] { background: var(--iox-tile-active); color: var(--iox-ink); font-weight: 500; }
.iox-app-split { display: grid; grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr); gap: var(--iox-space-2); align-items: start; }
.iox-app-stack { display: flex; flex-direction: column; gap: var(--iox-space-2); }
.iox-app-conv { list-style: none; margin: 0; padding: var(--iox-space-2) 0; }
.iox-app-conv > li { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: var(--iox-space-3); padding: var(--iox-space-5); }
.iox-app-conv > li + li { box-shadow: inset 0 1px 0 var(--iox-line); }
.iox-app-conv > li.iox-app-day { display: flex; align-items: center; gap: var(--iox-space-3); padding: var(--iox-space-6) var(--iox-space-5) var(--iox-space-2); box-shadow: none; font-size: 13px; line-height: 18px; font-weight: 500; color: var(--iox-ink-muted); }
.iox-app-conv > li.iox-app-day::after { content: ""; flex: 1; height: 1px; background: var(--iox-line); }
.iox-app-conv > li.iox-app-ev { align-items: center; padding-top: var(--iox-space-3); padding-bottom: var(--iox-space-3); }
.iox-app-who { width: 36px; height: 36px; display: grid; place-items: center; border-radius: var(--iox-radius-full); background: var(--iox-orbit-950); box-shadow: inset 0 0 0 1px var(--iox-glass-line); color: var(--iox-on-atmo); font-size: 12px; font-weight: 600; letter-spacing: 0.02em; }
.iox-app-who.iox-app-cust { background: var(--iox-orbit-600); box-shadow: none; }
.iox-app-evi { width: 36px; height: 36px; display: grid; place-items: center; }
.iox-app-evi span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: var(--iox-radius-full); background: var(--iox-tile-raised); color: var(--iox-ok); }
.iox-app-evi .iox-i { width: 16px; height: 16px; }
.iox-app-by { margin: 0; font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); }
.iox-app-by b { font-weight: 500; color: var(--iox-ink); margin-right: 6px; }
.iox-app-by span { font-variant-numeric: tabular-nums; }
.iox-app-msg { margin: 6px 0 0; max-width: 72ch; font-size: 15px; line-height: 22px; color: var(--iox-ink); }
.iox-app-evt { margin: 0; font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); }
.iox-app-evt b { font-weight: 500; color: var(--iox-ink); }
.iox-app-card { margin-top: var(--iox-space-3); border-radius: var(--iox-radius-m); background: var(--iox-tile-raised); border: 1px solid var(--iox-line); overflow: hidden; }
.iox-app-ch { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--iox-space-3); padding: var(--iox-space-4) var(--iox-space-5); }
.iox-app-ch .iox-app-kind { margin: 0; font-size: 13px; line-height: 18px; font-weight: 500; color: var(--iox-accent-soft); }
.iox-app-ch h3 { margin: 2px 0 0; font-size: 18px; line-height: 24px; font-weight: 500; color: var(--iox-ink); }
.iox-app-ch .iox-app-cr { display: flex; align-items: center; gap: var(--iox-space-3); }
.iox-app-ch .iox-app-cv { font-size: 16px; line-height: 22px; font-weight: 500; font-variant-numeric: tabular-nums; }
.iox-app-big { margin: var(--iox-space-2) 0 0; font-size: 36px; line-height: 40px; font-weight: 200; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; color: var(--iox-ink); }
.iox-app-cb { padding: 0 var(--iox-space-5) var(--iox-space-4); }
.iox-app-cb > p { margin: 0; max-width: 72ch; font-size: 15px; line-height: 22px; color: var(--iox-ink); }
.iox-app-cb > p.iox-app-note { font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); }
.iox-app-cf { padding: var(--iox-space-4) var(--iox-space-5); box-shadow: inset 0 1px 0 var(--iox-line); background: var(--iox-tile); }
.iox-app-cf p { margin: 0; max-width: 72ch; font-size: 13px; line-height: 18px; color: var(--iox-ink-muted); }
.iox-app-cf p + .iox-app-row, .iox-app-row + p { margin-top: var(--iox-space-3); }
.iox-app-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--iox-space-2); }
.iox-app-tog { display: block; padding: var(--iox-space-3) var(--iox-space-5); box-shadow: inset 0 1px 0 var(--iox-line); font-size: 14px; line-height: 20px; font-weight: 500; color: var(--iox-info); }
.iox-app-dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--iox-space-4) var(--iox-space-5); margin: 0; padding: var(--iox-space-4) var(--iox-space-5); box-shadow: inset 0 1px 0 var(--iox-line); }
.iox-app-dl div { min-width: 0; }
.iox-app-dl .iox-app-w3 { grid-column: 1 / -1; }
.iox-app-dl dt { font-size: 13px; line-height: 18px; color: var(--iox-ink-muted); }
.iox-app-dl dd { margin: 4px 0 0; max-width: 72ch; font-size: 15px; line-height: 22px; color: var(--iox-ink); font-variant-numeric: tabular-nums; }
.iox-app-dl dd small { font-size: 13px; color: var(--iox-ink-muted); }
.iox-app-lines { width: 100%; border-collapse: collapse; box-shadow: inset 0 1px 0 var(--iox-line); }
.iox-app-lines th { padding: var(--iox-space-3) var(--iox-space-5); text-align: right; font-size: 13px; line-height: 18px; font-weight: 500; color: var(--iox-ink-muted); box-shadow: inset 0 -1px 0 var(--iox-line); white-space: nowrap; }
.iox-app-lines td { padding: var(--iox-space-3) var(--iox-space-5); text-align: right; font-size: 14px; line-height: 20px; color: var(--iox-ink); font-variant-numeric: tabular-nums; box-shadow: inset 0 -1px 0 var(--iox-line); white-space: nowrap; }
.iox-app-lines th:first-child, .iox-app-lines td:first-child { text-align: left; white-space: normal; }
.iox-app-lines tfoot td { box-shadow: none; font-size: 15px; font-weight: 500; }
.iox-app-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--iox-space-5); }
.iox-app-steps li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: var(--iox-space-3); }
.iox-app-steps .iox-app-sn { width: 28px; height: 28px; display: grid; place-items: center; border-radius: var(--iox-radius-xs); background: var(--iox-tile-active); font-size: 13px; font-weight: 600; color: var(--iox-ink); }
.iox-app-steps h4 { margin: 3px 0 0; font-size: 15px; line-height: 22px; font-weight: 500; color: var(--iox-ink); }
.iox-app-steps p { margin: 4px 0 var(--iox-space-3); max-width: 72ch; font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); }
.iox-app-steps label { display: block; margin-bottom: var(--iox-space-2); font-size: 14px; line-height: 20px; font-weight: 500; color: var(--iox-ink); }
.iox-app-inline { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--iox-space-2); max-width: 560px; }
.iox-app-inline .iox-input { flex: 1; min-width: 200px; min-height: 44px; padding: 10px 14px; font-size: 15px; }
.iox-app-file { display: inline-flex; align-items: center; gap: var(--iox-space-3); height: 48px; padding: 0 var(--iox-space-4) 0 var(--iox-space-3); border-radius: var(--iox-radius-s); background: var(--iox-tile); box-shadow: inset 0 0 0 1px var(--iox-line); font-size: 14px; }
.iox-app-file .iox-i { width: 20px; height: 20px; color: var(--iox-info); }
.iox-app-file b { font-weight: 500; color: var(--iox-ink); }
.iox-app-file span { color: var(--iox-ink-muted); }
.iox-app-box { display: flex; gap: var(--iox-space-3); align-items: flex-start; margin-top: var(--iox-space-4); padding: 14px 16px; border-radius: var(--iox-radius-s); background: var(--iox-tile); box-shadow: inset 0 0 0 1px var(--iox-warn); font-size: 14px; line-height: 20px; color: var(--iox-ink); }
.iox-app-box > .iox-i { width: 20px; height: 20px; color: var(--iox-warn); }
.iox-app-box p { margin: 0; max-width: 72ch; }
.iox-app-compose { padding: var(--iox-space-5); box-shadow: inset 0 1px 0 var(--iox-line); background: var(--iox-surface); border-radius: 0 0 var(--iox-radius-l) var(--iox-radius-l); }
.iox-app-compose textarea.iox-input { min-height: 104px; resize: vertical; font-size: 15px; background: var(--iox-ground); }
.iox-app-compose .iox-app-row { margin-top: var(--iox-space-3); }
.iox-app-compose .iox-app-bp { margin-left: auto; }
.iox-app-attach { display: inline-flex; align-items: center; height: 40px; padding: 0 14px; border-radius: var(--iox-radius-s); background: var(--iox-tile); box-shadow: inset 0 0 0 1px var(--iox-line); font-size: 14px; font-weight: 500; }
.iox-app-attach + span { font-size: 13px; color: var(--iox-ink-muted); }
.iox-app-side-h { margin: 0; padding: var(--iox-space-4) var(--iox-space-5) var(--iox-space-3); font-size: 15px; line-height: 20px; font-weight: 500; }
.iox-app-kv { margin: 0; }
.iox-app-kv div { display: flex; justify-content: space-between; gap: var(--iox-space-3); padding: var(--iox-space-3) var(--iox-space-5); box-shadow: inset 0 1px 0 var(--iox-line); font-size: 14px; line-height: 20px; }
.iox-app-kv dt { color: var(--iox-ink-muted); }
.iox-app-kv dd { margin: 0; text-align: right; color: var(--iox-ink); font-variant-numeric: tabular-nums; }
.iox-app-mini { list-style: none; margin: 0; padding: 0; }
.iox-app-mini li { padding: var(--iox-space-3) var(--iox-space-5); box-shadow: inset 0 1px 0 var(--iox-line); font-size: 14px; line-height: 20px; }
.iox-app-mini .iox-app-mr { display: flex; justify-content: space-between; gap: var(--iox-space-3); color: var(--iox-ink); }
.iox-app-mini .iox-app-mr span:last-child { white-space: nowrap; font-variant-numeric: tabular-nums; }
.iox-app-mini .iox-app-mr .iox-app-mu { color: var(--iox-ink-muted); }
.iox-app-mini .iox-app-st { margin-top: var(--iox-space-2); }
.iox-app-more { display: block; padding: var(--iox-space-3) var(--iox-space-5) var(--iox-space-4); box-shadow: inset 0 1px 0 var(--iox-line); font-size: 14px; line-height: 20px; font-weight: 500; color: var(--iox-info); }
@media (max-width: 1100px) { .iox-app-split { grid-template-columns: minmax(0, 1fr); } .iox-app-dl { grid-template-columns: 1fr; } }
.iox-app-sort:not([aria-sort])::after { content: ""; width: 8px; height: 12px; background-image: linear-gradient(to bottom right, transparent calc(50% - .5px), var(--iox-ink-faint) calc(50% + .5px)), linear-gradient(to bottom left, transparent calc(50% - .5px), var(--iox-ink-faint) calc(50% + .5px)), linear-gradient(to top right, transparent calc(50% - .5px), var(--iox-ink-faint) calc(50% + .5px)), linear-gradient(to top left, transparent calc(50% - .5px), var(--iox-ink-faint) calc(50% + .5px)); background-size: 4px 5px; background-repeat: no-repeat; background-position: 0 0, 4px 0, 0 7px, 4px 7px; }
.iox-app-conv > li.iox-app-day + li { box-shadow: none; }
.iox-app-grid .iox-code { white-space: nowrap; }
.iox-app-inline .iox-btn-sec { height: 44px; }
.iox-app-form { width: 100%; max-width: 800px; display: flex; flex-direction: column; gap: var(--iox-space-2); }
.iox-app-ph .iox-btn-sec { height: 44px; }
.iox-app-tile.iox-formcard { padding: var(--iox-space-5); }
.iox-app-tile.iox-formcard > h2 { margin: 0 0 var(--iox-space-5); font-size: 22px; line-height: 28px; font-weight: 500; }
:where(.iox-app, .iox-auth) .iox-help { margin: var(--iox-space-2) 0 0; font-size: 13px; line-height: 18px; color: var(--iox-ink-muted); }
.iox-app-ro { margin: 0; padding: 12px 0; font-size: 16px; line-height: 22px; color: var(--iox-ink-muted); overflow-wrap: anywhere; }
.iox-app-lbl { display: block; margin: 0 0 var(--iox-space-2); padding: 0; font-size: 14px; line-height: 20px; font-weight: 500; color: var(--iox-ink); }
.iox-app-fs { margin: 0; padding: 0; border: 0; min-width: 0; }
.iox-app-choice { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--iox-space-2); }
.iox-app-choice label { display: flex; align-items: center; gap: var(--iox-space-3); min-height: 52px; padding: 0 var(--iox-space-4); border-radius: var(--iox-radius-s); background: var(--iox-ground); box-shadow: inset 0 0 0 1px var(--iox-line); font-size: 15px; line-height: 20px; font-weight: 500; color: var(--iox-ink); cursor: pointer; }
.iox-app-choice label:hover { box-shadow: inset 0 0 0 1px var(--iox-ink-faint); }
.iox-app-choice label:has(input:checked) { background: var(--iox-tile-active); box-shadow: inset 0 0 0 1px var(--iox-info); }
.iox-app-choice input { width: 18px; height: 18px; margin: 0; accent-color: var(--iox-info); }
.iox-app-choice input:focus-visible { outline: 2px solid var(--iox-focus); outline-offset: 2px; }
.iox-app-pick { display: flex; flex-wrap: wrap; align-items: center; gap: var(--iox-space-3); }
.iox-app-pick span { font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); }
.iox-app-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: var(--iox-space-2); padding-top: var(--iox-space-3); }
.iox-app-actions .iox-btn-sec { height: 44px; }
.iox-app-flash { display: flex; gap: var(--iox-space-3); align-items: flex-start; padding: 14px 16px; border-radius: var(--iox-radius-m); background: var(--iox-tile-raised); box-shadow: inset 0 0 0 1px var(--iox-ok); font-size: 15px; line-height: 22px; color: var(--iox-ink); }
.iox-app-flash > .iox-i { width: 20px; height: 20px; margin-top: 1px; color: var(--iox-ok); flex: none; }
.iox-app-flash p { margin: 0; }
.iox-app-flash.iox-warn { box-shadow: inset 0 0 0 1px var(--iox-warn); }
.iox-app-flash.iox-warn > .iox-i { color: var(--iox-warn); }
.iox-app-flash.iox-danger { box-shadow: inset 0 0 0 1px var(--iox-danger); }
.iox-app-flash.iox-danger > .iox-i { color: var(--iox-danger); }
.iox-app-th .iox-btn-sec { margin-left: auto; height: 40px; }
.iox-app-empty { display: flex; flex-direction: column; align-items: center; text-align: center; padding: var(--iox-space-8) var(--iox-space-5); }
.iox-app-empty .iox-ic { width: 48px; height: 48px; border-radius: var(--iox-radius-s); }
.iox-app-empty .iox-ic .iox-i { width: 22px; height: 22px; }
.iox-app-empty h2 { margin: var(--iox-space-4) 0 0; font-size: 20px; line-height: 26px; font-weight: 500; }
.iox-app-empty p { margin: var(--iox-space-2) 0 0; max-width: 60ch; font-size: 15px; line-height: 22px; color: var(--iox-ink-muted); }
.iox-app-empty .iox-app-bp { margin-top: var(--iox-space-5); }
.iox-app-grid td.iox-app-none { padding: var(--iox-space-5); font-size: 15px; line-height: 22px; color: var(--iox-ink-muted); }
.iox-app-grid td.iox-app-none .iox-link { margin: 0 0 0 6px; color: var(--iox-info); font-weight: 500; }
.iox-app-first { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: var(--iox-space-5); margin-top: var(--iox-space-6); padding: var(--iox-space-5); border-radius: var(--iox-radius-l); background: rgba(255, 255, 255, 0.05); box-shadow: inset 0 0 0 1px var(--iox-glass-line); }
.iox-app-first .iox-ic { width: 48px; height: 48px; border-radius: var(--iox-radius-s); background: var(--iox-glass-strong); }
.iox-app-first .iox-ic .iox-i { width: 22px; height: 22px; }
.iox-app-first h2 { margin: 0; font-size: 22px; line-height: 28px; font-weight: 500; color: var(--iox-on-atmo); }
.iox-app-first p { margin: var(--iox-space-1) 0 0; font-size: 15px; line-height: 22px; color: var(--iox-on-atmo-muted); }
.iox-app-how { list-style: none; margin: 0; padding: 0 var(--iox-space-5) var(--iox-space-5); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--iox-space-2); }
.iox-app-how li { padding: var(--iox-space-5); border-radius: var(--iox-radius-m); background: var(--iox-tile-raised); box-shadow: inset 0 0 0 1px var(--iox-line); }
.iox-app-how .iox-app-sn { width: 28px; height: 28px; display: grid; place-items: center; border-radius: var(--iox-radius-xs); background: var(--iox-tile-active); font-size: 13px; font-weight: 600; color: var(--iox-ink); }
.iox-app-how h3 { margin: var(--iox-space-4) 0 0; font-size: 16px; line-height: 22px; font-weight: 500; }
.iox-app-how p { margin: var(--iox-space-2) 0 0; font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); }
@media (max-width: 1100px) { .iox-app-how { grid-template-columns: repeat(2, minmax(0, 1fr)); } .iox-app-first { grid-template-columns: 48px minmax(0, 1fr); } .iox-app-first .iox-btn { grid-column: 1 / -1; justify-self: start; } }
@media (max-width: 640px) { .iox-app-how, .iox-app-choice, .iox-app .iox-form { grid-template-columns: 1fr; } }
.iox-app .iox-app-pick label.iox-app-attach { display: inline-flex; margin: 0; cursor: pointer; }
.iox-auth { position: relative; isolation: isolate; overflow: hidden; min-height: 100vh; display: flex; flex-direction: column; padding: var(--iox-space-6) var(--iox-space-8) var(--iox-space-8); color: var(--iox-on-atmo); font-family: var(--font-iox-sans); }
.iox-auth * { box-sizing: border-box; }
:where(.iox-auth) a { color: inherit; text-decoration: none; }
.iox-auth-top { display: flex; align-items: center; justify-content: space-between; gap: var(--iox-space-4); height: 56px; }
.iox-auth-top .iox-chip .iox-i { width: 16px; height: 16px; }
.iox-auth-main { flex: 1; display: flex; flex-direction: column; align-items: center; padding-top: var(--iox-space-8); }
.iox-auth-col { width: 100%; max-width: 480px; display: flex; flex-direction: column; gap: var(--iox-space-2); }
.iox-auth-col.iox-auth-w { max-width: 600px; }
.iox-auth-head { margin-bottom: var(--iox-space-5); }
.iox-auth-head .iox-eyebrow { margin: 0 0 var(--iox-space-4); }
.iox-auth-head h1 { margin: 0; font-size: 40px; line-height: 46px; font-weight: 300; letter-spacing: -0.02em; color: var(--iox-on-atmo); }
.iox-auth-head p { margin: var(--iox-space-3) 0 0; max-width: 60ch; font-size: 16px; line-height: 24px; color: var(--iox-on-atmo-muted); }
.iox-auth-card { padding: var(--iox-space-6); border-radius: var(--iox-radius-l); background: linear-gradient(180deg, var(--iox-glass) 0, transparent 120px), var(--iox-tile); box-shadow: var(--iox-shadow-tile); color: var(--iox-ink); }
.iox-auth-card h1 { margin: 0; font-size: 32px; line-height: 40px; font-weight: 300; letter-spacing: -0.02em; color: var(--iox-ink); background: linear-gradient(100deg, var(--iox-ink) 45%, var(--iox-info) 110%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.iox-auth-card h2 { margin: 0; font-size: 22px; line-height: 28px; font-weight: 500; }
.iox-auth-lead { margin: var(--iox-space-2) 0 0; max-width: 60ch; font-size: 15px; line-height: 22px; color: var(--iox-ink-muted); }
.iox-auth-form { display: flex; flex-direction: column; gap: var(--iox-space-5); margin-top: var(--iox-space-6); }
.iox-auth-card .iox-btn-act { width: 100%; justify-content: space-between; }
.iox-auth-card .iox-btn-sec { display: inline-flex; align-items: center; height: 44px; }
.iox-auth-card .iox-alert { margin: var(--iox-space-5) 0 0; }
.iox-auth-card .iox-alert p { margin: 0; }
.iox-auth-links { margin: var(--iox-space-5) 0 0; text-align: center; font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); }
.iox-auth-card .iox-auth-a, .iox-auth-links a { color: var(--iox-info); font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
.iox-auth-alt { margin: var(--iox-space-5) 0 0; text-align: center; font-size: 15px; line-height: 22px; color: var(--iox-on-atmo-muted); }
.iox-auth-alt a { color: var(--iox-on-atmo); font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
.iox-auth-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--iox-space-4); }
.iox-auth-actions .iox-btn-act { width: auto; }
.iox-auth-actions span { font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); }
.iox-auth-check { display: flex; align-items: flex-start; gap: var(--iox-space-3); margin: 0; font-size: 15px; line-height: 22px; color: var(--iox-ink); cursor: pointer; }
.iox-auth-check input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--iox-info); flex: none; }
:where(.iox-app, .iox-auth) select.iox-input { appearance: none; -webkit-appearance: none; padding-right: 40px; background-color: var(--iox-ground); background-image: linear-gradient(to top right, transparent calc(50% - .5px), var(--iox-ink-muted) calc(50% + .5px)), linear-gradient(to top left, transparent calc(50% - .5px), var(--iox-ink-muted) calc(50% + .5px)); background-size: 4px 5px; background-repeat: no-repeat; background-position: right 19px center, right 15px center; }
.iox-auth-steps { display: flex; align-items: center; gap: var(--iox-space-3); margin: 0 0 var(--iox-space-5); padding: 0; list-style: none; font-size: 14px; line-height: 20px; }
.iox-auth-steps li { display: flex; align-items: center; gap: var(--iox-space-2); color: var(--iox-on-atmo-muted); white-space: nowrap; }
.iox-auth-steps li:not(:last-child) { flex: 1; }
.iox-auth-steps li:not(:last-child)::after { content: ""; flex: 1; height: 1px; margin-left: var(--iox-space-2); background: var(--iox-glass-line); }
.iox-auth-steps .iox-auth-sn { width: 28px; height: 28px; display: grid; place-items: center; flex: none; border-radius: var(--iox-radius-xs); box-shadow: inset 0 0 0 1px var(--iox-glass-line); font-size: 13px; font-weight: 600; }
.iox-auth-steps .iox-auth-sn .iox-i { width: 14px; height: 14px; }
.iox-auth-steps [data-state="done"] .iox-auth-sn { background: var(--iox-glass-strong); color: var(--iox-on-atmo); }
.iox-auth-steps [aria-current="step"] { color: var(--iox-on-atmo); font-weight: 500; }
.iox-auth-steps [aria-current="step"] .iox-auth-sn { background: var(--iox-on-atmo); color: var(--iox-orbit-950); box-shadow: none; }
.iox-auth-qr { display: flex; flex-wrap: wrap; align-items: center; gap: var(--iox-space-5); margin-top: var(--iox-space-5); }
.iox-auth-qr .iox-auth-qrbox { padding: 12px; border-radius: var(--iox-radius-s); background: #ffffff; line-height: 0; }
.iox-auth-qr svg { width: 136px; height: 136px; }
.iox-auth-qr p { margin: 0; font-size: 13px; line-height: 18px; color: var(--iox-ink-muted); }
.iox-auth-qr .iox-code { display: block; margin-top: var(--iox-space-2); font-size: 15px; line-height: 22px; color: var(--iox-ink); letter-spacing: 0.04em; }
.iox-auth-codes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--iox-space-2) var(--iox-space-5); margin: var(--iox-space-5) 0 0; padding: var(--iox-space-4) var(--iox-space-5); list-style: none; border-radius: var(--iox-radius-s); background: var(--iox-ground); box-shadow: inset 0 0 0 1px var(--iox-line); font-family: var(--font-iox-mono); font-size: 15px; line-height: 24px; color: var(--iox-ink); font-variant-numeric: tabular-nums; }
.iox-auth-code { max-width: 360px; }
.iox-auth-grid { display: grid; grid-template-columns: minmax(0, 640px) minmax(0, 400px); gap: var(--iox-space-2); align-items: start; justify-content: center; width: 100%; }
.iox-auth-side { display: flex; flex-direction: column; gap: var(--iox-space-2); }
.iox-auth-side .iox-card { padding: var(--iox-space-5); }
.iox-auth-side h2 { margin: 0; font-size: 18px; line-height: 24px; font-weight: 500; color: var(--iox-on-atmo); }
.iox-auth-side p { margin: var(--iox-space-2) 0 0; font-size: 14px; line-height: 20px; color: var(--iox-on-atmo-muted); }
.iox-auth-side p a { color: var(--iox-on-atmo); font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
.iox-auth-next { display: flex; flex-direction: column; gap: var(--iox-space-5); margin: var(--iox-space-5) 0 0; padding: 0; list-style: none; }
.iox-auth-next li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: var(--iox-space-3); }
.iox-auth-next .iox-auth-sn { width: 28px; height: 28px; display: grid; place-items: center; border-radius: var(--iox-radius-xs); background: var(--iox-glass-strong); font-size: 13px; font-weight: 600; }
.iox-auth-next h3 { margin: 3px 0 0; font-size: 15px; line-height: 22px; font-weight: 500; color: var(--iox-on-atmo); }
.iox-auth-next p { margin: 4px 0 0; }
.iox-app-choice.iox-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.iox-app-choice.iox-two label { align-items: flex-start; padding: 14px var(--iox-space-4); }
.iox-app-choice.iox-two input { margin-top: 2px; }
.iox-app-choice label small { display: block; margin-top: 2px; font-size: 13px; line-height: 18px; font-weight: 400; color: var(--iox-ink-muted); }
@media (max-width: 1100px) { .iox-auth { padding: var(--iox-space-5); } .iox-auth-grid { grid-template-columns: 1fr; max-width: 640px; } .iox-auth-main { padding-top: var(--iox-space-6); } }
@media (max-width: 640px) { .iox-auth { padding: var(--iox-space-4); } .iox-auth-card { padding: var(--iox-space-5); } .iox-auth-head h1 { font-size: 32px; line-height: 38px; } .iox-auth-steps li:not([aria-current]) span:last-child { display: none; } }
.iox-auth-row { margin: var(--iox-space-5) 0 0; }
.iox-auth-links.iox-auth-start { text-align: left; }
.iox-auth-start + .iox-auth-start { margin-top: var(--iox-space-3); }
.iox-formcard .iox-auth-code { margin-top: var(--iox-space-5); }
.iox-app-tile.iox-formcard > h2:has(+ .iox-auth-lead) { margin-bottom: 0; }
.iox-app-brand { display: flex; align-items: center; justify-content: flex-start; gap: var(--iox-space-2); height: 40px; padding: 0 var(--iox-space-2) 0 var(--iox-space-3); }
.iox-app-brand .iox-mark { height: auto; padding: 0; }
.iox-app-zone { display: inline-flex; align-items: center; height: 24px; padding: 0 var(--iox-space-2); border-radius: var(--iox-radius-xs); background: var(--iox-tile-active); color: var(--iox-ink); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.02em; }
.iox-app-fill { flex: 1; }
.iox-app-del { display: inline-flex; align-items: center; height: 44px; padding: 0 16px; border: 0; border-radius: var(--iox-radius-s); background: var(--iox-tile-raised); box-shadow: inset 0 0 0 1px var(--iox-danger); color: var(--iox-danger); font: inherit; font-size: 14px; font-weight: 500; white-space: nowrap; cursor: pointer; }
.iox-app-del:hover { background: var(--iox-tile-active); }
.iox-app-ph .iox-app-row .iox-btn-sec, .iox-app-ph .iox-app-row .iox-app-del { height: 44px; }
.iox-app-intern { background: var(--iox-tile); box-shadow: inset 3px 0 0 var(--iox-warn); }
.iox-app-tag { display: inline-flex; align-items: center; height: 20px; margin-left: var(--iox-space-2); padding: 0 6px; border-radius: 6px; background: var(--iox-tile-raised); box-shadow: inset 0 0 0 1px var(--iox-line); font-size: 12px; line-height: 16px; font-weight: 500; color: var(--iox-ink-muted); vertical-align: 1px; }
.iox-app-people li { grid-template-columns: minmax(0, 1fr) auto; }
.iox-app-people .iox-app-row { justify-content: flex-end; }
.iox-app-deps { list-style: none; margin: var(--iox-space-3) 0 0; padding: 0; border-radius: var(--iox-radius-s); box-shadow: inset 0 0 0 1px var(--iox-line); }
.iox-app-deps li { display: flex; justify-content: space-between; padding: var(--iox-space-3) var(--iox-space-4); font-size: 15px; line-height: 22px; }
.iox-app-deps li + li { box-shadow: inset 0 1px 0 var(--iox-line); }
.iox-app-deps li span:last-child { font-variant-numeric: tabular-nums; color: var(--iox-ink-muted); }
.iox-app-body-t { margin: 0; max-width: 72ch; font-size: 15px; line-height: 22px; color: var(--iox-ink); }
.iox-app-body-t + .iox-app-body-t { margin-top: var(--iox-space-3); }
.iox-app-who-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--iox-space-2) var(--iox-space-3); padding: var(--iox-space-4); border-radius: var(--iox-radius-s); background: var(--iox-ground); box-shadow: inset 0 0 0 1px var(--iox-line); margin-bottom: var(--iox-space-5); }
.iox-app-who-row b { font-size: 15px; font-weight: 500; }
.iox-app-who-row span { font-size: 14px; color: var(--iox-ink-muted); }
.iox-app-th .iox-app-row { margin-left: auto; }
.iox-app-th .iox-app-row .iox-btn-sec { margin-left: 0; }
.iox-app-th p.iox-app-thl { flex-basis: 100%; margin: 0; font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); }
.iox-app-th:has(.iox-app-thl) { flex-wrap: wrap; }
.iox-app-lines-ed { width: 100%; border-collapse: collapse; }
.iox-app-lines-ed th { padding: var(--iox-space-3) var(--iox-space-2); text-align: left; font-size: 13px; line-height: 18px; font-weight: 500; color: var(--iox-ink-muted); box-shadow: inset 0 -1px 0 var(--iox-line); }
.iox-app-lines-ed th:first-child, .iox-app-lines-ed td:first-child { padding-left: var(--iox-space-5); }
.iox-app-lines-ed th:last-child, .iox-app-lines-ed td:last-child { padding-right: var(--iox-space-4); }
.iox-app-lines-ed td { padding: var(--iox-space-2); vertical-align: middle; box-shadow: inset 0 -1px 0 var(--iox-line); font-size: 15px; line-height: 22px; font-variant-numeric: tabular-nums; }
.iox-app-lines-ed .iox-input { min-height: 40px; padding: 8px 12px; font-size: 15px; }
.iox-app-lines-ed .iox-app-end { text-align: right; white-space: nowrap; }
.iox-app-lines-ed td.iox-app-end .iox-input { text-align: right; }
.iox-app-lines-ed tfoot td { box-shadow: none; padding-top: var(--iox-space-4); padding-bottom: var(--iox-space-4); font-weight: 500; }
.iox-app-x { width: 36px; height: 36px; display: grid; place-items: center; border: 0; border-radius: var(--iox-radius-xs); background: transparent; color: var(--iox-ink-muted); cursor: pointer; }
.iox-app-x:hover { background: var(--iox-tile-raised); color: var(--iox-danger); }
.iox-app-x .iox-i { width: 16px; height: 16px; }
.iox-app-pickl { list-style: none; margin: 0; padding: 0; }
.iox-app-pickl button { display: flex; width: 100%; justify-content: space-between; gap: var(--iox-space-3); padding: var(--iox-space-3) var(--iox-space-5); border: 0; background: transparent; box-shadow: inset 0 1px 0 var(--iox-line); color: var(--iox-ink); font: inherit; font-size: 14px; line-height: 20px; text-align: left; cursor: pointer; }
.iox-app-pickl button:hover { background: var(--iox-tile-raised); }
.iox-app-pickl button span:last-child { white-space: nowrap; color: var(--iox-ink-muted); font-variant-numeric: tabular-nums; }
.iox-app-choice.iox-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.iox-app-choice.iox-three label { align-items: flex-start; padding: 14px var(--iox-space-4); }
.iox-app-choice.iox-three input { margin-top: 2px; }
.iox-app-pre { margin: var(--iox-space-3) 0 0; padding: var(--iox-space-3) var(--iox-space-4); overflow-x: auto; border-radius: var(--iox-radius-s); background: var(--iox-ground); box-shadow: inset 0 0 0 1px var(--iox-line); font-family: var(--font-iox-mono); font-size: 13px; line-height: 20px; color: var(--iox-ink); white-space: pre; }
.iox-app-sidebox { padding: 0 var(--iox-space-5) var(--iox-space-5); }
.iox-app-sidebox > p { margin: 0; font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); }
.iox-app-sidebox > p + * , .iox-app-sidebox > * + p { margin-top: var(--iox-space-3); }
.iox-app-sidebox .iox-app-box { margin-top: 0; }
.iox-app-morebtn { anchor-name: --iox-app-more; }
.iox-app-pop { margin: auto; padding: 6px; border: 0; border-radius: var(--iox-radius-m); min-width: 220px; color: var(--iox-ink); font-family: var(--font-iox-sans); background: var(--iox-tile-raised); box-shadow: inset 0 0 0 1px var(--iox-line), var(--iox-shadow-float); }
.iox-app-pop:popover-open { display: grid; gap: 2px; }
.iox-app-pop form { margin: 0; }
.iox-app-pop button, .iox-app-pop a { display: flex; width: 100%; align-items: center; height: 40px; padding: 0 12px; border: 0; border-radius: var(--iox-radius-s); background: transparent; color: var(--iox-ink); font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.iox-app-pop button:hover, .iox-app-pop a:hover { background: var(--iox-tile); }
.iox-app-pop button:focus-visible, .iox-app-pop a:focus-visible { outline: 2px solid var(--iox-focus); outline-offset: -2px; }
.iox-app-pop hr { height: 1px; margin: 4px 6px; border: 0; background: var(--iox-ground); }
.iox-app-pop .iox-app-popdel { color: var(--iox-danger); font-weight: 500; }
@supports (position-anchor: --a) { .iox-app-morepop { position-anchor: --iox-app-more; inset: auto; top: anchor(bottom); right: anchor(right); margin: 8px 0 0; position-try-fallbacks: flip-inline, flip-block; } }
.iox-app-kv dd .iox-app-st { vertical-align: middle; }
.iox-app-conv > li.iox-app-intern { margin: 0 var(--iox-space-3); border-radius: var(--iox-radius-s); }
.iox-app-compose .iox-auth-check { font-size: 14px; line-height: 20px; }
.iox-app-compose .iox-auth-check input { width: 18px; height: 18px; }
.iox-app-compose > p { margin: var(--iox-space-3) 0 0; max-width: 72ch; font-size: 13px; line-height: 18px; color: var(--iox-ink-muted); }
@media (max-width: 1100px) { .iox-app-choice.iox-three { grid-template-columns: 1fr; } }
.iox-app-lines-ed [data-w="s"] { width: 80px; }
.iox-app-lines-ed [data-w="m"] { width: 124px; }
.iox-app-lines-ed [data-w="x"] { width: 84px; }
.iox-app-kv .iox-app-mu { color: var(--iox-ink-muted); }
.iox-link-s { color: var(--iox-info); font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
.iox-app-body-t.iox-app-gap { margin-top: var(--iox-space-5); }
.iox-app-ph .iox-app-meta { margin-top: var(--iox-space-2); }
.iox-app-scroll { overflow-x: auto; }
.iox-app-cb > p.iox-app-filep { margin-top: var(--iox-space-4); }
.iox-app-conv > li.iox-app-intern { box-shadow: inset 3px 0 0 var(--iox-warn); }
.iox-app-x { width: auto; height: 32px; padding: 0 8px; font: inherit; font-size: 13px; font-weight: 500; }
.iox-app-zone { margin-left: auto; }
.iox-app-mclose, .iox-app-dsearch, .iox-app-dfoot, .iox-app-mbtn, .iox-app-top .iox-app-mmark { display: none; }
@media (max-width: 1100px) {
  .iox-app-side { display: flex; z-index: 40; width: min(320px, 86vw); visibility: hidden; transform: translateX(-100%); transition: transform .2s ease, visibility .2s; box-shadow: var(--iox-shadow-float); }
  .iox-app-side:popover-open { visibility: visible; transform: none; }
  .iox-app-side::backdrop { background: rgba(8, 12, 24, 0.6); }
  html:has(.iox-app-side:popover-open) { overflow: hidden; }
  html:has(.iox-app-side:popover-open) .iox-app-body { pointer-events: none; }
  .iox-app-zone { margin-left: 0; }
  .iox-app-mclose { display: grid; place-items: center; width: 44px; height: 44px; margin-left: auto; border: 0; border-radius: var(--iox-radius-s); background: transparent; color: var(--iox-ink-muted); cursor: pointer; }
  .iox-app-mclose .iox-i { width: 18px; height: 18px; }
  .iox-app-dsearch { display: block; }
  .iox-app-dsearch .iox-input { min-height: 44px; padding: 10px 14px; font-size: 16px; }
  .iox-app-dfoot { display: flex; flex-wrap: wrap; gap: var(--iox-space-2); margin-top: auto; padding-top: var(--iox-space-4); box-shadow: inset 0 1px 0 var(--iox-line); }
  .iox-app-mbtn { display: inline-grid; place-items: center; flex: none; width: 44px; height: 44px; border: 0; border-radius: var(--iox-radius-s); background: var(--iox-tile); box-shadow: inset 0 0 0 1px var(--iox-line); color: var(--iox-ink); cursor: pointer; }
  .iox-app-mbtn .iox-i { width: 20px; height: 20px; }
  .iox-app-top .iox-app-mmark { display: block; margin-right: auto; font-size: 17px; }
  .iox-app-search, .iox-app-fill { display: none; }
  .iox-app-att .iox-app-chipt { display: none; }
  .iox-app-att { padding: 0 10px; }
  .iox-app-ph .iox-app-row { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .iox-app-side { transition: none; } }
@media (max-width: 640px) {
  .iox-app-top { height: 60px; }
  .iox-app-ph { padding-bottom: var(--iox-space-4); }
  .iox-app-ph h1 { font-size: 30px; line-height: 36px; }
  .iox-app-tabs { display: flex; max-width: 100%; overflow-x: auto; }
  .iox-app-tabs a { flex: none; }
  .iox-app-conv > li { grid-template-columns: 32px minmax(0, 1fr); gap: var(--iox-space-3); padding: var(--iox-space-4); }
  .iox-app-who, .iox-app-evi { width: 32px; height: 32px; }
  .iox-app-conv > li.iox-app-day { padding: var(--iox-space-5) var(--iox-space-4) var(--iox-space-2); }
  .iox-app-conv .iox-app-card { margin-left: calc(-1 * (32px + var(--iox-space-3))); }
  .iox-app-ch, .iox-app-cb, .iox-app-cf, .iox-app-tog, .iox-app-dl { padding-left: var(--iox-space-4); padding-right: var(--iox-space-4); }
  .iox-app-lines th, .iox-app-lines td { padding-left: var(--iox-space-2); padding-right: var(--iox-space-2); font-size: 13px; }
  .iox-app-lines th:first-child, .iox-app-lines td:first-child { padding-left: var(--iox-space-4); }
  .iox-app-lines th:last-child, .iox-app-lines td:last-child { padding-right: var(--iox-space-4); }
  .iox-app-cf .iox-app-row > * { flex: 1 1 auto; justify-content: space-between; }
  .iox-app-compose { padding: var(--iox-space-4); }
  .iox-app-compose .iox-app-bp { margin-left: auto; }
  .iox-app-big { font-size: 32px; line-height: 36px; }
  .iox-app-choice.iox-two { grid-template-columns: 1fr; }
  .iox-app-scroll > .iox-app-grid:has(thead th:nth-child(4)) { min-width: 680px; }
  .iox-app-scroll > .iox-app-lines-ed { min-width: 600px; }
  .iox-app-people li { grid-template-columns: minmax(0, 1fr); }
  .iox-app-people .iox-app-row { justify-content: flex-start; }
}
.iox-app-sort[aria-sort="ascending"] .iox-app-sd { transform: rotate(-90deg); }
.iox-app-card.iox-draft { border-style: dashed; border-color: var(--iox-ink-faint); }
summary.iox-app-tog { list-style: none; cursor: pointer; }
summary.iox-app-tog::-webkit-details-marker { display: none; }
summary.iox-app-tog:hover { text-decoration: underline; text-underline-offset: 3px; }
summary.iox-app-tog:focus-visible { outline: 2px solid var(--iox-focus); outline-offset: -2px; }
details:not([open]) > summary .iox-app-tog-h, details[open] > summary .iox-app-tog-s { display: none; }
.iox-app-rate { display: flex; gap: 4px; }
.iox-app-rate label { position: relative; display: grid; place-items: center; width: 44px; height: 44px; border-radius: var(--iox-radius-s); color: var(--iox-ink-faint); cursor: pointer; }
.iox-app-rate input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.iox-app-rate .iox-i { width: 26px; height: 26px; }
.iox-app-rate:has(input:checked) label { color: var(--iox-ink); }
.iox-app-rate label:has(input:checked) ~ label { color: var(--iox-ink-faint); }
.iox-app-rate:has(label:hover) label { color: var(--iox-ink); }
.iox-app-rate label:hover ~ label { color: var(--iox-ink-faint); }
.iox-app-rate label:has(input:focus-visible) { outline: 2px solid var(--iox-focus); outline-offset: 2px; }
.iox-app-cb .iox-stars { display: inline-flex; gap: 2px; vertical-align: -3px; margin-right: var(--iox-space-2); }
.iox-app-search { position: relative; }
.iox-app-results { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 20; }
.iox-app-results:empty { display: none; }
.iox-app-res { padding: 6px; border-radius: var(--iox-radius-m); background: var(--iox-tile-raised); box-shadow: inset 0 0 0 1px var(--iox-line), var(--iox-shadow-float); max-height: min(420px, 60vh); overflow-y: auto; }
.iox-app-res ul { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.iox-app-res a { display: flex; align-items: center; justify-content: space-between; gap: var(--iox-space-3); min-height: 44px; padding: 8px 12px; border-radius: var(--iox-radius-s); color: var(--iox-ink); font-size: 14px; line-height: 20px; }
.iox-app-res a:hover { background: var(--iox-tile); }
.iox-app-res a:focus-visible { outline: 2px solid var(--iox-focus); outline-offset: -2px; }
.iox-app-res .iox-code { flex: none; }
.iox-app-res p { margin: 0; padding: 10px 12px; font-size: 14px; line-height: 20px; color: var(--iox-ink-muted); }
.iox-app-dlg { width: min(480px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: var(--iox-space-5); border: 0; border-radius: var(--iox-radius-l); overflow-y: auto; color: var(--iox-ink); font-family: var(--font-iox-sans); background: var(--iox-tile-raised); box-shadow: inset 0 0 0 1px var(--iox-line), var(--iox-shadow-float); pointer-events: auto; }
.iox-app-dlg::backdrop { background: rgba(8, 12, 24, 0.6); }
html:has(.iox-app-dlg:popover-open) { overflow: hidden; }
html:has(.iox-app-dlg:popover-open) .iox-app-body { pointer-events: none; }
.iox-app-dlg h2 { margin: 0; font-size: 20px; line-height: 26px; font-weight: 500; }
.iox-app-dlg h2 + p, .iox-app-dlg > p, .iox-app-dlg > form > p { margin: var(--iox-space-2) 0 0; font-size: 15px; line-height: 22px; color: var(--iox-ink-muted); }
.iox-app-dlg .iox-field { margin-top: var(--iox-space-4); }
.iox-app-dlg .iox-app-row { justify-content: flex-end; margin-top: var(--iox-space-5); }
.iox-app-dlg .iox-btn-sec, .iox-app-dlg .iox-app-del { height: 44px; }
.iox-app-file-in { max-width: 100%; font: inherit; font-size: 13px; line-height: 18px; color: var(--iox-ink-muted); }
.iox-app-file-in::file-selector-button { height: 40px; margin-right: var(--iox-space-3); padding: 0 14px; border: 1px solid var(--iox-line); border-radius: var(--iox-radius-s); background: var(--iox-tile); color: var(--iox-ink); font: inherit; font-size: 14px; font-weight: 500; cursor: pointer; }
.iox-app-file-in::file-selector-button:hover { background: var(--iox-tile-raised); }
.iox-app-file-in:focus-visible { outline: 2px solid var(--iox-focus); outline-offset: 2px; border-radius: var(--iox-radius-s); }
:where(.iox-app, .iox-auth) .iox-err { display: flex; gap: 6px; align-items: flex-start; margin: var(--iox-space-2) 0 0; font-size: 13px; line-height: 18px; color: var(--iox-danger); }
:where(.iox-auth) button.iox-auth-a { padding: 0; border: 0; background: none; font: inherit; cursor: pointer; }
:where(.iox-app, .iox-auth) button.iox-chip { border: 0; font-family: inherit; cursor: pointer; }