:root{color:#c1c3c8;color-scheme:dark;font-synthesis:none;--background:#17181c;--heading:#fff;--text:#c1c3c8;--muted:#888c96;--line:#23262f;--line-light:#353841;--accent:#b3c7ff;--accent-text:#17181c;--inline-code:#353841;--code:#23262f;--code-border:#353841;--code-text:#d6deeb;--success:#c5e478;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;background:#17181c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}*{box-sizing:border-box}body{background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.75}a{color:var(--accent);text-underline-offset:.16em}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header,main,footer{width:min(1280px,100% - 48px);margin-inline:auto}[hidden]{display:none!important}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:80px;display:flex}.logo{text-decoration:none;display:inline-flex}.logo img{width:92px;height:auto;display:block}nav,footer div{align-items:center;gap:28px;display:flex}nav a,footer a{font-size:.875rem}nav a:hover,footer a:hover,.start a:hover{color:var(--heading)}h1,h2,p{margin-top:0}h1,h2{color:var(--heading);font-weight:600;line-height:1.2}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;padding:96px 0 88px;display:grid}.hero h1{letter-spacing:-.02em;text-wrap:balance;margin-bottom:24px;font-size:clamp(2rem,1.05rem + 4vw,3.25rem);line-height:1.1}.lead{text-wrap:pretty;max-width:46ch;margin-bottom:36px;font-size:1.125rem}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.button{border-radius:.35rem;align-items:center;gap:.45em;padding:.5rem 1.05rem;font-size:.9375rem;font-weight:500;line-height:1.4;text-decoration:none;transition:background .2s,color .2s;display:inline-flex;position:relative}.button.primary{background:var(--accent);color:var(--accent-text)}.button.primary:hover{background:var(--heading)}.button.secondary{color:var(--accent)}.button.secondary:before{content:"";border-radius:inherit;opacity:.5;pointer-events:none;border:1px solid;position:absolute;inset:0}.button.secondary:hover{background:color-mix(in srgb, currentColor 14%, transparent)}.install{border:1px solid var(--code-border);background:var(--code);border-radius:.5rem;min-width:0;padding:.75rem}.install-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.7rem;font-size:.6875rem;font-weight:600;line-height:1;display:block}.install-line{align-items:center;gap:.75rem;display:flex}.install-line code{min-width:0;color:var(--code-text);font-family:var(--mono);white-space:nowrap;flex:1;font-size:.9375rem;overflow-x:auto}.install .prompt{color:var(--muted);user-select:none;margin-right:.6em}.copy{width:1.85rem;height:1.85rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s;display:inline-flex}.copy:hover,.copy:focus-visible{background:color-mix(in srgb, currentColor 16%, transparent);color:var(--heading)}.copy svg{width:.9375rem;height:.9375rem}.copy .icon-check,.copy.copied .icon-copy{display:none}.copy.copied .icon-check{color:var(--success);display:block}.contract,.capabilities,.start{border-top:1px solid var(--line);padding:80px 0}h2{margin-bottom:0;font-size:1.8125rem}.capabilities>div>p,.start p{margin-bottom:0}.code-sequence{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.625rem;display:grid}.arrow{width:.875rem;color:var(--muted);user-select:none;justify-content:center;align-items:center;font-size:1rem;display:flex}.code-example{border:1px solid var(--code-border);background:var(--code);flex-direction:column;min-width:0;display:flex}.code-chrome{border-bottom:1px solid var(--code-border);min-height:2.75rem;color:var(--text);font-family:var(--mono);align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.75rem;display:flex}.code-chrome .tag{color:var(--muted)}.tabs{align-items:center;gap:.125rem;display:flex}.tabs button{color:var(--muted);font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:0;border-radius:.25rem;padding:.25rem .5rem;line-height:1.5;transition:background .15s,color .15s}.tabs button:hover{color:var(--text)}.tabs button[aria-selected=true]{background:color-mix(in srgb, var(--code-text) 12%, transparent);color:var(--heading)}pre{background:var(--code);color:var(--code-text);font-family:var(--mono);tab-size:2;margin:0;padding:.75rem;font-size:.8125rem;font-weight:400;line-height:1.75;overflow-x:auto}.code-sequence pre{flex:1;min-height:27.5rem}.code-sequence pre:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.astro-code,.astro-code span{color:var(--shiki-dark)}.capabilities{grid-template-columns:.8fr 1.2fr;gap:90px;display:grid}.capabilities>div>p{margin-top:18px}.capabilities code{background:var(--inline-code);color:var(--heading);font-family:var(--mono);margin-block:-.125rem;padding:.125rem .375rem;font-size:.8125rem}dl{margin:0}dl>div{border-top:1px solid var(--line-light);grid-template-columns:170px 1fr;gap:28px;padding:22px 0;display:grid}dl>div:last-child{border-bottom:1px solid var(--line-light)}dt{color:var(--heading);font-weight:600}dd{margin:0}.start{grid-template-columns:1fr 1fr;align-items:start;gap:50px;display:grid}.start>div{min-width:0}.start p{margin-top:18px}.start pre{border:1px solid var(--code-border);margin-bottom:18px;font-size:.8125rem}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:86px;font-size:.8125rem;display:flex}@media (width<=1080px){.hero{grid-template-columns:1fr;gap:44px}.install{max-width:30rem}.code-sequence{grid-template-columns:1fr}.arrow{width:auto;rotate:90deg}.code-sequence pre{min-height:0;padding-bottom:1.25rem}}@media (width<=760px){.site-header,main,footer{width:min(100% - 32px,1100px)}.site-header{min-height:68px}.logo img{width:82px}nav{gap:18px}nav a:nth-child(2){display:none}.hero{padding:64px 0 56px}.lead{margin-bottom:28px;font-size:1.0625rem}.install-line code{font-size:.8125rem}.contract,.capabilities,.start{padding:58px 0}.capabilities,.start{grid-template-columns:1fr;gap:28px}dl>div{grid-template-columns:1fr;gap:6px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}
