@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-sans-latin-400-normal.CDDApCn2.woff2)format("woff2"),url(/_astro/ibm-plex-sans-latin-400-normal.CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-sans-latin-500-normal.6ng42L7E.woff2)format("woff2"),url(/_astro/ibm-plex-sans-latin-500-normal.BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/ibm-plex-sans-latin-600-normal.CuJfVYMP.woff2)format("woff2"),url(/_astro/ibm-plex-sans-latin-600-normal.Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/ibm-plex-sans-latin-700-normal.Bxkt5Cjx.woff2)format("woff2"),url(/_astro/ibm-plex-sans-latin-700-normal.Bth3BMcD.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-latin-400-normal.DMJ8VG8y.woff2)format("woff2"),url(/_astro/ibm-plex-mono-latin-400-normal.CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-latin-500-normal.DSY6xOcd.woff2)format("woff2"),url(/_astro/ibm-plex-mono-latin-500-normal.CB9ihrfo.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/ibm-plex-mono-latin-600-normal.BgSNZQsw.woff2)format("woff2"),url(/_astro/ibm-plex-mono-latin-600-normal.DWFSQ4vo.woff)format("woff")}:root{--bg:#eceff4;--paper:#f5f7fa;--surface:#fff;--ink:#2e3440;--muted:#5b6577;--faint:#aab2c0;--line:#d3d9e3;--grid:#4c566a12;--accent:#4c6fa8;--accent-ink:#fff;--tint:#4c6fa817;--display:"IBM Plex Sans", system-ui, sans-serif;--body:"IBM Plex Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--r:2px;--band:#20242c;--band-2:#2a2f39;--band-line:#363c48;--band-ink:#eceff4;--band-muted:#9aa3b4;--w-bg:#1b1f27;--w-panel:#222733;--w-line:#2f3542;--w-ink:#d8dee9;--w-muted:#8790a2;--w-frost:#88c0d0;--w-blue:#81a1c1;--w-green:#a3be8c;--w-yellow:#ebcb8b;--w-purple:#b48ead;--w-orange:#d08770;--w-red:#bf616a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#1a1d23;--paper:#1f232a;--surface:#242932;--ink:#eceff4;--muted:#a2aaba;--faint:#4f5767;--line:#343a46;--grid:#d8dee90b;--accent:#88a9e0;--accent-ink:#12151b;--tint:#88a9e01a;--band:#15181d;--band-2:#1f232a}}:root[data-theme=dark]{color-scheme:dark;--bg:#1a1d23;--paper:#1f232a;--surface:#242932;--ink:#eceff4;--muted:#a2aaba;--faint:#4f5767;--line:#343a46;--grid:#d8dee90b;--accent:#88a9e0;--accent-ink:#12151b;--tint:#88a9e01a;--band:#15181d;--band-2:#1f232a}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:17px/1.6 var(--body);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));background-size:28px 28px;margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;line-height:1.04}p{margin:0}.mono{font-family:var(--mono)}.label{font:500 .74rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.wrap{max-width:1160px;margin:0 auto;padding-block:14px 64px}.nav{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:12px;display:flex}.brand{align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.brand img{width:28px;height:28px;display:block}.links{align-items:center;gap:24px;font-size:.95rem;display:flex}.links a{color:var(--muted);text-decoration:none}.links a:hover{color:var(--ink)}.links a.cta{color:var(--ink);border-bottom:2px solid var(--accent);font-weight:600}.btn{border:1.5px solid var(--ink);cursor:pointer;font:600 1rem/1 var(--body);border-radius:var(--r);color:var(--ink);background:0 0;justify-content:center;align-items:center;gap:10px;padding:14px 22px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn.primary{background:var(--ink);color:var(--bg)}.btn:hover{box-shadow:3px 3px 0 var(--accent);transform:translate(-2px,-2px)}.hero{grid-template-columns:1.15fr 1fr;align-items:start;gap:56px;padding-block:72px 80px;display:grid}.hero .who{align-items:center;gap:10px;margin-bottom:26px;display:flex}.hero .who:before{content:"";background:var(--w-green);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--w-green) 25%, transparent)}.hero h1{letter-spacing:-.025em;font-size:clamp(2.3rem,5vw,3.8rem);font-weight:700}.hero h1 em{color:var(--accent);font-style:normal}.hero .sub{max-width:32rem;color:var(--muted);margin-top:22px;font-size:1.15rem}.hero .acts{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.index{border:1px solid var(--line);background:var(--surface)}.index .ih{border-bottom:1px solid var(--line);justify-content:space-between;padding:14px 18px;display:flex}.index ol{margin:0;padding:0;list-style:none}.index li{border-bottom:1px solid var(--line);grid-template-columns:2.4rem 1fr;gap:4px 6px;padding:18px;display:grid}.index li:last-child{border-bottom:0}.index li span{font:500 .8rem/1.9 var(--mono);color:var(--accent)}.index li b{font-family:var(--display);font-size:1.12rem;font-weight:700}.index li p{color:var(--muted);grid-column:2;font-size:.95rem;line-height:1.5}.band{background:var(--band);color:var(--band-ink);border:1px solid var(--band-line);padding:clamp(20px,4vw,44px)}.band .bh{grid-template-columns:1fr auto;align-items:end;gap:20px 40px;display:grid}.band .label{color:var(--band-muted)}.band .label b{color:var(--w-yellow);font-weight:500}.band h2{letter-spacing:-.03em;margin-top:12px;font-size:clamp(2.6rem,6vw,4.6rem);font-weight:800}.band .one{max-width:40rem;color:var(--band-muted);margin-top:14px;font-size:1.1rem}.band .btn{border-color:var(--band-ink);color:var(--band-ink)}.band .btn.primary{background:var(--w-yellow);border-color:var(--w-yellow);color:#1f1a0b}.band .btn:hover{box-shadow:3px 3px 0 var(--w-frost)}.tabs{border:1px solid var(--band-line);flex-wrap:wrap;width:fit-content;max-width:100%;margin-top:34px;display:flex}.tabs button{font:500 .88rem/1 var(--body);color:var(--band-muted);border:0;border-right:1px solid var(--band-line);cursor:pointer;background:0 0;padding:11px 16px}.tabs button:last-child{border-right:0}.tabs button:hover{color:var(--band-ink);background:var(--band-2)}.tabs button[aria-selected=true]{background:var(--band-ink);color:var(--band);font-weight:600}.screen{border:1px solid var(--band-line);aspect-ratio:1320/780;background:#0d0e10;margin-top:14px;overflow:hidden}.screen img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.cap{color:var(--band-muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:14px;font-size:.95rem;display:flex}.cap b{color:var(--band-ink);font-weight:600}section{padding-top:112px}.sh{border-bottom:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:16px;display:flex}.sh h2{letter-spacing:-.02em;font-size:clamp(1.9rem,4vw,2.8rem);font-weight:750}.work{margin:0;padding:0;list-style:none}.wr{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:3rem 1.1fr 1.4fr 300px;align-items:center;gap:28px;padding:26px 12px;text-decoration:none;display:grid;position:relative}.wr:before{content:"";background:var(--tint);opacity:0;transition:opacity .2s;position:absolute;inset:0}.wr:hover:before{opacity:1}.wr>*{position:relative}.wr .n{font:500 .85rem var(--mono);color:var(--muted);align-self:start;padding-top:6px}.wr h3{letter-spacing:-.02em;font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:750}.wr .k{color:var(--muted);margin-top:8px;font-size:.92rem}.wr p{color:var(--muted)}.wr .go{color:var(--ink);gap:8px;margin-top:10px;font-size:.95rem;font-weight:600;display:inline-flex}.wr .go b{transition:transform .2s}.wr:hover .go b{transform:translate(5px)}.thumb{aspect-ratio:16/10;border:1px solid var(--line);background:var(--w-bg);width:300px;transition:transform .25s;overflow:hidden}.wr:hover .thumb{box-shadow:4px 4px 0 var(--accent);transform:translate(-3px,-3px)}.thumb>div{zoom:.46875;width:640px}.terms{border:1px solid var(--line);background:var(--surface);grid-template-columns:repeat(4,1fr);display:grid}.terms div{border-right:1px solid var(--line);padding:22px 24px}.terms div:last-child{border-right:0}.terms b{font-family:var(--display);margin-bottom:6px;font-size:1.1rem;display:block}.terms p{color:var(--muted);font-size:.95rem;line-height:1.5}.contact{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--accent);grid-template-columns:1fr auto;align-items:end;gap:24px 40px;margin-top:112px;padding:clamp(24px,4vw,44px);display:grid}.contact h2{letter-spacing:-.025em;font-size:clamp(2rem,4.4vw,3.2rem);font-weight:800}.contact p{color:var(--muted);margin-top:12px;font-size:1.08rem}.contact code{font:500 1.1rem var(--mono);border:1px dashed var(--faint);user-select:all;margin-top:18px;padding:10px 14px;display:inline-block}.contact .acts{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.copied{color:var(--muted);min-width:5.5em;font-size:.85rem}footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:36px;padding-top:20px;font-size:.85rem;display:flex}.win{background:var(--w-bg);color:var(--w-ink);font:13px/1.4 var(--body);border:1px solid #2c3240;grid-template-rows:34px 1fr;display:grid;overflow:hidden}.win .tb{border-bottom:1px solid var(--w-line);background:#191c23;align-items:center;gap:7px;padding:0 12px;display:flex}.win .tb i{background:#3a4150;border-radius:50%;width:10px;height:10px}.win .tb span{font:12px var(--mono);color:var(--w-muted);margin-left:10px}.win .tb .url{background:var(--w-panel);font:11.5px var(--mono);color:var(--w-muted);margin:0 auto;padding:3px 14px}.win .content{min-height:0;position:relative}.sample{font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--w-muted);background:#00000059;padding:3px 7px;position:absolute;bottom:10px;right:12px}.db{grid-template-columns:170px 1fr;min-height:360px;display:grid}.db aside{border-right:1px solid var(--w-line);background:#0000001f;align-content:start;gap:2px;padding:14px 10px;display:grid}.db aside .h{font:600 10.5px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--w-muted);padding:10px 8px 6px}.db aside .it{color:var(--w-ink);align-items:center;gap:9px;padding:7px 8px;display:flex}.db aside .it.on{color:#fff;background:#88c0d024}.db aside .it em{width:8px;height:8px;font-style:normal}.db main{align-content:start;gap:18px;padding:20px 24px;display:grid}.db .day{justify-content:space-between;align-items:baseline;display:flex}.db .day b{font-size:20px}.db .day span{color:var(--w-muted);font-size:12px}.db .chart{border-bottom:1px solid var(--w-line);grid-template-columns:repeat(7,1fr);align-items:end;gap:12px;height:150px;padding-bottom:20px;display:grid;position:relative}.db .bar{flex-direction:column-reverse;height:100%;display:flex;position:relative}.db .bar s{display:block}.db .bar u{text-align:center;font:10.5px var(--mono);color:var(--w-muted);text-decoration:none;position:absolute;bottom:-19px;left:0;right:0}.db .legend{color:var(--w-muted);flex-wrap:wrap;gap:14px;font-size:11.5px;display:flex}.db .legend span{align-items:center;gap:6px;display:inline-flex}.db .legend em{width:8px;height:8px}.tbl{gap:4px;padding:18px 20px 40px;font-size:12.5px;display:grid}.tbl .tr{font-variant-numeric:tabular-nums;grid-template-columns:1.6fr .8fr .8fr 1fr;align-items:center;gap:12px;padding:8px 10px;display:grid}.tbl .tr.th{color:var(--w-muted);font:600 10.5px var(--mono);text-transform:uppercase;letter-spacing:.07em}.tbl .tr:not(.th):nth-child(2n){background:#ffffff08}.tbl .up{color:var(--w-green)}.tbl .down{color:var(--w-red)}.spark{align-items:flex-end;gap:2px;height:18px;display:flex}.spark i{background:var(--w-frost);opacity:.8;width:5px}.term{font:12.5px/1.75 var(--mono);padding:18px 20px 40px}.term .p{color:var(--w-frost)}.term .y{color:var(--w-green)}.term .n,.term .c{color:var(--w-muted)}.sprites{grid-template-columns:repeat(3,1fr);align-items:end;gap:18px;padding:22px 20px 44px;display:grid}.sprites figure{justify-items:center;gap:8px;margin:0;display:grid}.sprites canvas{width:100%;max-width:132px;image-rendering:pixelated;border:1px solid var(--w-line);background:#ffffff08}.sprites figcaption{font:11px var(--mono);color:var(--w-muted)}.site{padding:16px}.site .pg{background:var(--sbg);color:var(--sink);gap:16px;padding:16px 20px 26px;display:grid;overflow:hidden}.site .pn{justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.site .pn span{opacity:.7;gap:12px;font-weight:500;display:flex}.site .ph{font:800 26px/1.05 var(--body);letter-spacing:-.02em;max-width:16ch}.site .pb{gap:8px;display:flex}.site .pb i{font:600 11px var(--body);background:var(--sacc);color:var(--sbg);padding:7px 12px;font-style:normal}.site .pb i+i{color:var(--sink);opacity:.7;background:0 0;border:1px solid}.site .pc{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.site .pc i{background:color-mix(in srgb, var(--sink) 9%, transparent);height:46px}.boxes{grid-template-columns:repeat(6,1fr);gap:8px;padding:16px 18px 40px;display:grid}.boxes svg{aspect-ratio:1;background:#f3f1ea;width:100%;display:block}.boxes .cell{position:relative}.boxes .cell b{font:600 9px var(--mono);color:#4c566a;position:absolute;bottom:2px;right:3px}.boxes .cell.empty svg{background:#ffffff0a}.case{grid-template-columns:1.3fr 1fr;align-items:end;gap:24px 56px;padding-block:56px 48px;display:grid}.case .back{color:var(--muted);grid-column:1/-1;font-size:.92rem;text-decoration:none}.case .back:hover{color:var(--ink)}.case h1{letter-spacing:-.035em;font-size:clamp(2.8rem,7vw,5.4rem);font-weight:800}.case .sub{color:var(--muted);max-width:36rem;margin-top:16px;font-size:1.18rem}.facts{border:1px solid var(--line);background:var(--surface);margin:0}.facts div{border-bottom:1px solid var(--line);grid-template-columns:9rem 1fr;gap:12px;padding:12px 16px;display:grid}.facts div:last-child{border-bottom:0}.facts dt{font:500 .74rem/1.9 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.facts dd{margin:0;font-weight:600}.live{position:relative;overflow:hidden}.live iframe{color-scheme:light;transform-origin:0 0;border:0;width:1320px;height:780px;display:block}.livebar{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:.92rem;display:flex}.livebar b{color:var(--ink)}.btn.small{padding:9px 14px;font-size:.9rem}.full{z-index:50;background:#0d0e10;position:fixed;inset:0}.full[hidden]{display:none}.full .fs{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.full .fit{overflow:hidden}.full iframe{transform-origin:0 0;border:0;width:1320px;height:780px;display:block}.full .fclose{z-index:1;top:calc(8px + env(safe-area-inset-top,0px));right:calc(8px + env(safe-area-inset-right,0px));font:600 .85rem var(--body);color:#eceff4;cursor:pointer;background:#15181dd9;border:1px solid #3b4252;padding:7px 12px;position:absolute}.full .turn{display:none}@media (orientation:portrait) and (width<=759px){.full .turn{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));text-align:center;color:#9aa3b4;pointer-events:none;font-size:.85rem;display:block;position:absolute}}.big{margin-top:8px}.big .win .content{min-height:360px}.prose{margin-top:80px}.prose div{border-top:1px solid var(--line);grid-template-columns:1fr 1.6fr;gap:10px 48px;padding-block:26px;display:grid}.prose dt{font-family:var(--display);font-size:1.2rem;font-weight:700}.prose dd{color:var(--muted);margin:0;font-size:1.05rem}.prose dd p{margin:0}.prose dd p+p{margin-top:.75em}.nextp{flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:72px;display:flex}.nextp a{font-weight:600;text-decoration:none}.nextp a:hover{color:var(--accent)}@media (width<=900px){.hero,.case{grid-template-columns:1fr;gap:40px}.band .bh{grid-template-columns:1fr}.wr{grid-template-columns:2.2rem 1fr;gap:14px 16px}.wr>:not(.n){grid-column:2}.thumb{width:100%;max-width:420px}.thumb>div{zoom:.65}.terms{grid-template-columns:1fr}.terms div{border-right:0;border-bottom:1px solid var(--line)}.terms div:last-child{border-bottom:0}.contact{grid-template-columns:1fr}.contact .acts .copied{flex-basis:100%;order:3;min-width:0}.prose div{grid-template-columns:1fr}}@media (width<=560px){.links{gap:20px}.thumb>div{zoom:.5}.tabs button{padding:10px 11px;font-size:.82rem}.db{grid-template-columns:1fr}.db aside{display:none}section{padding-top:84px}}@media (prefers-reduced-motion:reduce){.btn,.thumb,.wr .go b,.wr:before{transition:none}}#copy[data-astro-cid-he3spzz3][hidden]{display:none}
