:root{--bg:#061014;--panel:#0b1b22;--panel-2:#102b33;--text:#eafff8;--muted:#83a6a2;--line:#7bffd538;--accent:#33ffb6;--danger:#ff4d7d}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 10%, #33ffb633, transparent 28%), radial-gradient(circle at 84% 18%, #4d9aff2e, transparent 26%), linear-gradient(#7bffd50d 1px, transparent 1px), linear-gradient(90deg, #7bffd50d 1px, transparent 1px), var(--bg);color:var(--text);background-size:auto,auto,38px 38px,38px 38px,auto;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.wrap{width:min(1180px,100% - 40px);margin:0 auto}header{border-bottom:1px solid var(--line);padding:34px 0 22px}.logo{letter-spacing:-.04em;align-items:center;gap:12px;font-weight:900;display:inline-flex}.mark{border:2px solid var(--accent);border-radius:50%;width:34px;height:34px;position:relative;box-shadow:0 0 22px #33ffb673}.mark:after{content:"";background:var(--accent);border-radius:50%;position:absolute;inset:9px}.hero{grid-template-columns:1fr .9fr;align-items:end;gap:28px;padding:56px 0 34px;display:grid}.tag{color:var(--accent);border:1px solid var(--line);text-transform:uppercase;letter-spacing:.12em;background:#33ffb61f;border-radius:999px;padding:8px 12px;font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}h1{letter-spacing:-.04em;text-shadow:0 0 34px #33ffb638;max-width:18ch;margin:18px 0 0;font-size:clamp(2rem,4.5vw,3.25rem);line-height:1.05}.lede{max-width:62ch;color:var(--muted);font-size:18px;line-height:1.7}.grid{grid-template-columns:.9fr 1.1fr;gap:22px;padding:28px 0 70px;display:grid}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b1b22e0;border-radius:28px;padding:24px;box-shadow:0 24px 80px #00000059}.phone{color:var(--text);background:linear-gradient(#102b33,#061014);border-radius:36px;flex-direction:column;min-height:560px;display:flex}.status{letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--line);color:var(--accent);justify-content:space-between;padding-bottom:14px;font:800 11px ui-monospace,monospace;display:flex}.number{letter-spacing:-.04em;margin:28px 0 6px;font-size:34px;font-weight:900}.sub{color:var(--muted);line-height:1.6}.agent-card{border:1px solid var(--line);background:#ffffff09;border-radius:28px;grid-template-columns:86px 1fr;align-items:center;gap:18px;margin-top:28px;padding:18px;display:grid}.agent-avatar{background:radial-gradient(circle,#33ffb65c,#33ffb614 58%,#0000 60%);border-radius:50%;place-items:center;width:76px;height:76px;display:grid;position:relative;box-shadow:0 0 38px #33ffb63d}.agent-avatar span{background:var(--accent);border-radius:50%;width:34px;height:34px;box-shadow:0 0 24px #33ffb6cc}.agent-label{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace}.agent-card h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.45rem,3vw,2rem)}.call-features{gap:10px;margin-top:22px;display:grid}.call-features div{border-bottom:1px solid var(--line);justify-content:space-between;gap:14px;padding:0 0 10px;display:flex}.call-features strong{color:var(--text)}.call-features span{color:var(--muted);text-align:right}.actions{gap:12px;margin-top:auto;display:grid}button{background:var(--accent);color:#03110d;text-transform:uppercase;cursor:pointer;text-align:center;border:0;border-radius:999px;padding:14px 18px;font-weight:900}#stopCall{color:#ffd4df;background:#ff4d7d29;border:1px solid #ff4d7d73}.cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.card{border:1px solid var(--line);color:var(--text);background:#33ffb614;border-radius:18px;padding:16px}.card strong{letter-spacing:-.04em;font-size:24px;display:block}.transcript{border:1px solid var(--line);background:#02080a85;border-radius:20px;min-height:220px;margin-top:18px;padding:18px}.line{margin:0 0 12px;line-height:1.55}.line b{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:12px}@media (width<=860px){.hero,.grid,.cards,.agent-card{grid-template-columns:1fr}.call-features div{display:block}.call-features span{text-align:left;margin-top:4px;display:block}}