:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none;background:#191b1b;color:#eeefea;--accent:#d4e4b7;--muted:#a0a7a2;--line:#353938}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,p{margin:0}.shell{max-width:1536px;padding-inline:56px;margin-inline:auto}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.brand{display:flex;align-items:center;gap:11px;font-weight:600;letter-spacing:-.3px}.brand svg{width:27px;height:27px;fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.version{font-weight:400;color:var(--muted);font-size:11px;border:1px solid var(--line);border-radius:4px;padding:2px 5px;margin-left:2px}.topbar nav{display:flex;gap:26px;font-size:13px;color:#c4ccc3}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;padding:48px 0 42px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--muted);display:flex;align-items:center;gap:8px}.eyebrow>span{display:block;background:var(--accent);border-radius:50%;width:5px;height:5px}h1{font-size:clamp(40px,4.8vw,66px);font-weight:500;line-height:1.04;letter-spacing:-2.8px;margin:17px 0 18px}h1 span{color:var(--accent)}.lede{font-size:15px;line-height:1.7;color:#b8bfb7}.hero-side{max-width:410px;width:100%;justify-self:end;background:#202323;border:1px solid var(--line);border-radius:10px;padding:25px 28px}.hero-side>p{font-size:10px;letter-spacing:1.8px;color:var(--muted)}.hero-side code{display:block;font-size:14px;line-height:1.9;color:var(--accent);padding:22px 0;overflow-wrap:anywhere}.hero-side>a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;font-size:14px}.features{display:flex;gap:18px;font-size:10px;color:var(--muted);margin-top:13px}.demo-label{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:11px}.demo-label>span:first-child{letter-spacing:1.4px;color:var(--accent)}asset-viewer{display:block;scroll-margin-top:24px}.embed-callout{border-top:1px solid var(--line);margin:45px 0 0;padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.embed-callout h2{font-weight:500;font-size:23px;letter-spacing:-.6px;margin:12px 0 7px}.embed-callout div>p:last-child{color:var(--muted);font-size:13px}.button{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:12px 17px;border-radius:6px;background:var(--accent);color:#25301b;font-size:13px;white-space:nowrap}.button:hover{color:#25301b;background:#e1edcc}footer{border-top:1px solid var(--line);padding-block:22px;display:flex;justify-content:space-between;gap:18px;font-size:10px;color:var(--muted)}.skip{position:fixed;top:12px;left:12px;z-index:10;background:var(--accent);color:#191b1b;padding:12px;transform:translateY(-150%)}.skip:focus{transform:none}@media(max-width:800px){.shell{padding-inline:24px}.hero{gap:28px}.hero-side{padding:20px}.features{flex-direction:column;gap:3px}.embed-callout{align-items:flex-start;flex-direction:column}h1{letter-spacing:-2px}.hero-side code{font-size:12px}}@media(max-width:560px){.shell{padding-inline:18px}.topbar{height:66px}.brand{font-size:13px;gap:8px}.version{display:none}.topbar nav{gap:14px;font-size:11px}.topbar nav>a:first-child{display:none}.hero{grid-template-columns:1fr;padding:32px 0;gap:26px}h1{font-size:49px}.lede{font-size:14px}.hero-side{max-width:none;justify-self:stretch;padding:20px 22px}.hero-side code{padding:15px 0;font-size:13px}.features{flex-direction:row;gap:18px}.demo-label{font-size:9px}.demo-label>span:last-child{max-width:160px;text-align:right}footer{flex-direction:column;font-size:10px}.embed-callout h2{font-size:21px}}
@media(max-width:560px){.hero-side{display:none}.hero{padding-bottom:26px}}