.badge-hero[data-astro-cid-tfkwk4k5]{padding:64px 24px 20px;max-width:780px}.badge-hero[data-astro-cid-tfkwk4k5] h1[data-astro-cid-tfkwk4k5]{font-family:Epilogue,sans-serif;font-weight:800;font-size:clamp(2rem,5vw,3.2rem);line-height:1.05;margin:12px 0 18px}.badge-hero[data-astro-cid-tfkwk4k5] .lede[data-astro-cid-tfkwk4k5]{font-size:1.15rem;line-height:1.55;color:var(--muted, #555);max-width:640px}.eyebrow[data-astro-cid-tfkwk4k5]{font-family:Epilogue,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4f6b3e}.gen[data-astro-cid-tfkwk4k5]{max-width:900px;padding:20px 24px 8px}.gen-controls[data-astro-cid-tfkwk4k5]{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:flex-end;margin-bottom:22px}.fld[data-astro-cid-tfkwk4k5]{display:flex;flex-direction:column;gap:6px}.fld[data-astro-cid-tfkwk4k5]>span[data-astro-cid-tfkwk4k5]{font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#6b6b6b}.fld[data-astro-cid-tfkwk4k5] select[data-astro-cid-tfkwk4k5]{font:inherit;font-size:.95rem;padding:9px 12px;border:1px solid #d8d0bd;border-radius:9px;background:#fff;min-width:300px;max-width:100%}.seg[data-astro-cid-tfkwk4k5]{display:inline-flex;border:1px solid #d8d0bd;border-radius:9px;overflow:hidden}.seg[data-astro-cid-tfkwk4k5] button[data-astro-cid-tfkwk4k5]{font:inherit;font-size:.9rem;padding:8px 16px;border:none;background:#fff;cursor:pointer;color:#555}.seg[data-astro-cid-tfkwk4k5] button[data-astro-cid-tfkwk4k5].on{background:#1a1a1a;color:#f5f2ea}.code-tabs[data-astro-cid-tfkwk4k5] button[data-astro-cid-tfkwk4k5],.seg[data-astro-cid-tfkwk4k5] button[data-astro-cid-tfkwk4k5]+button[data-astro-cid-tfkwk4k5]{border-left:1px solid #d8d0bd}.gen-preview[data-astro-cid-tfkwk4k5]{border:1px dashed #d8d0bd;border-radius:14px;padding:36px 24px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:14px;position:relative;transition:background .2s}.gen-preview[data-astro-cid-tfkwk4k5][data-bg=dark]{background:#232323}.preview-label[data-astro-cid-tfkwk4k5]{position:absolute;top:10px;left:14px;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:#b3ac98;font-weight:700}.gen-preview[data-astro-cid-tfkwk4k5][data-bg=dark] .preview-label[data-astro-cid-tfkwk4k5]{color:#666}.gen-code[data-astro-cid-tfkwk4k5]{margin-top:22px}.code-tabs[data-astro-cid-tfkwk4k5]{display:inline-flex;border:1px solid #d8d0bd;border-radius:9px 9px 0 0;overflow:hidden;border-bottom:none}.code-tabs[data-astro-cid-tfkwk4k5] button[data-astro-cid-tfkwk4k5]{font:inherit;font-size:.85rem;font-weight:600;padding:8px 16px;border:none;background:#f2ecdd;cursor:pointer;color:#555}.code-tabs[data-astro-cid-tfkwk4k5] button[data-astro-cid-tfkwk4k5].on{background:#1a1a1a;color:#f5f2ea}.code-panel[data-astro-cid-tfkwk4k5]{border:1px solid #d8d0bd;border-radius:0 9px 9px;padding:14px 16px;background:#fbf9f3}.code-note[data-astro-cid-tfkwk4k5]{font-size:.85rem;color:#666;margin:0 0 10px}.code-panel[data-astro-cid-tfkwk4k5] pre[data-astro-cid-tfkwk4k5]{margin:0;overflow-x:auto;background:#1a1a1a;color:#e8e4d8;border-radius:8px;padding:14px;font-size:.78rem;line-height:1.5}.code-panel[data-astro-cid-tfkwk4k5] code[data-astro-cid-tfkwk4k5]{font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;white-space:pre}.copy[data-astro-cid-tfkwk4k5]{margin-top:10px;font:inherit;font-size:.85rem;font-weight:600;padding:8px 16px;border:1px solid #1a1a1a;border-radius:8px;background:#1a1a1a;color:#f5f2ea;cursor:pointer}.copy[data-astro-cid-tfkwk4k5].done{background:#4f6b3e;border-color:#4f6b3e}.demo-link[data-astro-cid-tfkwk4k5]{margin-top:18px;font-size:.98rem}.demo-link[data-astro-cid-tfkwk4k5] a[data-astro-cid-tfkwk4k5]{color:#4f6b3e;font-weight:600}.how[data-astro-cid-tfkwk4k5],.why[data-astro-cid-tfkwk4k5]{max-width:780px;padding:34px 24px}.how[data-astro-cid-tfkwk4k5] h2[data-astro-cid-tfkwk4k5],.why[data-astro-cid-tfkwk4k5] h2[data-astro-cid-tfkwk4k5]{font-family:Epilogue,sans-serif;font-weight:800;font-size:1.7rem;margin:0 0 18px}.how[data-astro-cid-tfkwk4k5] ol[data-astro-cid-tfkwk4k5]{padding-left:20px;display:flex;flex-direction:column;gap:14px}.how[data-astro-cid-tfkwk4k5] li[data-astro-cid-tfkwk4k5]{line-height:1.55}.why-grid[data-astro-cid-tfkwk4k5]{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}.why-grid[data-astro-cid-tfkwk4k5] h3[data-astro-cid-tfkwk4k5]{font-family:Epilogue,sans-serif;font-size:1.05rem;margin:0 0 5px}.why-grid[data-astro-cid-tfkwk4k5] p[data-astro-cid-tfkwk4k5]{margin:0;color:#555;line-height:1.5;font-size:.96rem}.fineprint[data-astro-cid-tfkwk4k5]{margin-top:26px;font-size:.85rem;color:#888;line-height:1.5}a[data-astro-cid-tfkwk4k5]{color:inherit}@media(max-width:640px){.why-grid[data-astro-cid-tfkwk4k5]{grid-template-columns:1fr}.fld[data-astro-cid-tfkwk4k5] select[data-astro-cid-tfkwk4k5]{min-width:0;width:100%}}