@font-face{font-family:Archivo;src:url(/proto/fonts/archivo-italic.woff2)format("woff2");font-style:italic;font-weight:100 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:Atkinson Mono;src:url(/proto/fonts/atkinson-mono.woff2)format("woff2");font-weight:200 800;font-display:swap}:root{--bg:#0b0b0d;--deep:#07070a;--panel:#111219;--panel-2:#161a3a;--chart:#0f1219;--line:#26262c;--line-2:#34343e;--ink:#f3f0ea;--soft:#c9d6ff;--mute:#8c89a6;--p3:#0a2a8a;--gold:#f5d020;--pink:#ff6ec7;--cyan:#39c6ff;--lime:#b4f03c;--accent:var(--gold);--accent-2:var(--pink);--on-accent:#0b0b0d;--display:"Archivo", "Arial Narrow", sans-serif;--mono:"Atkinson Mono", ui-monospace, monospace;--ease:cubic-bezier(.2, .7, .3, 1);color-scheme:dark}body[data-accent]{--umb-bg:#0b0b0dd6;--umb-ink:var(--ink);--umb-accent:var(--accent);--umb-on-accent:#0b0b0d;--umb-bar:#0b0b0d;--umb-foot-bg:#0b0b0d;--umb-sub-bg:#0b0b0d;--umb-sub-ink:var(--ink);--umb-sub-label:var(--mute);--umb-sub-line:var(--line);--umb-menu-bg:var(--panel);--umb-menu-fg:var(--ink);--umb-menu-line:#cdcad3;--umb-menu-rule:var(--mute);--umb-menu-glow:0 14px 32px #0009, 0 0 22px color-mix(in srgb, var(--accent) 22%, transparent)}[data-accent=gold]{--accent:var(--gold);--accent-2:var(--pink)}[data-accent=cyan]{--accent:var(--cyan);--accent-2:#8083fb}[data-accent=pink]{--accent:var(--pink);--accent-2:var(--gold)}[data-accent=lime]{--accent:var(--lime);--accent-2:var(--cyan)}*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-padding-top:140px}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;margin:0;font-size:clamp(.95rem,.2vw + .9rem,1.08rem);line-height:1.6;overflow-x:clip}:where(main) :is(img,video){max-width:100%;height:auto;display:block}:where(main,.foot) a{color:inherit}::selection{background:var(--accent);color:var(--on-accent)}:where(main,.foot) :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:min(1440px, 100% - 2 * var(--umb-gutter,16px));margin-inline:auto}.hero-grid,.pair,.charts,.install,.features,.feature{grid-template-columns:minmax(0,1fr)}.hero-grid>*,.pair>*,.charts>*,.install>*{min-width:0}kbd{border:1px solid var(--line-2);min-width:1.6em;color:var(--ink);font-family:var(--mono);text-align:center;white-space:nowrap;background:#1a1b24;border-bottom-width:3px;border-radius:5px;padding:.05em .45em .1em;font-size:.85em;font-weight:700;line-height:1.3;display:inline-block}code{font-family:var(--mono);color:var(--soft);overflow-wrap:anywhere;font-size:.92em}p code,li code,td code{background:#1a1b24;border-radius:4px;padding:.05em .3em}.btn{outline:2px solid var(--line-2);background:var(--panel);max-width:100%;color:var(--ink);font-family:var(--mono);border:2px solid #000;align-items:center;gap:.7em;padding:.75em 1.15em;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.btn svg{fill:currentColor;flex:none;width:1.35em;height:1.35em}.btn .t{flex-direction:column;min-width:0;display:flex}.btn b{font-family:var(--display);letter-spacing:.01em;text-transform:uppercase;font-size:1.08em;font-style:italic;font-weight:900;font-stretch:112%}.btn small{opacity:.78;overflow-wrap:anywhere;font-size:.78em;font-weight:700}.btn.go{background:var(--accent);color:var(--on-accent);outline-color:var(--accent);box-shadow:6px 6px 0 var(--accent-2)}.mit{background:var(--gold);color:#021040;font-family:var(--mono);letter-spacing:.08em;padding:.12em .6em;font-size:.8rem;font-weight:900;display:inline-block;transform:skew(-12deg)}.hero{isolation:isolate;padding-block:var(--umb-content-gap) clamp(40px, 6vw, 80px);position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background:radial-gradient(70% 90% at 85% 10%, #0a2a8ad9, transparent 70%), radial-gradient(50% 60% at 0% 100%, #ff6ec71f, transparent 70%), var(--bg);position:absolute;inset:0}.hero:after{content:"";z-index:-1;clip-path:polygon(28% 0,100% 0,100% 100%,0 100%);background:repeating-linear-gradient(-62deg,#0000 0 22px,#ffffff06 22px 24px);width:62%;height:140%;position:absolute;inset:-20% -10% auto auto}.hero-grid{align-items:start;gap:clamp(28px,4vw,56px);display:grid}@media (width>=960px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}.tags{letter-spacing:.06em;text-transform:uppercase;color:var(--soft);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 18px;padding:0;font-size:.8rem;font-weight:700;list-style:none;display:flex}.tags li:not(:has(.mit)):before{content:"/ ";color:var(--accent)}.hero h1{font-family:var(--display);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:clamp(2.2rem,4.3vw,4.8rem);font-style:italic;font-weight:900;font-stretch:125%;line-height:.95}.hero .pitch{color:#e6e8ff;max-width:38rem;margin:18px 0 0;font-size:clamp(1rem,.5vw + .9rem,1.2rem);line-height:1.55}.headline{border-left:6px solid var(--accent);margin:26px 0 0;padding-left:16px}.headline .n{font-family:var(--display);background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.55rem,3.4vw,2.6rem);font-style:italic;font-weight:900;font-stretch:118%;line-height:1.02;display:block}.headline .w{color:var(--mute);margin-top:8px;font-size:.84rem;line-height:1.5;display:block}.ctas{flex-wrap:wrap;gap:16px 18px;margin-top:30px;display:flex}.frame{outline:2px solid var(--line-2);background:var(--deep);border:3px solid #000;margin:0;position:relative;box-shadow:14px 14px #0a2a8ae6}.frame:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));width:96px;height:10px;position:absolute;top:-14px;left:18px;transform:skew(-24deg)}.frame video,.frame img{width:100%}.frame figcaption,.shot figcaption{border-top:2px solid var(--line);color:var(--mute);padding:10px 14px 12px;font-size:.8rem;line-height:1.5}.frame.small{max-width:560px;margin-inline:auto}.stats{border-block:2px solid var(--line);background:var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:2px;margin:0;padding:0;list-style:none;display:grid}.stats li{background:var(--bg);flex-direction:column;gap:6px;padding:clamp(18px,2.4vw,28px) clamp(16px,2vw,24px);display:flex}.stats b{font-family:var(--display);color:#fff;font-size:clamp(1.5rem,2.2vw,2.2rem);font-style:italic;font-weight:900;font-stretch:115%;line-height:1.05}.stats b em{font-style:inherit;color:var(--accent)}.stats span{color:var(--soft);font-size:.86rem;line-height:1.45}.sec{padding-block:clamp(56px,8vw,112px) 0}.sec-h{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:4px 18px;margin-bottom:clamp(24px,3vw,40px);display:grid}.sec-h .no{font-family:var(--display);color:#0000;-webkit-text-stroke:2px var(--accent);grid-row:span 2;font-size:clamp(3.2rem,8vw,6.4rem);font-style:italic;font-weight:900;font-stretch:125%;line-height:.8}.sec-h h2{font-family:var(--display);letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:clamp(1.8rem,4.6vw,3.6rem);font-style:italic;font-weight:900;font-stretch:122%;line-height:.95}.sec-h p{max-width:48rem;color:var(--soft);margin:0;font-size:.95rem}.lede{color:#e6e8ff;max-width:52rem;margin:0 0 28px;font-size:clamp(1rem,.4vw + .92rem,1.15rem)}.prose{max-width:52rem}.prose p{margin:0 0 1em}.pair{gap:16px;display:grid}@media (width>=820px){.pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{outline:2px solid var(--line);background:radial-gradient(120% 90% at 20% 0%, var(--panel-2), #08080c);border:3px solid #000;padding:clamp(18px,2.4vw,28px);position:relative}.card h3{font-family:var(--display);color:var(--accent);margin:0 0 12px;font-size:clamp(1.25rem,2vw,1.6rem);font-style:italic;font-weight:900;font-stretch:118%;line-height:1.05}.card ul{margin:0;padding-left:1.1em}.card li{margin-bottom:.5em}.card li::marker{color:var(--accent)}.card p{margin:0 0 .8em}.card p:last-child{margin-bottom:0}.charts{align-items:start;gap:18px;display:grid}@media (width>=820px){.charts{grid-template-columns:repeat(2,minmax(0,1fr))}.charts .wide{grid-column:1/-1}}.chart{outline:2px solid var(--line);background:var(--chart);border:3px solid #000;margin:0}.chart a{display:block}.chart img{width:100%}.chart.wide img{max-width:1080px;margin-inline:auto}.chart figcaption{border-top:2px solid var(--line);color:var(--soft);padding:12px 16px 14px;font-size:.84rem;line-height:1.5}.chart figcaption b{color:#fff;margin-bottom:2px;display:block}.chart figcaption small{color:var(--mute);margin-top:6px;font-size:.92em;display:block}.sub{font-family:var(--display);margin:clamp(36px,5vw,56px) 0 16px;font-size:clamp(1.3rem,2.4vw,1.8rem);font-style:italic;font-weight:900;font-stretch:115%;line-height:1.05}.sub:before{content:"";vertical-align:.18em;background:var(--accent);width:.9em;height:.32em;margin-right:.45em;display:inline-block;transform:skew(-24deg)}.how{max-width:60rem;color:var(--mute);margin:22px 0 0;font-size:.84rem;line-height:1.6}.install{align-items:start;gap:18px;display:grid}@media (width>=980px){.install.three{grid-template-columns:repeat(3,minmax(0,1fr))}.install.two{grid-template-columns:repeat(2,minmax(0,1fr))}}.code{outline:2px solid var(--line);background:var(--deep);border:3px solid #000;min-width:0;margin:0}.code-h{border-bottom:2px solid var(--line);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px 8px 14px;font-size:.8rem;font-weight:800;display:flex}.code-h button{border:1px solid var(--line-2);color:var(--ink);font:inherit;cursor:pointer;background:#1a1b24;border-radius:4px;padding:.3em .75em;font-size:.72rem}.code-h button[hidden]{display:none}.code pre{color:#e6e8ff;tab-size:2;margin:0;padding:14px 16px 16px;font-size:.82rem;line-height:1.6;overflow-x:auto}.code pre.wrap{white-space:pre-wrap;overflow-wrap:anywhere}.code pre code{color:inherit;overflow-wrap:normal;background:0 0;padding:0}.note{color:var(--soft);margin:16px 0 0;font-size:.88rem}.features{gap:clamp(40px,6vw,80px);margin:0;padding:0;list-style:none;display:grid}.feature{align-items:center;gap:clamp(18px,3vw,40px);display:grid}@media (width>=960px){.feature{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.feature:nth-child(2n) .feature-text{order:2}}.feature-text .k{background:var(--accent);color:var(--on-accent);letter-spacing:.06em;margin-bottom:10px;padding:.1em .55em;font-size:.85rem;font-weight:900;display:inline-block;transform:skew(-12deg)}.feature-text h3{font-family:var(--display);margin:0 0 14px;font-size:clamp(1.5rem,3vw,2.3rem);font-style:italic;font-weight:900;font-stretch:120%;line-height:1}.feature-text p{color:#e6e8ff;margin:0 0 .9em}.feature-text p:last-child{margin-bottom:0}.feature-media,.feature-text{min-width:0}.feature-text .code{margin-top:1.2em}.install>.note,.card .note{margin:0}.proof+.charts{margin-top:18px}.shot{outline:2px solid var(--line);background:var(--deep);border:3px solid #000;margin:0}.shot img,.shot video{width:100%}.table-wrap{outline:2px solid var(--line);background:var(--deep);border:3px solid #000;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:34rem;font-size:.84rem}.table-wrap th,.table-wrap td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:9px 12px}.table-wrap th{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem}.table-wrap td.n{font-variant-numeric:tabular-nums;white-space:nowrap}.table-wrap tr:last-child td{border-bottom:0}.proof{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.proof li{flex-direction:column;gap:8px;display:flex}.proof .tag-mark{vertical-align:-.45em;width:1.5em;height:1.5em;margin-right:.5em;display:inline-block}.proof .tag{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;align-self:flex-start;font-size:.74rem;font-weight:800}.proof h3{color:#fff}.proof a{color:var(--accent);font-weight:700}.end{border-top:2px solid var(--line);background:radial-gradient(60% 120% at 100% 0%, #0a2a8abf, transparent 70%), var(--bg);margin-top:clamp(64px,9vw,128px);padding-block:clamp(48px,7vw,96px)}.end h2{font-family:var(--display);margin:0;font-size:clamp(2.2rem,6.4vw,5rem);font-style:italic;font-weight:900;font-stretch:125%;line-height:.92}.end h2 span{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.end .licence{max-width:46rem;color:var(--soft);margin:22px 0 0}.end .issues{max-width:46rem;color:var(--mute);margin:12px 0 0;font-size:.88rem}.credits{border-top:1px solid var(--line);color:var(--mute);margin-top:clamp(36px,5vw,56px);padding-top:20px;font-size:.8rem;line-height:1.6}.credits h2{color:var(--soft);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.8rem}.credits p{max-width:64rem;margin:0 0 .6em}.credits a{color:var(--soft)}.foot{border-top:2px solid var(--line);color:var(--mute);padding-block:22px 28px;font-size:.8rem}.foot .wrap{flex-wrap:wrap;justify-content:space-between;gap:8px 24px;display:flex}.foot p{margin:0}.foot a{color:var(--soft)}@media (width<=640px){.sec-h{display:block}.sec-h .no{margin-bottom:8px;font-size:2.8rem;display:block}.sec-h p{margin-top:10px}}.proof a:hover,.credits a:hover,.foot a:hover{color:var(--accent)}.code-h button:hover{border-color:var(--accent);color:var(--accent)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.btn.go{transition:transform .18s var(--ease), box-shadow .18s ease, outline-color .18s ease}.btn.go:hover{outline-color:var(--accent);box-shadow:10px 11px 0 var(--accent-2);transform:translate(-2px,-3px)}}.stats-more{margin:14px 0 0;font-size:.9rem;font-weight:700}.stats-more a{color:var(--accent);text-underline-offset:4px;text-decoration-thickness:2px}.stats-more a:hover{color:var(--ink)}body[data-accent] .fp{--fp-muted:var(--soft);--fp-panel:var(--panel);--fp-code-bg:var(--deep);--fp-display:var(--display);--fp-radius:0}.fp .charts{margin-top:clamp(36px,5vw,56px)}.oss-head{padding-block:var(--umb-content-gap) 0}.oss-head h1{font-family:var(--display);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:clamp(2rem,4vw,4.2rem);font-style:italic;font-weight:900;font-stretch:125%;line-height:.95}.oss-head p{color:#e6e8ff;max-width:52rem;margin:18px 0 0;font-size:clamp(1rem,.4vw + .92rem,1.15rem)}.oss-head+.sec{padding-top:clamp(36px,5vw,64px)}.table-wrap td.slow{color:var(--accent-2)}.feature-text .more-on a{color:var(--accent);text-underline-offset:4px;font-weight:700;text-decoration-thickness:2px}.feature-text .more-on a:hover{color:var(--ink)}