@font-face{font-family:Manrope;src:url('/assets/fonts/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
body{background:#FFF;color:#072535;font-family:Manrope,Arial,sans-serif}.arkoz-demo{--navy:#072535;--teal:#00B8B4;--purple:#007A78;--green:#007A78}.demo-grid{background:#F3F8FA;border:0;border-radius:5px;box-shadow:none;gap:0}.player-panel{background:#072535;padding:30px;border-radius:5px 0 0 5px}.conversation{background:#F3F8FA;color:#072535;border:0}.conversation-head{padding:25px 25px 15px}.conversation h2{font-family:Manrope,Arial,sans-serif;font-size:25px;font-weight:650;letter-spacing:-.03em}.conversation-head .eyebrow,.legend{color:#45565D}.conversation .secondary{background:white;color:#072535;border:1px solid #A9BFC8}.transcript{height:340px;max-height:340px;scrollbar-color:#A9BFC8 #F3F8FA}.message,.message.caller{border:0;background:white;color:#072535;font-size:14px;line-height:1.75;border-radius:4px;max-width:95%}.message-meta,.caller .message-meta{color:#007A78;font-size:10px;letter-spacing:0;text-transform:none}.message time{color:#45565D}.message.active,.message.caller.active{background:#DBEFEC;border:0}.word.current,.caller .word.current{background:#BCE4DF;box-shadow:none;color:#072535}.transcript-footer{color:#45565D;border-top:1px solid #CFDDE1;font-size:12px}.speaker-icon{border:1px solid #446B77;color:#71DAD3;background:#153A48}.speaker-name{font-family:Manrope,Arial,sans-serif;font-size:34px;font-weight:650;letter-spacing:-.035em}.time{font-family:Manrope,Arial,sans-serif;font-variant-numeric:tabular-nums}.next-step p{font-size:17px;line-height:1.6}.next-step .eyebrow{color:#B6D0DA}.arkoz-demo .eyebrow{text-transform:none;letter-spacing:0;font-weight:600;font-size:12px}.pill{background:#153A48;color:#71DAD3;border:0;letter-spacing:0;text-transform:none}.handover{border-radius:0;background:#FFF;border:0;border-bottom:1px solid #CFDDE1;padding:27px 0;gap:40px}.handover h2{font-family:Manrope,Arial,sans-serif;font-weight:650;letter-spacing:-.025em;font-size:25px}.handover p{color:#45565D;font-size:13px;line-height:1.6}.handover dt{text-transform:none;letter-spacing:0;color:#45565D;font-size:12px}.handover dd{font-size:13px}.handover .eyebrow{color:#007A78}.arkoz-demo :focus-visible{outline:3px solid #007A78;outline-offset:4px}.cta-arrow{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cta-disc{display:none}.cta-mark{fill:none;stroke:currentColor;stroke-width:2}a.cta{background:#00B8B4;color:#072535!important;border-radius:5px;font-size:13px;padding:16px 20px;font-weight:750}.custom-controls .primary{background:#00B8B4;color:#072535;border-radius:4px;font-weight:750}.secondary{border-radius:4px}.status{font-size:12px;color:#B6D0DA}.transport{gap:10px}.next-step{border-top:1px solid #375361}.speaker-role{color:#B6D0DA}.speaker-icon svg{stroke-width:3}.wordmark{display:block;width:160px;height:53px;background:url('/assets/arkoz-logo-dark.png') center/contain no-repeat;font-size:0}.wordmark span{display:none}
body.embed .arkoz-demo{padding:0}
@media(max-width:760px){.demo-grid{display:block}.player-panel{padding:26px;border-radius:5px 5px 0 0}.conversation{border-radius:0 0 5px 5px}.conversation-head{padding:25px 20px 16px}.conversation h2{font-size:23px}.transcript{height:300px;max-height:300px}.message,.message.caller{font-size:13px}.handover{display:block;padding:26px 0}.handover>div{margin-bottom:25px}.handover dl{gap:22px}.handover dd{font-size:13px}.handover h2{font-size:25px}.legend{font-size:11px}.next-step p{font-size:16px}.speaker-name{font-size:32px}.time{font-size:12px}}