@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#e9f2f8;--fg:#0a2338;--muted:#45607a;--line:#c9d9e6;--line-strong:#9fb9cf;--panel:#f5f9fc;--sun-1:#ff4f6d;--sun-2:#ff7a45;--sun-3:#ffc94a;--sun:linear-gradient(90deg, var(--sun-1), var(--sun-2) 55%, var(--sun-3));--reflect-1:#cf2f4e;--reflect-2:#c0530e;--halo:#ff6e502b;--glow-core:#ffd67899;--glow-sun:#ff7a4566;--glow-rose:#ff4f6d47;--glow-ice:#1e78b94d;--ice-tint:#c3e2f652;--ice-hi:#ffffff7a;--ice-lo:#6eafe138;--ice-solid:#d6e7f2;--ice-ink:#0d1b2a;--ice-ink-2:#34485c;--ice-btn:#0d1b2a;--ice-btn-ink:#f4f8fc;--f-sans:"Geist Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:"Geist Mono Variable", ui-monospace, "SFMono-Regular", Menlo, monospace;--gutter-l:max(clamp(16px, 5vw, 56px), env(safe-area-inset-left,0px));--gutter-r:max(clamp(16px, 5vw, 56px), env(safe-area-inset-right,0px))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#061726;--fg:#eaf4fb;--muted:#8fb0c8;--line:#123049;--line-strong:#24506f;--panel:#0a2133;--reflect-1:#ff6f8e;--reflect-2:#ffb347;--halo:#ff6e5024;--glow-core:#ffcd6e80;--glow-sun:#ff6e4661;--glow-rose:#ff466e47;--glow-ice:#146eaa73;--ice-tint:#5aa0d724;--ice-hi:#ffffff26;--ice-lo:#2878be29;--ice-solid:#0f2c45;--ice-ink:#f4f9fe;--ice-ink-2:#c9dbeb;--ice-btn:#f4f9fe;--ice-btn-ink:#0b1a2c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#061726;--fg:#eaf4fb;--muted:#8fb0c8;--line:#123049;--line-strong:#24506f;--panel:#0a2133;--reflect-1:#ff6f8e;--reflect-2:#ffb347;--halo:#ff6e5024;--glow-core:#ffcd6e80;--glow-sun:#ff6e4661;--glow-rose:#ff466e47;--glow-ice:#146eaa73;--ice-tint:#5aa0d724;--ice-hi:#ffffff26;--ice-lo:#2878be29;--ice-solid:#0f2c45;--ice-ink:#f4f9fe;--ice-ink-2:#c9dbeb;--ice-btn:#f4f9fe;--ice-btn-ink:#0b1a2c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6}html.is-iced,html.is-iced body{overflow:hidden}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}h1,h2,h3{text-wrap:balance}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mono{font-family:var(--f-mono);letter-spacing:.01em;font-size:13px}.skip-link{z-index:40;left:var(--gutter-l);background:var(--fg);color:var(--bg);padding:10px 14px;font-size:14px;position:absolute;top:8px;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}@supports (animation-timeline:view()){.reveal{animation:linear both reveal;animation-timeline:view();animation-range:entry cover 22%}@keyframes reveal{0%{opacity:.2;transform:translateY(24px)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}[tabindex="-1"]:focus{outline:none}.site{isolation:isolate;transition:transform 1.6s cubic-bezier(.2,.8,.2,1),opacity 1.6s cubic-bezier(.2,.8,.2,1);position:relative}html.is-iced .site{opacity:.75;transform:scale(.97)}html.is-iced.thawing .site{opacity:1;transform:none}.halo{z-index:-1;pointer-events:none;background:radial-gradient(520px circle at var(--hx,50%) var(--hy,30%), var(--halo), transparent 70%);position:fixed;inset:0}.pixel-sunset{-webkit-mask-composite:source-in;width:100%;height:clamp(200px,25.42vw,700px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 26% 90%,#0000 100%),linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 26% 90%,#0000 100%),linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.sunset-stage{aspect-ratio:2880/732;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.sunset-stage img{width:100%;height:100%;display:block;position:absolute;inset:0}.sunset-stage video{opacity:0;width:100%;height:100%;transition:opacity .6s;display:block;position:absolute;inset:0}.sunset-stage video.is-playing{opacity:1}.wrap{max-width:1120px;padding-left:var(--gutter-l);padding-right:var(--gutter-r);margin-inline:auto}.top{z-index:20;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px);position:sticky;top:0}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:30;background:var(--bg);position:fixed;inset:0 0 auto}.top-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 24px;min-height:60px;display:flex}.top .who{letter-spacing:-.01em;font-size:15px;font-weight:500}.top nav ul{flex-wrap:wrap;gap:0 22px;margin:0;padding:0;list-style:none;display:flex}.top nav a{min-height:44px;color:var(--muted);align-items:center;font-size:14px;transition:color .2s;display:inline-flex}.top nav a:hover{color:var(--fg)}.top-in{flex-wrap:nowrap}.top nav{margin-left:auto}.theme-btn{border:1px solid var(--line);width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;flex:none;place-items:center;padding:0;transition:border-color .2s;display:inline-grid}.theme-btn:hover{border-color:var(--line-strong)}.theme-btn svg{grid-area:1/1;width:18px;height:18px;transition:transform .45s cubic-bezier(.2,.9,.2,1),opacity .3s}.theme-btn .i-sun{opacity:0;transform:rotate(-90deg)scale(.6)}:root[data-theme=dark] .theme-btn .i-sun{opacity:1;transform:none}:root[data-theme=dark] .theme-btn .i-moon{opacity:0;transform:rotate(90deg)scale(.6)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-btn .i-sun{opacity:1;transform:none}:root:not([data-theme=light]) .theme-btn .i-moon{opacity:0;transform:rotate(90deg)scale(.6)}}@media (width<=640px){.top-in{flex-wrap:wrap;gap:0 16px;min-height:56px}.top .who{flex:1 1 0;min-width:0}.top nav{margin:0 calc(-1 * var(--gutter-r)) 0 0;scrollbar-width:none;flex-basis:100%;order:3;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.top nav::-webkit-scrollbar{display:none}.top nav ul{flex-wrap:nowrap;padding-right:32px}.top nav a{white-space:nowrap}}.hero{padding-block:clamp(80px,14vw,176px) clamp(56px,8vw,96px)}.hero h1{letter-spacing:-.055em;background:linear-gradient(110deg, var(--fg) 0 36%, var(--reflect-1) 48%, var(--reflect-2) 56%, var(--fg) 68% 100%);color:#0000;background-position:100% 0;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(44px,8.4vw,112px);font-weight:600;line-height:.94;animation:11s ease-in-out 1.5s infinite glare}@keyframes glare{0%,55%{background-position:100% 0}to{background-position:0 0}}.hero .role{letter-spacing:-.025em;max-width:34ch;color:var(--muted);margin:28px 0 0;font-size:clamp(20px,2.2vw,28px);line-height:1.3}.hero .role b{color:var(--fg);font-weight:500}.facts{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));margin:clamp(48px,7vw,80px) 0 0;display:grid}.facts div{border-bottom:1px solid var(--line);padding:16px 16px 16px 0}.facts dt{font-family:var(--f-mono);color:var(--muted);font-size:12px}.facts dd{margin:4px 0 0;font-size:15px}.dot{background:var(--sun);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:8px;animation:2.4s ease-in-out infinite blink;display:inline-block}@keyframes blink{50%{opacity:.25}}.links{flex-wrap:wrap;gap:8px 28px;margin:32px 0 0;padding:0;list-style:none;display:flex}.lnk{border-bottom:1px solid var(--line-strong);background:var(--sun) left bottom / 0 2px no-repeat;align-items:center;gap:6px;min-height:44px;font-size:15px;font-weight:500;transition:background-size .4s cubic-bezier(.2,.9,.2,1),border-color .2s;display:inline-flex}.lnk:hover{background-size:100% 2px;border-color:#0000}.lnk .ar{transition:transform .25s cubic-bezier(.2,.9,.2,1)}.lnk:hover .ar{transform:translate(2px,-2px)}.section{padding-block:clamp(72px,10vw,128px) 0}.sh{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));align-items:baseline;gap:8px 40px;margin-bottom:8px;padding-bottom:20px;display:grid;position:relative}.sh:after{content:"";background:var(--sun);height:2px;position:absolute;bottom:0;left:0;right:0}.sh h2{letter-spacing:-.04em;margin:0;font-size:clamp(26px,3.2vw,38px);font-weight:600;line-height:1.05}.sh p{color:var(--muted);margin:0;font-size:15px}.case{border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px clamp(32px,5vw,72px);padding-block:40px;display:grid}.case-text{flex-direction:column;gap:12px;min-width:0;display:flex}.case-k{font-family:var(--f-mono);color:var(--muted);font-size:12px}.case h3{letter-spacing:-.035em;margin:0;font-size:clamp(22px,2.4vw,28px);font-weight:600;line-height:1.15}.case-text p{color:var(--muted);max-width:52ch;margin:0}.tags{font-family:var(--f-mono);color:var(--muted);flex-wrap:wrap;gap:4px 16px;margin:6px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.demo{border:1px solid var(--line);background:var(--panel);flex-direction:column;min-width:0;display:flex}.demo-h{border-bottom:1px solid var(--line);font-family:var(--f-mono);color:var(--muted);justify-content:space-between;gap:12px;padding:10px 14px;font-size:11px;display:flex}.demo-b{gap:14px;padding:18px;display:grid}.ds{--d-bg:#fff;--d-fg:#0d2235;--d-mu:#4a6179;--d-li:#cddbe8;--d-ac:#0d2235;--d-on:#fff;background:var(--d-bg);color:var(--d-fg);border:1px solid var(--d-li);gap:14px;padding:16px;font-size:14px;transition:background .35s,color .35s,border-color .35s;display:grid}.ds.is-dark{--d-bg:#0d1b29;--d-fg:#e8f1f9;--d-mu:#8fa7be;--d-li:#24394d;--d-ac:#ffb08a;--d-on:#2a1206}.ds-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ds-btns{gap:8px;display:flex}.ds-btn{border:1px solid var(--d-li);min-height:36px;color:var(--d-fg);font:500 13px var(--f-sans);cursor:pointer;background:0 0;padding:0 14px;transition:background .35s,color .35s,border-color .35s}.ds-btn.primary{background:var(--d-ac);border-color:var(--d-ac);color:var(--d-on)}.ds-field{gap:6px;display:grid}.ds-field label{font-family:var(--f-mono);color:var(--d-mu);font-size:11px}.ds-field input{border:1px solid var(--d-li);min-height:36px;color:var(--d-fg);font:14px var(--f-sans);background:0 0;padding:0 10px;transition:color .35s,border-color .35s}.ds-switch{min-height:36px;color:var(--d-fg);font:500 13px var(--f-sans);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex}.ds-switch .track{border:1px solid var(--d-fg);border-radius:999px;width:34px;height:20px;position:relative}.ds-switch .track:after{content:"";background:var(--d-fg);border-radius:50%;width:14px;height:14px;transition:transform .3s cubic-bezier(.2,.9,.2,1);position:absolute;top:2px;left:2px}.ds-switch[aria-checked=true] .track:after{transform:translate(14px)}.ds-tokens{font-family:var(--f-mono);color:var(--d-mu);flex-wrap:wrap;gap:4px 14px;font-size:11px;display:flex}.ds-tokens i{border:1px solid var(--d-li);vertical-align:-1px;width:10px;height:10px;margin-right:6px;display:inline-block}.mfe{border:1px solid var(--line)}.mfe-bar{border-bottom:1px solid var(--line);font-family:var(--f-mono);align-items:stretch;font-size:12px;display:flex}.mfe-bar b{border-right:1px solid var(--line);margin-right:auto;padding:10px 12px;font-weight:500}.mfe-tab{color:var(--muted);border-left:1px solid var(--line);padding:10px 12px;transition:color .3s;position:relative}.mfe-tab:after{content:"";background:var(--sun);height:2px;transition:transform .35s cubic-bezier(.2,.9,.2,1);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.mfe-tab.on{color:var(--fg)}.mfe-tab.on:after{transform:scaleX(1)}.mfe-view{height:120px;position:relative}.mfe-pane{text-align:center;opacity:0;place-content:center;gap:4px;transition:opacity .4s,transform .4s cubic-bezier(.2,.9,.2,1);display:grid;position:absolute;inset:0;transform:translateY(6px)}.mfe-pane.on{opacity:1;transform:none}.mfe-pane strong{letter-spacing:-.02em;font-size:18px;font-weight:600}.mfe-pane span{font-family:var(--f-mono);color:var(--muted);font-size:11px}.shared{font-family:var(--f-mono);color:var(--muted);flex-wrap:wrap;gap:4px 16px;font-size:11px;display:flex}.pipe{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.pipe li{border-bottom:1px solid var(--line);font-family:var(--f-mono);align-items:center;gap:12px;padding:11px 0;font-size:12px;transition:color .3s;display:flex}.pipe li .st{border:1px solid var(--line-strong);border-radius:50%;flex:none;width:12px;height:12px}.pipe li[data-state=wait]{color:var(--muted)}.pipe li[data-state=run] .st{border-color:var(--fg);border-right-color:#0000;animation:.7s linear infinite spin}.pipe li[data-state=ok] .st{background:var(--sun);border-color:#0000}.pipe li small{color:var(--muted);margin-left:auto;font-size:11px}@keyframes spin{to{transform:rotate(360deg)}}.rows{margin:0;padding:0;list-style:none}.rows li{border-bottom:1px solid var(--line)}.row{grid-template-columns:minmax(0,140px) minmax(0,1fr) auto;align-items:baseline;gap:4px 32px;padding-block:22px;transition:padding .3s cubic-bezier(.2,.9,.2,1);display:grid}a.row:hover{padding-left:8px}.row .y{font-family:var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.row strong{letter-spacing:-.015em;font-size:17px;font-weight:500}.row .d{color:var(--muted);margin-top:2px;font-size:15px;display:block}.row .ar{color:var(--muted)}@media (width<=640px){.row{grid-template-columns:minmax(0,1fr) auto}.row .y{grid-column:1/-1}}.contact{padding-block:clamp(96px,14vw,176px) 0}.contact h2{letter-spacing:-.06em;margin:0;font-size:clamp(44px,9vw,120px);font-weight:600;line-height:.92}.foot{padding-block:24px calc(24px + env(safe-area-inset-bottom,0px));font-family:var(--f-mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.replay{min-height:44px;color:var(--muted);font:inherit;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:0 2px;text-decoration:underline}.replay:hover{color:var(--fg)}.tools{flex:none;align-items:center;gap:8px;display:flex}.lang-btn{border:1px solid var(--line);min-width:44px;height:44px;color:inherit;font:500 12px var(--f-mono);letter-spacing:.08em;cursor:pointer;background:0 0;flex:none;place-items:center;padding:0 10px;display:inline-grid}.lang-btn:hover{border-color:var(--line-strong)}.case-text p.metric{color:var(--fg);font-family:var(--f-mono);border-left:2px solid var(--sun-1);padding-left:12px;font-size:13px;line-height:1.5}.case-link .lnk,.more .lnk{font-size:14px}.more{margin:24px 0 0}.oss-skills{border-top:1px solid var(--line);align-self:start}.oss-skills .row{grid-template-columns:minmax(0,120px) minmax(0,1fr);padding-block:16px}.oss-skills .y{color:var(--fg)}.oss-skills .score{font-family:var(--f-mono);color:var(--fg);margin-top:6px;font-size:12px;display:block}