:root{
  --bg:#0d1117; --card:#161b22; --border:#30363d;
  --text:#e6edf3; --muted:#8b949e; --accent:#2ea043; --accent2:#58a6ff;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,"Segoe UI",Roboto,sans-serif}
a{color:inherit}
.wrap{max-width:880px;margin:0 auto;padding:24px}

.crumb{color:var(--muted);font-size:.9em;text-decoration:none;display:inline-block;margin-bottom:24px}
.crumb:hover{color:var(--accent2)}

header.hero{text-align:center;padding:64px 0 40px}
h1{font-size:2.4em;margin-bottom:12px}
.tagline{color:var(--muted);font-size:1.15em;max-width:600px;margin:0 auto 32px}

.cta{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;
     font-weight:600;font-size:1.1em;padding:14px 36px;border-radius:10px}
.cta:hover{filter:brightness(1.1)}
.cta.blue{background:#1f6feb}
.cta.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}
.sub{color:var(--muted);font-size:.9em;margin-top:12px}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:48px 0}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;
      text-decoration:none;display:block;transition:border-color .15s}
.card:hover{border-color:var(--accent2)}
.card h3{margin-bottom:8px;font-size:1.1em}
.card p{color:var(--muted);font-size:.95em}
.card .status{display:inline-block;font-size:.7em;font-weight:700;border-radius:6px;
               padding:2px 8px;margin-top:12px}
.status.live{background:var(--accent);color:#fff}
.status.beta{background:var(--accent2);color:#03111f}
.status.dev{background:var(--border);color:var(--muted)}
.status.internal{background:var(--border);color:var(--muted)}

.badge{display:inline-block;font-size:.7em;font-weight:700;color:#03111f;
       background:var(--accent2);border-radius:6px;padding:2px 7px;margin-left:6px;
       vertical-align:middle}

.manifest{background:var(--card);border:1px solid var(--border);border-radius:12px;
          padding:28px;margin:16px 0 48px}
.manifest h2{margin-bottom:14px}
.manifest ul{list-style:none}
.manifest li{padding:6px 0;color:var(--muted)}
.manifest li b{color:var(--text)}

.example{background:#0a0d12;border:1px solid var(--border);border-radius:12px;
         padding:20px;margin:0 0 48px;font-family:ui-monospace,Consolas,monospace;
         font-size:.92em;white-space:pre-line}
.example .g{color:var(--accent)} .example .r{color:#f85149} .example .m{color:var(--muted)}

.flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:20px 0 24px}
.flow .step{background:#0a0d12;border:1px solid var(--border);border-radius:10px;padding:16px}
.flow .step .n{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;
                border-radius:50%;background:var(--accent2);color:#03111f;font-weight:700;font-size:.85em;margin-bottom:8px}
.flow .step h4{font-size:.98em;margin-bottom:6px}
.flow .step p{color:var(--muted);font-size:.9em}

.stack{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.stack span{background:#0a0d12;border:1px solid var(--border);border-radius:6px;
            padding:4px 10px;font-size:.85em;color:var(--muted);font-family:ui-monospace,Consolas,monospace}

.testimonial{background:#0a0d12;border:1px dashed var(--border);border-radius:12px;
             padding:20px;color:var(--muted);font-style:italic;text-align:center}

footer{border-top:1px solid var(--border);padding:24px 0 48px;text-align:center;color:var(--muted);font-size:.9em}
footer a{color:var(--accent2);text-decoration:none}

.demo-hint{color:var(--muted);font-size:.9em;margin-bottom:16px;text-align:center}

.tg-mock{max-width:380px;margin:0 auto;background:#0e1621;border:1px solid var(--border);
         border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.tg-mock-header{display:flex;align-items:center;gap:10px;padding:12px 16px;
                 background:#17212b;border-bottom:1px solid var(--border)}
.tg-mock-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent2);
                 display:flex;align-items:center;justify-content:center;font-size:1.2em;flex-shrink:0}
.tg-mock-title{font-weight:600;font-size:.95em}
.tg-mock-sub{font-size:.75em;color:var(--muted)}
.tg-mock-body{min-height:260px;max-height:420px;overflow-y:auto;padding:16px;
              display:flex;flex-direction:column;gap:8px;background:#0b141a}
.tg-msg{max-width:82%;padding:8px 12px;border-radius:12px;font-size:.88em;
        line-height:1.45;white-space:pre-line;word-wrap:break-word}
.tg-msg.bot{align-self:flex-start;background:#1f2c38;color:var(--text);border-bottom-left-radius:4px}
.tg-msg.user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}
.tg-msg.typing{color:var(--muted);font-style:italic}
.tg-kb{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-top:1px solid var(--border);
       background:#17212b}
.tg-kb button{flex:1 1 auto;background:#1f2c38;color:var(--text);border:1px solid var(--border);
              border-radius:8px;padding:8px 10px;font-size:.82em;cursor:pointer;font-family:inherit}
.tg-kb button:hover{border-color:var(--accent2)}
.tg-kb button.tg-reset{background:transparent;color:var(--muted);flex:0 0 100%;margin-top:4px}