:root{--page:#faf8f5;--surface:#fff;--ink:#0a0a0a;--muted:#55555c;--border:#e7e5e2;--purple:#9455ff;--mint:#b4e8cf;--mint-tint:#f0faf5;color:var(--ink);background:var(--page);font-synthesis:none;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.app-shell{max-width:1120px;margin:0 auto;padding:0 40px}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:104px;display:flex}.brand{color:var(--ink);letter-spacing:-.7px;align-items:center;font-size:21px;font-weight:650;text-decoration:none;display:inline-flex}.brand:before{content:"";background:var(--purple);border-radius:3px;width:8px;height:13px;margin:0 27px 0 8px;box-shadow:-9px -4px 0 -1px #bc91ff,9px -5px 0 -1px #ad77ff,18px -2px 0 -2px #ceb1ff}.brand span{color:#a5a2a8;margin:0 8px}.phase-label{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:7px 12px;font-size:12px}main{max-width:760px;margin:72px auto 80px}.eyebrow{border:1px solid var(--border);background:var(--surface);letter-spacing:.2px;color:var(--ink);border-radius:999px;align-items:center;gap:8px;margin:0;padding:7px 13px;font-size:12px;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:#28b879;border-radius:50%;width:6px;height:6px}h1{letter-spacing:-2px;margin:24px 0;font-size:clamp(38px,6vw,64px);font-weight:600;line-height:1.08}.intro{color:#414149;max-width:520px;font-size:17px;line-height:1.7}.call-card{background:linear-gradient(180deg, var(--surface) 0%, var(--mint-tint) 45%, var(--surface) 100%);border:1px solid var(--border);border-radius:24px;grid-template-columns:56px 1fr;align-items:center;gap:20px;margin-top:38px;padding:30px;display:grid;box-shadow:0 12px 36px #00000008}.voice-symbol{border:1px solid var(--border);background:var(--surface);border-radius:16px;justify-content:center;align-items:center;gap:4px;width:56px;height:56px;display:flex}.voice-symbol span{background:#ffb699;border-radius:5px;width:4px;height:14px}.voice-symbol span:nth-child(2){background:#f4a0ca;height:25px}.voice-symbol span:nth-child(3){background:#ba9aff;height:34px}.voice-symbol span:nth-child(4){background:#93b8ff;height:25px}.voice-symbol span:nth-child(5){background:#8cdcc3}h2{margin:0 0 8px;font-size:20px;font-weight:600}.call-card p,.history p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}button{border:1px solid var(--ink);background:var(--ink);color:var(--surface);font:inherit;cursor:pointer;border-radius:999px;grid-column:1/-1;padding:15px 20px;font-weight:600;transition:background .15s}button:hover{background:#2b2b2b}button:disabled{opacity:.65;cursor:wait}.call-card .connection-message{overflow-wrap:anywhere;grid-column:1/-1;font-size:13px}.call-card .connected{color:#155438;background:var(--mint);border-radius:10px;padding:10px 12px}.call-card .error{color:#a03225}.history{border-top:1px solid var(--border);margin-top:40px;padding-top:28px}footer{border-top:1px solid var(--border);color:#737177;padding:24px 0;font-size:12px}@media (width<=560px){.app-shell{padding:0 20px}.site-header{gap:12px;min-height:80px}.brand{font-size:17px}.brand:before{margin-right:23px}.phase-label{font-size:11px}main{margin:42px auto 56px}.call-card{gap:16px;padding:22px}}@media (width<=360px){.site-header{flex-wrap:wrap;padding:16px 0}}@media (prefers-reduced-motion:reduce){button{transition:none}}.access-field{color:var(--muted);grid-column:1/-1;gap:8px;font-size:13px;display:grid}.access-field input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--ink);font:inherit;border-radius:10px;padding:12px 14px}.access-field input:focus-visible{outline:3px solid var(--purple);outline-offset:2px}.secondary-button{background:var(--surface);color:var(--ink);border-color:var(--border)}.secondary-button:hover{background:var(--mint-tint)}button:disabled{cursor:not-allowed}.call-limits{color:var(--muted,#666);font-size:.85rem}.transcript-list{max-height:22rem;padding-left:1.25rem;overflow-y:auto}.transcript-list li{overflow-wrap:anywhere;margin:.75rem 0;line-height:1.6}[hidden]{display:none!important}a{color:var(--ink);text-underline-offset:4px}.site-nav{flex-wrap:wrap;gap:6px;display:flex}.site-nav a{border-radius:999px;padding:10px 14px;font-size:14px;text-decoration:none}.site-nav a[aria-current=page]{background:var(--ink);color:#fff}.page-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-heading h1{font-size:clamp(36px,6vw,54px)}.call-card .call-timer,.call-limits{grid-column:1/-1}.call-timer{font-variant-numeric:tabular-nums}.data-panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;line-height:1.6}.call-list,.saved-transcript,.metric-list{padding:0;list-style:none}.call-list{gap:12px;margin:28px 0;display:grid}.call-link{border:1px solid var(--border);background:var(--surface);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:22px;text-decoration:none;display:flex}.call-link:hover{background:var(--mint-tint)}.call-id{color:var(--muted);overflow-wrap:anywhere;margin-top:8px;display:block}.call-summary{font-variant-numeric:tabular-nums;align-items:center;gap:12px;display:flex}.status-badge{color:#414149;background:#f1eeea;border-radius:999px;padding:5px 9px;font-size:12px;display:inline-block}.status-completed{background:var(--mint);color:#155438}.status-failed{color:#8c3023;background:#fbe7e2}.pagination{justify-content:center;align-items:center;gap:24px;margin-top:24px;display:flex}.metadata{grid-template-columns:1fr 1fr;gap:20px;display:grid}dt{color:var(--muted);font-size:12px}dd{overflow-wrap:anywhere;margin:5px 0 0}.full-width{grid-column:1/-1}.turn{border:1px solid var(--border);background:var(--surface);border-radius:18px;margin:14px 0;padding:20px}.turn-user{background:var(--mint-tint)}.turn-heading{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.turn-heading time{color:var(--muted);font-size:12px}.history .turn p{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.metric-group{margin-top:24px}.metric-group h3{font-size:16px}.metric-list li{border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding:12px 0}.metric-list small{color:var(--muted);margin-top:6px;display:block}.history code{overflow-wrap:anywhere}@media (width<=560px){.site-header{flex-wrap:wrap;padding:18px 0}.call-link{flex-direction:column;align-items:flex-start}.call-summary{justify-content:space-between;width:100%}.metadata{grid-template-columns:1fr}.page-heading{flex-wrap:wrap}.page-heading h1{margin-bottom:0}}.access-options{grid-column:1/-1;gap:10px;display:grid}.access-options label{align-items:center;gap:8px;font-size:14px;display:flex}.access-options input{accent-color:var(--purple);width:18px;height:18px}.access-options input:focus-visible{outline:3px solid var(--purple);outline-offset:3px}