@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/noqtis/_astro/newsreader-vietnamese-wght-normal.Czsa-EzN.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/noqtis/_astro/newsreader-latin-ext-wght-normal.C-3rgBeH.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/noqtis/_astro/newsreader-latin-wght-normal.CCVVNp6i.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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/noqtis/_astro/newsreader-vietnamese-wght-italic.xAqemagA.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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/noqtis/_astro/newsreader-latin-ext-wght-italic.DFS986qL.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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/noqtis/_astro/newsreader-latin-wght-italic.Bxi8ein9.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)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(/noqtis/_astro/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(/noqtis/_astro/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(/noqtis/_astro/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(/noqtis/_astro/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(/noqtis/_astro/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}:root{--ground:#e9e5e1;--grid:#8b847d1c;--panel:#f4f2f0;--panel-soft:#eef1f3;--line:#8b847d59;--line-strong:#5c575240;--text:#252f3df5;--copy:#384251dc;--muted:#5c5752c4;--accent:#12706b;--accent-soft:#12706b17;--accent2:#a21a77;--ctl:#252f3d08;--ctl-hover:#252f3d10;--shadow:#5c57521f;--term:#eef1f3;--term-text:#2b3442;--ok:#2e7d4f;--fail:#b3412a;--serif:"Newsreader Variable", "Newsreader", "Iowan Old Style", Palatino, Georgia, serif;--mono:"Commit Mono", "JetBrains Mono Variable", "JetBrains Mono", "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0d1116;--grid:#ffffff0b;--panel:#161b22e6;--panel-soft:#1a2029;--line:#8b847d40;--line-strong:#c9c4bf33;--text:#e9e7e4f5;--copy:#d4d2cfd6;--muted:#b7b1aac4;--accent:#4fd1c5;--accent-soft:#4fd1c51c;--accent2:#f06bc8;--ctl:#ffffff04;--ctl-hover:#ffffff09;--shadow:#00000059;--term:#11161d;--term-text:#d8dde4;--ok:#5db87a;--fail:#e8704f;color-scheme:dark}}:root[data-theme=dark]{--ground:#0d1116;--grid:#ffffff0b;--panel:#161b22e6;--panel-soft:#1a2029;--line:#8b847d40;--line-strong:#c9c4bf33;--text:#e9e7e4f5;--copy:#d4d2cfd6;--muted:#b7b1aac4;--accent:#4fd1c5;--accent-soft:#4fd1c51c;--accent2:#f06bc8;--ctl:#ffffff04;--ctl-hover:#ffffff09;--shadow:#00000059;--term:#11161d;--term-text:#d8dde4;--ok:#5db87a;--fail:#e8704f;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);font:400 1.125rem/1.6 var(--serif);background-color:var(--ground);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:14px 14px;margin:0}a{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}a:hover{text-decoration-color:var(--accent)}code{font:.82em var(--mono);background:var(--ctl);border:1px solid var(--line);border-radius:2px;padding:.05em .35em}.wrap{max-width:1120px;margin:0 auto;padding:0 16px}.announce{text-align:center;background:var(--panel-soft);border-bottom:1px solid var(--line);padding:.35rem 16px;font-size:1.05rem;font-style:italic}.nav{z-index:10;max-width:1120px;margin:.6rem auto 0;padding:0 16px;position:sticky;top:.6rem}.nav-in{background:linear-gradient(var(--panel), var(--panel-soft));border:1px solid var(--line-strong);height:64px;box-shadow:0 2px 18px var(--shadow);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 1.1rem;display:grid}.nav-logo{font:700 .9rem var(--mono);letter-spacing:.14em;align-items:center;gap:.55rem;text-decoration:none;display:flex}.nav-logo img{width:26px;height:30px}.nav-links{gap:1.6rem;display:flex}.nav-links a{font:.74rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-decoration:none}.nav-links a:hover{color:var(--text)}.nav-end{justify-self:end;align-items:center;gap:.4rem;display:flex}.icon-btn{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:0;place-items:center;display:inline-grid}.icon-btn:hover,.icon-btn:focus-visible{color:var(--text);border-color:var(--line);outline:none}.hero{text-align:center;padding:4.5rem 0 3.5rem}.hero-logo{width:92px;height:auto;margin:0 auto 1.8rem;display:block}.hero-logo-stage{width:92px;height:106px;margin:0 auto 1.8rem;position:relative}.hero-logo-stage .hero-logo{width:100%;height:100%;margin:0;transition:opacity .22s;position:absolute;inset:0}.hero-logo-stage canvas{width:100%;height:100%;transition:opacity .42s;position:absolute;inset:0}.hero-logo-stage.playing .hero-logo,.hero-logo-stage:not(.playing) canvas{opacity:0}.hero h1{font:italic 400 clamp(2.2rem, 5vw, 3.3rem)/1.12 var(--serif);letter-spacing:-.012em;text-wrap:balance;margin:0 0 1.3rem}.hero h1 em{color:var(--accent)}.hero p.sub{color:var(--copy);max-width:38rem;margin:0 auto 2.2rem;font-size:1.28rem;line-height:1.5}.hero .pi{max-width:760px;margin:0 auto}.bb{border:1px solid var(--line);background:var(--ctl);min-height:44px;color:var(--muted);font:.72rem var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:0;flex:none;justify-content:center;align-items:center;padding:.52rem .8rem;text-decoration:none;transition:border-color .14s,color .14s,background .14s;display:inline-flex}.bb:before{content:"[";color:var(--accent);margin-right:.7ch;transition:transform .22s cubic-bezier(.22,1,.36,1);display:inline-block}.bb:after{content:"]";color:var(--accent);margin-left:.7ch;transition:transform .22s cubic-bezier(.22,1,.36,1);display:inline-block}.bb:hover,.bb:focus-visible{border-color:var(--accent);background:var(--ctl-hover);color:var(--text);outline:none}.bb:hover:before,.bb:focus-visible:before{transform:translate(-4px)}.bb:hover:after,.bb:focus-visible:after{transform:translate(4px)}.story-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start;gap:3.2rem;padding:2rem 0 3rem;display:grid}.stage{align-items:flex-start;min-height:calc(100vh - 7rem);display:flex;position:sticky;top:6.2rem}.fig{background:var(--term);border:1px solid var(--line-strong);width:100%;box-shadow:0 4px 40px var(--shadow);margin:0}.fig-bar{border-bottom:1px solid var(--line);border-left:3px solid var(--accent);font:.66rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);white-space:nowrap;align-items:center;gap:.6rem;padding:.55rem .8rem;display:flex;overflow:hidden}.fig-bar .dot{background:var(--muted);border-radius:50%;flex:none;width:6px;height:6px}.fig-bar .dot.live{background:var(--accent)}.frame{aspect-ratio:920/650;position:relative;overflow:hidden}.term{font-family:var(--mono);font-size:var(--tfs,11px);color:var(--term-text);white-space:pre;margin:0;padding:.9rem 1rem;line-height:1.5;transition:opacity .18s;position:absolute;inset:0;overflow:hidden}.frame.is-swapping .term{opacity:0}.term .c{color:var(--text);font-weight:700}.term .ok{color:var(--ok)}.term .fail{color:var(--fail);font-weight:700}.term .dim{color:var(--muted)}.term .cur{vertical-align:-2px;background:var(--term-text);width:.55em;height:1.05em;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.fig-cap{border-top:1px solid var(--line);font:.72rem/1.35 var(--mono);color:var(--muted);background:var(--panel);opacity:0;padding:.68rem .9rem .72rem;transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);transform:translateY(-6px)}.fig-cap.is-visible{opacity:1;transform:none}.copy{padding-bottom:40vh}.section{padding:2.4rem 0 3.2rem}.section .slot{display:none}.section-title{font:italic 400 clamp(1.9rem, 3.4vw, 2.6rem)/1.12 var(--serif);letter-spacing:-.01em;text-wrap:balance;margin:0 0 1.1rem;transition:color .22s}.section p{color:var(--copy);max-width:34rem;margin:0 0 1.05rem;transition:color .22s}.section .act{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1.4rem;transition:opacity .22s;display:flex}.copy.synced .section:not(.is-active) .section-title{color:var(--muted)}.copy.synced .section:not(.is-active) p{color:color-mix(in srgb, var(--copy) 55%, transparent)}.copy.synced .section:not(.is-active) .act,.copy.synced .section:not(.is-active) .cmdbox{opacity:.6}.cmdbox{background:var(--panel);border:1px solid var(--line-strong);box-shadow:0 4px 30px var(--shadow);font:.8rem/1.7 var(--mono);white-space:pre;margin:1.2rem 0;padding:1rem 1.1rem;transition:opacity .22s;overflow-x:auto}.cmdbox .p{color:var(--muted)}@media (width<=1023px){.story-grid{grid-template-columns:1fr;gap:0}.stage{display:none}.copy{padding-bottom:0}.section .slot{margin-bottom:1.4rem;display:block}.section .slot .fig-cap{opacity:1;transform:none}}.callout{text-align:center;padding:5rem 0 3rem}.callout h2{font:italic 400 clamp(2rem, 4vw, 2.8rem)/1.1 var(--serif);margin:0 0 1rem}.callout>p{color:var(--copy);max-width:40rem;margin:0 auto 1.6rem}.cards{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.6rem 2rem;margin-top:3.2rem;display:grid}.card svg{width:30px;height:30px;color:var(--muted)}.card h3{font:italic 400 1.45rem/1.2 var(--serif);margin:.6rem 0 .45rem}.card h3 s{color:var(--muted)}.card p{color:var(--copy);max-width:18rem;margin:0 auto;font-size:1rem}.involve{text-align:center;padding:3.5rem 0 4rem}.involve h2{font:italic 400 clamp(2rem, 4vw, 2.6rem)/1.1 var(--serif);margin:0 0 2.4rem}.boxes{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1.6rem;display:grid}.box{background:var(--panel);border:1px solid var(--line-strong);padding:2.2rem 1.4rem}.box:nth-child(2){margin-top:2.4rem}.box h3{font:italic 400 1.4rem var(--serif);margin:0 0 .5rem}.box p{color:var(--copy);margin:0;font-size:.98rem}.box{transition:border-color .14s,box-shadow .14s,transform .14s;position:relative}.box a.main:after{content:"";position:absolute;inset:0}.box a:not(.main){z-index:1;position:relative}.box:hover,.box:focus-within{border-color:var(--accent);box-shadow:0 4px 30px var(--shadow);transform:translateY(-2px)}.box:hover h3{color:var(--accent)}@media (prefers-reduced-motion:reduce){.box{transition:none}.box:hover{transform:none}}footer{font:.72rem/1.9 var(--mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding:3rem 0 2.4rem;display:flex}footer a{color:var(--muted)}@media (width<=860px){.nav-links{display:none}.nav-in{grid-template-columns:1fr auto}.cards,.boxes{grid-template-columns:1fr}.box:nth-child(2){margin-top:0}.pi-tab{flex:none;padding:.72rem .8rem}.pi-row{flex-direction:column;align-items:stretch;padding:.9rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pi-ind,.bb:before,.bb:after{transition:none}.term .cur{animation:none}}
