:root{--bg: #0b0b0b;--text: #d8d4cf;--accent: #d4a04a;--accent-dim: #a07830;--muted: #777770;--surface: #141413;--border: #2a2a26;--font-mono: "JetBrains Mono", monospace;--font-sans: "Inter", sans-serif;--max-w: 1080px}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;scroll-behavior:smooth}[id]{scroll-margin-top:1.5rem}body{max-width:var(--max-w);margin:0 auto;padding:0 2rem}header{padding:1.25rem 0;border-bottom:1px solid var(--border)}nav{display:flex;justify-content:space-between;align-items:center}.logo{color:var(--accent);font-family:var(--font-mono);font-size:1.1rem;font-weight:700;text-decoration:none;letter-spacing:.02em}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{color:var(--muted);font-family:var(--font-mono);font-size:.875rem;text-decoration:none;transition:color .15s}.nav-link:hover,.nav-link.active{color:var(--accent)}main a{color:var(--accent);text-decoration:none}main a:hover{text-decoration:underline}footer{margin-top:2rem;padding:1.5rem 0 1.25rem;border-top:1px solid var(--border);text-align:center}footer p{color:var(--muted);font-size:.875rem}.hero{padding:3rem 0 2rem;text-align:center}.hero h1{color:var(--text);font-family:var(--font-mono);font-size:clamp(2.25rem,6vw,3.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.1}.hero .subtitle{margin-top:.75rem;color:var(--muted);font-size:1.15rem;max-width:640px;margin-left:auto;margin-right:auto}.hero .mascot{display:block;margin-top:1rem;color:var(--accent);font-family:var(--font-mono);font-size:1.5rem;letter-spacing:.05em}.install{display:inline-flex;gap:.75rem;align-items:center;margin-top:1.5rem;padding:.6rem 1.5rem;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:4px;background:var(--surface);font-family:var(--font-mono);font-size:1rem}.prompt{color:var(--accent);user-select:none}.install code{padding:0;border:0;background:transparent;color:var(--text);font-size:1rem}.content{padding:1.5rem 0}.content h2{margin-bottom:.75rem;color:var(--text);font-family:var(--font-mono);font-size:1.2rem;font-weight:700}.content h2 .anchor{margin-left:.4rem;color:var(--muted);font-family:var(--font-mono);font-weight:400;font-size:.85em;text-decoration:none;opacity:0;transition:opacity .15s,color .15s}.content h2:hover .anchor{opacity:1}.content h2 .anchor:hover{color:var(--accent)}.content h2 .anchor.copied{opacity:1;color:var(--accent)}.content p{margin-bottom:.75rem;color:var(--text);font-size:.95rem;line-height:1.75}.content p:last-child{margin-bottom:0}code{padding:.15rem .4rem;border:1px solid var(--border);border-radius:3px;background:var(--surface);color:var(--accent);font-family:var(--font-mono);font-size:.85rem}.card{padding:1rem 1.25rem;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:4px;background:var(--surface);margin-bottom:.75rem}.card:last-child{margin-bottom:0}.card-title{color:var(--accent);font-family:var(--font-mono);font-size:.9rem;font-weight:700;margin-bottom:.25rem}.card-desc{color:var(--muted);font-size:.875rem;line-height:1.5}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.feature-grid .card{margin-bottom:0}.agent-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:.75rem}.agent{display:flex;align-items:center;gap:.75rem;width:calc((100% - 1.5rem) / 3);padding:.75rem 1rem;border:1px solid var(--border);border-radius:4px;background:var(--surface)}.agent-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.agent-name{color:var(--text);font-family:var(--font-mono);font-size:.85rem;font-weight:700}.demo-player{border:1px solid var(--border);border-radius:6px;overflow:hidden}.demo-player .ap-wrapper{background:var(--bg)!important}.page-image{display:block;width:100%;max-width:100%;height:auto;margin:1rem 0;border:1px solid var(--border);border-radius:6px}.logo-image{max-width:540px;margin:1rem auto;border:none}.page-header{padding:2.5rem 0 1rem;text-align:center}.page-header h1{color:var(--text);font-family:var(--font-mono);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.1}.page-header .subtitle{margin-top:.5rem;color:var(--muted);font-size:1.1rem}.links{display:flex;justify-content:center;gap:1rem;padding:1.5rem 0}.link-btn{padding:.6rem 1.5rem;border:1px solid var(--accent);border-radius:4px;color:var(--accent);font-family:var(--font-mono);font-size:.875rem;text-decoration:none;transition:background .15s,color .15s}.link-btn:hover{background:var(--accent);color:var(--bg);text-decoration:none}.callout{margin-bottom:.75rem;padding:1rem 1.25rem;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:4px;background:var(--surface);color:var(--text);font-size:.95rem;line-height:1.75}.callout:last-child{margin-bottom:0}.callout strong{color:var(--accent);font-family:var(--font-mono);font-size:.9rem}.flow{display:flex;flex-direction:column;gap:.75rem}.flow-step{display:flex;gap:1rem;align-items:flex-start;padding:1rem 1.25rem;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:4px;background:var(--surface)}.step-num{width:1.5rem;flex-shrink:0;color:var(--accent);font-family:var(--font-mono);font-size:1.25rem;font-weight:700;text-align:center}.flow-step strong{color:var(--text);font-family:var(--font-mono);font-size:.9rem}.flow-step p{margin-top:.2rem;margin-bottom:0;color:var(--muted);font-size:.85rem}.flow-note{color:var(--muted);font-size:.85rem;line-height:1.5}.flow-note em{color:var(--muted);font-size:.85rem}.features-list{display:flex;flex-direction:column;gap:.5rem;list-style:none}.features-list li{color:var(--text);font-size:.9rem;line-height:1.4}.features-list li .bullet{color:var(--accent);font-family:var(--font-mono);margin-right:.5rem}.author{margin-top:.5rem;color:var(--muted);font-family:var(--font-mono);font-size:.875rem}.intro{margin-bottom:.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.intro p:last-child{margin-bottom:0;color:var(--accent);font-family:var(--font-mono);font-size:.95rem}.caption{margin-top:.5rem;color:var(--muted);font-size:.85rem;line-height:1.5}.footnotes{margin-top:.5rem;padding:1rem 0;border-top:1px solid var(--border)}.footnotes ol{display:flex;flex-direction:column;gap:.75rem;list-style:none;counter-reset:footnote}.footnotes li{position:relative;padding-left:1.5rem;color:var(--muted);font-size:.8rem;line-height:1.6;counter-increment:footnote}.footnotes li:before{position:absolute;left:0;content:counter(footnote) ".";color:var(--accent);font-family:var(--font-mono);font-weight:700}.footnote-ref a{color:var(--accent);font-family:var(--font-mono);font-size:.75rem;text-decoration:none}.footnote-ref a:hover{text-decoration:underline}@media(max-width:768px){body{padding:0 1rem}.feature-grid{grid-template-columns:1fr}.agent{width:calc((100% - .75rem)/2)}nav,.nav-links,.links{flex-direction:column}nav{align-items:flex-start;gap:.75rem}.nav-links{align-items:flex-start;gap:.5rem}.links{align-items:stretch}.link-btn{text-align:center}}@media(max-width:480px){.agent{width:100%}}:where(.astro-j7pv25f6){margin:0;padding:0;box-sizing:border-box}body{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:#1a1a2e;color:#cdd6f4;font-family:JetBrains Mono,monospace}main:where(.astro-j7pv25f6){text-align:center}h1:where(.astro-j7pv25f6){font-size:2rem;margin-bottom:.5rem}p:where(.astro-j7pv25f6){opacity:.6}
