:root{--bg:#fbfbfd;--ink:#1e1b4b;--ink-2:#4b4a63;--muted:#6b6a80;--faint:#a5a4b8;--rule:#e6e6ef;--indigo:#4f46e5;--indigo-tint:#eef2ff;--indigo-soft:#a5b4fc;--green:#047857;--green-dot:#10b981;--mint:#34d399;--mint-ink:#064e3b;--sans:"Geist Variable", system-ui, sans-serif;--mono:"Geist Mono Variable", ui-monospace, monospace}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--indigo);text-decoration:none}a:hover{color:#3730a3;text-decoration:underline}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--indigo);outline-offset:2px;border-radius:4px}code,pre{font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0}[hidden]{display:none!important}.page:where(.astro-lcdefpme){min-height:100vh}.wrap:where(.astro-lcdefpme){max-width:1160px;margin:0 auto}.top:where(.astro-lcdefpme){z-index:10;backdrop-filter:blur(10px);border-bottom:1px solid var(--rule);background:#fbfbfde0;position:sticky;top:0}.top-row:where(.astro-lcdefpme){align-items:center;gap:24px;padding:14px 24px;display:flex}.brand:where(.astro-lcdefpme){color:var(--ink);align-items:center;gap:10px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.brand:where(.astro-lcdefpme):hover{color:var(--ink);text-decoration:none}.brand:where(.astro-lcdefpme) img:where(.astro-lcdefpme){border-radius:7px}.brand:where(.astro-lcdefpme).small{font-size:14px}.top:where(.astro-lcdefpme) nav:where(.astro-lcdefpme){flex-wrap:wrap;align-items:center;gap:22px;margin-left:auto;font-size:14px;display:flex}.top:where(.astro-lcdefpme) nav:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--ink-2)}.top:where(.astro-lcdefpme) nav:where(.astro-lcdefpme) .nav-install:where(.astro-lcdefpme){background:var(--ink);color:#fff;border-radius:8px;padding:8px 14px;font-weight:500;text-decoration:none}.hero:where(.astro-lcdefpme){grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));align-items:center;gap:56px;padding:72px 24px 56px;display:grid}.pitch:where(.astro-lcdefpme){flex-direction:column;gap:28px;min-width:0;display:flex}.pill:where(.astro-lcdefpme){font:500 12px var(--mono);color:var(--green);background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:5px 10px;display:inline-flex}.dot:where(.astro-lcdefpme){background:var(--green-dot);border-radius:50%;width:6px;height:6px}h1:where(.astro-lcdefpme){letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(40px,5.4vw,64px);font-weight:600;line-height:1.02}.word:where(.astro-lcdefpme){color:var(--indigo);white-space:nowrap}.lede:where(.astro-lcdefpme){color:var(--ink-2);text-wrap:pretty;max-width:520px;margin:0;font-size:19px;line-height:1.55}.install-block:where(.astro-lcdefpme){flex-direction:column;gap:10px;max-width:540px;display:flex}.cmdbar:where(.astro-lcdefpme){background:var(--ink);border-radius:12px;align-items:center;gap:12px;padding:6px 6px 6px 18px;display:flex}.cmdbar:where(.astro-lcdefpme).dark{text-align:left;background:#0f0d2e;border:1px solid #312e81;width:100%;max-width:620px}.prompt:where(.astro-lcdefpme){font:500 14px var(--mono);color:var(--mint)}.cmdbar:where(.astro-lcdefpme) code:where(.astro-lcdefpme){min-width:0;font:400 14px var(--mono);color:#e0e7ff;white-space:nowrap;flex:1;padding:10px 0;overflow-x:auto}.copy:where(.astro-lcdefpme){cursor:pointer;background:var(--mint);color:var(--mint-ink);font:600 13px var(--sans);border:0;border-radius:8px;flex:none;padding:10px 14px}.copy:where(.astro-lcdefpme):hover{background:#6ee7b7}.install-note:where(.astro-lcdefpme){color:var(--muted);flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.install-note:where(.astro-lcdefpme) code:where(.astro-lcdefpme){font-family:var(--mono);color:var(--ink)}.install-note:where(.astro-lcdefpme) a:where(.astro-lcdefpme){font-weight:500}.file:where(.astro-lcdefpme){font:500 12.5px var(--mono);color:var(--ink-2)}.avatar:where(.astro-lcdefpme){border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.avatar:where(.astro-lcdefpme).you{background:var(--indigo-tint);color:var(--indigo);font:600 11px var(--sans)}.avatar:where(.astro-lcdefpme).you.small{width:22px;height:22px;font-size:10px}.band:where(.astro-lcdefpme){border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:#fff}.band-row:where(.astro-lcdefpme){color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px 28px;padding:18px 24px;font-size:14px;display:flex}.label:where(.astro-lcdefpme){font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.label:where(.astro-lcdefpme).accent{color:var(--indigo)}.strong:where(.astro-lcdefpme){color:var(--ink);font-weight:500}.how:where(.astro-lcdefpme){padding:96px 24px 40px}.head:where(.astro-lcdefpme){flex-direction:column;gap:12px;max-width:640px;margin-bottom:48px;display:flex}.head:where(.astro-lcdefpme).wide{max-width:680px;margin-bottom:32px}.head:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:var(--ink-2);text-wrap:pretty;margin:0;font-size:16px;line-height:1.6}.head:where(.astro-lcdefpme) p:where(.astro-lcdefpme) code:where(.astro-lcdefpme){font:500 14px var(--mono);color:var(--ink)}h2:where(.astro-lcdefpme){letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(30px,3.6vw,42px);font-weight:600;line-height:1.1}h2:where(.astro-lcdefpme).h2-sm{font-size:clamp(28px,3.2vw,38px);line-height:1.12}.steps:where(.astro-lcdefpme){border-top:2px solid var(--ink);grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.steps:where(.astro-lcdefpme) li:where(.astro-lcdefpme){flex-direction:column;gap:10px;padding:24px 24px 0 0;display:flex}.num:where(.astro-lcdefpme){font:600 13px var(--mono);color:var(--indigo)}.num:where(.astro-lcdefpme).done{color:var(--green)}.steps:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){letter-spacing:-.01em;margin:0;font-size:19px;font-weight:600}.steps:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:var(--ink-2);text-wrap:pretty;margin:0;font-size:15px;line-height:1.55}.block:where(.astro-lcdefpme){padding:72px 24px}.video:where(.astro-lcdefpme){aspect-ratio:16/9;background:var(--ink);border:1px solid var(--rule);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 1px 2px #1e1b4b0a,0 24px 48px -24px #1e1b4b2e}.video:where(.astro-lcdefpme) iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-poster:where(.astro-lcdefpme){background:var(--ink);cursor:pointer;border:0;place-items:center;width:100%;height:100%;padding:0;display:grid;position:absolute;inset:0}.video-poster:where(.astro-lcdefpme) img:where(.astro-lcdefpme){object-fit:cover;width:100%;height:100%;transition:transform .4s,opacity .4s;position:absolute;inset:0}.video-poster:where(.astro-lcdefpme):hover img:where(.astro-lcdefpme){opacity:.92;transform:scale(1.02)}.play:where(.astro-lcdefpme){background:var(--mint);width:72px;height:72px;color:var(--mint-ink);border-radius:50%;place-items:center;transition:transform .2s;display:grid;position:relative;box-shadow:0 8px 24px #0000004d}.play:where(.astro-lcdefpme) svg:where(.astro-lcdefpme){margin-left:3px}.video-poster:where(.astro-lcdefpme):hover .play:where(.astro-lcdefpme){transform:scale(1.06)}.design-card:where(.astro-lcdefpme){border:1px solid var(--rule);background:#fff;border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start;gap:48px;padding:clamp(24px,4vw,48px);display:grid}.design-copy:where(.astro-lcdefpme){flex-direction:column;gap:20px;display:flex}.design-copy:where(.astro-lcdefpme)>p:where(.astro-lcdefpme),.claude-copy:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:var(--ink-2);text-wrap:pretty;margin:0;font-size:16px;line-height:1.6}.kinds:where(.astro-lcdefpme){background:var(--rule);border:1px solid var(--rule);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:8px;display:grid;overflow:hidden}.kinds:where(.astro-lcdefpme)>div:where(.astro-lcdefpme){color:var(--ink-2);background:#fff;flex-direction:column;gap:4px;padding:16px;font-size:14px;line-height:1.5;display:flex}.kind-title:where(.astro-lcdefpme){color:var(--ink);font-size:15px;font-weight:600}.more:where(.astro-lcdefpme){font-size:15px;font-weight:500}.design-doc:where(.astro-lcdefpme){border:1px solid var(--rule);background:var(--bg);border-radius:12px;overflow:hidden}.doc-bar:where(.astro-lcdefpme){border-bottom:1px solid var(--rule);background:#fff;align-items:center;gap:8px;padding:10px 14px;display:flex}.levels:where(.astro-lcdefpme){font:500 11px var(--mono);gap:4px;margin-left:auto;display:flex}.levels:where(.astro-lcdefpme) span:where(.astro-lcdefpme){background:var(--indigo-tint);color:var(--indigo);border-radius:5px;padding:3px 7px}.levels:where(.astro-lcdefpme) span:where(.astro-lcdefpme).on{background:var(--ink);color:#fff}.doc-body:where(.astro-lcdefpme){flex-direction:column;gap:16px;padding:18px;font-size:14.5px;line-height:1.5;display:flex}.step:where(.astro-lcdefpme){flex-direction:column;gap:8px;display:flex}.step-head:where(.astro-lcdefpme){gap:10px;display:flex}.step-n:where(.astro-lcdefpme){font:600 12px/22px var(--mono);color:var(--muted)}.step-title:where(.astro-lcdefpme){font-weight:600}.step-why:where(.astro-lcdefpme){color:var(--muted);font-size:13.5px}.sub:where(.astro-lcdefpme){border-left:1px solid #d9d9e6;gap:8px;margin-left:22px;padding-left:14px;display:flex}.sub:where(.astro-lcdefpme).row{flex-wrap:wrap;align-items:baseline}.sub:where(.astro-lcdefpme).col{flex-direction:column}.tag:where(.astro-lcdefpme){border-radius:4px;padding:1px 6px;font-size:12.5px}.tag:where(.astro-lcdefpme).new{color:var(--indigo);background:var(--indigo-tint)}.tag:where(.astro-lcdefpme).warn{color:#92400e;background:#fef3c7}.risk:where(.astro-lcdefpme){background:#fffbeb;border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 -8px;padding:6px 8px;display:flex}.note:where(.astro-lcdefpme){border:1px solid var(--rule);background:#fff;border-radius:10px;gap:10px;padding:10px 12px;font-size:14px;display:flex}.tabs:where(.astro-lcdefpme){flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tabs:where(.astro-lcdefpme) button:where(.astro-lcdefpme){border:1px solid var(--rule);color:var(--ink);font:500 14px var(--sans);cursor:pointer;background:#fff;border-radius:8px;padding:8px 14px}.tabs:where(.astro-lcdefpme) button:where(.astro-lcdefpme):hover{border-color:var(--indigo-soft)}.tabs:where(.astro-lcdefpme) button:where(.astro-lcdefpme)[aria-selected=true]{border-color:var(--ink);background:var(--ink);color:#fff}.panel:where(.astro-lcdefpme){border:1px solid var(--rule);background:#fff;border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));display:grid}.panel-col:where(.astro-lcdefpme){flex-direction:column;gap:14px;min-width:0;padding:28px;display:flex}.panel-col:where(.astro-lcdefpme).first{border-right:1px solid var(--rule)}.panel-col:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:var(--ink-2);margin:0;font-size:15px}.panel:where(.astro-lcdefpme) pre:where(.astro-lcdefpme){background:var(--ink);color:#e0e7ff;font:400 13.5px/1.7 var(--mono);white-space:pre;border-radius:10px;margin:0;padding:16px 18px;overflow-x:auto}.use:where(.astro-lcdefpme){flex-direction:column;gap:6px;display:flex}.use:where(.astro-lcdefpme) code:where(.astro-lcdefpme){font:500 14px var(--mono);color:var(--indigo);background:var(--indigo-tint);border-radius:6px;align-self:flex-start;padding:4px 8px}.use:where(.astro-lcdefpme) span:where(.astro-lcdefpme){color:var(--ink-2);font-size:15px;line-height:1.5}.panel:where(.astro-lcdefpme) .more:where(.astro-lcdefpme){margin-top:4px}.claude:where(.astro-lcdefpme){grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start;gap:48px;display:grid}.claude-copy:where(.astro-lcdefpme){flex-direction:column;gap:16px;display:flex}.claude-copy:where(.astro-lcdefpme) p:where(.astro-lcdefpme){font-size:15px}.features:where(.astro-lcdefpme){background:var(--rule);border:1px solid var(--rule);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1px;display:grid;overflow:hidden}.features:where(.astro-lcdefpme)>div:where(.astro-lcdefpme){color:var(--ink-2);background:#fff;flex-direction:column;gap:8px;padding:22px;font-size:14.5px;line-height:1.55;display:flex}.features:where(.astro-lcdefpme) code:where(.astro-lcdefpme){font:600 14px var(--mono);color:var(--indigo)}.features:where(.astro-lcdefpme) .feature-link:where(.astro-lcdefpme){background:var(--bg);justify-content:center}.feature-link:where(.astro-lcdefpme) a:where(.astro-lcdefpme){font-size:15px;font-weight:500}.install-section:where(.astro-lcdefpme){padding:24px 24px 72px}.install-card:where(.astro-lcdefpme){background:var(--ink);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:22px;max-width:1160px;margin:0 auto;padding:clamp(32px,6vw,72px);display:flex}.install-card:where(.astro-lcdefpme) h2:where(.astro-lcdefpme){letter-spacing:-.035em;color:#fff;font-size:clamp(30px,4vw,48px);line-height:1.08}.install-card:where(.astro-lcdefpme)>p:where(.astro-lcdefpme){color:#c7d2fe;text-wrap:pretty;max-width:560px;margin:0;font-size:17px;line-height:1.55}.install-card:where(.astro-lcdefpme)>p:where(.astro-lcdefpme) code:where(.astro-lcdefpme){font-family:var(--mono);color:#fff}.install-card:where(.astro-lcdefpme) .small:where(.astro-lcdefpme){color:var(--indigo-soft);font-size:14px}.install-card:where(.astro-lcdefpme) .small:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:#fff;text-decoration:underline}footer:where(.astro-lcdefpme){border-top:1px solid var(--rule)}.footer-row:where(.astro-lcdefpme){color:var(--muted);flex-wrap:wrap;align-items:center;gap:24px;padding:24px;font-size:14px;display:flex}.footer-links:where(.astro-lcdefpme){flex-wrap:wrap;gap:20px;margin-left:auto;display:flex}.footer-links:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--ink-2)}@media (width<=820px){.panel-col:where(.astro-lcdefpme).first{border-right:0;border-bottom:1px solid var(--rule)}}