@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.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{--tm-surface:#fff;--tm-surface-raised:#fff;--tm-surface-sunken:#f5f8f6;--tm-surface-tint:#f0f7f3;--tm-text:#17211d;--tm-text-muted:#55635c;--tm-text-inverted:#fff;--tm-border:#e4eae6;--tm-border-strong:#c3cec8;--tm-accent:#12795e;--tm-accent-hover:#0d6149;--tm-accent-text:#0e6b52;--tm-accent-soft:#dcf1e8;--tm-focus:#12795e;--tm-c-teal:#12795e;--tm-c-teal-soft:#dcf1e8;--tm-c-blue:#1f6fb2;--tm-c-blue-soft:#deedfa;--tm-c-violet:#6b57c4;--tm-c-violet-soft:#e8e3fa;--tm-c-amber:#b07407;--tm-c-amber-soft:#fcefd5;--tm-c-coral:#c24f3c;--tm-c-coral-soft:#fbe4df;--tm-c-pink:#b14380;--tm-c-pink-soft:#fbe0ef;--tm-c-lime:#4c7a16;--tm-c-lime-soft:#e8f4d8;--tm-c-slate:#4a5a6b;--tm-c-slate-soft:#e5ebf1;--tm-font-body:"Inter Variable", system-ui, sans-serif;--tm-size-s:.875rem;--tm-size-m:1rem;--tm-size-l:1.125rem;--tm-size-xl:1.375rem;--tm-size-2xl:clamp(1.6rem, 1.1rem + 2vw, 2.3rem);--tm-size-3xl:clamp(2.1rem, 1.2rem + 4vw, 3.6rem);--tm-weight:400;--tm-weight-strong:600;--tm-weight-display:700;--tm-leading:1.65;--tm-leading-tight:1.15;--tm-measure:68ch;--tm-step-1:.25rem;--tm-step-2:.5rem;--tm-step-3:.75rem;--tm-step-4:1rem;--tm-step-6:1.5rem;--tm-step-8:2rem;--tm-step-12:3rem;--tm-step-16:4rem;--tm-radius-control:.5rem;--tm-radius-surface:1rem;--tm-radius-pill:999px;--tm-border-width:1px;--tm-shadow:0 1px 2px #17211d0a, 0 8px 24px -12px #17211d24;--tm-shadow-lift:0 2px 4px #17211d0d, 0 18px 40px -18px #17211d3d;--tm-motion:.15s;--tm-motion-slow:.6s;--tm-ease:cubic-bezier(.22, 1, .36, 1)}@media (prefers-color-scheme:dark){:root{--tm-surface:#191f1d;--tm-surface-raised:#212927;--tm-surface-sunken:#151a19;--tm-surface-tint:#1d2523;--tm-text:#edf3f0;--tm-text-muted:#adbab4;--tm-text-inverted:#0e1412;--tm-border:#313c39;--tm-border-strong:#4e5c58;--tm-accent:#5fcba3;--tm-accent-hover:#83dcbb;--tm-accent-text:#83dcbb;--tm-accent-soft:#1b3a30;--tm-focus:#83dcbb;--tm-c-teal:#5fcba3;--tm-c-teal-soft:#1b3a30;--tm-c-blue:#74b8f0;--tm-c-blue-soft:#17303f;--tm-c-violet:#ae9df5;--tm-c-violet-soft:#272341;--tm-c-amber:#e8ba61;--tm-c-amber-soft:#372b12;--tm-c-coral:#f29580;--tm-c-coral-soft:#3d251e;--tm-c-pink:#ee93c3;--tm-c-pink-soft:#3a2030;--tm-c-lime:#add473;--tm-c-lime-soft:#263313;--tm-c-slate:#a6b7c6;--tm-c-slate-soft:#212a31;--tm-shadow:0 1px 2px #00000052, 0 8px 24px -12px #0009;--tm-shadow-lift:0 2px 4px #00000061, 0 18px 40px -18px #000000b3}}*{box-sizing:border-box}html{color-scheme:light dark;scroll-behavior:smooth;scroll-padding-top:5rem}body{background:var(--tm-surface);min-height:100vh;color:var(--tm-text);font-family:var(--tm-font-body);font-size:var(--tm-size-m);font-weight:var(--tm-weight);line-height:var(--tm-leading);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex;overflow-x:hidden}h1,h2,h3,h4{font-weight:var(--tm-weight-strong);line-height:var(--tm-leading-tight);letter-spacing:-.015em;margin:0 0 var(--tm-step-4);text-wrap:balance}h1{font-size:var(--tm-size-3xl);font-weight:var(--tm-weight-display)}h2{font-size:var(--tm-size-2xl)}h3{font-size:var(--tm-size-l)}h4{font-size:var(--tm-size-m)}p{margin:0 0 var(--tm-step-4);max-width:var(--tm-measure)}a{color:var(--tm-accent-text);text-underline-offset:.2em}a:hover{color:var(--tm-accent-hover)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--tm-focus);outline-offset:3px;border-radius:var(--tm-radius-control)}.muted{color:var(--tm-text-muted)}.container{max-width:68rem;padding:0 var(--tm-step-6);margin:0 auto}.dev-banner{background:var(--tm-c-amber-soft);border-bottom:var(--tm-border-width) solid color-mix(in srgb, var(--tm-c-amber) 40%, transparent);color:var(--tm-text)}.dev-banner p{justify-content:center;align-items:center;gap:var(--tm-step-1) var(--tm-step-3);max-width:none;padding:var(--tm-step-3) 0;font-size:var(--tm-size-s);text-align:center;flex-wrap:wrap;margin:0;display:flex}.dev-banner svg{color:var(--tm-c-amber);flex:none}.dev-banner strong{text-transform:uppercase;letter-spacing:.08em;color:var(--tm-c-amber)}.dev-banner span{color:var(--tm-text-muted);max-width:62ch}.dev-banner a{color:var(--tm-text);font-weight:var(--tm-weight-strong);text-underline-offset:3px}.site-header{z-index:50;background:color-mix(in srgb, var(--tm-surface) 82%, transparent);backdrop-filter:blur(12px);border-bottom:var(--tm-border-width) solid transparent;transition:border-color var(--tm-motion) linear, background-color var(--tm-motion) linear;position:sticky;top:0}.site-header[data-scrolled=true]{border-bottom-color:var(--tm-border);background:color-mix(in srgb, var(--tm-surface) 94%, transparent)}.site-header nav{justify-content:space-between;align-items:center;gap:var(--tm-step-4);padding:var(--tm-step-3) 0;flex-wrap:wrap;display:flex}.site-header .brand{align-items:center;gap:var(--tm-step-2);font-weight:var(--tm-weight-display);font-size:var(--tm-size-l);letter-spacing:-.02em;color:var(--tm-text);text-decoration:none;display:inline-flex}.site-header .brand svg{color:var(--tm-accent)}.site-header .links{align-items:center;gap:var(--tm-step-4);flex-wrap:wrap;display:flex}.site-header .links a{color:var(--tm-text-muted);font-size:var(--tm-size-s);font-weight:var(--tm-weight-strong);text-decoration:none}.site-header .links a:hover{color:var(--tm-accent-hover)}.lang-switch{border:var(--tm-border-width) solid var(--tm-border);border-radius:var(--tm-radius-pill);padding:var(--tm-step-1) var(--tm-step-3);color:var(--tm-text);font-size:var(--tm-size-s);text-decoration:none}.lang-switch:hover{border-color:var(--tm-accent);color:var(--tm-accent-hover)}.scroll-progress{transform-origin:0;width:100%;height:3px;transform:scaleX(var(--progress,0));background:linear-gradient(90deg, var(--tm-c-teal), var(--tm-c-blue));z-index:60;pointer-events:none;position:fixed;top:0;left:0}.button{align-items:center;gap:var(--tm-step-2);border:var(--tm-border-width) solid var(--tm-accent);border-radius:var(--tm-radius-pill);background:var(--tm-accent);color:var(--tm-text-inverted);font-weight:var(--tm-weight-strong);font-size:var(--tm-size-m);padding:var(--tm-step-3) var(--tm-step-6);box-shadow:var(--tm-shadow);transition:transform var(--tm-motion) var(--tm-ease), box-shadow var(--tm-motion) var(--tm-ease);text-decoration:none;display:inline-flex}.button:hover{background:var(--tm-accent-hover);border-color:var(--tm-accent-hover);color:var(--tm-text-inverted);box-shadow:var(--tm-shadow-lift);transform:translateY(-2px)}.button:active{transform:translateY(0)}.button .button-arrow{transition:transform var(--tm-motion) var(--tm-ease)}.button:hover .button-arrow{transform:translate(3px)}.button-secondary{background:var(--tm-surface-raised);color:var(--tm-accent-text);border-color:var(--tm-border-strong)}.button-secondary:hover{background:var(--tm-surface-raised);color:var(--tm-accent-hover);border-color:var(--tm-accent)}.button-row{align-items:center;gap:var(--tm-step-3);margin:var(--tm-step-6) 0 0;flex-wrap:wrap;display:flex}main{padding:0 0 var(--tm-step-16);flex:1}.section{padding:var(--tm-step-16) 0}.section-tint{background:var(--tm-surface-tint);border-block:var(--tm-border-width) solid var(--tm-border)}.section-head{max-width:42rem;margin:0 auto var(--tm-step-12);text-align:center}.section-head p{color:var(--tm-text-muted);font-size:var(--tm-size-l);margin-inline:auto}.eyebrow{align-items:center;gap:var(--tm-step-2);font-size:var(--tm-size-s);font-weight:var(--tm-weight-strong);letter-spacing:.08em;text-transform:uppercase;color:var(--tm-accent-text);margin-bottom:var(--tm-step-3);display:inline-flex}.pill{align-items:center;gap:var(--tm-step-2);border-radius:var(--tm-radius-pill);border:var(--tm-border-width) solid var(--tm-border);background:var(--tm-surface-raised);padding:var(--tm-step-1) var(--tm-step-3);font-size:var(--tm-size-s);color:var(--tm-text-muted);display:inline-flex}.pill-warn{border-color:color-mix(in srgb, var(--tm-c-amber) 45%, transparent);background:var(--tm-c-amber-soft);color:var(--tm-c-amber);font-weight:var(--tm-weight-strong)}.pill-warn svg{color:var(--tm-c-amber)}.hero{padding:var(--tm-step-16) 0 var(--tm-step-12);position:relative;overflow:hidden}.hero-glow{pointer-events:none;z-index:-1;background:radial-gradient(45rem 30rem at 18% 12%, color-mix(in srgb, var(--tm-c-teal) 22%, transparent), transparent 60%), radial-gradient(38rem 26rem at 82% 8%, color-mix(in srgb, var(--tm-c-blue) 18%, transparent), transparent 62%), radial-gradient(34rem 24rem at 60% 70%, color-mix(in srgb, var(--tm-c-amber) 14%, transparent), transparent 60%);filter:blur(6px);height:130%;transform:translate3d(0, calc(var(--parallax,0) * 1px), 0);position:absolute;inset:-30% -10% auto}.hero-grid{gap:var(--tm-step-12);grid-template-columns:1fr;align-items:center;display:grid}@media (width>=60rem){.hero-grid{grid-template-columns:1.05fr .95fr}}.hero h1{margin-bottom:var(--tm-step-6)}.hero .lead{font-size:var(--tm-size-l);color:var(--tm-text-muted)}.hero-badges{gap:var(--tm-step-2);margin-top:var(--tm-step-8);flex-wrap:wrap;display:flex}.hero h1 .gradient-text{display:block}.gradient-text{background:linear-gradient(100deg, var(--tm-c-teal), var(--tm-c-blue) 60%, var(--tm-c-violet));color:#0000;background-clip:text}.mockup{border:var(--tm-border-width) solid var(--tm-border);border-radius:var(--tm-radius-surface);background:var(--tm-surface-raised);box-shadow:var(--tm-shadow-lift);transform:translate3d(0, calc(var(--parallax,0) * -.35px), 0);position:relative;overflow:hidden}.mockup-bar{align-items:center;gap:var(--tm-step-2);padding:var(--tm-step-3) var(--tm-step-4);border-bottom:var(--tm-border-width) solid var(--tm-border);background:var(--tm-surface-sunken);display:flex}.mockup-dot{background:var(--tm-border-strong);border-radius:50%;width:.6rem;height:.6rem}.mockup-title{margin-left:var(--tm-step-2);font-size:var(--tm-size-s);color:var(--tm-text-muted)}.mockup-body{gap:var(--tm-step-3);padding:var(--tm-step-4);display:grid}.mockup-row{align-items:center;gap:var(--tm-step-3);padding:var(--tm-step-3);border:var(--tm-border-width) solid var(--tm-border);border-radius:var(--tm-radius-control);background:var(--tm-surface-raised);font-size:var(--tm-size-s);display:flex}.mockup-row strong{font-weight:var(--tm-weight-strong)}.mockup-row .meta{color:var(--tm-text-muted);white-space:nowrap;margin-left:auto;font-size:.8rem}.avatar{width:2rem;height:2rem;font-size:.75rem;font-weight:var(--tm-weight-strong);border-radius:50%;flex:none;place-items:center;display:grid}.tag{border-radius:var(--tm-radius-pill);padding:.1rem var(--tm-step-2);font-size:.7rem;font-weight:var(--tm-weight-strong);display:inline-block}.icon-chip{width:2.75rem;height:2.75rem;margin-bottom:var(--tm-step-4);transition:transform var(--tm-motion-slow) var(--tm-ease);border-radius:.85rem;flex:none;place-items:center;display:grid}.card:hover .icon-chip{transform:scale(1.08)rotate(-4deg)}.card{border:var(--tm-border-width) solid var(--tm-border);border-radius:var(--tm-radius-surface);background:var(--tm-surface-raised);padding:var(--tm-step-6);box-shadow:var(--tm-shadow);transition:transform var(--tm-motion-slow) var(--tm-ease), box-shadow var(--tm-motion-slow) var(--tm-ease), border-color var(--tm-motion-slow) var(--tm-ease);position:relative}.card:hover{box-shadow:var(--tm-shadow-lift);border-color:color-mix(in srgb, var(--tm-accent) 35%, var(--tm-border));transform:translateY(-4px)}.card h3{margin-bottom:var(--tm-step-2)}.card p{color:var(--tm-text-muted);margin-bottom:var(--tm-step-3)}.card-list{gap:var(--tm-step-2);margin:0;padding:0;list-style:none;display:grid}.card-list li{align-items:flex-start;gap:var(--tm-step-2);font-size:var(--tm-size-s);line-height:1.5;display:flex}.card-list li svg{color:var(--tm-accent);flex:none;margin-top:.25em}.grid{gap:var(--tm-step-6);grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));display:grid}.grid-pairs{gap:var(--tm-step-6);grid-template-columns:1fr;display:grid}@media (width>=48rem){.grid-pairs{grid-template-columns:1fr 1fr}}.strip{justify-content:center;gap:var(--tm-step-3);flex-wrap:wrap;display:flex}.strip .pill{font-weight:var(--tm-weight-strong);color:var(--tm-text);padding:var(--tm-step-2) var(--tm-step-4);box-shadow:var(--tm-shadow)}.strip .pill svg{color:var(--tm-accent)}.modes{gap:var(--tm-step-4);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.mode{border:var(--tm-border-width) solid var(--tm-border);border-radius:var(--tm-radius-surface);background:var(--tm-surface-raised);padding:var(--tm-step-6);box-shadow:var(--tm-shadow)}.mode h3{margin-bottom:var(--tm-step-2)}.mode p{color:var(--tm-text-muted);font-size:var(--tm-size-s);margin-bottom:0}.mode-steps{gap:var(--tm-step-1);margin-bottom:var(--tm-step-4);display:flex}.mode-steps span{border-radius:var(--tm-radius-pill);background:var(--tm-border);flex:1;height:.35rem}.mode-steps span[data-on]{background:var(--tm-accent)}.code{border:var(--tm-border-width) solid var(--tm-border);border-radius:var(--tm-radius-surface);background:var(--tm-surface-sunken);padding:var(--tm-step-4) var(--tm-step-6);font-size:var(--tm-size-s);box-shadow:var(--tm-shadow);line-height:1.9;overflow-x:auto}.code code{white-space:pre;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace}.code .prompt{color:var(--tm-accent);user-select:none}.code .comment{color:var(--tm-text-muted)}.cta{border-radius:var(--tm-radius-surface);border:var(--tm-border-width) solid var(--tm-border);background:radial-gradient(30rem 20rem at 12% 0%, color-mix(in srgb, var(--tm-c-teal) 20%, transparent), transparent 65%), radial-gradient(28rem 18rem at 88% 100%, color-mix(in srgb, var(--tm-c-blue) 18%, transparent), transparent 65%), var(--tm-surface-raised);padding:var(--tm-step-12);text-align:center;box-shadow:var(--tm-shadow);position:relative;overflow:hidden}.cta p{margin-inline:auto}.cta .button-row{justify-content:center}.callout{gap:var(--tm-step-4);border:var(--tm-border-width) solid var(--tm-border);border-left:4px solid var(--tm-c-amber);border-radius:var(--tm-radius-surface);background:var(--tm-surface-raised);padding:var(--tm-step-6);box-shadow:var(--tm-shadow);align-items:flex-start;display:flex}.callout svg{color:var(--tm-c-amber);flex:none}.callout p:last-child{margin-bottom:0}.split{gap:var(--tm-step-12);grid-template-columns:1fr;align-items:center;display:grid}@media (width>=58rem){.split{grid-template-columns:1fr 1fr}.split-reverse>:first-child{order:2}}.figure{border:var(--tm-border-width) solid var(--tm-border);border-radius:var(--tm-radius-surface);background:var(--tm-surface-raised);padding:var(--tm-step-6);box-shadow:var(--tm-shadow)}.figure svg{width:100%;height:auto;display:block}.site-footer{border-top:var(--tm-border-width) solid var(--tm-border);background:var(--tm-surface-sunken);padding:var(--tm-step-8) 0}.site-footer .links{gap:var(--tm-step-4);margin-top:var(--tm-step-2);flex-wrap:wrap;display:flex}.site-footer a{color:var(--tm-text-muted);font-size:var(--tm-size-s)}ul.plain-list{margin:0 0 var(--tm-step-4);padding:0;list-style:none}ul.plain-list li{padding:var(--tm-step-2) 0;border-bottom:var(--tm-border-width) solid var(--tm-border)}.changelog-entry{border-left:2px solid var(--tm-accent);padding-left:var(--tm-step-4);margin-bottom:var(--tm-step-6)}.prose{max-width:46rem;padding:var(--tm-step-12) 0}.prose h1{font-size:var(--tm-size-2xl)}.prose h2{font-size:var(--tm-size-xl);margin-top:var(--tm-step-8)}.prose h3{font-size:var(--tm-size-l);margin-top:var(--tm-step-6)}[data-reveal-ready] [data-reveal]{opacity:0;transition:opacity var(--tm-motion-slow) var(--tm-ease), transform var(--tm-motion-slow) var(--tm-ease);transition-delay:var(--reveal-delay,0s);transform:translateY(18px)}[data-reveal-ready] [data-reveal].is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){:root{--tm-motion:0s;--tm-motion-slow:0s}html{scroll-behavior:auto}[data-reveal-ready] [data-reveal],[data-reveal-ready] [data-reveal].is-visible{opacity:1;transform:none}.hero-glow,.mockup,.card:hover,.button:hover{transform:none}}