:root{--bg: #0b1020;--panel: #141c33;--panel-2: #1c2647;--text: #f5f7ff;--muted: #b7c0dd;--accent: #6ea8ff;--good: #3ddc97;--warn: #ffcf5c;--danger: #ff7a7a;--radius: 12px;--focus: #ffd54a}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.5}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;left:-999px;top:0;background:var(--focus);color:#000;padding:.75rem 1rem;font-weight:700;z-index:10}.skip-link:focus{left:.5rem;top:.5rem}.site-header{padding:2rem 1.5rem 1rem;max-width:1100px;margin:0 auto}.site-header h1{margin:0;font-size:2.4rem;letter-spacing:-.02em}.tagline{color:var(--muted);max-width:60ch}.layout{display:grid;grid-template-columns:1.4fr 1fr;gap:1.25rem;max-width:1100px;margin:0 auto;padding:0 1.5rem 2rem}@media (max-width: 820px){.layout{grid-template-columns:1fr}}.dashboard{display:grid;gap:1.25rem}.panel{background:var(--panel);border:1px solid var(--panel-2);border-radius:var(--radius);padding:1.25rem}.panel h2{margin:0 0 .75rem;font-size:1.25rem}.cards{list-style:none;margin:0;padding:0;display:flex;gap:1rem;flex-wrap:wrap}.card{background:var(--panel-2);border-radius:var(--radius);padding:1rem 1.25rem;min-width:160px;display:grid;gap:.25rem}.card-label{color:var(--muted);font-size:.95rem}.card-value{font-size:1.6rem;font-weight:700}.rows{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.25rem 1rem;background:var(--panel-2);border-radius:10px;padding:.75rem 1rem}.row-main{font-weight:600}.row-sub{grid-column:1 / -1;color:var(--muted);font-size:.9rem}.row-value{font-weight:700;font-variant-numeric:tabular-nums}.row.paid{opacity:.65}.row.paid .row-value{color:var(--good)}.badge{justify-self:end;padding:.15rem .6rem;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:uppercase}.badge-active{background:#3ddc9733;color:var(--good)}.badge-expiring{background:#ffcf5c33;color:var(--warn)}.badge-expired{background:#ff7a7a33;color:var(--danger)}.transcript{position:sticky;top:1rem;align-self:start}.transcript-list{margin:0;padding-left:1.25rem;display:grid;gap:.6rem}.transcript-list li{background:var(--panel-2);border-left:3px solid var(--accent);padding:.6rem .8rem;border-radius:6px}.muted{color:var(--muted)}.site-footer{max-width:1100px;margin:0 auto;padding:1.5rem;color:var(--muted)}code{background:var(--panel-2);padding:.1rem .4rem;border-radius:4px}.agent-bar-container{background:linear-gradient(180deg,var(--panel) 0%,rgba(20,28,51,.95) 100%);border:2px solid rgba(110,168,255,.3);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.25rem;box-shadow:0 8px 32px #00000059;display:grid;gap:.85rem}.agent-bar-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.agent-title{display:flex;align-items:center;gap:.75rem}.agent-avatar{font-size:1.75rem;background:#6ea8ff26;padding:.35rem .6rem;border-radius:10px;border:1px solid rgba(110,168,255,.3)}.agent-status-badge{display:block;font-size:.8rem;color:var(--good);font-weight:600;letter-spacing:.02em}.btn-auto-demo{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:1px solid rgba(255,255,255,.2);padding:.55rem 1.1rem;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.btn-auto-demo:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.btn-auto-demo.active{background:linear-gradient(135deg,#dc2626,#b91c1c);animation:pulse-border 1.5s infinite}@keyframes pulse-border{0%,to{box-shadow:0 0 #dc262699}50%{box-shadow:0 0 0 6px #dc262600}}.agent-thought{background:#6ea8ff1a;border-left:4px solid var(--accent);padding:.65rem .9rem;border-radius:6px;font-size:.95rem;color:#e0e7ff}.agent-chips{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.chips-label{font-size:.85rem;color:var(--muted);font-weight:600}.chip{background:var(--panel-2);color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.35rem .85rem;font-size:.85rem;cursor:pointer;transition:all .15s ease}.chip:hover{background:#6ea8ff33;border-color:var(--accent);color:#fff}.chip.chip-active{background:var(--accent);color:#0b1020;font-weight:700;border-color:var(--accent)}.agent-input-form{display:flex;gap:.6rem}.agent-input{flex:1;background:var(--panel-2);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.65rem 1rem;color:var(--text);font-size:.95rem;font-family:inherit}.agent-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6ea8ff40}.agent-btn-send{background:var(--accent);color:#0b1020;border:none;border-radius:8px;padding:.65rem 1.25rem;font-weight:700;font-size:.95rem;cursor:pointer;transition:opacity .2s}.agent-btn-send:disabled{opacity:.45;cursor:not-allowed}.persona-switcher{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding-top:.25rem;border-top:1px solid rgba(255,255,255,.08)}.persona-label{font-size:.8rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.btn-persona{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:var(--text);border-radius:6px;padding:.3rem .65rem;font-size:.8rem;cursor:pointer;transition:all .15s ease}.btn-persona:hover{background:#6ea8ff26;border-color:var(--accent);color:#fff}@keyframes pulse-success{0%{box-shadow:0 0 #3ddc97cc}50%{box-shadow:0 0 0 10px #3ddc9700}to{box-shadow:0 0 #3ddc9700}}@keyframes pulse-accent{0%{box-shadow:0 0 #6ea8ffcc}50%{box-shadow:0 0 0 10px #6ea8ff00}to{box-shadow:0 0 #6ea8ff00}}.pulse-green{animation:pulse-success 1.2s ease-out}.pulse-blue{animation:pulse-accent 1.2s ease-out}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.speech-toggle{margin:.75rem 0 0;font-size:.9rem;color:var(--muted)}.speech-toggle label{cursor:pointer;font-weight:600;color:var(--text)}.speech-toggle input{width:1.1rem;height:1.1rem;vertical-align:-.15rem;accent-color:var(--accent);cursor:pointer}.speech-toggle-hint{display:inline-block}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.pulse-green,.pulse-blue,.agent-status-badge{animation:none!important}}