@font-face{font-family:Atlas;src:url('/assets/space-grotesk-latin.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
:root{--bg:#151815;--panel:#1d211c;--surface:#252b23;--ink:#f2f4e9;--muted:#9ea696;--line:#363d32;--accent:#d3fb6d;--accent-ink:#1a2410;--pele-bg:var(--bg);--pele-fg:var(--ink);--pele-muted:var(--muted);--pele-line:#b7c2a8;--pele-surface:var(--surface);--pele-surface-alt:#1c211a;--pele-border:#77846b;--pele-accent:var(--accent);--pele-critical:#f2a177;--pele-error:#ffb29d;--pele-series-1:#a8d658;--pele-series-2:#7e9ecb;--pele-series-3:#dca66f;--pele-series-4:#a492c6;--pele-series-5:#5eaaa0;--pele-series-6:#cc7b7b;--pele-series-7:#a0aa64;--pele-series-8:#8593a7;--pele-font:Atlas,Arial,sans-serif;--pele-font-mono:monospace;--pele-radius:6px;color-scheme:dark}
:root[data-theme=paper]{--bg:#f2f0e7;--panel:#e9e7de;--surface:#e4e3d6;--ink:#282d23;--muted:#686d5e;--line:#d2d4c5;--accent:#3f5c2d;--accent-ink:#f6f8ed;--pele-line:#627354;--pele-surface-alt:#ececdf;--pele-border:#a1aa91;--pele-series-1:#68874a;--pele-error:#a83622;--pele-critical:#a95d36}
:root[data-theme=ocean]{--bg:#101c29;--panel:#172636;--surface:#20364b;--ink:#e6f1f7;--muted:#9bafc0;--line:#30465a;--accent:#8ad8f1;--accent-ink:#102431;--pele-line:#a5cad8;--pele-surface-alt:#182c3d;--pele-border:#5b8198;--pele-series-1:#53a3bd;--pele-series-2:#a899d5}
:root[data-theme=ember]{--bg:#241814;--panel:#2d211b;--surface:#392b22;--ink:#f9eedd;--muted:#bba593;--line:#4d382c;--accent:#ffad73;--accent-ink:#301b0d;--pele-line:#d1b192;--pele-surface-alt:#302019;--pele-border:#916e51;--pele-series-1:#d18c55;--pele-series-2:#af9b5b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 Atlas,'Arial',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{color:inherit;background:none;border:0}button:disabled{cursor:wait;opacity:.6}a,button,input,select,textarea{outline-offset:5px}:focus-visible{outline:2px solid var(--accent)}button:hover,a:hover{filter:brightness(1.16)}.wrap{width:min(1392px,calc(100% - 112px));margin-inline:auto}.nav{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:29px;letter-spacing:-1.6px;line-height:1}.brand svg{width:31px;height:31px;color:var(--accent);margin-right:2px}.brand-slash{font-weight:300;color:var(--muted);margin:0 2px}.brand-sub{font-weight:400;font-size:24px;letter-spacing:-1px}.nav nav{display:flex;gap:35px;font-size:13px}.nav nav span{font:10px/1.5 monospace;color:var(--accent);vertical-align:super;margin-left:3px}.nav-external{font-size:13px}.nav-external span{font-size:20px;margin-left:10px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:30px;padding-top:79px;padding-bottom:74px;align-items:center}.eyebrow{font:11px/1.7 Atlas,Arial,sans-serif;letter-spacing:2px;font-weight:500;margin:0 0 25px;display:flex;gap:9px;align-items:center}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;flex-shrink:0}.hero h1{font-size:clamp(70px,7.7vw,116px);line-height:.97;letter-spacing:-7px;font-weight:500;margin:0;position:relative}.hero h1 em,h2 em{font-style:normal;color:var(--accent)}.hero-asterisk{font-size:67px;position:absolute;margin:13px 0 0 15px;color:var(--accent)}.hero-desc{font-family:Arial,sans-serif;font-size:14px;color:var(--muted);line-height:1.95;margin:28px 0 25px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--accent);color:var(--accent-ink);font-size:13px;font-weight:700;padding:16px 21px;border-radius:4px}.primary span{font-size:23px;line-height:1}.hero-note{font-size:11px;color:var(--muted);margin:14px 0 0}.hero-visual{border:1px solid var(--line);height:405px;position:relative;padding:22px 26px;background-image:radial-gradient(var(--line) .7px,transparent .7px);background-size:18px 18px;border-radius:2px}.visual-caption{display:flex;justify-content:space-between;font:9px/1.6 monospace;letter-spacing:1px;color:var(--muted)}.live{display:flex;align-items:center;gap:6px;color:var(--accent)}.hero-diagram{position:absolute;inset:70px 14px 108px;display:flex;align-items:center;justify-content:center}.hero-diagram svg{max-height:100%;width:100%;height:auto}.visual-bottom{position:absolute;bottom:25px;left:27px;right:27px;display:flex;justify-content:space-between;align-items:flex-end;font-size:11px;color:var(--muted)}.visual-bottom strong{color:var(--ink);font-weight:400}.time-stamp{text-align:right}.time-stamp>span{font-size:39px;letter-spacing:-2px;color:var(--accent);line-height:1.3}.time-stamp small{display:block;font:9px/1.5 monospace}.coordinate{position:absolute;font:15px/1 monospace;color:var(--muted);background:var(--bg);padding:2px}.c1{top:-10px;left:-6px}.c2{top:-10px;right:-6px}.c3{bottom:-9px;left:-6px}.c4{bottom:-9px;right:-6px}.facts{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.facts>div{padding:0 25px;border-left:1px solid var(--line)}.facts>div:first-child{padding-left:0;border:0}.facts strong{font-size:34px;font-weight:400;letter-spacing:-1.8px;line-height:1.2}.facts strong span{font-size:12px;letter-spacing:0;color:var(--muted);margin-left:8px}.facts p{font:11px/1.7 Arial,sans-serif;color:var(--muted);margin:9px 0 0}.section{padding-top:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}.section-heading .eyebrow{margin-bottom:17px;color:var(--muted);font-size:10px}.section-heading h2{font-size:49px;line-height:1.1;font-weight:400;letter-spacing:-2.5px;margin:0}.section-heading>p{font:13px/1.95 Arial,sans-serif;color:var(--muted);margin:0 0 3px}.studio{border:1px solid var(--line);border-radius:7px;overflow:hidden}.studio-bar{display:flex;justify-content:space-between;align-items:center;padding:13px 19px;background:var(--panel);border-bottom:1px solid var(--line);gap:15px}.studio-title{display:flex;align-items:center;gap:9px;min-width:0}.studio select{border:0;color:var(--ink);background:var(--panel);font-size:12px;padding:3px 18px 3px 0;max-width:180px}.studio-divider{color:var(--muted)}.studio-actions{display:flex;gap:15px;align-items:center;flex-shrink:0}.studio-actions button{font-size:11px}.solid-small{background:var(--accent);color:var(--accent-ink);padding:8px 13px;border-radius:3px;font-size:11px;font-weight:600}.studio-body{display:grid;grid-template-columns:39% 61%;height:430px}.editor-pane{min-width:0;border-right:1px solid var(--line);display:flex;flex-direction:column;background:var(--panel)}.pane-bar{height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 17px;font:9px/1.5 monospace;letter-spacing:.6px;flex-shrink:0}.pane-bar>span{display:flex;align-items:center;gap:8px;color:var(--muted)}.tiny-square{width:6px;height:6px;background:var(--muted);display:inline-block}.pane-bar button{font-size:10px;color:var(--muted);padding:4px 6px}.editor-wrap{display:flex;flex:1;min-height:0;overflow:hidden;padding-top:10px}.editor-wrap pre{width:44px;flex-shrink:0;text-align:right;margin:0;padding:0 11px 0 0;color:var(--muted);opacity:.5;font:11px/1.95 monospace;overflow:hidden}.editor-wrap textarea{resize:none;border:0;width:100%;flex:1;min-width:0;outline:none;background:transparent;color:var(--ink);font:11px/1.95 'SFMono-Regular',Consolas,monospace;white-space:pre;tab-size:2;padding:0 17px 24px 0;overflow:auto;outline-offset:-3px}.editor-wrap textarea:focus-visible{outline:1px solid var(--line)}.editor-bottom,.preview-bottom{height:34px;display:flex;align-items:center;justify-content:space-between;gap:10px;font:9px/1.5 monospace;color:var(--muted);padding:0 15px;flex-shrink:0}.editor-bottom{border-top:1px solid var(--line)}kbd{font:inherit;border:1px solid var(--line);padding:1px 3px;border-radius:2px}.preview-pane{display:flex;flex-direction:column;min-width:0;background-image:radial-gradient(var(--line) .65px,transparent .65px);background-size:17px 17px}.view-tabs{display:flex;gap:4px}.view-tabs button[aria-pressed=true]{color:var(--ink);background:var(--surface);border-radius:3px}.canvas-scroll{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;padding:12px 20px}.canvas-scroll:has(#inspector:not([hidden])){align-items:stretch}#preview-frame{width:100%;margin:auto;flex-shrink:0;max-width:100%;transition:width .2s}#main-diagram{width:100%;min-height:190px;max-height:320px;overflow:hidden;display:flex;align-items:center;justify-content:center}#main-diagram>svg{max-height:310px;height:auto;max-width:100%}#main-diagram:has(.pele-error){display:block}.preview-bottom{background:var(--bg);border-top:1px solid var(--line)}#render-status{color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:85%}#render-status.error{color:var(--pele-error)}#render-size{flex-shrink:0}#inspector{white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.8 monospace;margin:0;color:var(--muted);width:100%;max-height:310px;overflow:auto}.studio-controls{display:flex;align-items:center;gap:24px;min-height:59px;padding:12px 20px;background:var(--panel);border-top:1px solid var(--line);flex-wrap:wrap}.control-label,.width-control label{font:9px/1.5 monospace;letter-spacing:.5px;color:var(--muted)}.palette-control{display:flex;gap:13px;align-items:center}.swatches{display:flex;gap:7px}.swatch{width:18px;height:18px;border-radius:50%;background:var(--swatch);border:2px solid var(--panel);padding:0;outline:1px solid transparent;outline-offset:2px}.swatch[aria-pressed=true]{outline-color:var(--ink)}.width-control{display:flex;align-items:center;gap:10px;margin-left:auto}.width-control label{width:85px}.width-control output{color:var(--ink);margin-left:4px}.width-control input{width:110px}.width-control button{font:9px/1.5 monospace;border:1px solid var(--line);border-radius:3px;padding:3px 6px}.width-control button[aria-pressed=true]{color:var(--accent)}input[type=range]{accent-color:var(--accent);height:3px;cursor:pointer}.check{font:10px/1.5 Arial,sans-serif;color:var(--muted);display:flex;align-items:center;gap:6px}.check input{accent-color:var(--accent);width:12px;height:12px}.studio-footnote{display:flex;justify-content:space-between;gap:20px;font:10px/1.8 Arial,sans-serif;color:var(--muted);margin-top:13px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{font:11px/1.6 Arial,sans-serif;color:var(--muted);padding:7px 11px;border-radius:4px}.filters button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.filters button span{font:9px/1 monospace;margin-left:4px}.search{display:flex;align-items:center;border-bottom:1px solid var(--line);gap:7px;padding:4px 0}.search span{font-size:23px;color:var(--muted)}.search input{width:140px;color:var(--ink);font:11px/1.6 Arial,sans-serif;background:none;border:0;padding:5px 0;min-width:0}.search input::placeholder{color:var(--muted)}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.diagram-card{text-align:left;border:1px solid var(--line);border-radius:5px;background:var(--panel);overflow:hidden;display:block;padding:0;position:relative;transition:border-color .15s,transform .15s}.diagram-card:hover{border-color:var(--accent);transform:translateY(-3px);filter:none}.card-preview{height:145px;padding:20px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);position:relative;overflow:hidden;background:var(--bg)}.card-preview svg{width:100%;height:100%;max-height:110px;pointer-events:none}.card-number{position:absolute;left:12px;top:9px;font:9px/1.5 monospace;color:var(--muted);opacity:.6}.card-info{padding:15px 16px 16px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title h3{font-size:15px;font-weight:400;letter-spacing:-.4px;margin:0}.card-title>span{color:var(--muted);font-size:17px}.card-info p{font:10px/1.75 Arial,sans-serif;color:var(--muted);margin:4px 0 0}.card-category{font:8px/1.5 monospace;letter-spacing:1px;color:var(--accent);text-transform:uppercase;display:block;margin-top:13px}.show-all{display:flex;align-items:center;justify-content:center;gap:22px;width:100%;border:1px solid var(--line);border-radius:4px;margin-top:20px;padding:13px;font:11px/1.6 Arial,sans-serif}.show-all span{font-size:17px}.catalog-note{text-align:center;font:9px/1.7 Arial,sans-serif;color:var(--muted);margin:13px 0 0}.empty{color:var(--muted);padding:40px;text-align:center}.lab-section{margin-top:100px;padding:65px 0 75px;background:var(--panel);border-block:1px solid var(--line)}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.lab-grid article+article{border-left:1px solid var(--line);padding-left:65px}.lab-number{font:9px/1.5 monospace;letter-spacing:1px;color:var(--muted);margin-bottom:23px}.lab-grid h3{font-size:26px;font-weight:400;letter-spacing:-1px;margin:0 0 7px}.lab-grid article>p{font:11px/1.9 Arial,sans-serif;color:var(--muted);margin:0 0 23px}.palette-buttons{display:flex;gap:8px;margin:22px 0;flex-wrap:wrap}.palette-button{border:1px solid var(--line);border-radius:4px;padding:7px 12px;display:flex;align-items:center;gap:9px;font:11px/1.5 Atlas,sans-serif}.palette-button span{width:10px;height:10px;border-radius:50%;background:var(--swatch)}.palette-button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.theme-inputs{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0}.theme-inputs label{display:flex;align-items:center;gap:12px;font:10px/1.6 monospace;color:var(--muted)}input[type=color]{border:0;width:24px;height:24px;padding:0;background:transparent;cursor:pointer}.theme-inputs input[type=range]{width:65px}.theme-inputs select{background:var(--panel);color:var(--ink);border:1px solid var(--line);font:10px/1.5 monospace;border-radius:3px;padding:3px}.theme-lab pre{padding:18px 22px;background:var(--bg);border-radius:4px;font:10px/1.9 monospace;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}.text-button{font-size:11px;color:var(--accent);padding:4px 0}.benchmark-value{display:flex;align-items:baseline;gap:14px;margin:12px 0 10px}.benchmark-value>span:first-child{font-size:81px;line-height:1.2;letter-spacing:-6px;color:var(--accent)}.benchmark-value>span:last-child{font-size:16px}.benchmark-value small{font-size:11px;color:var(--muted)}.bench-bar{height:3px;background:var(--line);margin:12px 0 18px}.bench-bar span{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}.bench-details{display:flex;justify-content:space-between;gap:15px;align-items:center}.bench-details>span{font:10px/1.7 monospace;color:var(--muted)}.lab-grid article>.bench-note{font-size:9px;margin:14px 0 23px}.api-status{padding-top:19px;border-top:1px solid var(--line);font:10px/1.7 monospace;display:flex;flex-wrap:wrap;gap:10px 30px}.api-status span{display:flex;gap:9px;align-items:center}.api-status code{color:var(--muted)}.api-status strong{font-size:10px;color:var(--accent);font-weight:400}.lab-grid article>.api-note{font-size:10px;margin:11px 0 0}.closing{padding-top:88px;padding-bottom:85px;position:relative;overflow:hidden}.closing h2{font-size:76px;font-weight:400;letter-spacing:-4px;line-height:1;margin:0 0 27px}.closing .eyebrow{color:var(--muted);font-size:10px}.closing-art{font-size:290px;line-height:1;color:var(--accent);position:absolute;right:12%;top:65px;transform:rotate(10deg)}.footer{padding:29px 0 33px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.footer .brand{font-size:24px}.footer .brand-sub{font-size:21px}.footer p{font:9px/1.9 Arial,sans-serif;color:var(--muted);margin:0}.footer p a{color:var(--ink)}.footer>div{display:flex;gap:17px;font:9px/1.6 monospace;color:var(--muted)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--accent);color:var(--accent-ink);padding:12px 23px;border-radius:5px;box-shadow:0 3px 25px #0004;font:12px/1.7 Arial,sans-serif;z-index:100;max-width:90vw;text-align:center}.skip{position:fixed;top:-100px;left:20px;z-index:100;padding:10px;background:var(--accent);color:var(--accent-ink)}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.noscript{padding:30px;text-align:center}
@media(min-width:1600px){.wrap{width:1392px}.hero{padding-block:90px}.hero h1{font-size:125px}.hero-visual{height:435px}.studio-body{height:470px}.card-preview{height:160px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero h1{font-size:83px;letter-spacing:-5px}.hero-asterisk{font-size:45px}.hero-visual{height:360px;padding:17px}.visual-caption{font-size:8px;letter-spacing:0}.studio-controls{gap:15px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-grid{gap:35px}.lab-grid article+article{padding-left:35px}.theme-inputs{flex-wrap:wrap}.catalog-toolbar{align-items:flex-start}.filters{gap:0}.filters button{padding:7px 8px}.section-heading h2{font-size:44px}.footer{flex-wrap:wrap}.footer>div{margin-left:auto}.studio select{max-width:145px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:78px}.brand{font-size:24px;gap:7px}.brand svg{width:24px;height:24px}.brand-sub{font-size:21px}.nav nav{gap:17px;font-size:11px}.nav nav a:last-child{display:none}.nav-external{display:none}.nav-external span{margin-left:4px}.hero{grid-template-columns:1fr;padding-top:47px;padding-bottom:37px;gap:33px}.hero h1{font-size:76px;letter-spacing:-4.5px}.hero-asterisk{font-size:40px;margin:10px 0 0 8px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:24px}.hero-desc{font-size:12px;margin:23px 0}.primary{font-size:12px;padding:14px 17px}.hero-visual{height:315px}.hero-diagram{inset:58px 16px 90px}.visual-caption{font-size:8px}.visual-bottom{left:20px;right:20px;bottom:20px}.facts{grid-template-columns:1fr 1fr;padding:0}.facts>div{padding:23px 17px!important}.facts>div:nth-child(odd){border-left:0}.facts>div:nth-child(n+3){border-top:1px solid var(--line)}.facts strong{font-size:29px}.facts strong span{font-size:10px;margin-left:5px}.facts p{font-size:9px}.section{padding-top:63px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:39px;letter-spacing:-2px}.section-heading .eyebrow{font-size:8px;margin-bottom:13px}.section-heading>p{font-size:11px;margin-top:17px}.studio-bar{flex-wrap:wrap;padding:10px 12px;gap:9px}.studio-title{width:100%}.studio select{font-size:11px;max-width:45%}.studio-actions{width:100%;justify-content:flex-end}.studio-actions button{font-size:10px}.studio-body{grid-template-columns:1fr;height:auto}.editor-pane{border-right:0;border-bottom:1px solid var(--line);height:245px}.preview-pane{height:340px}.pane-bar{padding-inline:12px}.canvas-scroll{padding:10px 12px}#main-diagram{max-height:260px}#main-diagram>svg{max-height:255px}.studio-controls{gap:18px 12px;padding:14px 12px}.width-control{margin-left:auto;gap:6px}.width-control input{width:65px}.width-control label{width:71px;font-size:8px}.control-label{font-size:8px}.palette-control{gap:8px}.swatches{gap:6px}.swatch{width:15px;height:15px}.check{font-size:9px}.studio-footnote{display:block;font-size:9px}.studio-footnote>span{display:block;margin-bottom:5px}.catalog-toolbar{flex-direction:column;gap:13px}.filters{gap:4px}.filters button{font-size:10px;padding:6px 9px}.search{width:100%}.search input{width:100%;font-size:11px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-preview{height:112px;padding:17px 12px}.card-preview svg{max-height:82px}.card-info{padding:11px}.card-title h3{font-size:12px}.card-info p{font-size:9px}.card-category{font-size:7px;margin-top:8px}.card-number{font-size:8px;left:9px;top:6px}.lab-section{margin-top:63px;padding:47px 0}.lab-grid{grid-template-columns:1fr;gap:34px}.lab-grid article+article{padding:32px 0 0;border-left:0;border-top:1px solid var(--line)}.lab-grid h3{font-size:24px}.lab-number{font-size:8px;margin-bottom:14px}.lab-grid article>p{font-size:11px}.palette-buttons{gap:7px}.palette-button{padding:7px 10px;font-size:10px}.theme-inputs{flex-wrap:nowrap}.theme-inputs label{font-size:9px;gap:6px}.theme-inputs input[type=range]{width:55px}.benchmark-value>span:first-child{font-size:70px}.closing{padding-block:58px}.closing h2{font-size:60px;letter-spacing:-3px}.closing-art{font-size:155px;right:1%;top:95px;opacity:.8}.footer{padding-block:27px;align-items:flex-start;gap:19px}.footer p{width:100%;order:3}.footer>div{gap:11px;font-size:8px;flex-wrap:wrap;max-width:60%;justify-content:flex-end}.footer .brand{font-size:22px}.footer .brand-sub{font-size:19px}}
@media(max-width:380px){.hero h1{font-size:68px}.hero-asterisk{font-size:40px}.nav nav{gap:10px}.nav-external{display:none}.studio-controls{gap:15px}.width-control{margin-left:0}.closing-art{font-size:115px}.filters button{padding-inline:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}