.examples-hero[data-astro-cid-hbbm5icc]{max-width:840px;padding:52px 0 36px}.examples-hero[data-astro-cid-hbbm5icc] h1[data-astro-cid-hbbm5icc]{margin:10px 0 20px;font-size:clamp(2.7rem,6vw,4.9rem);font-weight:850;line-height:.98;letter-spacing:-.05em}.examples-hero[data-astro-cid-hbbm5icc] h1[data-astro-cid-hbbm5icc] span[data-astro-cid-hbbm5icc]{background:linear-gradient(105deg,var(--fg-bright),var(--accent-bright) 58%,var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}.examples-hero[data-astro-cid-hbbm5icc] .lede[data-astro-cid-hbbm5icc]{max-width:660px;margin:0;font-size:1.06rem}.hero-actions[data-astro-cid-hbbm5icc]{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}.example-nav[data-astro-cid-hbbm5icc]{position:sticky;z-index:20;top:74px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:12px 0 0;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--border);box-shadow:var(--shadow-card)}.example-nav[data-astro-cid-hbbm5icc] a[data-astro-cid-hbbm5icc]{display:flex;align-items:center;gap:9px;min-width:0;padding:12px 14px;color:var(--fg-dim);background:color-mix(in srgb,var(--surface-code) 95%,transparent);font-family:var(--mono);font-size:.72rem}.example-nav[data-astro-cid-hbbm5icc] a[data-astro-cid-hbbm5icc]:hover{color:var(--fg-bright);background:var(--panel);text-decoration:none}.example-nav[data-astro-cid-hbbm5icc] span[data-astro-cid-hbbm5icc]{color:var(--accent-bright);font-size:.64rem}.workflow[data-astro-cid-hbbm5icc]{scroll-margin-top:148px;margin-top:112px;padding-top:8px}.workflow[data-astro-cid-hbbm5icc]+.workflow[data-astro-cid-hbbm5icc]{border-top:1px solid var(--border);padding-top:96px}.workflow-head[data-astro-cid-hbbm5icc]{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.72fr);gap:54px;align-items:end;margin-bottom:42px}.workflow-number[data-astro-cid-hbbm5icc]{display:block;margin-bottom:12px;color:var(--fg-faint);font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}.workflow-head[data-astro-cid-hbbm5icc] .kicker[data-astro-cid-hbbm5icc]{margin-bottom:10px}.workflow-head[data-astro-cid-hbbm5icc] h2[data-astro-cid-hbbm5icc]{margin:0;font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.045em}.workflow-summary[data-astro-cid-hbbm5icc]{margin:0;font-size:.96rem}.scenario-grid[data-astro-cid-hbbm5icc]{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:22px;margin-bottom:26px}.scenario-context[data-astro-cid-hbbm5icc]{padding:24px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,var(--panel-2),var(--panel))}.scenario-context[data-astro-cid-hbbm5icc] h3[data-astro-cid-hbbm5icc]{margin:0 0 10px}.scenario-context[data-astro-cid-hbbm5icc]>p[data-astro-cid-hbbm5icc]{margin:0 0 20px;color:var(--fg-dim);font-size:.9rem}.scenario-context[data-astro-cid-hbbm5icc] dl[data-astro-cid-hbbm5icc]{display:grid;gap:7px;margin:0}.scenario-context[data-astro-cid-hbbm5icc] dl[data-astro-cid-hbbm5icc] div[data-astro-cid-hbbm5icc]{display:flex;justify-content:space-between;gap:14px;padding-top:7px;border-top:1px solid var(--border);font-size:.76rem}.scenario-context[data-astro-cid-hbbm5icc] dt[data-astro-cid-hbbm5icc]{color:var(--fg-faint);font-family:var(--mono)}.scenario-context[data-astro-cid-hbbm5icc] dd[data-astro-cid-hbbm5icc]{margin:0;color:var(--fg);text-align:right}.scenario-steps[data-astro-cid-hbbm5icc]{display:grid;gap:9px;list-style:none;margin:0;padding:0}.scenario-steps[data-astro-cid-hbbm5icc] li[data-astro-cid-hbbm5icc]{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start;padding:13px 16px;border:1px solid var(--border);border-radius:11px;background:var(--translucent-panel-soft)}.scenario-steps[data-astro-cid-hbbm5icc] li[data-astro-cid-hbbm5icc]>span[data-astro-cid-hbbm5icc]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--accent-bright);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:9px;background:color-mix(in srgb,var(--accent) 8%,transparent);font-family:var(--mono);font-size:.75rem}.scenario-steps[data-astro-cid-hbbm5icc] strong[data-astro-cid-hbbm5icc]{font-size:.88rem}.scenario-steps[data-astro-cid-hbbm5icc] p[data-astro-cid-hbbm5icc]{margin:2px 0 0;color:var(--fg-dim);font-size:.78rem}.scenario-steps[data-astro-cid-hbbm5icc].compact li[data-astro-cid-hbbm5icc]{padding-block:17px}.product-shot[data-astro-cid-hbbm5icc]{margin:0;overflow:hidden;border:1px solid var(--border-bright);border-radius:14px;background:var(--surface-deep);box-shadow:var(--shadow-elevated),0 0 60px color-mix(in srgb,var(--accent) 6%,transparent)}.product-shot[data-astro-cid-hbbm5icc] figcaption[data-astro-cid-hbbm5icc]{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 13px;color:var(--fg-faint);border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--panel-2),var(--panel));font-family:var(--mono);font-size:.68rem}.product-shot[data-astro-cid-hbbm5icc] figcaption[data-astro-cid-hbbm5icc] span[data-astro-cid-hbbm5icc]:first-child{display:inline-flex;align-items:center;gap:7px;color:var(--fg-dim);white-space:nowrap}.product-shot[data-astro-cid-hbbm5icc] figcaption[data-astro-cid-hbbm5icc] i[data-astro-cid-hbbm5icc]{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.product-shot[data-astro-cid-hbbm5icc] img[data-astro-cid-hbbm5icc]{display:block;width:100%;height:auto;background:#1e1e1e}.outcome[data-astro-cid-hbbm5icc]{margin:20px 0 0;padding:16px 19px;color:var(--fg-dim);border-left:2px solid var(--green);background:color-mix(in srgb,var(--green) 4.5%,transparent);font-size:.86rem}.outcome[data-astro-cid-hbbm5icc] strong[data-astro-cid-hbbm5icc]{color:var(--fg)}.comparison[data-astro-cid-hbbm5icc]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.compare-card[data-astro-cid-hbbm5icc]{display:flex;flex-direction:column;padding:20px;border:1px solid var(--border);border-radius:13px;background:linear-gradient(150deg,var(--panel-2),var(--panel))}.compare-card[data-astro-cid-hbbm5icc]:nth-child(1){border-top-color:#d97757}.compare-card[data-astro-cid-hbbm5icc]:nth-child(2){border-top-color:#10a37f}.compare-card[data-astro-cid-hbbm5icc]:nth-child(3){border-top-color:#4796e3}.compare-session[data-astro-cid-hbbm5icc]{color:var(--fg-faint);font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.compare-card[data-astro-cid-hbbm5icc]>strong[data-astro-cid-hbbm5icc]{margin:9px 0 16px;font-size:1.08rem}.compare-card[data-astro-cid-hbbm5icc] dl[data-astro-cid-hbbm5icc]{display:grid;gap:6px;margin:0}.compare-card[data-astro-cid-hbbm5icc] dl[data-astro-cid-hbbm5icc] div[data-astro-cid-hbbm5icc]{display:flex;justify-content:space-between;gap:12px;font-size:.75rem}.compare-card[data-astro-cid-hbbm5icc] dt[data-astro-cid-hbbm5icc]{color:var(--fg-faint)}.compare-card[data-astro-cid-hbbm5icc] dd[data-astro-cid-hbbm5icc]{margin:0;color:var(--fg-dim)}.prompt-block[data-astro-cid-hbbm5icc],.search-query[data-astro-cid-hbbm5icc]{padding:13px 14px;color:var(--fg);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:9px;background:color-mix(in srgb,var(--accent) 7%,transparent);font-size:.78rem}.prompt-block[data-astro-cid-hbbm5icc] span[data-astro-cid-hbbm5icc],.search-query[data-astro-cid-hbbm5icc] span[data-astro-cid-hbbm5icc]{display:block;margin-bottom:6px;color:var(--accent-bright);font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.browser-demo[data-astro-cid-hbbm5icc]{display:grid;grid-template-columns:minmax(0,1fr) 122px minmax(0,.72fr);min-height:360px;margin-bottom:26px;overflow:hidden;border:1px solid var(--border-bright);border-radius:15px;background:var(--surface-deep);box-shadow:var(--shadow-card)}.browser-panel[data-astro-cid-hbbm5icc],.git-panel[data-astro-cid-hbbm5icc]{display:flex;flex-direction:column;min-width:0}.panel-bar[data-astro-cid-hbbm5icc]{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:8px 13px;color:var(--fg-faint);border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--panel-2),var(--panel));font-family:var(--mono);font-size:.66rem}.panel-dots[data-astro-cid-hbbm5icc]{display:inline-flex;gap:5px}.panel-dots[data-astro-cid-hbbm5icc] i[data-astro-cid-hbbm5icc]{width:8px;height:8px;border-radius:50%;background:var(--border-bright)}.browser-body[data-astro-cid-hbbm5icc]{position:relative;display:grid;gap:15px;padding:24px}.browser-label[data-astro-cid-hbbm5icc]{color:var(--fg-faint);font-family:var(--mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.fake-form[data-astro-cid-hbbm5icc]{display:grid;gap:11px;padding:21px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.fake-form[data-astro-cid-hbbm5icc]>span[data-astro-cid-hbbm5icc]{font-weight:650}.fake-form[data-astro-cid-hbbm5icc] i[data-astro-cid-hbbm5icc]{display:block;width:100%;height:32px;border:1px solid var(--border-bright);border-radius:6px;background:var(--surface-code)}.fake-form[data-astro-cid-hbbm5icc] i[data-astro-cid-hbbm5icc]:nth-of-type(2){width:72%}.fake-form[data-astro-cid-hbbm5icc] button[data-astro-cid-hbbm5icc]{justify-self:start;padding:7px 12px;color:var(--primary-ink);border:0;border-radius:6px;background:var(--accent);font:inherit}.console-error[data-astro-cid-hbbm5icc]{padding:10px 12px;color:var(--error-bright);border:1px solid color-mix(in srgb,var(--red) 28%,transparent);border-radius:8px;background:color-mix(in srgb,var(--red) 6%,transparent);font-family:var(--mono);font-size:.68rem}.console-error[data-astro-cid-hbbm5icc] span[data-astro-cid-hbbm5icc]{display:block;margin-bottom:4px;color:var(--fg-faint)}.takeover[data-astro-cid-hbbm5icc]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px;color:var(--fg-faint);border-inline:1px solid var(--border);background:color-mix(in srgb,var(--accent) 3.5%,transparent);text-align:center;font-family:var(--mono);font-size:.64rem}.takeover[data-astro-cid-hbbm5icc] strong[data-astro-cid-hbbm5icc]{color:var(--yellow);font-size:.7rem}.takeover[data-astro-cid-hbbm5icc] i[data-astro-cid-hbbm5icc]{display:block;width:1px;height:46px;background:linear-gradient(var(--accent),var(--yellow))}.git-panel[data-astro-cid-hbbm5icc] pre[data-astro-cid-hbbm5icc]{flex:1;margin:0;padding:25px 18px;border:0;border-radius:0;background:var(--surface-deep);font-size:.68rem;line-height:2;white-space:pre-wrap}.deleted[data-astro-cid-hbbm5icc]{display:block;color:var(--error-bright)}.added[data-astro-cid-hbbm5icc]{display:block;color:var(--success-bright)}.browser-steps[data-astro-cid-hbbm5icc]{margin-top:0}.examples-closing[data-astro-cid-hbbm5icc]{margin-top:112px;padding:58px 28px 50px;border:1px solid transparent;border-radius:18px;background:linear-gradient(180deg,var(--surface-raised),var(--surface-deep)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--accent) 55%,transparent),color-mix(in srgb,var(--border) 60%,transparent) 40%,color-mix(in srgb,var(--green) 45%,transparent)) border-box;text-align:center}.examples-closing[data-astro-cid-hbbm5icc] .kicker[data-astro-cid-hbbm5icc]{justify-content:center}.examples-closing[data-astro-cid-hbbm5icc] h2[data-astro-cid-hbbm5icc]{margin:0 0 12px;font-size:clamp(2rem,4vw,3rem)}.examples-closing[data-astro-cid-hbbm5icc]>p[data-astro-cid-hbbm5icc].dim{max-width:620px;margin:0 auto}.examples-closing[data-astro-cid-hbbm5icc]>p[data-astro-cid-hbbm5icc]:last-child{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:27px 0 0}@media(max-width:900px){.example-nav[data-astro-cid-hbbm5icc]{grid-template-columns:repeat(2,minmax(0,1fr));top:104px}.workflow[data-astro-cid-hbbm5icc]{scroll-margin-top:210px}.workflow-head[data-astro-cid-hbbm5icc],.scenario-grid[data-astro-cid-hbbm5icc]{grid-template-columns:minmax(0,1fr);gap:24px}.workflow-summary[data-astro-cid-hbbm5icc]{max-width:650px}.browser-demo[data-astro-cid-hbbm5icc]{grid-template-columns:minmax(0,1fr)}.takeover[data-astro-cid-hbbm5icc]{flex-direction:row;border:0;border-block:1px solid var(--border)}.takeover[data-astro-cid-hbbm5icc] i[data-astro-cid-hbbm5icc]{width:46px;height:1px}}@media(max-width:680px){.examples-hero[data-astro-cid-hbbm5icc]{padding-top:24px}.examples-hero[data-astro-cid-hbbm5icc] h1[data-astro-cid-hbbm5icc]{font-size:clamp(2.5rem,12vw,3.6rem)}.hero-actions[data-astro-cid-hbbm5icc] .btn[data-astro-cid-hbbm5icc]{width:100%}.example-nav[data-astro-cid-hbbm5icc]{position:relative;top:auto;grid-template-columns:minmax(0,1fr);box-shadow:none}.workflow[data-astro-cid-hbbm5icc],.workflow[data-astro-cid-hbbm5icc]+.workflow[data-astro-cid-hbbm5icc]{margin-top:76px;padding-top:64px}.workflow[data-astro-cid-hbbm5icc]:first-of-type{padding-top:0}.comparison[data-astro-cid-hbbm5icc]{grid-template-columns:minmax(0,1fr)}.product-shot[data-astro-cid-hbbm5icc] figcaption[data-astro-cid-hbbm5icc]{align-items:flex-start;flex-direction:column;gap:3px}.scenario-context[data-astro-cid-hbbm5icc],.browser-body[data-astro-cid-hbbm5icc]{padding:19px}.examples-closing[data-astro-cid-hbbm5icc] .btn[data-astro-cid-hbbm5icc]{width:100%}}@media(prefers-reduced-motion:reduce){.example-nav[data-astro-cid-hbbm5icc] a[data-astro-cid-hbbm5icc]{transition:none}}