/* === ASSET CSS HASH: 2522ed424d2a97047f837c4b2665a21bb7305368 | GLOBAL === */
.ew-t5026b6fa-topbar { --color-paper: oklch(12.5% 0.012 150); --color-paper-2: oklch(16% 0.016 150); --color-paper-3: oklch(20.5% 0.022 150); --color-ink: oklch(94% 0.03 140); --color-ink-2: oklch(82% 0.05 142); --color-muted: oklch(64% 0.06 145); --color-rule: oklch(27% 0.028 148); --color-rule-2: oklch(38% 0.045 146); --color-accent: oklch(35.1% 0.231 264.6); --color-accent-2: oklch(42% 0.22 264.6); --color-accent-deep: oklch(28% 0.19 264.6); --color-accent-ink: oklch(94% 0.03 140); --color-accent-bright: oklch(76% 0.13 264.6); --color-accent-wash: oklch(23% 0.08 264.6); --color-on-accent-2: oklch(82% 0.07 264.6); --color-on-accent-rule: oklch(48% 0.17 264.6); --color-focus: oklch(76% 0.15 264.6); --color-light: oklch(98.5% 0 0); --color-on-light: oklch(12.5% 0.012 150); --color-on-light-muted: oklch(42% 0.03 150); --color-light-rule: oklch(86% 0.005 150); --font-display: "Martian Mono", ui-monospace, monospace; --font-body: var(--font-display); --stretch-display: 112.5%; --stretch-body: 87.5%; --tracking-display: -0.02em; --display-weight: 500; --text-hero: clamp(2.5rem, 4.4vw, 3.75rem); --text-h2: 2.5rem; --text-figure: clamp(2.25rem, 5vw, 4.5rem); --text-title: 1.25rem; --text-lead: 1.125rem; --text-body: 1rem; --text-label: 0.875rem; --text-code: clamp(0.72rem, 1.1vw, 1.02rem); --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4rem; --space-9: 6rem; --space-10: 7.5rem; --space-11: 9rem; --space-12: 11rem; --container: 1440px; --gutter: 64px; --radius-card: 0; --rule-hair: 1px; --tap: 48px; --icon-stroke: 1.5; --dur-micro: 120ms; --dur-enter: 700ms; --dur-blink: 1.1s; }
@media (max-width: 48rem) {
.ew-t5026b6fa-topbar { --gutter: 20px; }
}
.ew-t5026b6fa-topbar, .ew-t5026b6fa-topbar *, .ew-t5026b6fa-topbar::before, .ew-t5026b6fa-topbar *::before, .ew-t5026b6fa-topbar::after, .ew-t5026b6fa-topbar *::after { box-sizing: border-box; margin: 0; padding: 0; }
.ew-t5026b6fa-topbar { -webkit-text-size-adjust: 100%; }
.ew-t5026b6fa-topbar { background: var(--color-paper); color: var(--color-ink-2); font-family: var(--font-body); font-weight: 400; font-stretch: var(--stretch-body); font-size: var(--text-body); line-height: 1.65; font-variant-numeric: tabular-nums; -webkit-font-smoothing: antialiased; }
.ew-t5026b6fa-topbar h1, .ew-t5026b6fa-topbar h2, .ew-t5026b6fa-topbar h3 {
  font-family: var(--font-display);
  font-weight: var(--display-weight);
  font-stretch: var(--stretch-display);
  letter-spacing: var(--tracking-display);
  line-height: 1.12;
  color: var(--color-ink);
  text-wrap: balance;
}
.ew-t5026b6fa-topbar p { text-wrap: pretty; max-width: 62ch; }
.ew-t5026b6fa-topbar a { color: var(--color-ink-2); text-decoration: underline dotted; text-underline-offset: 0.25em; }
.ew-t5026b6fa-topbar a:hover { color: var(--color-accent-bright); }
.ew-t5026b6fa-topbar img { display: block; max-width: 100%; height: auto; }
.ew-t5026b6fa-topbar button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
.ew-t5026b6fa-topbar pre { font-family: var(--font-display); }
.ew-t5026b6fa-topbar :focus-visible { outline: 2px solid var(--color-focus); outline-offset: 3px; }
.ew-t5026b6fa-topbar .container { width: 100%; max-width: var(--container); margin-inline: auto; padding-inline: var(--gutter); }
.ew-t5026b6fa-topbar .btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--space-3);
  min-height: var(--tap); padding: 0 var(--space-5);
  font-family: var(--font-body); font-size: var(--text-label); font-weight: 500;
  text-decoration: none; border: var(--rule-hair) solid transparent; border-radius: var(--radius-card);
  transition: background-color var(--dur-micro) steps(1), color var(--dur-micro) steps(1), border-color var(--dur-micro) steps(1);
}
.ew-t5026b6fa-topbar .btn--primary { background: var(--color-accent); color: var(--color-accent-ink); border-color: var(--color-accent-bright); }
.ew-t5026b6fa-topbar .btn--primary:hover { background: var(--color-accent-2); color: var(--color-accent-ink); }
.ew-t5026b6fa-topbar .btn--ghost { border-color: var(--color-ink-2); color: var(--color-ink); }
.ew-t5026b6fa-topbar .btn--ghost:hover { background: var(--color-paper-3); color: var(--color-ink); }
.ew-t5026b6fa-topbar .fill { color: var(--color-muted); outline: 1px dashed currentColor; outline-offset: 2px; padding: 0 var(--space-2); }
@media (prefers-reduced-motion: reduce) {
.ew-t5026b6fa-topbar, .ew-t5026b6fa-topbar *, .ew-t5026b6fa-topbar::before, .ew-t5026b6fa-topbar *::before, .ew-t5026b6fa-topbar::after, .ew-t5026b6fa-topbar *::after { animation: none !important; transition: none !important; }
}
.ew-t5026b6fa.ew-t5026b6fa-topbar { background: var(--color-paper); border-bottom: var(--rule-hair) solid var(--color-rule); overflow-x: clip; padding-block: 0; }
.ew-t5026b6fa.ew-t5026b6fa-topbar .s-topbar__bar { display: flex; align-items: center; gap: var(--space-6); min-height: 64px; }
.ew-t5026b6fa.ew-t5026b6fa-topbar .s-topbar__mark { display: flex; align-items: center; align-self: stretch; padding-inline: var(--space-4); background: var(--color-accent); }
.ew-t5026b6fa.ew-t5026b6fa-topbar .s-topbar__mark img { height: 28px; width: auto; }
.ew-t5026b6fa.ew-t5026b6fa-topbar .s-topbar__nav { display: flex; gap: var(--space-6); flex: 1; }
.ew-t5026b6fa.ew-t5026b6fa-topbar .s-topbar__nav a { font-size: var(--text-label); text-decoration: none; color: var(--color-ink-2); }
.ew-t5026b6fa.ew-t5026b6fa-topbar .s-topbar__nav a:hover { color: var(--color-accent-bright); }
.ew-t5026b6fa.ew-t5026b6fa-topbar .s-topbar__nav a span { color: var(--color-muted); margin-right: var(--space-2); }
.ew-t5026b6fa.ew-t5026b6fa-topbar .s-topbar__menu { display: none; width: var(--tap); height: var(--tap); align-items: center; justify-content: center; margin-left: auto; border: var(--rule-hair) solid var(--color-rule); }
.ew-t5026b6fa.ew-t5026b6fa-topbar .ico { width: 1.25em; height: 1.25em; stroke-width: var(--icon-stroke); }
@media (max-width: 60rem) {
.ew-t5026b6fa.ew-t5026b6fa-topbar .s-topbar__bar { flex-wrap: wrap; gap: var(--space-4); }
.ew-t5026b6fa.ew-t5026b6fa-topbar .s-topbar__menu { display: inline-flex; }
.ew-t5026b6fa.ew-t5026b6fa-topbar .s-topbar__cta { display: none; }
.ew-t5026b6fa.ew-t5026b6fa-topbar .s-topbar__nav { display: none; order: 3; flex-basis: 100%; flex-direction: column; gap: 0; padding-bottom: var(--space-4); }
.ew-t5026b6fa.ew-t5026b6fa-topbar .s-topbar__nav a { min-height: var(--tap); display: flex; align-items: center; border-top: var(--rule-hair) solid var(--color-rule); }
.ew-t5026b6fa.ew-t5026b6fa-topbar.is-open .s-topbar__nav { display: flex; }
}