@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url("./media/space-grotesk-vietnamese-wght-normal-UOJE75FD.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url("./media/space-grotesk-latin-ext-wght-normal-KWQTIOU2.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url("./media/space-grotesk-latin-wght-normal-LIGEH75C.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:italic;font-display:swap;font-weight:400;src:url("./media/ibm-plex-sans-latin-400-italic-PR7YQ55B.woff2") format("woff2"),url("./media/ibm-plex-sans-latin-400-italic-7XKXUOWL.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url("./media/ibm-plex-mono-latin-400-normal-A2WATXFY.woff2") format("woff2"),url("./media/ibm-plex-mono-latin-400-normal-4MWPPJAM.woff") format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url("./media/ibm-plex-mono-latin-500-normal-33HAQIPI.woff2") format("woff2"),url("./media/ibm-plex-mono-latin-500-normal-EJMP6L36.woff") format("woff")}:root{color-scheme:dark;--bg: #0b0e12;--bg-raised: #0f1318;--surface: #141920;--surface-2: #1a2029;--line: rgba(214, 226, 240, .09);--line-strong: rgba(214, 226, 240, .18);--text: #e9edf2;--text-muted: #a3adba;--text-faint: #7d8896;--accent: #66cc33;--accent-strong: #8ddc63;--accent-soft: rgba(102, 204, 51, .12);--on-accent: #0b1a04;--steel: #8fb0cf;--success: #7fd6a4;--danger: #ff8a7a;--focus: #b1ea93;--font-display: "Space Grotesk Variable", "Segoe UI", system-ui, sans-serif;--font-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--step--1: clamp(.78rem, .76rem + .1vw, .84rem);--step-0: clamp(1rem, .96rem + .2vw, 1.125rem);--step-1: clamp(1.15rem, 1.08rem + .35vw, 1.35rem);--step-2: clamp(1.35rem, 1.2rem + .7vw, 1.8rem);--step-3: clamp(1.7rem, 1.4rem + 1.4vw, 2.6rem);--step-4: clamp(2.2rem, 1.6rem + 2.7vw, 3.9rem);--step-5: clamp(2.5rem, 1.7rem + 3.9vw, 5rem);--space-2xs: .375rem;--space-xs: .625rem;--space-s: 1rem;--space-m: 1.5rem;--space-l: clamp(2rem, 1.6rem + 1.6vw, 3rem);--space-xl: clamp(3rem, 2.2rem + 3.2vw, 5rem);--space-2xl: clamp(4.5rem, 3rem + 6vw, 8.5rem);--radius-s: 6px;--radius: 10px;--radius-l: 16px;--gutter: clamp(1rem, .4rem + 3vw, 3rem);--max: 1240px;--max-prose: 66ch;--header-h: 68px;--ease-out: cubic-bezier(.2, .7, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 1rem)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--step-0);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}body.nav-open{overflow:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.12;letter-spacing:-.025em;margin:0;text-wrap:balance}h1{font-size:var(--step-5);letter-spacing:-.035em;line-height:1.02}h2{font-size:var(--step-4)}h3{font-size:var(--step-2)}h4{font-size:var(--step-1)}p{margin:0;text-wrap:pretty}p+p{margin-top:1em}ul,ol{margin:0;padding:0}a{color:inherit;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:.2em}a:hover{text-decoration-color:currentColor}img,svg{display:block;max-width:100%}strong{font-weight:600;color:var(--text)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}::selection{background:var(--accent);color:var(--on-accent)}button,input,select,textarea{font:inherit;color:inherit}.container{width:100%;max-width:calc(var(--max) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--space-2xl);position:relative}.section--tight{padding-block:var(--space-xl)}.section--raised{background:var(--bg-raised);border-block:1px solid var(--line)}.lead{font-size:var(--step-1);color:var(--text-muted);line-height:1.6;max-width:60ch}.muted{color:var(--text-muted)}.prose{max-width:var(--max-prose);color:var(--text-muted)}.prose h2,.prose h3{color:var(--text);margin-top:1.6em;margin-bottom:.5em}.prose ul{padding-left:1.2em;margin-top:.8em}.prose li+li{margin-top:.4em}.eyebrow{font-family:var(--font-mono);font-size:var(--step--1);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:.6em}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:100;padding:.75rem 1rem;background:var(--accent);color:var(--on-accent);font-weight:600;border-radius:var(--radius-s);transform:translateY(-200%);text-decoration:none}.skip-link:focus{transform:none}.tag-list{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0}.tag{font-family:var(--font-mono);font-size:.78rem;line-height:1;padding:.45rem .6rem;border:1px solid var(--line-strong);border-radius:999px;color:var(--text-muted);white-space:nowrap}.btn{--btn-bg: transparent;--btn-fg: var(--text);--btn-border: var(--line-strong);display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:.75rem 1.35rem;border-radius:var(--radius-s);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-body);font-weight:600;font-size:1rem;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s var(--ease-out)}.btn wi-icon{transition:transform .25s var(--ease-out)}.btn:hover wi-icon{transform:translate(3px)}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.6;cursor:progress}.btn--primary{--btn-bg: var(--accent);--btn-fg: var(--on-accent);--btn-border: var(--accent)}.btn--primary:hover{--btn-bg: var(--accent-strong);--btn-border: var(--accent-strong)}.btn--ghost:hover{--btn-border: var(--text-muted);--btn-bg: rgba(255, 255, 255, .03)}.btn--small{min-height:40px;padding:.5rem 1rem;font-size:.9375rem}.text-link{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;color:var(--accent);text-decoration:none;min-height:44px}.text-link wi-icon{transition:transform .25s var(--ease-out)}.text-link:hover wi-icon{transform:translate(3px)}.text-link:hover span{text-decoration:underline;text-underline-offset:.2em}@media(prefers-reduced-motion:no-preference){.reveal-pending{opacity:0;transform:translateY(14px)}.reveal-in{opacity:1;transform:none;transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transition-delay:var(--reveal-delay, 0ms)}}@media(prefers-reduced-motion:no-preference){::view-transition-old(root){animation:.16s ease-out both vt-fade-out}::view-transition-new(root){animation:.26s var(--ease-out) both vt-fade-in}}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
