@font-face{font-family:Digits;src:url(../../../fonts/IBMPlexMono-latin-300.woff2)format("woff2");font-weight:300;font-display:swap;unicode-range:U+30-39}@font-face{font-family:Digits;src:url(../../../fonts/IBMPlexMono-latin-400.woff2)format("woff2");font-weight:400;font-display:swap;unicode-range:U+30-39}@font-face{font-family:Digits;src:url(../../../fonts/IBMPlexMono-latin-500.woff2)format("woff2");font-weight:500;font-display:swap;unicode-range:U+30-39}@font-face{font-family:Digits;src:url(../../../fonts/IBMPlexMono-latin-600.woff2)format("woff2");font-weight:600;font-display:swap;unicode-range:U+30-39}@font-face{font-family:Cambridge;src:url(/fonts/Cambridge-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}:root{--bg:#f4f0e8;--paper:#fffdf8;--ink:#1c1a17;--muted:#6b655c;--faint:#736c62;--line:#e2dbcf;--accent:#5b4bc4;--accent-ink:#fff;--hero:#16151a;--hero-ink:#f4f0e8;--radius:14px;--font-text:"Digits", "Prociono", georgia, serif;--font-display:"Digits", "Cambridge", georgia, serif;--font-ui:ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121115;--paper:#1a191e;--ink:#ece8e1;--muted:#a39d93;--faint:#8f897f;--line:#2c2a31;--accent:#9a8ef2;--accent-ink:#121115;--hero:#0b0a0d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#121115;--paper:#1a191e;--ink:#ece8e1;--muted:#a39d93;--faint:#8f897f;--line:#2c2a31;--accent:#9a8ef2;--accent-ink:#121115;--hero:#0b0a0d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:16px/1.55 var(--font-text);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}code{font:.86em var(--font-mono);background:color-mix(in srgb, var(--line) 60%, transparent);border-radius:5px;padding:1px 5px}.hero{background:var(--hero);color:var(--hero-ink);padding:72px 16px 64px;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(90deg,#a50026,#f46d43,#fee08b,#d9ef8b,#66bd63,#006837 60%,#9e9ac8,#54278f);height:6px;position:absolute;inset:auto 0 0}.hero-inner{max-width:1040px;margin:0 auto}.brand{font:600 16px var(--font-ui);letter-spacing:.01em;color:#e4ded2;align-items:center;gap:10px;margin:0 0 28px;display:inline-flex}.brand img{border-radius:6px}h1,h2,h3{font-family:var(--font-display)}h1{letter-spacing:-.035em;margin:0;font-size:clamp(42px,7.4vw,88px);font-weight:760;line-height:.98}.lede{color:#cfc9be;max-width:60ch;margin:24px 0 0;font-size:19px}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{min-height:46px;font:600 15px var(--font-ui);color:var(--hero-ink);border:1px solid #3a3842;border-radius:10px;align-items:center;padding:0 20px;text-decoration:none;transition:transform 80ms,background .12s;display:inline-flex}.button:hover{background:#24222a}.button:active{transform:translateY(1px)}.button.primary{color:#16151a;background:#f4f0e8;border-color:#0000}.button.primary:hover{background:#fff}.button:focus-visible{outline-offset:3px;outline:2px solid #9a8ef2}.button .gh{margin-right:9px}.proof{color:#cfc9be;margin-top:22px;font-size:15px;text-decoration:none;display:inline-block}.proof strong{color:var(--hero-ink);font-variant-numeric:tabular-nums;font-weight:650}.proof span{color:#b9b0f5;text-underline-offset:3px;margin-left:4px;text-decoration:underline}.proof:hover span{color:#fff}.proof:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid #9a8ef2}.controls{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px max(16px,50vw - 504px);display:flex;position:sticky;top:0}.segmented{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:3px;display:inline-flex}.segmented label{position:relative}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented span{font:500 13.5px/1.6 var(--font-ui);color:var(--muted);cursor:pointer;border-radius:7px;padding:6px 13px;transition:background .12s,color .12s;display:block}.segmented input:checked+span{background:var(--ink);color:var(--bg)}.segmented input:focus-visible+span{outline:2px solid var(--accent);outline-offset:1px}main{max-width:1040px;margin:0 auto;padding:0 16px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.example{border-bottom:1px solid var(--line);padding:56px 0 8px}.example header{align-items:baseline;gap:14px;display:flex}.example h3{letter-spacing:-.02em;margin:0;font-size:clamp(26px,3.4vw,34px);font-weight:720}.caption{max-width:68ch;color:var(--muted);margin:10px 0 6px}.source{font:13px var(--font-mono);color:var(--faint);margin-bottom:18px;display:inline-block}.table-scroll{-webkit-overflow-scrolling:touch;margin:0 -16px 14px;padding:0 16px;overflow-x:auto}.example table{border-collapse:collapse;background:var(--paper);min-width:100%;font:14px/1.4 var(--font-mono);font-variant-numeric:tabular-nums;border:1px solid var(--line);border-radius:var(--radius)}.example caption{caption-side:top;text-align:left;font:600 13px var(--font-mono);color:var(--muted);padding:0 0 8px}.example th,.example td{text-align:left;white-space:nowrap;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 12px}.example th{font:600 11.5px var(--font-mono);letter-spacing:.02em;color:var(--muted);background:var(--paper)}.example tbody tr:last-child td{border-bottom:0}.example tfoot td{background:color-mix(in srgb, var(--accent) 7%, var(--paper));border-top:2px solid color-mix(in srgb, var(--accent) 40%, var(--line));vertical-align:top;white-space:normal;padding-top:8px;padding-bottom:8px}.example tfoot .k{font:650 12px var(--font-ui);color:var(--accent);display:block}.example tfoot .d{font:11.5px/1.45 var(--font-ui);color:var(--muted);display:block}.example tfoot td.off .k{color:var(--faint);font-weight:500}.how,.install{padding:72px 0 8px}h2{letter-spacing:-.03em;margin:0 0 28px;font-size:clamp(30px,4vw,44px);font-weight:740}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.steps>li{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);counter-increment:step;padding:22px}.steps>li:before{content:"0" counter(step);font:500 13px var(--font-mono);color:var(--faint)}.steps h3{margin:6px 0 8px;font-size:22px;font-weight:700}.steps p{color:var(--muted);margin:0}.questions{color:var(--muted);margin:10px 0 0;padding-left:18px;font-size:14.5px}.questions li+li{margin-top:4px}.stats{grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0 0;display:grid}.stats div{border-top:2px solid var(--ink);padding-top:12px}.stats dt{letter-spacing:-.02em;font-size:30px;font-weight:740}.stats dd{color:var(--muted);margin:4px 0 0;font-size:15px}.install ol{margin:0;padding-left:22px;font-size:17px}.install li+li{margin-top:8px}.note{color:var(--muted);max-width:70ch;margin-top:18px}.open{border-radius:calc(var(--radius) + 6px);background:var(--hero);color:var(--hero-ink);margin-top:72px;padding:40px}.open h2{margin-bottom:14px;line-height:1.05}.open-head p{color:#cfc9be;max-width:62ch;margin:0;font-size:18px}.open a{color:var(--hero-ink)}.open-points{grid-template-columns:repeat(3,1fr);gap:28px;margin:32px 0 0;padding:0;list-style:none;display:grid}.open-points li{border-top:1px solid #3a3842;padding-top:16px}.open-points h3{margin:0 0 6px;font-size:19px;font-weight:700}.open-points p{color:#a7a196;margin:0;font-size:15.5px}.terminal{-webkit-overflow-scrolling:touch;background:#000;border:1px solid #2c2a31;border-radius:12px;margin-top:32px;overflow-x:auto}.terminal pre{margin:0;padding:18px 20px}.terminal code{font:14px/1.75 var(--font-mono);color:#e8e4dc;background:0 0;padding:0}.terminal .prompt{color:#66bd63;-webkit-user-select:none;user-select:none}.open-links{flex-wrap:wrap;align-items:center;gap:10px 24px;margin:26px 0 0;font-size:15px;display:flex}.open-links a:not(.text-button){color:#a7a196}.open-links a:not(.text-button):hover{color:var(--hero-ink)}.text-button{min-height:44px;font:600 15px var(--font-ui);background:#f4f0e8;border-radius:10px;align-items:center;gap:9px;padding:0 18px;font-weight:620;text-decoration:none;display:inline-flex;color:#16151a!important}.text-button:hover{background:#fff}.text-button:focus-visible{outline-offset:3px;outline:2px solid #9a8ef2}.footer-brand{color:var(--ink);margin:0 0 6px}.signoff{color:var(--muted);margin:0 0 14px}footer{border-top:1px solid var(--line);max-width:1040px;color:var(--faint);margin:64px auto 0;padding:24px 16px 48px;font-size:14px}@media (width<=760px){.hero{padding:56px 16px 52px}br.wide{display:none}.lede{font-size:17px}.steps,.stats,.open-points{grid-template-columns:1fr}.open{margin-left:-8px;margin-right:-8px;padding:28px 20px}.open-points{gap:20px}.text-button{justify-content:center;width:100%}.terminal code{font-size:12.5px}.terminal pre{padding:16px}.actions .button{flex:100%;justify-content:center}}.palettes{background:var(--paper);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:4px;padding:3px;display:inline-flex}.palettes label{cursor:pointer;font:500 13px/1.6 var(--font-ui);color:var(--muted);border-radius:7px;align-items:center;gap:7px;padding:5px 10px 5px 7px;display:inline-flex;position:relative}.palettes input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.palettes .swatch{width:26px;height:10px;box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent);border-radius:5px}.palettes label:has(input:checked){background:var(--ink);color:var(--bg)}.palettes label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}.control-group{align-items:center;gap:8px;display:inline-flex}.theme-toggle{all:unset;box-sizing:border-box;background:var(--paper);width:46px;height:26px;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;border-radius:999px;align-items:center;padding:0 3px;display:inline-flex}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle .knob{background:var(--ink);width:20px;height:20px;color:var(--bg);border-radius:50%;justify-content:center;align-items:center;transition:transform .16s;display:inline-flex}.theme-toggle .knob.dark{transform:translate(20px)}.theme-toggle svg{width:13px;height:13px}@media (prefers-reduced-motion:reduce){.theme-toggle .knob{transition:none}}@media (width<=760px){.controls{position:static}.control-group{flex-wrap:wrap}}.hero .lede{font-family:var(--font-display);font-weight:300}h1,h2,h3,.example h3,.steps h3,.open h2,.open-points h3,.docs .docs-main h1,.docs .docs-main h2{font-family:var(--font-display);letter-spacing:-.05em;word-spacing:.08em;font-weight:300}h1{line-height:1.02}.stats dt{letter-spacing:-.01em;font-weight:600}.proof strong{font-weight:600}
