@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/d/jetbrains-mono-cyrillic-ext-wght-normal.EocZY2iu.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/d/jetbrains-mono-cyrillic-wght-normal.D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/d/jetbrains-mono-greek-wght-normal.Bw9x6K1M.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/d/jetbrains-mono-vietnamese-wght-normal.Bt-aOZkq.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/d/jetbrains-mono-latin-ext-wght-normal.DBQx-q_a.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/d/jetbrains-mono-latin-wght-normal.B9CIFXIH.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:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/d/source-sans-3-cyrillic-ext-wght-normal.DzyfIafT.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:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/d/source-sans-3-cyrillic-wght-normal.BMDVbyM7.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/d/source-sans-3-greek-ext-wght-normal.BWSLJLk6.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/d/source-sans-3-greek-wght-normal.C9H9m1vD.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:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/d/source-sans-3-vietnamese-wght-normal.C1uRvKPU.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:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/d/source-sans-3-latin-ext-wght-normal.C8iNium2.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:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/d/source-sans-3-latin-wght-normal.BqRLTx4X.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:#16191d;--panel:#20262c;--line:#3f4952;--ice:#b8e7ff;--ice2:#eaf7ff;--amber:#f2a51a;--ink:#0f1215;--mono:"JetBrains Mono Variable",monospace;--sans:"Source Sans 3 Variable",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--ice2);font-family:var(--sans);margin:0;font-size:1rem;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}.skip{z-index:100;background:var(--amber);color:var(--ink);padding:.7rem;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip:focus{transform:none}.bar{z-index:50;border-bottom:1px solid var(--line);backdrop-filter:blur(12px);min-height:4.5rem;font-family:var(--mono);background:#16191de8;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:0 clamp(1rem,4vw,4rem);font-size:.7rem;display:grid;position:sticky;top:0}.logo{font-size:.85rem}.logo b{color:var(--ice)}.logo span{color:var(--amber)}.bar nav{display:flex}.bar nav a{border-left:1px solid var(--line);padding:.65rem .75rem}.bar nav a:last-child{border-right:1px solid var(--line)}.bar nav a:hover,.bar nav a[aria-current=page]{background:var(--ice);color:var(--ink)}.bar>div{justify-content:flex-end;align-items:center;gap:1rem;display:flex}.command{background:var(--amber);color:var(--ink);padding:.65rem .85rem}.hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(2rem,7vw,8rem);min-height:calc(100svh - 4.5rem);padding:clamp(4rem,8vw,8rem) clamp(1rem,7vw,8rem);display:grid;position:relative;overflow:hidden}.hero:before{content:"";background-image:linear-gradient(#b8e7ff0a 1px,#0000 1px),linear-gradient(90deg,#b8e7ff0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.prompt,.code-stage{z-index:1;position:relative}.prompt>span,.stack header>span,.tools span,.final>span,.page>span,.article aside>span,.article section>span,.not-found>span{font-family:var(--mono);color:var(--amber);font-size:.68rem}h1,h2,h3{margin:0}.prompt h1,.page h1,.not-found h1{font-family:var(--sans);letter-spacing:-.045em;max-width:12ch;font-size:clamp(3.4rem,7vw,6rem);line-height:.9}.prompt>p{color:#b8c7d0;max-width:52ch;font-size:1.12rem}.run{border:1px solid var(--ice);min-height:3.2rem;color:var(--ice2);font-family:var(--mono);cursor:pointer;background:0 0;align-items:center;gap:.8rem;padding:.75rem 1rem;font-size:.75rem;display:inline-flex}.run i{color:var(--amber);font-style:normal}.run:hover{background:var(--ice);color:var(--ink)}.code-stage{grid-template-columns:1fr auto 1fr;align-items:center;min-height:36rem;display:grid}.code-stage pre{background:var(--panel);border:1px solid var(--line);white-space:pre-wrap;align-items:center;min-height:21rem;padding:1.5rem;display:flex;box-shadow:-14px 14px #0b0d0f}.code-stage code{font-family:var(--mono);font-size:.85rem;line-height:2}.code-stage code b{color:var(--ice)}.code-stage code em{color:var(--amber);font-style:normal}.code-stage code i{color:#8be0b1;font-style:normal}.wire{font-family:var(--mono);color:var(--amber);padding:1rem;font-size:2rem}.ui-card{background:var(--ice2);color:var(--ink);min-height:18rem;box-shadow:14px 14px 0 var(--amber);transform:translateY(var(--ui-y,2rem));flex-direction:column;justify-content:space-between;padding:1.5rem;transition:transform .2s;display:flex}.ui-card span{font-family:var(--mono);font-size:.65rem}.ui-card b{font-size:2rem;line-height:1}.ui-card button{border:1px solid var(--ink);text-align:left;background:0 0;padding:.7rem}.stack{background:var(--ice2);color:var(--ink);padding:clamp(5rem,9vw,9rem) clamp(1rem,7vw,8rem)}.stack header{grid-template-columns:.45fr 1.55fr;gap:2rem;margin-bottom:4rem;display:grid}.stack h2,.tools h2,.final h2,.article h2{letter-spacing:-.04em;font-size:clamp(2.7rem,6vw,5.6rem);line-height:.92}.flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:1rem;display:grid}.flow article{border:1px solid #99b4c2;flex-direction:column;min-height:19rem;padding:1.5rem;display:flex}.flow article>i{font-family:var(--mono);color:#637e8b;font-style:normal}.flow h3{font-family:var(--mono);margin-top:auto;font-size:1.5rem}.flow>b{font-family:var(--mono);color:var(--amber);font-size:2rem}.tools{grid-template-columns:1fr 1fr;display:grid}.tools>a{border-top:1px solid var(--line);flex-direction:column;min-height:65svh;padding:clamp(3rem,6vw,6rem);display:flex}.tools>a:first-child{background:var(--panel);border-right:1px solid var(--line)}.tools>a:last-child{background:var(--amber);color:var(--ink)}.tools h2{margin-top:auto}.tools p{max-width:40ch}.tools a>i{align-self:flex-end;font-size:2rem;font-style:normal}.final{border-top:1px solid var(--line);grid-template-columns:.4fr 1.4fr auto;align-items:end;gap:2rem;padding:clamp(5rem,9vw,9rem) clamp(1rem,7vw,8rem);display:grid}.final h2{max-width:15ch}.page{background:var(--panel);border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-content:center;gap:1.5rem;min-height:70svh;padding:clamp(5rem,9vw,9rem) clamp(1rem,7vw,8rem);display:grid;position:relative;overflow:hidden}.page:after{content:"</>";font-family:var(--mono);color:#b8e7ff08;font-size:28vw;position:absolute;bottom:-5rem;right:-2rem}.page>a,.page>span,.page h1,.page>p{z-index:1;position:relative}.page h1,.page>p{grid-column:1/-1}.page>p{color:#b8c7d0;max-width:60ch}.article{grid-template-columns:minmax(13rem,.45fr) 1.55fr;gap:clamp(3rem,8vw,9rem);padding:clamp(5rem,9vw,9rem) clamp(1rem,7vw,8rem);display:grid}.article aside{align-self:start;display:grid;position:sticky;top:7rem}.article aside a{font-family:var(--mono);border-bottom:1px solid var(--line);padding:.75rem 0;font-size:.72rem}.article>div>section{padding-bottom:clamp(5rem,9vw,9rem);scroll-margin-top:7rem}.article h2{max-width:14ch}.article section>p,.article section>ul{color:#b8c7d0;max-width:67ch}.json-demo,.budget{background:var(--ice2);color:var(--ink);grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);padding:clamp(5rem,9vw,9rem) clamp(1rem,7vw,8rem);display:grid}.json-demo>div{gap:1rem;display:grid}.json-demo label,.budget label{font-family:var(--mono);font-size:.7rem}.json-demo textarea,.budget input{background:var(--bg);width:100%;color:var(--ice2);border:1px solid var(--line);font-family:var(--mono);padding:1rem}.json-demo .run{background:var(--bg);justify-self:start}.json-demo output{min-height:22rem;box-shadow:14px 14px 0 var(--amber);background:#fff;border:1px solid #9fb4bf;flex-direction:column;justify-content:space-between;padding:2rem;display:flex}.json-demo output span{font-family:var(--mono);color:#087245;font-size:.7rem}.json-demo output b{font-size:2.8rem;line-height:1}.json-demo output small{color:#b42318}.budget form{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.budget label{gap:.5rem;display:grid}.budget output{background:var(--bg);color:var(--ice2);flex-direction:column;justify-content:space-between;min-height:22rem;padding:2rem;display:flex}.budget output span,.budget output small{font-family:var(--mono);font-size:.7rem}.budget output b{color:var(--amber);font-size:clamp(2.4rem,5vw,4.5rem)}.budget output p{font-family:var(--mono);font-size:1.2rem}.contact{background:var(--ice2);color:var(--ink);grid-template-columns:.65fr 1.35fr;gap:clamp(3rem,8vw,9rem);padding:clamp(5rem,9vw,9rem) clamp(1rem,7vw,8rem);display:grid}.contact aside{flex-direction:column;gap:1rem;display:flex}.contact aside>span{font-family:var(--mono);color:#855700}.contact aside>a{font-family:var(--mono);font-size:clamp(1rem,2vw,1.5rem)}.contact aside>p{margin-top:auto}.contact form{background:var(--bg);color:var(--ice2);gap:1rem;padding:clamp(1.5rem,4vw,3rem);display:grid}.contact label{font-family:var(--mono);gap:.4rem;font-size:.7rem;display:grid}.contact input,.contact textarea{background:var(--panel);color:var(--ice2);border:1px solid var(--line);padding:.85rem}.contact input:focus,.contact textarea:focus{outline:3px solid var(--amber)}.pair{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.contact form>p{color:#aebdc5;margin:0;font-size:.85rem}.contact .run{justify-self:start}.status[data-state=success]{color:#8be0b1}.status[data-state=error]{color:#ff8c80}.honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}footer{border-top:1px solid var(--line);font-family:var(--mono);grid-template-columns:1fr auto;gap:2rem;padding:3rem clamp(1rem,7vw,8rem);font-size:.7rem;display:grid}footer nav{gap:1.5rem;display:flex}footer small{border-top:1px solid var(--line);color:#91a3ad;grid-column:1/-1;padding-top:1rem}.not-found{place-content:center;gap:1.5rem;min-height:100svh;padding:2rem;display:grid}.not-found .run{justify-self:start}@media (width<=960px){.bar{grid-template-columns:1fr auto}.bar nav{display:none}.hero{grid-template-columns:1fr}.code-stage{min-height:26rem}.stack header,.flow{grid-template-columns:1fr}.flow>b{justify-self:center;transform:rotate(90deg)}.final,.article{grid-template-columns:1fr}.article aside{position:static}.json-demo,.budget,.contact{grid-template-columns:1fr}}@media (width<=620px){.bar{padding-inline:1rem}.bar .command{display:none}.hero,.page,.stack,.final,.article,.json-demo,.budget,.contact{padding-inline:1rem}.code-stage{grid-template-columns:1fr}.wire{justify-self:center;transform:rotate(90deg)}.tools{grid-template-columns:1fr}.tools>a{min-height:27rem}.budget form,.pair{grid-template-columns:1fr}footer{grid-template-columns:1fr;padding-inline:1rem}footer nav{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation:none!important}.ui-card{transform:none!important}}.stack header>span{color:#714900}.flow article>i{color:#334b57}