@font-face{font-family:AtaraWordmark;src:url('/fonts/outfit-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#252c35;background:#f3f4f5;font-synthesis:none;--accent:#274062;--line:#dcdfe3;--muted:#717780}
.wordmark,.launch-copy h1.wordmark{font-family:AtaraWordmark,system-ui,sans-serif;font-weight:600;letter-spacing:-.045em}
.topbar .wordmark{font-size:28px;line-height:1}
*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:5px;background:#ffffff;color:#343e4c;padding:7px 12px;white-space:nowrap}button:disabled{cursor:default;opacity:.4}button:hover:not(:disabled){background:#eef1f4}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #5d7392;outline-offset:2px}[hidden]{display:none!important}a{color:var(--accent)}
.topbar{min-height:52px;padding:8px 16px;border-bottom:1px solid var(--line);background:#ffffff;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.brand{font-size:22px;font-weight:750;text-decoration:none;display:flex;gap:16px;align-items:center}.brand span{font-size:12px;font-weight:400;color:var(--muted)}.header-controls,.controls{display:flex;align-items:center;gap:8px}.header-controls{gap:16px}.controls button{font-size:12px}.controls .primary{background:var(--accent);color:white;border-color:var(--accent)}.controls .primary:hover:not(:disabled){background:#1e3350}#end{color:#3e659b}.play-icon{font-size:9px;margin-right:5px}.connection{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:12px}.connection i,.live-badge i,.browser-footer i{width:6px;height:6px;background:#a8aeb7;border-radius:50%;flex-shrink:0}.connection.connected i,.live-badge.active i{background:#3f679e}
main{padding:6px;display:flex;flex:1;flex-direction:column;min-height:0;gap:6px}.audio-card{flex-shrink:0;background:#ffffff;border:1px solid var(--line);border-radius:6px;padding:5px 10px}.audio-heading,.audio-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:var(--muted)}#duration{font-variant-numeric:tabular-nums}.audio-caption{font-size:10px}.error{flex-shrink:0;border:1px solid #acc5e9;background:#ecf4ff;color:#3a6096;border-radius:5px;padding:8px;font-size:12px}
.workspace{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,3fr);gap:6px;flex:1;min-height:0}.conversation-panel,.browser-panel{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#ffffff;color:#25364d;border:1px solid var(--line);border-radius:6px}.panel-heading{height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line);gap:8px}.panel-heading h2{font-size:13px;font-weight:600;margin:0}.panel-heading>span{font-size:9px;color:var(--muted)}.transcript{flex:1;min-height:0;overflow-y:auto;padding:12px;scrollbar-width:thin}.transcript-empty,.browser-empty{display:flex;align-items:center;justify-content:center;height:100%;text-align:center;font-size:12px;color:var(--muted);padding:16px}.turn{margin-bottom:16px}.turn-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;font-weight:600;color:#536072;margin-bottom:5px}.turn-meta time{font-weight:400;color:#888f98;font-variant-numeric:tabular-nums}.bubble{background:#f0f2f5;border-radius:5px;padding:9px 11px;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.turn.user .bubble{background:#f3f4f5}.turn.user .turn-meta{color:#69717d}.message-form{display:flex;gap:8px;padding:8px;border-top:1px solid var(--line);flex-shrink:0}.message-form input{border:1px solid var(--line);border-radius:5px;padding:8px 10px;width:100%;min-width:0;font-size:12px}.message-form button{font-size:12px}
.live-badge{display:flex;align-items:center;gap:5px}.live-badge.active{color:var(--accent)}.browser-chrome{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 10px;background:#f8f9fa;border-bottom:1px solid var(--line);height:26px}#page-url{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-chrome button{border:0;background:transparent;padding:0 5px;font-size:18px}.browser-stage{position:relative;flex:1;min-height:0;background:#fafafb}#browser-view{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;background:#ffffff}.browser-footer{flex-shrink:0;height:24px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.browser-footer>span{display:flex;align-items:center;gap:5px;min-width:0}#browser-status{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.browser-footer a{white-space:nowrap;text-decoration:none}
@media(max-width:850px){.brand span{display:none}.header-controls{gap:8px}.connection{font-size:10px}.controls button{padding:7px 9px}.topbar{padding:8px 10px}.panel-heading>span{font-size:8px}}
@media(max-width:600px){body{height:auto;min-height:100dvh;overflow:auto}.topbar{flex-wrap:wrap}.header-controls{flex:1;justify-content:flex-end}.connection{display:none}.audio-caption{align-items:flex-start}.audio-caption>span:last-child{display:none}.workspace{grid-template-columns:1fr;flex:none}.conversation-panel{height:45dvh;min-height:250px}.browser-panel{height:60dvh;min-height:300px}}

.browser-heading-controls{display:flex;align-items:center;gap:10px;font-size:9px;color:var(--muted)}#expand-browser{font-size:10px;padding:3px 8px}.browser-focused .conversation-panel{display:none}.browser-focused .workspace{grid-template-columns:minmax(0,1fr)}
@media(max-width:600px){.browser-panel{order:-1;height:70dvh}.browser-focused{height:100dvh;overflow:hidden}.browser-focused .workspace{flex:1;min-height:0}.browser-focused .browser-panel{height:auto;min-height:0;flex:1}}

/* Orb entry and connected workspace */
body{background:#080d15;color:#dce2eb;isolation:isolate;height:100dvh;overflow:hidden}
.sparkles{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 45%,#162437 0%,#080d15 65%)}
.sparkles i{position:absolute;width:var(--size);height:var(--size);border-radius:50%;background:#b2d2ff;box-shadow:0 0 7px #7fb4ff;animation:glimmer var(--cycle) var(--delay) ease-in-out infinite alternate}
@keyframes glimmer{0%{opacity:.08;transform:translate(0,0) scale(.6)}50%{opacity:.75}100%{opacity:.14;transform:translate(var(--drift),-12px) scale(1.3)}}
.launch-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;gap:32px;transition:opacity .8s ease,visibility .8s,transform 1.1s ease}
.launch-screen{padding:48px 24px;gap:26px;overflow-y:auto;text-align:center}
.judge-card{display:flex;flex-direction:column;align-items:center;gap:26px;width:100%;max-width:740px;padding:38px 36px;border:1px solid #b2cbed24;border-radius:28px;background:linear-gradient(145deg,#17263a80,#08101b80);box-shadow:0 24px 80px #00000024;flex-shrink:0}
@media(max-width:600px){.launch-screen{padding:20px 16px}.judge-card{padding:28px 20px;gap:22px;border-radius:22px}}
@media(max-height:760px){.judge-card{padding-top:26px;padding-bottom:26px;gap:20px}}
.launch-copy{max-width:650px}.launch-eyebrow{margin:0 0 14px;color:#a4b5cc;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.launch-copy h1{margin:0 0 20px;color:#f0f6ff;font-size:clamp(64px,10vw,100px);font-weight:650;line-height:1;letter-spacing:-.055em}.launch-description{margin:0;color:#bbc4d1;font-size:clamp(16px,2.3vw,19px);line-height:1.65;text-wrap:pretty}.launch-hint{margin:0;color:#9ba6b6;font-size:13px;line-height:1.7}.demo-guide{width:100%;max-width:480px;color:#bbc4d1;font-size:13px;line-height:1.6}.demo-guide summary{width:fit-content;margin:auto;cursor:pointer;color:#c4d6ef;text-underline-offset:4px}.demo-guide summary:hover{text-decoration:underline}.demo-guide summary:focus-visible{outline:2px solid #5d7392;outline-offset:5px}.demo-guide p{margin:12px 0 0}.demo-note{color:#8d99a9;font-size:11px}
@media(max-height:760px){.launch-screen{justify-content:flex-start;padding-top:32px;gap:20px}.launch-copy h1{font-size:64px;margin-bottom:16px}.launch-screen .start-orb{width:150px;height:150px;flex-shrink:0}}
.start-orb{position:relative;width:190px;height:190px;border-radius:50%;border:1px solid #92b6e966;background:radial-gradient(circle at 35% 25%,#a6c8f755,#233b5d44 45%,#0d1724d9 75%);color:#f4f9ff;font-size:23px;font-weight:500;letter-spacing:.04em;box-shadow:inset 0 0 30px #a5cbff33,0 0 60px #6798dd24,0 0 130px #78aaef12;animation:orb-float 5s ease-in-out infinite;overflow:hidden;isolation:isolate;transition:box-shadow .4s,transform .4s}
.start-orb:hover:not(:disabled){background:radial-gradient(circle at 35% 25%,#a6c8f777,#233b5d66 45%,#0d1724d9 75%);box-shadow:inset 0 0 40px #a5cbff44,0 0 80px #6798dd44}
.start-orb:disabled{opacity:1;cursor:wait}.start-orb #start-label{position:relative;z-index:2}.connecting #start-label{font-size:17px}
.orb-surface{position:absolute;inset:-35%;z-index:-1;background:conic-gradient(from 0deg,transparent,#9cc5ff55,transparent 35%,#5691e366,transparent 65%,#accfff55,transparent);filter:blur(13px);animation:orb-turn 11s linear infinite;border-radius:42% 58% 65% 35%}
.start-orb:after{content:'';position:absolute;inset:10px;border:1px solid #bed8fd28;border-radius:43% 57% 49% 51%;animation:orb-turn 8s linear infinite reverse;pointer-events:none}
@keyframes orb-turn{to{transform:rotate(360deg)}}@keyframes orb-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.025)}}
.connecting .orb-surface{animation-duration:3s}.launch-error{max-width:420px;margin:0 24px;text-align:center;color:#aed0ff;font-size:13px;line-height:1.5}
body:not(.session-visible) .topbar,body:not(.session-visible) main{visibility:hidden;opacity:0;pointer-events:none}
.topbar,main{transition:opacity .8s ease,transform .8s ease;opacity:1}
.session-visible .launch-screen{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.6)}
.session-visible main{animation:workspace-arrive .9s ease both}@keyframes workspace-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.topbar{background:#0b121cde;border-color:#283343;color:#e3eaf4}.brand{color:#e3eaf4}.brand span,.connection{color:#919cac}
main{gap:8px;padding:8px}.audio-card{flex:0 0 20%;min-height:100px;display:flex;flex-direction:column;background:#101a29cc;border-color:#313e50;border-radius:12px;padding:12px 18px;box-shadow:inset 0 0 65px #6ba0eb08}
.audio-heading,.audio-caption{color:#94a3b7;flex-shrink:0}.workspace{flex:1;min-height:0;gap:8px}.browser-panel,.conversation-panel{border-radius:10px}
@media(max-width:600px){.workspace{flex:1;min-height:0}.browser-panel,.browser-focused .browser-panel{height:auto;min-height:0}.conversation-panel{height:auto;min-height:0}.workspace:not(:has(.conversation-panel[hidden])){grid-template-columns:1fr}.audio-card{flex-basis:20%;padding:10px}.start-orb{width:170px;height:170px}}
@media(prefers-reduced-motion:reduce){.sparkles i,.start-orb,.orb-surface,.start-orb:after,.session-visible main{animation:none}.launch-screen,.topbar,main{transition:none}}

.audio-card{background:radial-gradient(ellipse at 50% 50%,#16253b66,transparent 65%),linear-gradient(135deg,#0c1521e8,#101b2be6);border-color:#3d56784d;box-shadow:inset 0 0 65px #6ba0eb08,0 0 30px #4d78b40a}.audio-heading{letter-spacing:.025em}

/* Leave the scene enough vertical space while retaining the browser workspace. */
.audio-card{flex-basis:30%;min-height:200px;background:radial-gradient(ellipse at 50% 50%,#132b4d66,transparent 60%),#091423}
@media(max-height:650px){.audio-card{min-height:160px;padding:8px 12px}atara-orb{min-height:100px}}

/* Judge task cards: native horizontal scrolling and touch swipe. */
.launch-screen{justify-content:flex-start;padding:24px}.judge-card{margin-block:auto;max-width:820px;gap:22px;padding:30px;min-width:0}.launch-copy h1{font-size:clamp(56px,8vw,76px);margin-bottom:16px}.launch-description{font-size:16px;line-height:1.6}.judge-card .start-orb{width:130px;height:130px;flex-shrink:0}.demo-note{margin:0}
.demo-tasks{width:100%;min-width:0;text-align:left}.demo-tasks-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.demo-tasks-heading h2{margin:0 0 4px;font-size:17px;font-weight:650;color:#edf5ff}.demo-tasks-heading p{margin:0;color:#a8b4c5;font-size:12px;line-height:1.5}.demo-task-controls{display:flex;align-items:center;gap:9px;flex-shrink:0}.demo-task-controls button{width:32px;height:32px;padding:0;background:#b2cbed0a;border-color:#b2cbed38;color:#d9e6f7;border-radius:50%;font-size:18px}.demo-task-controls button:hover:not(:disabled){background:#b2cbed20}.demo-task-controls span{font-size:11px;color:#b9c3d2;font-variant-numeric:tabular-nums;min-width:28px;text-align:center}
.demo-task-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#54667e #121d2c;padding:2px 0 12px;border-radius:16px}.demo-task-track:focus-visible{outline:2px solid #86a3cb;outline-offset:4px}.demo-task{flex:0 0 88%;min-width:0;scroll-snap-align:start;border:1px solid #9fb8db38;border-radius:16px;padding:20px;background:linear-gradient(135deg,#1b293c,#111b29)}.demo-task:last-child{margin-right:12%}.demo-task-category{margin:0 0 6px;font-size:10px;font-weight:650;color:#9ab6dd;letter-spacing:.12em;text-transform:uppercase}.demo-task h3{margin:0;font-size:20px;font-weight:650;letter-spacing:-.02em;color:#f1f7ff}.demo-task-request{margin:12px 0;padding-left:12px;border-left:2px solid #7993b7;color:#d5dfed;font-size:14px;line-height:1.5}.demo-identity{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:14px 0;padding:12px 14px;background:#070f1a66;border-radius:10px}.demo-patient{grid-column:1/-1}.demo-identity dt{font-size:10px;color:#a1afc3;margin-bottom:3px}.demo-identity dd{margin:0;font-size:13px;font-weight:550;color:#e7eef7;overflow-wrap:anywhere}.demo-task ol{margin:12px 0 0;padding-left:18px;color:#bcc6d4;font-size:12px;line-height:1.6}.demo-task li+li{margin-top:5px}.demo-tasks-note{margin:8px 0 0;color:#a4b0c0;font-size:11px;line-height:1.5}
@media(max-width:600px){.launch-screen{padding:16px 12px}.judge-card{padding:24px 16px;gap:22px}.demo-tasks-heading{align-items:flex-start;gap:8px}.demo-tasks-heading h2{font-size:15px}.demo-tasks-heading p{font-size:11px;max-width:190px}.demo-task-controls{gap:6px}.demo-task-controls button{width:28px;height:28px}.demo-task{flex-basis:94%;padding:16px}.demo-task:last-child{margin-right:6%}.demo-task h3{font-size:18px}.demo-identity{gap:10px;padding:12px}.demo-task-request{font-size:13px}}

.demo-task{padding:18px;background:#0c1726;border:0;border-radius:10px}.demo-task h3{font-size:14px;font-weight:500;letter-spacing:0;color:#b6c9e4}.demo-identity{background:none;border-radius:0;padding:0;margin:16px 0 0;gap:14px 18px}.demo-identity dt{font-size:11px}.demo-identity dd{font-size:14px;font-weight:500}.demo-task-controls span{min-width:46px}
@media(max-width:600px){.demo-task{padding:16px}.demo-task h3{font-size:14px}.demo-identity{padding:0;gap:14px 12px}.demo-task-controls{gap:5px}.demo-tasks-heading p{max-width:160px}}

/* A bright, welcoming blue palette for the landing page. */
body:not(.session-visible){background:#edf7ff;color:#254e70}
body:not(.session-visible) .sparkles{background:radial-gradient(ellipse at 50% 30%,#ffffff 0%,#e5f4ff 65%,#d8eeff 100%)}
body:not(.session-visible) .sparkles i{background:#429fe5;box-shadow:0 0 7px #69b9f566}
.judge-card{background:#ffffff;border-color:#cce7fc;box-shadow:0 18px 65px #168fe812}
.launch-copy h1{color:#087bd3}.launch-description{color:#325c7c}.launch-hint,.demo-note{color:#477393}.launch-error{color:#18558b}
.demo-tasks-heading h2{color:#175786}.demo-tasks-heading p{color:#477393}.demo-task-controls span{color:#477393}
.demo-task-controls button{background:#f5fbff;border-color:#b5dcfa;color:#087bd3}.demo-task-controls button:hover:not(:disabled){background:#def1ff}
.demo-task-track{scrollbar-color:#80c6fa #edf7ff}.demo-task-track:focus-visible{outline-color:#168fe8}
.demo-task{background:#e8f5ff}.demo-task h3{color:#0875c5}.demo-identity dt{color:#477393}.demo-identity dd{color:#194968}
.judge-card .start-orb{border-color:#67baff;background:radial-gradient(circle at 35% 25%,#75caff,#239eef 45%,#0875cf 80%);color:#ffffff;box-shadow:inset 0 0 30px #d7efff55,0 8px 28px #168fe830,0 0 60px #55b6ff24}
.judge-card .start-orb:hover:not(:disabled){background:radial-gradient(circle at 35% 25%,#9bdcff,#2da6f5 45%,#087bd3 80%);box-shadow:inset 0 0 40px #d7efff77,0 10px 32px #168fe840}
.judge-card .start-orb:after{border-color:#e6f5ff66}

.demo-task-controls button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:10px;border-color:#d1e8fa;background:#ffffff;color:#1485d4;transition:background-color .18s,border-color .18s,box-shadow .18s}.demo-task-controls button svg{display:block;flex-shrink:0;pointer-events:none}.demo-task-controls button:hover:not(:disabled){background:#eaf6ff;border-color:#9cd1f6;box-shadow:0 2px 8px #168fe810}.demo-task-controls button:focus-visible{outline-color:#168fe8}.demo-task-controls button:disabled{background:#f7fbff;opacity:.4}

/* A single agent workspace: voice and the browser it controls. */
.agent-session .browser-panel{order:0}
.session-visible{background:#edf7ff;color:#254e70}.session-visible .sparkles{background:#edf7ff}.session-visible .sparkles i{opacity:.15;animation:none}
.session-visible .topbar{background:#fff;border-color:#cce7fc}.session-visible .brand{color:#087bd3}.session-visible .connection{color:#477393}.connection.connected i{background:#168fe8}
.call-task{display:flex;align-items:center;gap:28px;padding:14px 20px;background:#e0f1ff;border:1px solid #bedffa;border-radius:12px;flex-shrink:0;color:#194968}.call-task-title{min-width:180px}.call-task-title>span{font-size:11px;color:#477393}.call-task-title h2{margin:4px 0 0;font-size:16px;font-weight:600}.call-task-fields{display:flex;flex-wrap:wrap;gap:12px 30px;margin:0}.call-task-fields dt{font-size:11px;color:#477393;margin-bottom:3px}.call-task-fields dd{margin:0;font-size:14px;font-weight:500}
.agent-session{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:1px solid #bedffa;border-radius:12px;background:#091423}.agent-session-heading{display:flex;align-items:center;gap:16px;padding:8px 20px 8px 8px;flex-shrink:0}.agent-session-heading atara-orb{flex:0 0 160px;width:160px;height:112px;min-height:0}.agent-session-copy{min-width:0;flex:1;color:#dceeff}.agent-session-copy h2{margin:0 0 5px;font-size:16px;font-weight:550;line-height:1.4}.agent-session-copy p{margin:0 0 10px;font-size:12px;color:#9fc7ed;line-height:1.5}.agent-session-copy .audio-heading{justify-content:flex-start;gap:16px;color:#c5e2ff;font-size:12px}.agent-session-copy .audio-caption{margin-top:4px;color:#91b6da;font-size:11px}.agent-session .browser-panel{flex:1;border:0;border-radius:0}.agent-session .panel-heading{height:36px;background:#e8f5ff;border-color:#cce7fc;color:#175786}.browser-focused .agent-session{grid-column:1}.agent-session .browser-chrome{background:#f5fbff;border-color:#d7eafa}.agent-session .browser-footer{border-color:#d7eafa}.live-badge.active{color:#087bd3}.live-badge.active i{background:#168fe8}
@media(max-width:850px){.call-task{gap:16px;padding:12px 16px}.call-task-fields{gap:10px 18px}.call-task-title{min-width:160px}}
@media(max-width:600px){.call-task{align-items:flex-start;flex-direction:column;gap:10px;padding:12px}.call-task-title{min-width:0}.call-task-title h2{font-size:15px}.call-task-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;width:100%}.call-task-fields .demo-patient{grid-column:1/-1}.call-task-fields dd{font-size:12px}.call-task-fields dt{font-size:10px}.agent-session{order:-1}.agent-session-heading{gap:6px;padding:6px 10px 6px 0}.agent-session-heading atara-orb{flex-basis:100px;width:100px;height:100px}.agent-session-copy h2{font-size:13px}.agent-session-copy p{font-size:11px;margin-bottom:7px}.agent-session-copy .audio-heading{font-size:11px}.agent-session-copy .audio-caption{font-size:10px}.browser-heading-controls{gap:6px}#expand-browser{padding:3px 5px;font-size:9px}}

.demo-detail-wide{grid-column:1/-1}.demo-load-error{color:#477393;font-size:13px;line-height:1.5}
.call-task{max-height:28dvh;overflow-y:auto;align-items:flex-start}.call-task-fields{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 20px}.call-task-fields .demo-patient,.call-task-fields .demo-detail-wide{grid-column:auto}
@media(max-width:600px){.call-task{max-height:32dvh}.call-task .call-task-fields{grid-template-columns:1fr 1fr}.call-task .call-task-fields .demo-patient,.call-task .call-task-fields .demo-detail-wide{grid-column:1/-1}}
@media(max-width:600px){.session-visible:not(.browser-focused) main{overflow-y:auto}.session-visible:not(.browser-focused) .workspace{flex:none}.session-visible:not(.browser-focused) .agent-session{height:65dvh;min-height:380px}.session-visible:not(.browser-focused) .conversation-panel{height:40dvh;min-height:250px}}

/* Pick a patient task explicitly before making a demo call. */
.demo-tasks-heading p{max-width:540px;font-size:13px;line-height:1.6}.demo-task{display:flex;flex-direction:column;border:2px solid transparent}.demo-task.selected{border-color:#168fe8;background:#e0f1ff}.select-demo-task{align-self:flex-start;margin-top:auto;position:relative;top:0;min-height:38px;padding:8px 14px;color:#087bd3;background:#fff;border-color:#b5dcfa;border-radius:8px;font-size:13px;font-weight:600}.demo-task .demo-identity{margin-bottom:18px}.select-demo-task:hover:not(:disabled){background:#f5fbff}.demo-task.selected .select-demo-task{background:#087bd3;border-color:#087bd3;color:#fff}.task-selection-summary{margin:0;color:#477393;font-size:13px;line-height:1.6;text-align:center;max-width:600px}.call-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;min-width:220px;padding:14px 24px;border:1px solid #087bd3;border-radius:12px;background:#087bd3;color:#fff;font-size:16px;font-weight:600;box-shadow:0 5px 18px #168fe822;transition:background-color .18s}.call-button:hover:not(:disabled){background:#0669b5}.call-button:disabled{opacity:1;cursor:default;background:#e4eef6;color:#7897b1;border-color:#d4e4f1;box-shadow:none}.call-button:focus-visible,.select-demo-task:focus-visible{outline-color:#168fe8}.connecting .call-button:disabled{background:#087bd3;color:#fff}
@media(max-width:600px){.demo-tasks-heading p{max-width:none;font-size:12px}.demo-tasks-heading{flex-wrap:wrap}.demo-task-controls{margin-left:auto}.task-selection-summary{font-size:12px}.call-button{width:100%}.judge-card{gap:18px}}

/* Show the objective first; keep the patient reference compact during the call. */
.demo-task-patient{margin:8px 0 18px;font-size:18px;line-height:1.4;font-weight:600;color:#194968;overflow-wrap:anywhere}.demo-task{padding:16px 18px}.call-task{max-height:30dvh;padding:10px 14px;gap:18px}.call-task-title{min-width:150px}.call-task-fields{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 16px}.call-task-fields dt{font-size:10px;margin-bottom:2px}.call-task-fields dd{font-size:12px;line-height:1.35;overflow-wrap:anywhere}
@media(max-width:600px){.demo-task-patient{font-size:17px}.call-task{max-height:30dvh;padding:10px;gap:8px}.call-task-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.call-task-title>span{font-size:10px}.call-task-title h2{font-size:13px;margin:0}.call-task .call-task-fields{gap:7px 12px}.call-task .call-task-fields .demo-detail-wide{grid-column:auto}.call-task .call-task-fields .demo-patient{grid-column:1/-1}.call-task-fields dt{font-size:9px}.call-task-fields dd{font-size:12px}}

.demo-task-label{display:block;font-size:16px;font-weight:600;color:#175786}.demo-task-help{margin:6px 0 14px;color:#477393;font-size:13px;line-height:1.6}.demo-task-select{display:block;width:100%;min-width:0;min-height:50px;font:inherit;font-size:14px;color:#194968;background:#f5fbff;border:1px solid #b5dcfa;border-radius:10px;padding:12px;cursor:pointer}.demo-task-select:focus-visible{outline:2px solid #168fe8;outline-offset:3px}.demo-task-select:disabled{cursor:default;color:#7897b1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Keep the surrounding landing-page copy centered. */
.launch-screen .demo-tasks,.launch-screen .demo-task-label,.launch-screen .demo-task-help,.launch-screen .demo-load-error{text-align:center}.launch-screen .demo-task-select{text-align:center;text-align-last:center}

/* Branded task picker with centered, readable patient names. */
.task-picker{position:relative}.task-picker .demo-task-select{position:relative;display:flex;align-items:center;justify-content:center;min-height:54px;padding:14px 38px;border-color:#a9d5f7;background:#f3faff;color:#325c7c;white-space:normal;line-height:1.5;text-align:center;border-radius:12px}.task-picker .demo-task-select:hover:not(:disabled){background:#e8f5ff}.demo-task-select strong,.demo-task-list strong{font-weight:650;color:#087bd3}.demo-task-select svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:transform .18s}.demo-task-select[aria-expanded=true] svg{transform:translateY(-50%) rotate(180deg)}.demo-task-list{position:absolute;z-index:10;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid #c2e2fa;border-radius:14px;background:#fff;box-shadow:0 12px 35px #168fe824;scrollbar-width:thin;scrollbar-color:#80c6fa #fff}.opens-up .demo-task-list{top:auto;bottom:calc(100% + 8px)}.demo-task-list [role=option]{padding:12px 14px;border-radius:8px;cursor:pointer;text-align:center;color:#325c7c;font-size:13px;line-height:1.5}.demo-task-list [role=option]:hover,.demo-task-list [role=option].active{background:#edf7ff}.demo-task-list [aria-selected=true]{background:#def0ff}.task-picker .demo-task-select:disabled{color:#7897b1;background:#f5f9fc}

/* Shared task picker sizing and alignment for browser and phone demos. */
:is(.launch-screen,.phone-landing) #demo-tasks-title{width:100%;max-width:460px;margin:0 auto;text-align:left}
:is(.launch-screen,.phone-landing) .task-picker{width:100%;max-width:460px;margin:14px auto 0}
:is(.launch-screen,.phone-landing) .task-picker .demo-task-select{background:#fff;border-radius:8px;min-height:50px;font-size:14px;justify-content:flex-start;text-align:left;text-align-last:left;padding-left:14px}
:is(.launch-screen,.phone-landing) .demo-task-list{border-radius:8px;box-shadow:0 4px 12px #168fe812}
:is(.launch-screen,.phone-landing) .demo-task-list [role=option]{font-size:13px;border-radius:4px;text-align:left}

/* Left-align task options consistently on every demo route. */
.task-picker .demo-task-list [role="option"]{text-align:left}
:is(.launch-screen,.phone-landing) .task-picker .demo-task-select{justify-content:center;text-align:center;text-align-last:center;padding-left:38px}

/* Match the selected value to the left-aligned option list. */
.task-picker .demo-task-select,:is(.launch-screen,.phone-landing) .task-picker .demo-task-select{justify-content:flex-start;text-align:left;text-align-last:left;padding-left:14px;padding-right:38px}