:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#173d35;background:#f4f3ec;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c57924;outline-offset:5px}header{height:100px;padding:0 6vw;display:flex;align-items:center;gap:20px;border-bottom:1px solid #173d3520}.brand{text-decoration:none;color:inherit;display:flex;align-items:center;font-weight:650;gap:12px;letter-spacing:-.5px}.brand-mark{width:35px;height:35px;display:grid;place-items:center;background:#173d35;color:#e3efab;border-radius:50%;font-family:Georgia,serif;font-size:30px}.private{margin-left:auto;font-size:13px;color:#52695f}main{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:64px 6vw 55px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 24px}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-5px;font-size:clamp(60px,6.8vw,100px);line-height:.98;margin:0 0 30px}.lead{font-size:18px;line-height:1.6;max-width:340px;color:#52695f}.steps{margin:40px 0}.steps p{padding:12px 0;border-bottom:1px solid #173d3520;font-size:14px}.steps b{display:inline-block;width:42px;font-size:10px;letter-spacing:1px;color:#61796d}.privacy-note{font-size:12px;line-height:1.65;color:#607369}.workspace{max-width:450px;width:100%;justify-self:end;animation:arrive .55s ease both}#login{margin-top:60px}h2{font-size:25px;font-weight:500;letter-spacing:-.6px}label{font-size:13px;display:block;margin:0 0 10px}input,select{width:100%;background:transparent;color:#173d35;border:1px solid #afbeb4;border-radius:8px;padding:14px;min-height:48px}input{margin-bottom:20px}.primary{background:#173d35;color:#fff;border:0;padding:16px 20px;border-radius:8px;width:100%;display:flex;justify-content:space-between}#login>p:last-child{font-size:13px;line-height:1.6;color:#607369}.picker{margin-bottom:20px}.phone{position:relative;background:#173d35;color:#f5f5eb;border-radius:28px;padding:24px;text-align:center;box-shadow:0 22px 45px #173d3515}.phone-top{display:flex;justify-content:space-between;font-size:11px;color:#bacbc4;letter-spacing:.4px}.avatar{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:#dfeaaa;color:#173d35;font-family:Georgia,serif;font-size:48px;margin:28px auto 18px;transition:box-shadow .3s,transform .3s}.phone h2{font-size:30px;margin:0 0 8px}.phone #status{font-size:13px;color:#d0ded7;min-height:20px}.wave{height:32px;display:flex;justify-content:center;align-items:center;gap:5px;margin:14px 0}.wave i{height:6px;width:4px;border-radius:6px;background:#dfeaaa}.phone[data-state=listening] .wave i,.phone[data-state=speaking] .wave i,.phone[data-state=ringing] .wave i{animation:wave .8s ease-in-out infinite alternate}.wave i:nth-child(2n){animation-delay:-.4s!important}.wave i:nth-child(3n){animation-delay:-.2s!important}.phone[data-state=listening] .avatar{box-shadow:0 0 0 10px #e3efab12}.phone #hint{font-size:12px;color:#bacbc4;max-width:280px;margin:0 auto 22px;line-height:1.6;min-height:38px}.controls{display:flex;justify-content:center;gap:22px}.round{border:0;border-radius:50%;background:#ffffff18;color:#fff;width:56px;height:56px;font-size:23px;transition:transform .2s,background .2s}.round:hover:enabled{transform:translateY(-3px)}.round.accept,#call{background:#dfeaaa;color:#173d35}.round.hangup{background:#b94439;transform:rotate(135deg)}.round.hangup:hover:enabled{transform:rotate(135deg) translateY(-3px)}.round[aria-pressed=true]{background:#eadbb0;color:#173d35}.control-label{font-size:11px;color:#bacbc4;margin:14px 0 8px}.text-button{border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:4px;font-size:12px;padding:10px}.phone .text-button{color:#dfeaaa}details{margin-top:20px;border-top:1px solid #173d3520;padding:15px 0}summary{cursor:pointer;font-size:13px}#messages{max-height:240px;overflow:auto;font-size:14px;line-height:1.6}#messages p{padding:10px 0;border-bottom:1px solid #173d3515}#messages b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px}#error{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#fff5e8;border:1px solid #bd6845;color:#70361d;border-radius:12px;padding:18px 24px;max-width:90vw;width:520px;z-index:3;font-size:14px;box-shadow:0 10px 30px #0001}footer{padding:20px 6vw;border-top:1px solid #173d3520;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#607369}[hidden]{display:none!important}@keyframes wave{to{height:28px}}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){header{height:74px;padding:0 22px}.private{display:none}#logout{margin-left:auto}main{display:block;padding:34px 22px}.intro h1{font-size:58px;letter-spacing:-3px}.intro h1 br{display:none}.eyebrow{margin-bottom:14px}.lead{font-size:16px}.steps{display:none}.intro>.privacy-note{display:none}.workspace{max-width:100%;margin-top:28px}#login{margin-top:0}.phone{padding:23px}.avatar{margin-top:24px}.intro:has(+ .workspace #practice:not([hidden])) .lead{display:none}footer{padding:20px 22px}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.phone[data-state=ringing] .avatar{animation:incoming .8s ease-in-out infinite}@keyframes incoming{50%{box-shadow:0 0 0 12px #dfeaaa24;transform:scale(1.04)}}