@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url("./media/archivo-vietnamese-wdth-normal-JICEILHD.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url("./media/archivo-latin-ext-wdth-normal-GPGIT4GY.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url("./media/archivo-latin-wdth-normal-R3FITQA7.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url("./media/ibm-plex-sans-latin-400-normal-COQVXTP6.woff2") format("woff2"),url("./media/ibm-plex-sans-latin-400-normal-JC3YNCCZ.woff") format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url("./media/ibm-plex-sans-latin-500-normal-JTONHBWS.woff2") format("woff2"),url("./media/ibm-plex-sans-latin-500-normal-7DOULDHV.woff") format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url("./media/ibm-plex-sans-latin-600-normal-DTNZULF4.woff2") format("woff2"),url("./media/ibm-plex-sans-latin-600-normal-B3O423MA.woff") format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url("./media/jetbrains-mono-latin-400-normal-3OOWLGQ2.woff2") format("woff2"),url("./media/jetbrains-mono-latin-400-normal-WDD34GPP.woff") format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url("./media/jetbrains-mono-latin-500-normal-V4XIP5OW.woff2") format("woff2"),url("./media/jetbrains-mono-latin-500-normal-ETEQEOVZ.woff") format("woff")}:root{--font-display: "Archivo Variable", "Archivo", "Helvetica Neue", Arial, sans-serif;--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--display-stretch: 112%;--bg: #eef0ee;--bg-muted: #e5e8e6;--surface: #ffffff;--surface-raised: #ffffff;--surface-sunken: #e1e4e2;--ink: #111417;--ink-2: #444d58;--ink-3: #5f6977;--line: #d6dad8;--line-strong: #bfc5c3;--slate: #33475e;--slate-soft: #e1e7ee;--brand: #1f3fb8;--brand-hover: #1a37a3;--brand-press: #16308f;--brand-ink: #1a37a3;--brand-soft: #e8ecf8;--brand-soft-2: #d6ddf3;--brand-line: #b4c1ea;--on-brand: #ffffff;--amber: #a8682c;--amber-soft: #f4eadf;--ok: #2a7247;--ok-soft: #e7f2ec;--idle: #5f6977;--idle-soft: #e9ecf0;--code-bg: #0b0f14;--code-line: rgba(255, 255, 255, .08);--code-ink: #d5dae2;--code-dim: #87909d;--code-key: #a3b4ff;--code-str: #e9b483;--shadow-sm: 0 1px 2px rgba(11, 15, 20, .07), 0 1px 1px rgba(11, 15, 20, .04);--shadow-md: 0 10px 28px -14px rgba(11, 15, 20, .22), 0 2px 6px -2px rgba(11, 15, 20, .07);--shadow-lg: 0 30px 64px -30px rgba(11, 15, 20, .34), 0 10px 24px -12px rgba(11, 15, 20, .1);--header-bg: rgba(238, 240, 238, .82);--header-line: rgba(11, 15, 20, .09);--selection: rgba(31, 63, 184, .16);--r-control: 6px;--r-input: 6px;--r-panel: 8px;--r-feature: 12px;color-scheme:light}[data-theme=dark]{--bg: #0a0d10;--bg-muted: #0d1115;--surface: #12161b;--surface-raised: #171c22;--surface-sunken: #0b0e12;--ink: #e7eaee;--ink-2: #a3adb9;--ink-3: #848e9b;--line: rgba(143, 163, 187, .13);--line-strong: rgba(143, 163, 187, .24);--slate: #94a6ba;--slate-soft: rgba(148, 166, 186, .12);--brand: #4664ec;--brand-hover: #5672f0;--brand-press: #3a57de;--brand-ink: #8ea2ff;--brand-soft: rgba(123, 147, 255, .1);--brand-soft-2: rgba(123, 147, 255, .16);--brand-line: rgba(123, 147, 255, .3);--amber: #d79a5e;--amber-soft: rgba(215, 154, 94, .12);--ok: #4cc38a;--ok-soft: rgba(76, 195, 138, .12);--idle: #848e9b;--idle-soft: rgba(143, 163, 187, .12);--code-bg: #050709;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 12px 30px -14px rgba(0, 0, 0, .6), 0 2px 6px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 34px 70px -32px rgba(0, 0, 0, .8), 0 10px 24px -12px rgba(0, 0, 0, .5);--header-bg: rgba(10, 13, 16, .78);--header-line: rgba(255, 255, 255, .07);--selection: rgba(123, 147, 255, .3);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0a0d10;--bg-muted: #0d1115;--surface: #12161b;--surface-raised: #171c22;--surface-sunken: #0b0e12;--ink: #e7eaee;--ink-2: #a3adb9;--ink-3: #848e9b;--line: rgba(143, 163, 187, .13);--line-strong: rgba(143, 163, 187, .24);--slate: #94a6ba;--slate-soft: rgba(148, 166, 186, .12);--brand: #4664ec;--brand-hover: #5672f0;--brand-press: #3a57de;--brand-ink: #8ea2ff;--brand-soft: rgba(123, 147, 255, .1);--brand-soft-2: rgba(123, 147, 255, .16);--brand-line: rgba(123, 147, 255, .3);--amber: #d79a5e;--amber-soft: rgba(215, 154, 94, .12);--ok: #4cc38a;--ok-soft: rgba(76, 195, 138, .12);--idle: #848e9b;--idle-soft: rgba(143, 163, 187, .12);--code-bg: #050709;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 12px 30px -14px rgba(0, 0, 0, .6), 0 2px 6px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 34px 70px -32px rgba(0, 0, 0, .8), 0 10px 24px -12px rgba(0, 0, 0, .5);--header-bg: rgba(10, 13, 16, .78);--header-line: rgba(255, 255, 255, .07);--selection: rgba(123, 147, 255, .3);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-padding-top:88px;background:var(--bg)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}html.menu-open{overflow:hidden}body{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;caret-color:var(--brand);accent-color:var(--brand);min-height:100dvh;transition:background-color .25s ease,color .25s ease}::selection{background:var(--selection)}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}ul,ol{list-style:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;font-stretch:var(--display-stretch);color:var(--ink);text-wrap:balance}p{text-wrap:pretty}code,pre,kbd{font-family:var(--font-mono);font-variant-ligatures:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}cbs-icon{font-size:1.25em}.container{width:100%;max-width:1240px;margin-inline:auto;padding-inline:20px}@media(min-width:640px){.container{padding-inline:32px}}@media(min-width:1024px){.container{padding-inline:40px}}.section{padding-block:clamp(80px,11vw,136px)}.section-muted{background:var(--bg-muted);border-block:1px solid var(--line)}.display{font-size:clamp(2.375rem,5.2vw,4.25rem);line-height:1.02;letter-spacing:-.03em;font-weight:800;font-stretch:118%}.section-title{font-size:clamp(1.875rem,3.6vw,2.75rem);line-height:1.08;letter-spacing:-.024em;font-weight:800;max-width:22ch}.section-lede{margin-top:18px;max-width:60ch;font-size:clamp(1.0625rem,1.4vw,1.1875rem);line-height:1.6;color:var(--ink-2)}.section-head{display:grid;margin-bottom:clamp(40px,5vw,64px)}.section-head.center{justify-items:center;text-align:center}.section-head.center .section-lede{margin-inline:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:1px solid transparent;border-radius:var(--r-control);font-size:.9375rem;font-weight:600;letter-spacing:0;line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .12s ease-out}.btn cbs-icon{font-size:1.0625em;transition:transform .22s cubic-bezier(.16,1,.3,1)}.btn:active{transform:scale(.98);transition-duration:60ms}@media(hover:hover){.btn:hover .arrow{transform:translate(2px)}}.btn.btn-lg{min-height:50px;padding:0 24px;font-size:1rem}.btn.btn-sm{min-height:36px;padding:0 14px;font-size:.875rem}.btn-primary{background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-sm),inset 0 1px #ffffff24}.btn-primary:hover{background:var(--brand-hover)}.btn-primary:active{background:var(--brand-press)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--ink-3)}.btn-ghost{background:transparent;color:var(--ink-2)}.btn-ghost:hover{color:var(--ink);background:var(--bg-muted)}.panel{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--r-panel);box-shadow:var(--shadow-md)}.code{background:var(--code-bg);color:var(--code-ink);border-radius:var(--r-panel);overflow:hidden;box-shadow:var(--shadow-lg)}.code pre{margin:0;padding:20px 22px 24px;overflow-x:auto;font-size:.8125rem;line-height:1.75;tab-size:2}.code .k{color:var(--code-key)}.code .s{color:var(--code-str)}.code .c{color:var(--code-dim)}.code-bar{display:flex;align-items:center;gap:4px;padding:0 12px;height:44px;border-bottom:1px solid var(--code-line);font-family:var(--font-mono);font-size:.75rem;color:var(--code-dim)}.text-link{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--brand-ink)}.text-link cbs-icon{transition:transform .22s cubic-bezier(.16,1,.3,1)}.text-link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.text-link:hover cbs-icon{transform:translate(2px)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.reveal>*{animation:settle-in linear both;animation-timeline:view();animation-range:entry 0% entry 35%}}}@keyframes settle-in{0%{opacity:0;transform:translateY(10px)}}
