@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
:root{--background:#fff;--foreground:#171717;--rabo:#ff6200;--font-sans:var(--font-geist-sans)}@keyframes pulse-ring{0%{opacity:.35;transform:scale(1)}to{opacity:0;transform:scale(1.65)}}@keyframes spin{to{transform:rotate(360deg)}}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}*{-webkit-tap-highlight-color:transparent}.page{background:#fff;flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid #f3f4f6;align-items:center;padding:2rem 3rem;display:flex;position:relative}.header-logo{flex-shrink:0;width:auto;height:4rem}.header-text{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.header-title{letter-spacing:-.025em;color:#111827;font-size:1.875rem;font-weight:700}.header-subtitle{color:#9ca3af;margin-top:.25rem;font-size:1rem}.main-content{flex:1;justify-content:center;align-items:center;display:flex}.conversation{flex-direction:column;align-items:center;gap:2.5rem;display:flex}.panel{transition:opacity .15s,transform .15s}.panel--visible{opacity:1;position:relative;transform:scale(1)}.panel--hidden{opacity:0;pointer-events:none;position:absolute;transform:scale(.9)}.wave{cursor:pointer}.wave-bars{align-items:center;gap:.5rem;height:120px;display:flex}.wave-bar{background-color:var(--rabo);transform-origin:50%;border-radius:6px;width:10px;height:100px;transition:transform 60ms}.spinner-circle{background-color:var(--rabo);border-radius:9999px;justify-content:center;align-items:center;width:11rem;height:11rem;display:flex}.spinner-icon{animation:1s linear infinite spin}.pulse-ring{background-color:var(--rabo);border-radius:9999px;width:240px;height:240px;position:absolute}.pulse-ring--fast{opacity:.2;animation:2s ease-out infinite pulse-ring}.pulse-ring--slow{opacity:.15;animation:2s ease-out .5s infinite pulse-ring}.btn-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.btn{z-index:10;-webkit-user-select:none;user-select:none;border:none;border-radius:9999px;outline:none;justify-content:center;align-items:center;width:11rem;height:11rem;transition:all .3s;display:flex;position:relative}.btn--idle{color:#d1d5db;cursor:pointer;background:#fff;border:3px solid #f3f4f6;box-shadow:0 20px 25px -5px #0000001a}.btn--idle:hover{color:#fb923c;border-color:#fed7aa}.btn--idle:active{transform:scale(.95)}.btn--active{background-color:var(--rabo);color:#fff;cursor:pointer;transform:scale(1.05);box-shadow:0 25px 50px -12px #00000040}.status{letter-spacing:-.025em;font-size:1.5rem;font-weight:600;transition:color .3s}.status--idle{color:#9ca3af}.status--active{color:var(--rabo)}.select-screen{flex-direction:column;align-items:center;gap:2.5rem;display:flex}.select-title{color:#111827;letter-spacing:-.025em;font-size:2rem;font-weight:700}.select-subtitle{color:#9ca3af;margin-top:-1.5rem;font-size:1rem}.agent-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:900px;padding:0 1rem;display:grid}.agent-card{cursor:pointer;background:#fff;border:2px solid #f3f4f6;border-radius:1.25rem;outline:none;flex-direction:column;align-items:center;gap:.75rem;padding:1.75rem 1.5rem;transition:all .2s;display:flex;position:relative}.agent-card:hover{border-color:var(--rabo);transform:translateY(-4px);box-shadow:0 10px 30px #ff62001f}.agent-card:active{transform:translateY(0)}.agent-key{color:#6b7280;background:#f3f4f6;border-radius:.5rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:.75rem;right:.75rem}.agent-card:hover .agent-key{background:var(--rabo);color:#fff}.agent-avatar{color:#6b7280;background:#f3f4f6;border-radius:9999px;justify-content:center;align-items:center;width:5rem;height:5rem;font-size:1.75rem;font-weight:700;transition:all .2s;display:flex}.agent-card:hover .agent-avatar{background:var(--rabo);color:#fff}.agent-name{color:#111827;font-size:1.125rem;font-weight:600}.agent-role{color:#9ca3af;font-size:.875rem}.back-btn{z-index:50;color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;position:absolute;top:calc(100% + 1rem);left:3rem}.back-btn:hover{border-color:var(--rabo);color:var(--rabo)}.agent-label{color:#9ca3af;letter-spacing:.05em;text-transform:uppercase;font-size:.875rem}@media (orientation:portrait){.header{padding:1.5rem 2rem}.header-logo{height:3rem}.header-title{font-size:1.4rem}.header-subtitle{font-size:.875rem}.agent-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;max-width:560px}.agent-card{padding:1.5rem 1.25rem}.agent-avatar{width:4rem;height:4rem;font-size:1.4rem}.agent-name{font-size:1rem}.agent-role{font-size:.8rem}.select-title{font-size:1.6rem}.btn{width:9rem;height:9rem}.pulse-ring{width:200px;height:200px}.wave-bars{height:100px}.wave-bar{width:8px;height:80px}.status{font-size:1.25rem}}@media (max-width:500px){.agent-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 .75rem}.agent-card{gap:.5rem;padding:1.25rem 1rem}.agent-avatar{width:3.5rem;height:3.5rem;font-size:1.25rem}.header{padding:1rem 1.25rem}.back-btn{left:1.25rem}}
