:root{--canvas:#f4f5f6;--surface:#fff;--subtle:#f8f9fa;--hover:#f1f3f5;--line:#dde1e5;--line-strong:#c5cbd2;--ink:#15191e;--ink-body:#3b424a;--ink-muted:#535c66;--ink-faint:#68717a;--control:#858e98;--accent:#b25f00;--accent-hover:#9a5200;--accent-soft:#fff4e0;--accent-ink:#8f5400;--on-accent:#fff;--ok:#2e7a4d;--ok-soft:#e8f4ec;--ok-line:#b9d9c4;--warn:#8f5500;--warn-soft:#fff4de;--bad:#b42318;--bad-soft:#fdeaea;--bad-line:#efc0bb;--info:#285e9e;--info-soft:#e8f0fa;--pin:#b25f00;--on-pin:#fff;--shade:#0c0e1180;--overlay-shadow:0 12px 36px #0c0e112e;--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--text:var(--ink);--body:var(--ink-body);--muted:var(--ink-muted);--border:var(--line);--primary:var(--ink);--on-primary:var(--surface);--radius:6px;--shadow:none;--c-ffffff:var(--surface);--c-11182b:var(--ink);--c-111a30:var(--ink);--c-14633d:var(--ok);--c-172554:var(--pin);--c-24324a:var(--accent-hover);--c-245ec7:var(--accent);--c-285a91:var(--accent-ink);--c-334766:var(--ink-body);--c-4f6f8a:var(--ink-faint);--c-526582:var(--ink-muted);--c-587095:var(--ink-muted);--c-627b99:var(--ink-faint);--c-7c8fa7:var(--ink-faint);--c-825713:var(--warn);--c-8292ab:var(--control);--c-9f712b:var(--warn);--c-a91523:var(--bad);--c-abb9cf:var(--control);--c-acbad0:var(--control);--c-b45309:var(--warn);--c-b5c1d2:var(--line-strong);--c-bcd9c9:var(--ok-line);--c-dce4ed:var(--line);--c-dce4ef:var(--line);--c-e2e8f0:var(--line);--c-e3e8f0:var(--line);--c-e4b8c0:var(--bad-line);--c-e8edf4:var(--line);--c-eaf1fb:var(--info-soft);--c-ebf7f0:var(--ok-soft);--c-edf1f6:var(--line);--c-eef2f7:var(--hover);--c-f1f5f9:var(--hover);--c-f5f7fb:var(--subtle);--c-f7f9fc:var(--subtle);--c-fafbfd:var(--subtle);--c-fff0f2:var(--bad-soft);--c-fff3da:var(--warn-soft)}:root.dark{--canvas:#0e1013;--surface:#16191d;--subtle:#1b1f24;--hover:#22272d;--line:#2a3037;--line-strong:#3b424b;--ink:#e9ecef;--ink-body:#c4cad1;--ink-muted:#a5adb6;--ink-faint:#8a939d;--control:#6b737d;--accent-soft:#33230d;--accent-ink:#f0b75a;--ok:#5cbf88;--ok-soft:#122a1d;--ok-line:#24543a;--warn:#e3a44f;--warn-soft:#2e2310;--bad:#f2837a;--bad-soft:#361718;--bad-line:#6b2b2a;--info:#72a9ea;--info-soft:#13253b;--overlay-shadow:0 12px 36px #00000080}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body.site{background:var(--canvas);color:var(--ink);text-align:start;margin:0;font:16px/1.6 IBM Plex Sans Variable,IBM Plex Sans,Noto Sans Arabic Variable,system-ui,sans-serif}.site a{color:inherit}.site :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{max-inline-size:100rem;margin-inline:auto;padding-inline:1rem}@media (width>=40rem){.wrap{padding-inline:1.5rem}}.skip{clip:rect(0 0 0 0);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.skip:focus{clip:auto;z-index:10;background:var(--surface);border-radius:var(--radius);block-size:auto;inline-size:auto;padding:.5rem 1rem;inset-block-start:1rem;inset-inline-start:1rem}.site-top{border-block-end:1px solid var(--line);background:var(--surface)}.bar{flex-wrap:wrap;align-items:center;gap:.75rem 2rem;padding-block:1rem;display:flex}.brand{color:var(--ink);align-items:center;gap:.5rem;margin:0;font-weight:600;text-decoration:none;display:flex}.mark{border-radius:6px;flex:none}.nav{flex-wrap:wrap;order:3;gap:.5rem 1.5rem;inline-size:100%;font-size:.9rem;display:flex}.nav a{color:var(--ink-muted);padding-block:.375rem;text-decoration:none;display:inline-block}.nav a:hover{color:var(--ink)}@media (width>=48rem){.nav{flex:1;order:0;inline-size:auto}}.actions{align-items:center;gap:.75rem;margin-inline-start:auto;display:flex}.theme{border:1px solid var(--line-strong);border-radius:var(--radius);block-size:2.25rem;inline-size:2.25rem;color:var(--ink-muted);cursor:pointer;background:0 0;place-items:center;display:grid}.theme svg{block-size:1rem;inline-size:1rem}.sun{display:none}.moon,html.dark .sun{display:block}html.dark .moon{display:none}.button{border-radius:var(--radius);border:1px solid var(--line-strong);color:var(--ink);background:var(--surface);padding:.75rem 1.25rem;font-weight:500;text-decoration:none;display:inline-block}.button:hover{background:var(--hover)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.actions .button{padding:.5rem 1rem;font-size:.9rem}.hero{border-block-end:1px solid var(--line);background:linear-gradient(180deg, color-mix(in oklab, var(--accent) 10%, var(--canvas)), var(--canvas) 70%)}.grid{align-items:center;gap:3rem;padding-block:3.5rem 4rem;display:grid}@media (width>=64rem){.grid{grid-template-columns:1.1fr 1fr;gap:4rem;padding-block:5rem 6rem}}.site h1{letter-spacing:-.02em;margin:1.25rem 0 0;font-size:clamp(2rem,4.5vw,3rem);font-weight:600;line-height:1.1}.site h2{letter-spacing:-.01em;margin:0;font-size:1.75rem;font-weight:600;line-height:1.2}.site h3{align-items:center;gap:.5rem;margin:0;font-size:1.1rem;display:flex}.buttons{flex-wrap:wrap;gap:.75rem;margin-block-start:2rem;display:flex}.small{color:var(--ink-muted);margin:2rem 0 0;font-size:.9rem}.small a{color:var(--ink-body)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:0;padding:1rem}.drawing{block-size:auto;inline-size:100%;display:block}.site section{padding-block:5rem}.band{background:var(--surface);border-block:1px solid var(--line)}.band:last-child{border-block-end:0}.points{gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}@media (width>=48rem){.points{grid-template-columns:1fr 1fr}}.points li{color:var(--ink);padding-inline-start:1.75rem;position:relative}.points li:before{content:"";background:var(--accent);border-radius:50%;block-size:.75rem;inline-size:.75rem;position:absolute;inset-block-start:.55rem;inset-inline-start:0}.steps{counter-reset:step;gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}@media (width>=48rem){.steps{grid-template-columns:repeat(3,1fr)}}.steps li{counter-increment:step;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1.25rem 1.5rem}.steps li:before{content:counter(step);background:var(--accent);block-size:1.75rem;inline-size:1.75rem;color:var(--on-accent);border-radius:50%;place-items:center;margin-block-end:.75rem;font-size:.85rem;font-weight:600;display:grid}.cards{gap:1.25rem;margin-block-start:2.5rem;display:grid}@media (width>=40rem){.cards{grid-template-columns:1fr 1fr}}@media (width>=80rem){.cards{grid-template-columns:repeat(5,1fr)}}.card{background:var(--canvas);border:1px solid var(--line);border-radius:12px;padding:1.5rem}.band .card{background:var(--canvas)}.card.here{border:2px solid var(--accent)}.card a{text-decoration:none}.card a:hover{color:var(--accent-ink)}.label{background:var(--subtle);border:1px solid var(--line);color:var(--ink-muted);border-radius:999px;margin-block-start:.75rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.label.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.hero .label{margin-block-start:0}.role{color:var(--accent-ink);margin:.75rem 0 0;font-size:.9rem;font-weight:500}.site-foot{border-block-start:1px solid var(--line);background:var(--surface);font-size:.9rem}.cols{gap:2rem;padding-block:2.5rem;display:grid}@media (width>=48rem){.cols{grid-template-columns:2fr 1fr 1fr 1fr}}.col h2{margin:0 0 .75rem;font-size:.9rem}.col ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.col a{color:var(--ink-body);text-decoration:none}.col a:hover{color:var(--ink)}.col p{color:var(--ink-body);margin:0 0 .5rem}.col .brand{margin-block-end:.5rem}.muted{color:var(--ink-muted)}