@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#edf3ef;--green:#8ee4b5;--muted:#87938c;--line:#dcf0e41f;background:#080d0b;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html,body,#root{background:#080d0b;min-height:100%;margin:0}button{font:inherit}.agent-room{background:radial-gradient(60% 45% at 50% 45%,#295f4329,#0000 72%),#080d0b;grid-template-rows:74px 1fr 46px;min-height:100vh;display:grid;overflow:hidden}.agent-room header{border-bottom:1px solid var(--line);z-index:3;justify-content:space-between;align-items:center;padding:0 38px;display:flex}.wordmark{letter-spacing:.22em;align-items:center;gap:12px;font:700 14px Manrope;display:flex}.wordmark span{background:var(--green);color:#07100c;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.wordmark svg{width:19px}.secure{color:#a4afa8;align-items:center;gap:8px;font-size:12px;display:flex}.secure svg{width:13px}.secure i{background:var(--green);width:6px;height:6px;box-shadow:0 0 12px var(--green);border-radius:50%}.agent-room main{place-items:center;min-height:0;display:grid}.welcome{text-align:center;flex-direction:column;align-items:center;max-width:720px;padding:30px;display:flex}.kicker{letter-spacing:.22em;color:var(--green);font:600 10px Manrope}.welcome h1{letter-spacing:-.055em;margin:18px 0 24px;font:500 clamp(38px,6vw,68px)/1.08 Manrope}.welcome>p:not(.kicker){max-width:560px;color:var(--muted);font-size:17px;line-height:1.7}.welcome button{background:var(--green);color:#07120d;cursor:pointer;border:0;border-radius:18px;justify-content:center;align-items:center;gap:14px;min-width:250px;height:62px;margin-top:28px;font:700 14px Manrope;transition:all .2s;display:flex;box-shadow:0 14px 40px #5bd5912e}.welcome button:hover{transform:translateY(-2px);box-shadow:0 18px 55px #5bd59142}.welcome button:disabled{opacity:.4;cursor:wait}.welcome button i{background:#07120d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #07120d1f}.welcome small{color:#657169;align-items:center;gap:6px;margin-top:15px;display:flex}.welcome small svg{width:13px}.live-session{grid-template-rows:1fr auto;grid-template-columns:58% 42%;width:min(1060px,100%);height:100%;padding:8px 24px 20px;display:grid;position:relative}.bot-stage{grid-row:1/3;place-items:center;min-height:590px;display:grid;position:relative}.aura{border:1px solid #8ee4b51f;border-radius:50%;width:430px;height:430px;position:absolute;box-shadow:0 0 110px #3db7731a,inset 0 0 80px #3db7730f}.aura:before,.aura:after{content:"";border:1px dashed #8ee4b517;border-radius:50%;animation:22s linear infinite spin;position:absolute;inset:35px}.aura:after{animation-duration:17s;animation-direction:reverse;inset:78px}.floor-glow{filter:blur(8px);background:radial-gradient(#5cdb9642,#0000 68%);border-radius:50%;width:360px;height:70px;position:absolute;bottom:35px}.bot-image{transform-origin:42%;background:url(/assets/doers-officer.png) 50%/contain no-repeat;width:510px;height:590px;position:absolute;transform:translate(-30px)}.bot-base{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.bot-left-arm{clip-path:polygon(0 15%,48% 15%,48% 53%,0 53%);transform-origin:43% 26%}.bot-right-arm{clip-path:polygon(52% 15%,100% 15%,100% 53%,52% 53%);transform-origin:57% 26%}.bot-head{clip-path:polygon(36% 0,64% 0,64% 23%,36% 23%)}.speaking .bot-base{animation:2s ease-in-out infinite bodyTalk}.speaking .bot-left-arm{animation:2.15s ease-in-out infinite leftGesture}.speaking .bot-right-arm{animation:1.75s ease-in-out infinite rightGesture}.speaking .bot-head{animation:1.9s ease-in-out infinite headTalk}.listening .bot-head{animation:2.7s ease-in-out infinite listenHead}.thinking .bot-head{animation:2.4s ease-in-out infinite thinkHead}.voice-state{color:#dbe5df;text-transform:uppercase;letter-spacing:.13em;align-self:end;align-items:center;gap:10px;font:600 12px Manrope;display:flex}.state-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 14px var(--green);border-radius:50%}.soundwave{align-items:center;gap:3px;height:22px;margin-left:4px;display:flex}.soundwave i{background:var(--green);border-radius:2px;width:2px;height:4px}.speaking .soundwave i{animation:.65s ease-in-out infinite alternate wave}.soundwave i:nth-child(2n){animation-delay:.2s}.soundwave i:nth-child(3n){animation-delay:.4s}.live-copy{letter-spacing:-.025em;color:#e2e9e5;align-self:start;max-width:430px;min-height:126px;margin-top:16px;font:500 clamp(20px,2.5vw,30px)/1.45 Manrope}.transcript-strip{border-top:1px solid var(--line);width:40%;max-height:190px;padding-top:15px;position:absolute;bottom:26px;right:24px;overflow:auto}.transcript-strip>div{margin-bottom:13px}.transcript-strip span{text-transform:uppercase;letter-spacing:.14em;color:var(--green);font:600 9px Manrope}.transcript-strip p{color:#88958d;margin:4px 0;font-size:12px;line-height:1.5}.transcript-strip .user{text-align:right}.agent-room footer{color:#5e6a63;border-top:1px solid var(--line);justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex}.agent-room footer svg{width:12px}.agent-room footer span{background:#536058;border-radius:50%;width:3px;height:3px;margin:0 7px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bodyTalk{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes leftGesture{0%,to{transform:rotate(0)}45%{transform:rotate(-5deg)translate(-4px,-3px)}}@keyframes rightGesture{0%,to{transform:rotate(0)}50%{transform:rotate(6deg)translate(5px,-5px)}}@keyframes headTalk{0%,to{transform:rotate(0)}40%{transform:rotate(-2deg)}70%{transform:rotate(2deg)}}@keyframes listenHead{0%,to{transform:rotate(0)}50%{transform:rotate(3deg)}}@keyframes thinkHead{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(-3deg)}}@keyframes wave{to{height:18px}}@media (width<=760px){.agent-room{grid-template-rows:64px 1fr 38px}.agent-room header{padding:0 18px}.secure{font-size:0}.live-session{flex-direction:column;padding:0 16px;display:flex}.bot-stage{min-height:450px}.bot-image{width:370px;height:450px}.aura{width:300px;height:300px}.voice-state{justify-content:center}.live-copy{text-align:center;min-height:80px;margin:12px auto;font-size:20px}.transcript-strip{display:none}.agent-room footer{font-size:9px}.agent-room footer span,.agent-room footer span~*{display:none}.welcome h1{font-size:40px}.welcome>p:not(.kicker){font-size:15px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}.live-session.orb-only{isolation:isolate;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}.orb-stage{place-items:center;width:min(620px,92vw);height:min(65vh,620px);min-height:470px;display:grid;position:relative}.voice-orb{aspect-ratio:1;will-change:transform,border-radius;background:radial-gradient(circle at 32% 24%,#e7fff7d9 0 3%,#70edc252 16%,#0d684ec7 56%,#021b15fa 100%);border:1px solid #bfffe36b;border-radius:47% 53% 50% 50%/52% 46% 54% 48%;width:clamp(210px,29vw,330px);animation:5.6s ease-in-out infinite orbBreathe;position:relative;overflow:hidden;box-shadow:inset -28px -34px 70px #00120db8,inset 22px 18px 46px #bdffe433,0 0 32px #56ebb038,0 0 110px #18a97029}.orb-water{filter:blur(1px);mix-blend-mode:screen;border-radius:43%;width:136%;height:62%;position:absolute;left:-18%}.water-back{background:linear-gradient(#89ffd814,#2dd39c75);animation:7s ease-in-out infinite waterRoll;bottom:-20%}.water-front{background:linear-gradient(#d3fff12e,#1b926b7a);animation:5.2s ease-in-out -1.4s infinite reverse waterRoll;bottom:-28%}.orb-caustics{opacity:.52;filter:blur(3px);background:repeating-radial-gradient(at 30% 40%,#0000 0 15px,#beffe81f 18px,#0000 24px);border-radius:50%;animation:9s linear infinite caustics;position:absolute;inset:8%}.orb-glint{filter:blur(9px);background:#e9fff794;border-radius:50%;width:27%;height:12%;position:absolute;top:13%;left:20%;transform:rotate(-28deg)}.orb-halo{pointer-events:none;border:1px solid #74efc121;border-radius:50%;position:absolute}.halo-one{aspect-ratio:1;width:68%;animation:4s ease-in-out infinite halo}.halo-two{aspect-ratio:1;opacity:.45;border-style:dashed;width:84%;animation:30s linear infinite spin}.orb-shadow{filter:blur(15px);background:#31da972b;border-radius:50%;width:250px;height:34px;animation:5.6s ease-in-out infinite shadowBreathe;position:absolute;bottom:11%}.listening .voice-orb{box-shadow:inset -28px -34px 70px #00120db8,inset 22px 18px 46px #bdffe433,0 0 42px #56ebb047,0 0 125px #18a97033}.user-speaking .voice-orb{animation:.18s ease-in-out infinite alternate voiceVibrate,.85s ease-in-out infinite orbLiquid}.user-speaking .halo-one{animation:.72s ease-out infinite inputRipple}.user-speaking .halo-two{animation:1s ease-out .16s infinite inputRipple}.thinking .voice-orb{animation:1.6s ease-in-out infinite orbThink}.thinking .orb-caustics{animation-duration:2.8s}.speaking .voice-orb{animation:.55s ease-in-out infinite alternate orbTalk}.speaking .water-front{animation-duration:1.4s}.speaking .water-back{animation-duration:1.9s}.speaking .halo-one{animation:1.15s ease-out infinite talkRipple}.speaking .halo-two{animation:1.15s ease-out .35s infinite talkRipple}.orb-only .voice-state{align-self:auto;margin-top:-20px}.orb-only .silence-hint{color:#718078;letter-spacing:.02em;text-align:center;height:22px;margin:12px 0 0;font-size:12px}@keyframes orbBreathe{0%,to{border-radius:47% 53% 50% 50%/52% 46% 54% 48%;transform:scale(.98)translateY(2px)}50%{border-radius:52% 48% 46% 54%/47% 55% 45% 53%;transform:scale(1.025)translateY(-4px)}}@keyframes waterRoll{0%,to{transform:translate(-2%,4%)rotate(-4deg)}50%{transform:translate(5%,-7%)rotate(5deg)}}@keyframes caustics{to{transform:rotate(360deg)scale(1.08)}}@keyframes halo{0%,to{opacity:.4;transform:scale(.96)}50%{opacity:.8;transform:scale(1.04)}}@keyframes shadowBreathe{0%,to{opacity:.5;transform:scale(.88)}50%{opacity:.9;transform:scale(1.08)}}@keyframes voiceVibrate{0%{transform:translate(-2px,1px)scale(1.02)}to{transform:translate(2px,-1px)scale(1.035)}}@keyframes orbLiquid{0%,to{border-radius:45% 55% 52% 48%/55% 44% 56% 45%}50%{border-radius:55% 45% 47% 53%/44% 57% 43% 56%}}@keyframes inputRipple{0%{opacity:.75;transform:scale(.76)}to{opacity:0;transform:scale(1.18)}}@keyframes orbThink{0%,to{transform:scale(.96)rotate(-1deg)}50%{transform:scale(1.04)rotate(2deg)}}@keyframes orbTalk{0%{border-radius:44% 56% 51% 49%/54% 43% 57% 46%;transform:scale(.98,.96)}to{border-radius:55% 45% 46% 54%/45% 56% 44% 55%;transform:scale(1.045,1.03)}}@keyframes talkRipple{0%{opacity:.78;transform:scale(.72)}to{opacity:0;transform:scale(1.26)}}@media (width<=760px){.orb-stage{height:58vh;min-height:390px}.voice-orb{width:230px}.orb-only .voice-state{margin-top:-8px}}@media (prefers-reduced-motion:reduce){.voice-orb,.orb-water,.orb-caustics,.orb-halo,.orb-shadow{animation:none!important}}