.theme-toggle:where(.astro-6kgiinfj){border:1px solid var(--page-line);border-radius:999px;flex-shrink:0;margin:0 0 0 auto;padding:3px;display:flex}legend:where(.astro-6kgiinfj),input:where(.astro-6kgiinfj){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}label:where(.astro-6kgiinfj){cursor:pointer;position:relative}span:where(.astro-6kgiinfj){width:40px;height:40px;color:var(--page-muted);border-radius:50%;place-items:center;display:grid}span:where(.astro-6kgiinfj) svg{width:18px;height:18px}label:where(.astro-6kgiinfj):hover span:where(.astro-6kgiinfj){color:var(--page-text)}input:where(.astro-6kgiinfj):checked+span:where(.astro-6kgiinfj){background:var(--page-hover);color:var(--page-text)}input:where(.astro-6kgiinfj):focus-visible+span:where(.astro-6kgiinfj){outline:2px solid var(--page-focus);outline-offset:2px}textarea:where(.astro-ys4qxsaz){border:1px solid var(--page-line);background:var(--page-bg);width:100%;height:480px;color:var(--page-text);tab-size:4;resize:none;padding:16px;font:14px/1.7 ui-monospace,monospace;display:block}textarea:where(.astro-ys4qxsaz)[hidden]{display:none}:root{color-scheme:light;--page-bg:#faf9f7;--page-surface:#fff;--page-accent:#0077c2;--brand-yellow:#ffde00;--brand-ink:#24272d;--brand-cream:#fffce8;--heading-font:Georgia, "Times New Roman", serif;--page-text:#24272d;--page-muted:#5d6067;--page-line:#dedcd5;--page-hover:#f0eee7;--page-focus:#2563eb;--code-keyword:#8250df;--code-string:#0a3069;--code-number:#0550ae;--code-comment:#57606a;--code-type:#116329;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color-scheme:dark;--page-bg:#202329;--page-surface:#292d34;--page-accent:#85cfff;--page-text:#faf9f7;--page-muted:#a1a1aa;--page-line:#444952;--page-hover:#333841;--page-focus:#93b4ff;--code-keyword:#d2a8ff;--code-string:#a5d6ff;--code-number:#79c0ff;--code-comment:#a1a1aa;--code-type:#7ee787}*{box-sizing:border-box}body{background:var(--page-bg);color:var(--page-text);margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}button,select{font:inherit}:where(a,button,select,summary,textarea):focus-visible{outline:2px solid var(--page-focus);outline-offset:4px}:where(section,main)[id]{scroll-margin-top:32px}.page-shell{width:min(1120px,100% - 64px);margin-inline:auto}.site-header{isolation:isolate;color:var(--brand-ink);justify-content:space-between;align-items:center;gap:24px;min-height:96px;display:flex;position:relative}.wordmark{font:bold 28px/1 var(--heading-font);letter-spacing:-1px;align-items:center;gap:8px;display:inline-flex}.site-header nav{align-items:center;gap:24px;font-size:14px;display:flex}.site-header nav>a:not(.button){color:var(--brand-ink);font-weight:600}.site-header:before,.hero:before{content:"";background:var(--brand-yellow);z-index:-1;position:absolute;inset:0 calc(50% - 50vw)}.hero{isolation:isolate;color:var(--brand-ink);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:64px;padding-block:88px 96px;display:grid;position:relative}.hero .eyebrow,.hero .intro,.hero .product-facts{color:var(--brand-ink)}.hero .product-facts li+li{border-color:#24272d40}.hero .secondary{border-color:#0000;padding-inline:0}.hero .secondary-label{border-bottom:1px solid;padding-bottom:4px}.hero .secondary-label [aria-hidden]{margin-left:12px}.hero .secondary:hover{background:0 0}.hero-copy{min-width:0}.hero-install{color:#fff;background:#24272d;border:1px solid #24272d;border-radius:8px;margin-top:28px;padding:16px 18px;box-shadow:0 5px #24272d26}.hero-install-row{align-items:center;gap:12px;display:flex}.hero-install button{color:#fff;cursor:pointer;background:0 0;border:1px solid #727781;border-radius:4px;flex-shrink:0;min-width:78px;min-height:36px;padding:8px 14px}.hero-install button:hover{background:#383d45}.hero-install code{white-space:nowrap;user-select:all;flex:1;min-width:0;font:13px/1.8 ui-monospace,monospace;display:block;overflow-x:auto}.copy-status{color:#ffde00;font-size:12px;line-height:1.5;display:block}.copy-status:not(:empty){margin-top:10px}.hero-preview{min-width:0;position:relative}.preview-source,.preview-result{background:var(--brand-cream);border:1px solid #24272d1f;border-radius:12px;padding:24px;position:relative;box-shadow:0 8px #24272d14}.preview-source{transform:rotate(-2deg)}.preview-result{transform:rotate(2deg)}.preview-label{color:var(--brand-ink);margin:0 0 16px;font-size:15px;font-weight:600}.preview-connector{text-align:center;font:36px/1 var(--heading-font);margin-block:10px}.hero-preview .expressive-code{--ec-brdCol:transparent;--ec-brdRad:4px;--ec-codeFontSize:12px}.hero-preview .expressive-code .frame{box-shadow:none}.eyebrow{color:var(--page-muted);letter-spacing:.05em;text-transform:uppercase;margin:0 0 20px;font:12px/1.5 ui-monospace,monospace}h1{font-family:var(--heading-font);letter-spacing:-.05em;margin:0;font-size:clamp(44px,4.8vw,68px);font-weight:700;line-height:1.06}h2{font-family:var(--heading-font);letter-spacing:-.035em;margin:0;font-size:clamp(28px,3.4vw,40px);font-weight:700;line-height:1.15}h3{letter-spacing:-.015em;font-size:18px;font-weight:600;line-height:1.4}p{line-height:1.7}.intro{max-width:630px;color:var(--page-muted);margin:24px 0 0;font-size:19px}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button{border:1px solid var(--page-line);white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:24px;min-height:46px;padding:12px 18px;font-size:14px;font-weight:500;display:inline-flex}.primary{color:#fff;background:#0077c2;border-color:#0077c2;font-weight:700;box-shadow:0 3px #00446e26}.primary:hover{background:#005f9c;border-color:#005f9c}.secondary:hover{background:var(--page-hover)}.product-facts{color:var(--page-muted);flex-wrap:wrap;gap:12px 28px;margin:28px 0 0;padding:0;font:12px/1.6 ui-monospace,monospace;list-style:none;display:flex}.product-facts li+li{border-left:1px solid var(--page-line);padding-left:28px}.section{border-top:1px solid var(--page-line);padding-block:80px}.demo{border-top:0}.section-heading{margin-bottom:32px}.section-heading>p:not(.eyebrow){max-width:610px;color:var(--page-muted);margin:20px 0 0}.section-heading>.text-link{margin-top:20px;display:inline-block}.comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.code-panel{min-width:0}#code-editor,#demo-output{width:100%;min-width:0;height:480px}.code-panel .cm-editor{border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #24272d0a}.code-panel h3{color:var(--page-muted);margin:0 0 12px;font:12px/1.5 ui-monospace,monospace}.examples{flex-wrap:wrap;gap:8px;display:flex}.playground-tip{border:1px solid var(--page-line);border-left:4px solid var(--brand-yellow);background:var(--page-surface);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px 16px;width:fit-content;max-width:100%;margin:0 0 24px;padding:14px 18px;font-size:14px;line-height:2;display:flex}.playground-tip strong{color:var(--brand-ink);background:var(--brand-yellow);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:4px;padding:1px 9px;font-size:11px}.playground-tip kbd{border:1px solid var(--page-line);background:var(--page-bg);min-width:30px;color:var(--page-text);text-align:center;border-bottom-width:3px;border-radius:5px;margin-inline:2px;padding:0 7px;font:12px/1.9 ui-monospace,monospace;display:inline-block}.examples button{color:var(--page-muted);background:var(--page-bg);border:1px solid var(--page-line);cursor:pointer;border-radius:5px;min-height:44px;padding:10px 16px;font-size:14px}.examples button:hover{background:var(--page-hover)}.examples button[aria-pressed=true]{color:#fff;background:#0077c2;border-color:#0077c2;font-weight:600}#demo-status{overflow-wrap:anywhere;min-height:1.7em;margin:16px 0 0;font-size:13px}#demo-status:empty{display:none}.benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:44px;display:grid}.section-number{color:var(--page-accent);font:12px/1.5 ui-monospace,monospace}.benefit-grid h3{margin:16px 0 12px}.benefit-grid p{color:var(--page-muted);margin:0 0 20px;font-size:15px}.text-link{color:var(--page-accent);text-underline-offset:5px;text-decoration:underline;text-decoration-color:var(--page-line);font-size:14px;font-weight:500}.text-link:hover{text-decoration-color:currentColor}p code{font-size:.9em}.installation,.questions{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;display:grid}.install-steps{grid-template-columns:minmax(0,1fr);gap:28px;min-width:0;display:grid}.install-steps h3{margin:0 0 12px}.install-steps h3 .section-number{margin-right:12px}.install-steps p{color:var(--page-muted);margin:0 0 16px;font-size:14px}.question-list details{border-bottom:1px solid var(--page-line)}.question-list summary{cursor:pointer;padding:20px 0;font-size:16px;font-weight:500}.question-list details:first-child summary{padding-top:0}.question-list p{color:var(--page-muted);margin:0 0 20px;font-size:14px}.question-list a{text-underline-offset:3px;text-decoration:underline}.final-cta{isolation:isolate;border-block:1px solid var(--page-line);justify-content:space-between;align-items:center;gap:32px;padding-block:56px;display:flex;position:relative}.final-cta:before{content:"";z-index:-1;background:linear-gradient(105deg,#f5fafd,#deeff9);position:absolute;inset:0 calc(50% - 50vw)}:root[data-theme=dark] .final-cta:before{background:linear-gradient(105deg,#223039,#183b51)}.final-cta p:last-child{color:var(--page-muted);margin:16px 0 0}.site-footer{align-items:center;gap:24px;padding-block:32px;display:flex}.site-footer p{color:var(--page-muted);margin:0;font-size:12px}.site-footer nav{gap:24px;margin-left:auto;font-size:13px;display:flex}.site-footer a:hover{text-underline-offset:4px;text-decoration:underline}.skip-link{background:var(--page-bg);z-index:10;padding:12px;position:absolute;top:-100px;left:16px}.skip-link:focus{top:12px}@media (width<=760px){.page-shell{width:calc(100% - 40px)}.site-header{gap:16px;min-height:76px}.site-header nav{gap:16px;font-size:13px}.nav-cta{display:none}.hero{grid-template-columns:1fr;gap:44px;padding-block:48px 56px}.hero-preview{width:100%;max-width:500px;margin-inline:auto}.preview-source,.preview-result{padding:18px}.intro{font-size:17px}.section{padding-block:48px}.comparison,.benefit-grid,.installation,.questions{grid-template-columns:1fr}.comparison{gap:24px}.benefit-grid{gap:28px;margin-top:32px}.benefit-grid h3{margin-top:8px}.installation,.questions{gap:0}.final-cta{flex-direction:column;align-items:start;padding-block:40px}.site-footer{flex-wrap:wrap;gap:12px 24px}.site-footer nav{margin-left:0}}@media (width<=390px){.site-header{flex-wrap:wrap;padding-block:16px}.site-header nav{justify-content:space-between;width:100%}.product-facts{gap:12px}.product-facts li+li{padding-left:12px}}