@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-vietnamese-wght-normal.D0rl6rjA.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(/_astro/space-grotesk-latin-ext-wght-normal.D9tNdqV9.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(/_astro/space-grotesk-latin-wght-normal.BhU9QXUp.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}:root{color-scheme:dark;--bg: #100b17;--bg-raised: #150f1e;--surface: #1a1325;--surface-2: #221a30;--surface-3: #2b223b;--border: rgba(255, 244, 225, .09);--border-strong: rgba(255, 244, 225, .18);--text: #f7f2e9;--text-2: #bdb3c8;--text-3: #9c91ab;--honey: #f7ad2c;--honey-hi: #fbbb3d;--honey-lo: #ed9914;--plum: #9a74c6;--sky: #8fd1f6;--accent: var(--honey);--accent-2: var(--honey-hi);--accent-text: #fbbb3d;--on-accent: #1b1124;--good: #5fd08a;--warn: #fbbb3d;--bad: #ff8a8a;--idle: #9c91ab;--glow: rgba(247, 173, 44, .22);--grid-line: rgba(255, 244, 225, .06);--radius: 18px;--radius-sm: 11px;--shadow-card: 0 30px 70px -30px rgba(0, 0, 0, .75), 0 1px 0 0 rgba(255, 244, 225, .05) inset;--shadow-pop: 0 44px 100px -34px rgba(0, 0, 0, .9), 0 0 0 1px rgba(255, 244, 225, .07);--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display: "Space Grotesk Variable", var(--font);--mono: ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--header-h: 64px;--pt-hi: #f4f1fb;--pt-mid: #b3abc9;--pt-lo: #5d5479;--c-hi: #a59fb0;--c-mid: #57505f;--c-lo: #1f1a26;--o-hi: #ffb0a6;--o-mid: #ef5247;--o-lo: #8e1a17;--bond: rgba(214, 204, 232, .5);--bond-strong: rgba(247, 242, 233, .92);--cell: rgba(255, 244, 225, .2)}@media(prefers-color-scheme:light){:root{color-scheme:light;--bg: #fbf7ef;--bg-raised: #fffdf8;--surface: #ffffff;--surface-2: #f6f0e4;--surface-3: #efe7d8;--border: rgba(48, 30, 66, .11);--border-strong: rgba(48, 30, 66, .22);--text: #1d1327;--text-2: #54475f;--text-3: #6c5f78;--accent-text: #8a5200;--plum: #6a4691;--sky: #1f6f9c;--good: #14804a;--warn: #8a5200;--bad: #c2362f;--idle: #6c5f78;--glow: rgba(247, 173, 44, .32);--grid-line: rgba(48, 30, 66, .07);--shadow-card: 0 26px 60px -30px rgba(74, 44, 20, .3), 0 1px 0 0 rgba(255, 255, 255, .9) inset;--shadow-pop: 0 40px 80px -34px rgba(74, 44, 20, .4), 0 0 0 1px rgba(48, 30, 66, .06);--pt-hi: #ffffff;--pt-mid: #c3bdd3;--pt-lo: #7d7494;--c-hi: #8b8496;--c-mid: #4a4353;--c-lo: #1d1823;--bond: rgba(72, 56, 96, .42);--bond-strong: rgba(29, 19, 39, .86);--cell: rgba(48, 30, 66, .28)}}*,*:before,*:after{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}html:focus-within{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip}img,svg,canvas{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}h1,h2,h3{font-family:var(--display);font-weight:620;line-height:1.08;letter-spacing:-.022em;text-wrap:balance}p{text-wrap:pretty}code,pre,kbd{font-family:var(--mono)}::selection{background:var(--honey);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px;border-radius:6px}.skip-link{position:absolute;left:12px;top:-60px;z-index:200;padding:10px 18px;border-radius:0 0 10px 10px;background:var(--accent);color:var(--on-accent);font-weight:650;text-decoration:none;transition:top .18s ease}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.container{max-width:1180px;margin-inline:auto;padding-inline:clamp(18px,4vw,32px)}.section{padding-block:clamp(72px,10vw,128px);position:relative}section[id],main[id],[data-anchor]{scroll-margin-top:calc(var(--header-h) + 20px)}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-size:.8rem;font-weight:620;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}.eyebrow:before{content:"";width:14px;aspect-ratio:1.1547;background:currentColor;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.h2{margin-top:16px;font-size:clamp(2rem,4.6vw,3.3rem)}.lede{margin-top:18px;max-width:62ch;font-size:clamp(1.02rem,1.5vw,1.15rem);color:var(--text-2)}.honey{background:linear-gradient(100deg,var(--honey-lo),var(--honey-hi) 45%,#ffe2a8 60%,var(--honey) 80%);-webkit-background-clip:text;background-clip:text;color:transparent}@media(prefers-color-scheme:light){.honey{background-image:linear-gradient(100deg,#a55f00,#d48400 45%,#b56c00 60%,#8f5200 80%)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 20px;border-radius:12px;font-family:var(--display);font-weight:620;letter-spacing:-.005em;text-decoration:none;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,transform .25s var(--ease-spring),box-shadow .25s ease}.btn:active{transform:translateY(1px) scale(.985)}.btn-primary{background:linear-gradient(180deg,var(--honey-hi),var(--honey-lo));color:var(--on-accent);box-shadow:0 10px 30px -10px var(--glow),0 1px #ffffff73 inset}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px -12px var(--glow),0 1px #ffffff8c inset}.btn-ghost{border-color:var(--border-strong);color:var(--text);background:color-mix(in srgb,var(--surface) 55%,transparent)}.btn-ghost:hover{background:var(--surface-2);border-color:var(--text-3)}.btn-lg{padding:15px 28px;font-size:1.05rem;border-radius:14px}.btn svg{flex:none}.card{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card)}.spot{--mx: 50%;--my: 0%;overflow:hidden}.spot:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(380px circle at var(--mx) var(--my),var(--glow),transparent 62%);opacity:0;transition:opacity .35s ease}@media(hover:hover)and (pointer:fine){.spot:hover:before{opacity:1}}.demo-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid var(--border-strong);border-radius:999px;font:620 .68rem/1.5 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);background:color-mix(in srgb,var(--bg) 70%,transparent);white-space:nowrap}.tag{--h: 205;display:inline-flex;align-items:center;gap:6px;padding:2px 8px 2px 7px;border-radius:7px;border:1px solid hsl(var(--h) 62% 62% / .42);background:hsl(var(--h) 60% 52% / .16);color:hsl(var(--h) 85% 80%);font:650 .74rem/1.5 var(--display);letter-spacing:.01em;white-space:nowrap}.tag:before{content:"";width:7px;aspect-ratio:1.1547;background:currentColor;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}@media(prefers-color-scheme:light){.tag{border-color:hsl(var(--h) 55% 38% / .35);background:hsl(var(--h) 70% 50% / .11);color:hsl(var(--h) 72% 27%)}}.ctl{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:38px;height:38px;padding:0 11px;border:1px solid var(--border-strong);border-radius:10px;background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--text-2);font:600 .82rem/1 var(--display);transition:background .15s ease,color .15s ease,border-color .15s ease}.ctl:hover{background:var(--surface-2);color:var(--text);border-color:var(--text-3)}.ctl svg{width:15px;height:15px;fill:currentColor}.ctl svg[hidden]{display:none}.slab-svg .g-Pt-hi{stop-color:var(--pt-hi)}.slab-svg .g-Pt-mid{stop-color:var(--pt-mid)}.slab-svg .g-Pt-lo{stop-color:var(--pt-lo)}.slab-svg .g-C-hi{stop-color:var(--c-hi)}.slab-svg .g-C-mid{stop-color:var(--c-mid)}.slab-svg .g-C-lo{stop-color:var(--c-lo)}.slab-svg .g-O-hi{stop-color:var(--o-hi)}.slab-svg .g-O-mid{stop-color:var(--o-mid)}.slab-svg .g-O-lo{stop-color:var(--o-lo)}.slab-svg .bond{stroke:var(--bond);stroke-width:2.2;stroke-linecap:round}.slab-svg .bond-strong{stroke:var(--bond-strong);stroke-width:3}.slab-svg .edge{stroke:var(--cell);stroke-width:1}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.js .reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1!important;transform:none!important}}.to-top[data-astro-cid-wlspcwf4]{position:fixed;right:clamp(14px,3vw,28px);bottom:clamp(14px,3vw,28px);z-index:90;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);box-shadow:var(--shadow-card);text-decoration:none;transition:opacity .2s ease,transform .2s ease,background .15s ease,color .15s ease,border-color .15s ease}.to-top[data-astro-cid-wlspcwf4]:hover{background:var(--accent);border-color:var(--accent);color:#fff}.js .to-top[data-astro-cid-wlspcwf4]{opacity:0;visibility:hidden;transform:translateY(8px) scale(.94);pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}.js .to-top[data-astro-cid-wlspcwf4].is-on{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .2s ease,transform .2s ease,visibility 0s linear 0s,background .15s ease,color .15s ease,border-color .15s ease}@media(prefers-reduced-motion:reduce){.to-top[data-astro-cid-wlspcwf4]{transition:opacity .2s ease}.js .to-top[data-astro-cid-wlspcwf4]{transform:none}}@media print{.to-top[data-astro-cid-wlspcwf4]{display:none}}