:root{--ink:#0b1722;--muted:#687683;--mint:#9ef0cd;--blue:#a6c8ff;--paper:#f6f8f7;--line:#dce4e2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;font:800 20px Manrope,sans-serif;letter-spacing:-1px}.brand>span:last-child{font-weight:500;color:#65767e;margin-left:-7px}.brandmark{height:30px;width:30px;border-radius:10px 10px 10px 3px;background:#a3edcd;display:grid;place-items:center;font:800 19px Manrope;color:#10241d}.links{display:flex;gap:36px;color:#52616b;font-size:13px}.links a:hover,.quiet:hover{color:#168e68}.navcta{font-size:13px;font-weight:700;border:1px solid #cfdad7;padding:12px 16px;border-radius:7px}.navcta b{margin-left:12px}.menubtn{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding:60px 0 95px;min-height:620px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#b5c4c8;display:flex;align-items:center;gap:10px}.eyebrow i{display:inline-block;width:20px;height:1px;background:#6aab8e}.eyebrow.dark{color:#63726e}.hero h1,h2{font:600 clamp(48px,6vw,76px)/1.04 Manrope,sans-serif;letter-spacing:-4.5px;margin:24px 0}.hero h1 em,h2 em{font-style:normal;color:#399c78}.lead{font-size:16px;line-height:1.8;color:#61707a;max-width:480px}.actions{display:flex;align-items:center;gap:26px;margin-top:32px}.button{display:inline-flex;gap:22px;align-items:center;padding:15px 19px;border-radius:6px;font-size:13px;font-weight:700}.primary{background:#0c1a25;color:white}.primary:hover{background:#20533f}.primary span{color:var(--mint)}.quiet{font-size:12px;color:#5c6a72}.quiet span{margin-left:6px}.proof{display:flex;align-items:center;gap:12px;margin-top:54px;color:#73817f;font-size:11px}.avatars{display:flex}.avatars span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--paper);margin-right:-6px;background:#bee5d6;color:#437b63;font-size:10px}.avatars span:nth-child(2){background:#d5e0f4}.avatars span:nth-child(3){background:#f0dccb}.visual{height:480px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,#dcefe6 0,transparent 62%)}.orb{position:absolute;border:1px solid #d4e4dd;border-radius:50%;width:420px;height:420px}.orb2{width:340px;height:340px;border-style:dashed;opacity:.7}.webcard{width:310px;background:white;border:1px solid #e0e8e4;border-radius:12px;box-shadow:0 28px 80px #254a3522;position:relative;z-index:1;overflow:hidden;transform:rotate(-3deg)}.webtop{height:35px;border-bottom:1px solid #edf0ee;display:flex;align-items:center;justify-content:space-around;font-size:9px;color:#96a29f}.dots{color:#d3dbd7;font-size:7px}.webinner{padding:24px 27px 23px}.mini-logo{width:28px;height:28px;background:#dff3e8;border-radius:8px;display:grid;place-items:center;font-weight:bold;color:#3b9671;margin-bottom:16px}.webinner small{font-size:8px;letter-spacing:1.4px;color:#7a8d85}.webinner h3{font:700 25px/1.15 Manrope;letter-spacing:-1px;margin:9px 0}.webinner p{font-size:10px;color:#83918b}.callbtn{width:100%;border:0;border-radius:5px;background:#173e30;color:#fff;padding:13px;display:flex;align-items:center;gap:9px;font:600 11px 'DM Sans';margin-top:18px;cursor:pointer}.phone{color:#a4efce}.arrow{margin-left:auto;color:#a4efce}.tiny{font-size:8px;color:#488f6a;margin-top:13px}.tiny span{color:#99a59e}.floating{position:absolute;z-index:2;background:#fff;border:1px solid #e4ebe7;box-shadow:0 12px 38px #183b2c20;border-radius:8px}.incoming{right:-4px;bottom:48px;width:250px;padding:15px;transition:.3s}.caller{display:flex;align-items:center;gap:10px}.call-icon{width:32px;height:32px;background:#e6f7ed;border-radius:50%;display:grid;place-items:center;color:#258857}.caller b,.caller small{display:block}.caller b{font-size:10px}.caller small{font-size:9px;color:#87948e;margin-top:3px}.pulse{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#51bc79;box-shadow:0 0 0 5px #51bc7920}.incoming-actions{display:flex;gap:8px;margin-top:13px}.incoming-actions button{flex:1;border:0;background:#f2f4f3;border-radius:4px;padding:8px;font-size:9px;color:#5c6863;cursor:pointer}.incoming-actions button:last-child{background:#1b8b5f;color:white}.tag{left:4px;top:65px;padding:12px 14px;color:#348568;font-size:12px}.tag span{font-size:9px;color:#55645d;margin-left:5px}.float-dot{position:absolute;right:28px;top:70px;background:#d6ebff;color:#5282bc;border-radius:50%;width:42px;height:42px;display:grid;place-items:center}.ticker{overflow:hidden;background:#dff0e9;border-block:1px solid #d1e7dc;padding:17px 0;white-space:nowrap;color:#477663;font-size:9px;letter-spacing:1.8px;font-weight:bold}.ticker div{word-spacing:14px;text-align:center}.ticker i{font-style:normal;color:#52a881;margin:0 8px}.section{padding:110px 0}.sectionhead{display:flex;align-items:end;justify-content:space-between;margin-bottom:44px}.sectionhead h2,.centertext h2,.closing h2{font-size:52px;letter-spacing:-3px;margin:18px 0 0}.sectionhead>p{max-width:340px;font-size:13px;line-height:1.8;color:#72807d;margin-bottom:4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}.steps article{padding:27px;min-height:270px;position:relative;background:#fff}.steps article+article{border-left:1px solid var(--line)}.num{position:absolute;right:24px;color:#9daaa4;font-size:10px}.stepico{width:37px;height:37px;border-radius:9px;background:#e9f5ef;display:grid;place-items:center;color:#3c9270;font-size:17px}.steps h3{font:700 17px Manrope;letter-spacing:-.5px;margin:25px 0 9px}.steps p{font-size:12px;line-height:1.7;color:#71807b;margin:0}.code{margin-top:20px;background:#f0f4f1;padding:10px;border-radius:4px;color:#39715a;font:10px monospace;white-space:nowrap;overflow:hidden}.device-icons{font-size:22px;color:#4c9a75;margin-top:17px}.device-icons small{font-size:9px;color:#829089}.queue{margin-top:20px;display:flex;align-items:center}.queue i{width:16px;height:16px;border-radius:50%;background:#bfe1d0;border:2px solid white;margin-left:-3px}.queue i:first-child{margin:0}.queue span{margin-left:8px;font-size:9px;color:#698078}.darksection{background:#0b1b25;color:white;padding:104px 0}.centergrid{display:grid;grid-template-columns:.9fr 1fr;gap:90px;align-items:center}.centertext h2{font-size:55px}.centertext h2 em,.closing h2 em{color:#a2ebc8}.centertext>p{font-size:13px;line-height:1.9;color:#a8b6bb;max-width:430px;margin:24px 0}.light{background:#d5f2e2;color:#18392b;margin-top:8px}.light span{color:#398661}.assure{font-size:10px;color:#7d9990;margin-top:30px}.ivr{background:#112732;border:1px solid #28414a;border-radius:10px;padding:23px}.ivrhead{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29404a;padding-bottom:16px}.ivrhead small,.ivrhead b{display:block}.ivrhead small{font-size:8px;color:#7f9c9e;letter-spacing:1.2px}.ivrhead b{font:600 13px Manrope;margin-top:6px}.live{font-size:8px;color:#a5e8c5}.live i{display:inline-block;width:6px;height:6px;background:#70cf98;border-radius:50%;margin-right:4px}.voice{display:flex;align-items:center;gap:12px;background:#1b3540;border-radius:6px;padding:13px;margin-top:17px}.aura{width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#b8f1d5,#76bde1);display:grid;place-items:center;color:#12372f;font:700 20px Manrope}.voice b,.voice small{display:block}.voice b{font-size:10px}.voice small{font-size:8px;color:#94aaad;margin-top:4px}.voice button{margin-left:auto;border:0;border-radius:50%;width:27px;height:27px;color:#adebc9;background:#254a4a;font-size:10px;cursor:pointer}.prompt{font-size:9px;color:#91a4a8;margin:17px 2px 9px}.options{display:grid;gap:6px}.options button{display:flex;align-items:center;gap:11px;text-align:left;background:#142e38;border:1px solid #28454c;border-radius:5px;color:#9de9c4;padding:10px;font-weight:bold;font-size:10px;cursor:pointer}.options button span{color:#e0e9e7;font-weight:500}.options button b{margin-left:auto;color:#779e91}.options button.active{border-color:#77cda1;background:#193c3d}.wait{display:flex;align-items:center;gap:10px;margin-top:13px;padding:12px;background:#1e3039;border-radius:5px}.waiticon{font-size:20px;color:#d6bd7e}.wait b,.wait small{display:block}.wait b{font-size:9px}.wait small{font-size:8px;color:#9eafb0;margin-top:4px}.waitwave{margin-left:auto;color:#a2e5c5;font-size:26px}.queuebottom{display:flex;justify-content:space-between;font-size:8px;color:#90a6a4;margin-top:15px}.queuebottom span:first-child{color:#9de9c4}.queuebottom b{margin-left:8px;color:#cfe4dc}.usecases{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.usecase{position:relative;min-height:190px;background:#fff;border:1px solid var(--line);padding:22px;border-radius:7px;display:flex;flex-direction:column}.usecase>span:first-child{font-size:8px;letter-spacing:1.3px;color:#5c9a7e}.usecase>b{font:700 17px Manrope;max-width:220px;line-height:1.4;margin-top:23px}.usecase>small{font-size:10px;line-height:1.6;color:#77837f;margin-top:9px;max-width:230px}.ucicon{position:absolute;right:20px;top:19px;color:#7bb996}.closing{text-align:center;padding:105px 0 100px;background:radial-gradient(ellipse at center,#e1f0e8,transparent 67%)}.closemark{margin:auto;width:38px;height:38px;border-radius:12px 12px 12px 3px;background:#a3edcd;display:grid;place-items:center;font:bold 22px Manrope;color:#10241d}.closing .eyebrow{justify-content:center;margin-top:27px}.closing h2{font-size:58px;margin:15px 0}.closing p{font-size:12px;color:#72807b;margin:18px 0 25px}.footer{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-top:1px solid #dce4e2;color:#798580;font-size:10px}.footer .brand{color:var(--ink);font-size:15px}.footer .brandmark{width:23px;height:23px;font-size:15px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,30px);opacity:0;transition:.25s;background:#142932;color:#fff;padding:12px 18px;border-radius:5px;font-size:11px;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:850px){.wrap{width:min(100% - 40px,650px)}.links{gap:15px}.links a{font-size:11px}.navcta{font-size:11px}.hero{grid-template-columns:1fr;padding-top:35px;gap:5px}.hero h1{font-size:66px}.visual{height:430px}.centergrid{grid-template-columns:1fr;gap:45px}.centertext{max-width:540px}.sectionhead h2{font-size:44px}.sectionhead>p{max-width:250px}.steps article{padding:20px}.steps p{font-size:11px}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.nav{height:70px}.links{display:none}.navcta{margin-left:auto;margin-right:12px;padding:10px}.menubtn{display:block;border:0;background:none;font-size:20px;color:#263a34}.hero{padding:35px 0 55px;min-height:auto}.hero h1{font-size:55px;letter-spacing:-3px}.lead{font-size:14px}.actions{gap:16px;flex-wrap:wrap}.proof{margin-top:35px;font-size:9px}.visual{height:370px;margin:0 -10px}.orb{width:310px;height:310px}.orb2{width:255px;height:255px}.webcard{width:270px}.incoming{right:0;bottom:30px;width:220px}.tag{left:0;top:28px}.float-dot{right:2px;top:40px}.section{padding:72px 0}.sectionhead{display:block}.sectionhead h2,.centertext h2{font-size:42px}.sectionhead>p{font-size:12px;margin-top:20px}.steps{grid-template-columns:1fr}.steps article{min-height:220px}.steps article+article{border-left:0;border-top:1px solid var(--line)}.darksection{padding:75px 0}.ivr{padding:16px}.usecases{grid-template-columns:1fr}.usecase{min-height:155px}.closing{padding:75px 0}.closing h2{font-size:43px;letter-spacing:-2px}.footer{flex-wrap:wrap;gap:15px}.footer>span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
*{box-sizing:border-box}.portal{padding:45px 0 90px}.portal h1{font:650 clamp(40px,6vw,64px)/1.04 Manrope,sans-serif;letter-spacing:-3px;margin:17px 0}.portal h1 em{font-style:normal;color:#399c78}.authbox{max-width:510px;margin:30px auto;background:white;padding:38px;border:1px solid #e2e9e5;border-radius:10px}.authswitch{display:flex;border-bottom:1px solid #dfe7e2;margin:28px 0 20px;gap:18px}.authswitch button{border:0;background:transparent;padding:10px 2px;color:#728079;cursor:pointer}.authswitch button.selected{border-bottom:2px solid #26885c;color:#1b4431}.authbox label,.dashcard label{display:block;font-size:11px;font-weight:700;color:#52635a;margin:14px 0}.authbox input,.dashcard input,.dashcard textarea{width:100%;padding:12px;border:1px solid #dfe7e2;border-radius:5px;margin-top:6px;font:13px Arial}.authbox .button,.dashcard .button{margin-top:14px;border:0;cursor:pointer}.authbox small,.muted{color:#78857f;font-size:11px}.formerror{color:#bf3848;font-size:11px}.portalhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.livepill{background:#e4f5eb;color:#38815b;border-radius:25px;padding:9px 13px;font-size:10px}.livepill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#50b77a;margin-right:5px}.dashgrid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.dashmain,.dashside{display:grid;align-content:start;gap:18px}.dashcard{background:white;border:1px solid #e2e9e5;border-radius:8px;padding:23px}.dashcard h2{font:700 21px Manrope;margin:7px 0}.dashcard h3{font:700 19px Manrope}.dashcard small{font-size:9px;letter-spacing:1px;color:#648577}.cardtop{display:flex;justify-content:space-between;align-items:center}.count{background:#e2f4e9;color:#337c55;border-radius:40px;padding:7px 12px}.empty{padding:32px 10px;color:#89948e;font-size:12px;text-align:center}.queueitem{display:flex;align-items:center;gap:12px;border-top:1px solid #edf0ee;padding:14px 0}.queue-avatar{width:36px;height:36px;border-radius:50%;background:#e1f3e8;color:#39835c;display:grid;place-items:center}.queueinfo{flex:1}.queueinfo b,.queueinfo small{display:block}.queueinfo b{font-size:12px}.queueinfo small{margin-top:4px;font-size:10px;letter-spacing:0;color:#87938d}.queueitem button{background:#155437;color:white;border:0;border-radius:4px;padding:9px 13px;cursor:pointer;font-size:11px}.snippet p{font-size:11px;line-height:1.6;color:#76837c}.snippet textarea{font:10px monospace;background:#f5f8f6}.widgetpreview{border-top:1px solid #e7ece9;margin-top:20px;padding-top:15px}.widgetpreview>span{display:block;font-size:9px;color:#829088;margin-bottom:10px}.widgetpreview .callbtn{padding:12px;background:#164530;color:white;border:0;border-radius:5px;cursor:pointer}.featureline{display:flex;gap:9px;align-items:center;color:#319363;font-size:14px;margin:16px 0}.featureline span{color:#5f6f67;font-size:10px}.saved{font-size:10px;color:#38815b;margin-left:12px}.callmodal[hidden],section[hidden]{display:none!important}.callmodal{position:fixed;inset:0;background:#07130ed9;display:grid;place-items:center;z-index:10;padding:15px}.callbox{background:#f9fbfa;border-radius:12px;width:min(680px,100%);padding:18px}.callbox header{display:flex;justify-content:space-between;font-size:12px}.callbox header button{border:0;background:none;font-size:24px;cursor:pointer}.remotevideos{position:relative;display:grid;place-items:center;margin-top:10px;background:#10241a;border-radius:8px;min-height:300px;overflow:hidden}.remotevideos video:first-child{width:100%;max-height:55vh}.remotevideos video:nth-child(2){position:absolute;width:120px;right:12px;bottom:12px;border-radius:6px}.callbox h2{text-align:center}.callbox p{text-align:center;color:#718078;font-size:11px}.callcontrols{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.callcontrols button{border:0;border-radius:30px;background:#dff3e7;color:#276a49;padding:11px 16px;cursor:pointer}.callcontrols #hangup{background:#f8dfe0;color:#a33d42}.customerlist{display:grid;gap:10px;margin-top:20px}.customer{display:flex;align-items:center;gap:12px}.customer span{flex:1;font-size:12px}.customer small{display:block;color:#89948e;margin-top:4px}.customer button{border:0;border-radius:4px;padding:8px 10px;cursor:pointer}.adminlogin{max-width:520px}.mavuza-call-launcher{position:fixed!important;right:22px!important;bottom:22px!important;z-index:2147483000!important;display:flex!important;align-items:center!important;gap:9px!important;background:#123d2b!important;color:#fff!important;border:0!important;border-radius:32px!important;padding:14px 20px!important;box-shadow:0 10px 30px #123d2b44!important;cursor:pointer!important;font:600 13px Arial!important}.mavuza-call-launcher span{color:#a4edc7}.mavuza-call-launcher b{font-weight:600}#mavuza-call-frame{position:fixed!important;right:18px!important;bottom:88px!important;width:min(400px,calc(100vw - 28px))!important;height:min(690px,calc(100vh - 112px))!important;border:1px solid #d9e4de!important;border-radius:14px!important;box-shadow:0 15px 60px #09190f38!important;z-index:2147483000!important;background:white!important}#mavuza-call-close{position:fixed!important;right:25px!important;bottom:min(792px,calc(100vh - 88px))!important;z-index:2147483001!important;border:0!important;border-radius:50%!important;width:30px!important;height:30px!important;background:#163c2a!important;color:white!important;font-size:20px!important;cursor:pointer!important}@media(max-width:760px){.portal{padding:26px 0}.dashgrid{grid-template-columns:1fr}.authbox{padding:28px 22px}.portalhead{align-items:flex-start;gap:10px;flex-direction:column}.portal h1{font-size:48px}}

.queueitem button:disabled{background:#dfe9e3;color:#708178;cursor:wait}.customer button{background:#e4f2ea;color:#315d45}
.callbackitem{display:flex;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0ee;font-size:10px}.callbackitem span{flex:1}.callbackitem a{color:#31845a}.callbackitem button{border:0;background:#e9f3ed;color:#35634a;border-radius:4px;padding:6px 8px;cursor:pointer}.button.secondary{background:#e5f3eb;color:#2e704c}
.languageOptions{border:1px solid #e3e9e5;border-radius:12px;padding:14px;margin:0 0 16px}.languageOptions legend{font-size:13px;font-weight:600;padding:0 6px}.languageOptions>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:6px}.languageOptions label{display:flex;align-items:center;gap:8px;font-size:13px}.languageOptions input{width:auto;margin:0}
