:root{color-scheme:dark;--bg:oklch(.08 0 0);--surface:oklch(.15 .01 31);--ink:oklch(.96 .006 31);--muted:oklch(.73 .018 31);--sienna:oklch(.56 .17 31);--aqua:oklch(.84 .12 195);--rule:oklch(.30 .025 31)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:400 16px/1.6 ui-sans-serif,system-ui,sans-serif;margin:0}a{color:inherit}.skip{background:var(--aqua);color:var(--bg);left:12px;padding:10px;position:fixed;top:-70px;z-index:30}.skip:focus{top:12px}header,main,footer{margin:auto;max-width:1440px;padding-inline:clamp(20px,5vw,72px)}header{align-items:center;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;padding-block:18px}.brand{align-items:center;display:flex;gap:10px;text-decoration:none}.brand span{align-items:center;background:var(--sienna);border-radius:8px;color:white;display:flex;font-size:.8rem;font-weight:900;height:34px;justify-content:center;width:34px}nav{display:flex;gap:28px}nav a{color:var(--muted);font-size:.9rem;text-decoration:none}.hero{align-items:center;display:grid;gap:9vw;grid-template-columns:1.2fr .8fr;min-height:68vh;padding-block:clamp(80px,11vw,150px)}.release{color:var(--aqua);font-size:.84rem;font-weight:800}.hero h1{font-size:clamp(2.8rem,7vw,6rem);letter-spacing:-.04em;line-height:.98;margin:20px 0 24px;max-width:11ch;text-wrap:balance}.hero p:last-child{color:var(--muted);font-size:1.15rem;max-width:62ch}.index-visual{border-bottom:1px solid var(--rule);border-top:1px solid var(--rule);display:grid;grid-template-columns:repeat(4,1fr)}.index-visual span{border-right:1px solid var(--rule);color:var(--muted);font-size:.82rem;min-height:220px;padding:18px 10px}.index-visual span:nth-child(3){background:var(--sienna);color:white}.demos{border-top:1px solid var(--rule);padding-block:clamp(70px,9vw,120px)}.demo-heading{align-items:end;display:flex;gap:32px;justify-content:space-between}.demo-heading h2{font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.03em;line-height:1;margin:0 0 10px}.demo-heading p{color:var(--muted);margin:0}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tabs button{background:transparent;border:1px solid var(--rule);border-radius:999px;color:var(--muted);cursor:pointer;font:inherit;min-height:42px;padding:8px 14px}.tabs button[aria-selected=true]{background:var(--sienna);border-color:var(--sienna);color:white;font-weight:800}.tabs button:focus-visible,a:focus-visible{outline:3px solid var(--aqua);outline-offset:3px}.panel{margin-top:46px}.panel[hidden]{display:none}.search-demo{background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:clamp(20px,4vw,38px)}.sf-meta>span:last-child{color:var(--muted);font-size:.8rem}.catalog-grid{display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px;background:var(--rule)}.catalog-grid article{background:var(--surface);min-height:220px;padding:22px}.catalog-grid article>span,.docs-entry span,.article-list time{color:var(--muted);font-size:.75rem}.catalog-grid h3,.docs-entry h3,.article-list h3{font-size:1.3rem;margin:30px 0 8px}.catalog-grid p,.docs-entry p,.article-list p{color:var(--muted)}.catalog-grid strong{display:block;margin-top:22px}.docs-list,.article-list{margin-top:20px}.docs-entry,.article-list article{border-bottom:1px solid var(--rule);padding:18px 0}.docs-entry h3,.article-list h3{margin:8px 0}.table-wrap{margin-top:20px;overflow:auto}.table-wrap table{border-collapse:collapse;min-width:640px;width:100%}.table-wrap th,.table-wrap td{border-bottom:1px solid var(--rule);padding:10px;text-align:left}.table-wrap th{color:var(--muted);font-size:.78rem}footer{border-top:1px solid var(--rule);color:var(--muted);display:flex;gap:24px;justify-content:space-between;padding-block:34px}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr}.index-visual{max-width:580px}.demo-heading{align-items:flex-start;flex-direction:column}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.hero{min-height:auto}.hero h1{font-size:clamp(2.7rem,15vw,4.6rem)}.tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.tabs button{border-radius:8px}.catalog-grid{grid-template-columns:1fr}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}