:root{--ink:#172033;--muted:#667085;--blue:#0866d8;--cyan:#00a9c7;--line:#dce4ef}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 8%,rgba(0,169,199,.14),transparent 28rem),#f4f7fb}header{min-height:76px;padding:14px clamp(20px,5vw,75px);display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center}.brand>span{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:900}.brand b,.brand small{display:block}.brand small{color:var(--muted)}.status{color:#067647}main{min-height:calc(100vh - 140px);padding:55px clamp(20px,7vw,105px);display:grid;grid-template-columns:1fr minmax(390px,550px);gap:clamp(35px,7vw,95px);align-items:center}.intro h1{font-size:clamp(3rem,6vw,5.8rem);line-height:.97;letter-spacing:-.055em;margin:17px 0 25px}.intro em{font-style:normal;background:linear-gradient(90deg,var(--blue),var(--cyan));-webkit-background-clip:text;color:transparent}.intro>p{font-size:1.18rem;line-height:1.65;color:var(--muted)}.eyebrow{color:var(--blue);font-weight:850;font-size:.76rem;letter-spacing:.12em}.chips{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.chips button{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:999px;color:var(--ink);font-weight:700}.notice{border-left:4px solid var(--cyan);padding:13px 15px;background:rgba(255,255,255,.72);color:var(--muted)}.agent-card{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 30px 80px rgba(20,43,77,.14);min-height:590px;display:flex;flex-direction:column}#avatar{min-height:315px;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,#e7fbff,#edf3ff);align-content:center}.orb{width:165px;height:165px;border-radius:50%;background:conic-gradient(from 45deg,#075bbf,#57d8e7,#fff,#0649a8,#8de7ef);box-shadow:0 20px 50px rgba(8,102,216,.22)}#avatar h2{margin:18px 0 4px}#avatar p{color:var(--muted);margin:0}.missing{margin:25px;padding:15px;background:#fff4e5;color:#b54708;border-radius:12px}elevenlabs-convai{display:block;margin:24px}footer{padding:18px clamp(20px,5vw,75px);border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}@media(max-width:900px){main{grid-template-columns:1fr}.agent-card{min-height:520px}}