:root{--bg:#fff;--bg-soft:#faf7f9;--bg-grey-pink:#f6f3f7;--fg:#15131a;--fg-soft:#5c5765;--border:#ece8ee;--accent:#ed1c9c;--accent-soft:#fce6f4;--code-bg:#1a1620;--code-fg:#f4eef2;--max:56rem;--nav-h:70px;--radius:12px;--font-sans:system-ui,sans-serif;--font-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}.docs-main a,a:hover{text-decoration:underline}.docs-main a{-webkit-text-decoration-color:rgba(237,28,156,.3);text-decoration-color:rgba(237,28,156,.3);text-underline-offset:2px}.docs-main a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}h1,h2,h3{font-family:var(--font-sans);line-height:1.2;letter-spacing:-.01em;font-weight:700}h1{font-size:2.6rem;margin:0 0 1rem}h2{font-size:30px;margin:1.5rem 0 1rem}h3{font-size:1.12rem;margin:2rem 0 .5rem}p{margin:0 0 1rem}hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.wrap{max-width:var(--max);margin:0 auto;padding:0 1.5rem}.wrap-wide{max-width:72rem;margin:0 auto;padding:0 2rem}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:hsla(0,0%,100%,.82);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.nav-inner{max-width:72rem;margin:0 auto;padding:.7rem 1.5rem;gap:1rem}.brand,.nav-inner{display:flex;align-items:center}.brand{gap:.55rem;font-weight:650;letter-spacing:-.02em;color:var(--fg);font-size:1.05rem}.brand:hover{text-decoration:none}.brand img{display:block}.nav-links{margin-left:auto;display:flex;align-items:center;gap:.25rem}.nav-link{color:var(--fg-soft);font-size:.95rem;padding:.4rem .6rem;border-radius:8px}.nav-link+.btn{margin-left:.5rem}.nav-link:hover{color:var(--fg);background:var(--bg-soft);text-decoration:none}.nav-link+.nav-icon{margin-left:.5rem}.nav-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--fg-soft);padding:.4rem;border-radius:8px}.nav-icon:hover{color:var(--fg);background:var(--bg-soft);text-decoration:none}.btn{display:inline-flex;align-items:center;gap:.45rem;font-size:.95rem;font-weight:550;padding:.5rem .95rem;border-radius:9px;border:1px solid var(--border);background:#fff;color:var(--fg);cursor:pointer;transition:border-color .15s,background .15s}.btn:hover{text-decoration:none;border-color:#d9d3dd;background:var(--bg-soft)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#d3148b;border-color:#d3148b}.btn svg{display:block;flex-shrink:0;overflow:visible}.hero{min-height:calc(100svh - var(--nav-h));display:flex;flex-direction:column;justify-content:center;padding:2rem 1.5rem 0;text-align:center}.hero .tag{align-self:center}.hero .term{width:100%}.hero h1{font-size:3.1rem;margin:0 0 1.2rem}.hero-logo{margin:0 0 1.5rem}.hero-logo img{display:block;width:100%;max-width:38rem;height:auto;margin:0 auto}.hero .lede{font-size:1.25rem;color:var(--fg-soft);max-width:38rem;margin:0 auto 2rem}.hero-cta{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.hero-desktop{font-size:.9rem;color:var(--fg-soft);margin:-1rem 0 0}.hero-desktop a{display:inline-flex;align-items:center;gap:.35rem;font-weight:550;color:var(--fg);vertical-align:bottom}.hero-desktop a svg{display:block;flex-shrink:0}.hero-demo{margin-top:1rem;padding:0 0 1.75rem}.hero-demo-video{display:block;width:100%;max-width:52rem;max-height:min(50vh,28rem);margin:0 auto;object-fit:contain;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft)}.features{max-width:34rem;margin:0 auto;padding-left:1.2rem;text-align:left}.features li{margin:.5rem 0;line-height:1.55}.tag{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:.28rem .7rem;border-radius:999px;margin-bottom:1.6rem}code{font-size:.85em;background:var(--bg-soft);color:#ad0c72;padding:.15em .4em;border-radius:5px}code,pre{font-family:var(--font-mono);font-weight:400;border:1px solid var(--border)}pre{position:relative;background:var(--bg-grey-pink);color:var(--fg);border-radius:var(--radius);padding:1rem 1.15rem;overflow-x:auto;font-size:.84rem;line-height:1.65;margin:0 0 1rem}pre .copy-btn{position:absolute;top:.5rem;right:.5rem;background:var(--bg);border:1px solid var(--border);color:var(--fg-soft);font-size:.72rem;font-family:var(--font-sans);padding:.25rem .55rem;border-radius:6px;cursor:pointer;opacity:0;transition:opacity .15s}pre:hover .copy-btn{opacity:1}pre .copy-btn:hover{color:var(--fg);background:var(--bg-soft)}.docs-main h1,.docs-main h2,.docs-main h3{position:relative;scroll-margin-top:5rem}.heading-anchor{margin-left:.4rem;color:var(--border);font-weight:400;text-decoration:none!important;opacity:0;transition:opacity .15s;font-size:.8em}.docs-main h1:hover .heading-anchor,.docs-main h2:hover .heading-anchor,.docs-main h3:hover .heading-anchor{opacity:1}.heading-anchor:hover{color:var(--accent)!important}pre code{background:none;color:inherit;padding:0;font-size:inherit;border-radius:0;border:none}.cmd{position:relative;max-width:30rem;margin:0 auto 2rem;text-align:left}.cmd pre{margin:0;padding-right:3.2rem}.cmd .copy{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);color:#cfc8d2;font-size:.72rem;padding:.3rem .55rem;border-radius:6px;cursor:pointer}.cmd .copy:hover{color:#fff;background:hsla(0,0%,100%,.16)}.term{max-width:32rem;margin:0 auto 2rem;text-align:left;background:var(--code-bg);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;overflow:hidden;box-shadow:0 10px 30px -12px rgba(0,0,0,.35)}.term-bar{display:flex;align-items:center;gap:.9rem;padding:.5rem .7rem;background:hsla(0,0%,100%,.04);border-bottom:1px solid hsla(0,0%,100%,.08)}.term-dots{display:inline-flex;gap:.4rem}.term-dots i{width:11px;height:11px;border-radius:50%;background:#ff5f56}.term-dots i:nth-child(2){background:#febc2e}.term-dots i:nth-child(3){background:#28c840}.term-tabs{display:flex;gap:.15rem}.term-tab{font-family:var(--font-mono);font-size:.76rem;padding:.15rem .7rem;border:0;border-radius:6px;background:transparent;color:hsla(0,0%,100%,.45);cursor:pointer}.term-tab:hover{color:hsla(0,0%,100%,.8)}.term-tab.is-active{color:#fff;background:hsla(0,0%,100%,.1)}.term-body{position:relative;padding:.85rem 3.5rem .85rem 1rem;font-family:var(--font-mono);font-size:.86rem;line-height:1.6;color:var(--code-fg)}.term-body code{background:none;color:inherit;padding:0;font-size:inherit;border-radius:0;border:none}.term-prompt{color:#28c840;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:.35rem}.term-copy{position:absolute;top:50%;right:.6rem;transform:translateY(-50%);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);color:#cfc8d2;font-size:.72rem;padding:.28rem .55rem;border-radius:6px;cursor:pointer}.term-copy:hover{color:#fff;background:hsla(0,0%,100%,.16)}figure{margin:1.75rem 0;text-align:center}figure img{max-width:100%;height:auto}figcaption{margin-top:.9rem;font-size:.9rem;color:var(--fg-soft)}.pillars{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem;margin:2rem 0;border-radius:var(--radius);overflow:hidden}.pillar{display:flex;flex-direction:column;height:100%;padding:1rem;border:none;border-radius:var(--radius);background:var(--bg-grey-pink);transition:background .15s}.pillar:hover{background:var(--accent-soft)}.pillar figure{margin:0 0 1rem;text-align:left}.pillar figure img{display:block;width:6rem;height:6rem;object-fit:contain;object-position:left center}.pillar-icon-sm img{width:4rem;height:4rem}.pillar h3{margin:0 0 .4rem;font-size:1.25rem}.pillar h3 .num{color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-right:.5rem}.pillar p{color:var(--fg-soft);margin:0;flex:1 1}.section{padding:1.75rem 0}.section-no-top{padding-top:0}.section h2{text-align:center}.section-pillars{padding-top:1.75rem}.section-pillars .pillars{margin-top:1.5rem}.center{text-align:center}.lede-block,.muted{color:var(--fg-soft)}.lede-block{font-size:1.15rem;max-width:40rem}.arch-parts{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin:0 0 1.25rem}.arch-part{padding:1.15rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft)}.arch-part p{margin:0;color:var(--fg-soft);font-size:.98rem;line-height:1.55}.arch-outro{text-align:center;max-width:38rem;margin:0 auto 2rem;color:var(--fg-soft);font-size:1.05rem}.section-graphic{margin:0}.section-graphic img{width:100%}.section-code{width:100%;max-width:none}.try-it{text-align:center}.try-it .try-code{width:55%;max-width:55%;margin:1.25rem auto;text-align:left}.footer{border-top:1px solid var(--border);margin-top:3rem;padding:2rem 0;color:var(--fg-soft);font-size:.92rem}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem}.footer-inner .spacer{flex:1 1;min-width:1rem}.footer .muted,.footer a{color:var(--fg-soft);display:inline-flex;align-items:center;line-height:1}.footer a:hover{color:var(--fg)}.prev-next-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border)}.prev-next-link{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);text-decoration:none!important;color:var(--fg);max-width:48%;transition:border-color .15s,background .15s}.prev-next-link:hover{border-color:#d9d3dd;background:var(--bg-soft);text-decoration:none}.prev-next-link--next{margin-left:auto;text-align:right}.prev-next-dir{font-size:.78rem;color:var(--fg-soft)}.prev-next-label{font-size:.9rem;font-weight:550;color:var(--accent)}.docs{display:grid;grid-template-columns:17rem 1fr;grid-gap:2rem;gap:2rem;max-width:66rem;margin:0 auto;padding:2.5rem 1.5rem 4rem}.docs-side{position:-webkit-sticky;position:sticky;top:4.5rem;align-self:start;height:max-content}.docs-side h4{font-size:.73rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-soft);margin:.8rem 0 .3rem;padding:0 .6rem}.docs-side>div:first-child>h4{margin-top:0}.docs-side a.nav-overview{font-size:.73rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin:0 0 .3rem}.docs-side ul{list-style:none;margin:0 0 .5rem;padding:0}.docs-side ul a{padding-left:1.2rem}.docs-side li{margin:0}.docs-side a{display:block;padding:.25rem .6rem;border-radius:7px;color:var(--fg-soft);font-size:.9rem}.docs-side a:hover{background:var(--bg-soft);color:var(--fg);text-decoration:none}.docs-side a.active{background:var(--accent-soft);color:#ad0c72;font-weight:550}.docs-main{min-width:0}.docs-main h1{font-size:2.1rem}.docs-main ol,.docs-main ul{padding-left:1.3rem}.docs-main li{margin:.3rem 0}.docs-main table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.93rem}.docs-main td,.docs-main th{border:1px solid var(--border);padding:.55rem .7rem;text-align:left;vertical-align:top}.docs-main th{background:var(--bg-soft);font-weight:600}.note{border-left:3px solid var(--accent);background:var(--accent-soft);padding:.8rem 1rem;border-radius:0 8px 8px 0;margin:1.5rem 0;font-size:.93rem}.note p:last-child{margin-bottom:0}.doc-next{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.95rem}.setup-tabs{display:flex;gap:.25rem;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:.25rem;margin:0 0 2rem;width:-moz-fit-content;width:fit-content}.setup-tab{padding:.45rem 1.1rem;border-radius:7px;border:none;background:none;font-size:.95rem;font-weight:500;color:var(--fg-soft);cursor:pointer;transition:background .15s,color .15s}.setup-tab:hover{color:var(--fg)}.setup-tab.active{background:var(--bg);color:var(--fg);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08)}.setup-tabs--full{width:100%}.setup-tabs--full .setup-tab{flex:1 1;text-align:center}.tabbed-code{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:0 0 1rem;background:#f6f3f7}.tab-bar{display:flex;gap:0;padding:0;background:var(--bg);border-bottom:1px solid var(--border)}.tab-bar button{padding:.5rem 1rem;font-family:var(--font-mono);font-size:.82rem;border:none;background:none;color:var(--fg-soft);cursor:pointer;position:relative;transition:color .1s}.tab-bar button:hover{color:var(--fg)}.tab-bar button.active{color:var(--accent);font-weight:600}.tab-bar button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.tabbed-code pre{margin:0;border:none;border-radius:0;background:transparent}.docs-main details{border:1px solid var(--border);border-radius:var(--radius);margin:1rem 0;padding:0}.docs-main details>summary{padding:.6rem 1rem;cursor:pointer;font-weight:600;font-size:.93rem;color:var(--fg-soft);background:var(--bg-soft);border-radius:var(--radius)}.docs-main details[open]>summary{border-bottom:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0}.docs-main details>:not(summary){padding:0 1rem}@media (max-width:820px){.hero h1{font-size:2.3rem}.hero .lede{max-width:100%}.arch-parts,.docs,.pillars{grid-template-columns:1fr}.docs{gap:1.5rem}.docs-side{position:static}.docs-side ul{display:flex;flex-wrap:wrap;gap:.3rem}.nav-link.hide-sm{display:none}.try-it .try-code{width:100%;max-width:100%}}