@layer base{:root{--primary-color: #17262d;--secondary-color: #c16b29;--light-color: #ffffff;--dark-text: #000000;--form-border: #b8b8b8;--section-spacing: 60px;--logo-height: 62px;--small-logo-height: 40px;--hover-scale: 1.05;--content-width: 1000px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--light-color);color:var(--dark-text)}main .children{font-size:17px;p{padding:0;margin:10px 0}p,li{line-height:1.5}li{margin:10px 0}ul,ol{padding-left:50px}}*{box-sizing:border-box}html,body,main,#root{height:100%;overflow:hidden;overscroll-behavior:none}main{display:flex;flex-direction:column;justify-content:center;.scrollable{display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;overflow-x:hidden;flex:1;background-color:var(--primary-color);>.children{display:flex;flex-direction:column;justify-content:center;background-color:#fff;flex:11}}}.field{margin:10px 0;label{display:block;.required-mark{color:red}}}input,textarea{padding:6px 12px;border:1px solid color-mix(in srgb,var(--form-border),transparent 00%);border-radius:7px;max-width:100%;font:inherit}input{width:250px}button,.cta-button,a.button{background-color:color-mix(in srgb,var(--light-color),var(--primary-color) 15%);color:var(--primary-color);padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:700;font-family:inherit;font-size:1rem;transition:all .2s ease-in-out;text-decoration:none;user-select:none;-webkit-user-select:none;display:inline-block;&:disabled{opacity:.3}&:hover{background-color:color-mix(in srgb,var(--light-color),var(--primary-color) 20%);color:#000;transform:scale(var(--hover-scale))}}.cta-button{background-color:var(--primary-color);color:var(--light-color);border:none;&.themed{background-color:var(--secondary-color);color:var(--light-color)}&:hover{background-color:#596b73;color:#fff}}.cta-button-themed{display:inline-block;background-color:var(--secondary-color);color:var(--light-color);padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:all .2s ease-in-out;margin:20px auto 0;&:hover{background-color:#f2f5ec;color:#17262d}}:is(.cta-button-themed,.cta-button,button)+:is(.cta-button-themed,.cta-button,button){margin-left:20px}h2{font-size:3rem;font-weight:500;margin:20px 0 40px;color:var(--primary-color);text-align:center}@media (max-width: 768px){h2{font-size:2.5rem}}a:not(.button,.cta-button,.cta-button-themed){color:var(--secondary-color);text-decoration:none;position:relative;&:before{content:" ";position:absolute;display:inline-block;width:0;height:2px;bottom:1px;background-color:var(--secondary-color);transition:width .3s,left .3s;left:50%;border-radius:2px}&:hover,&:focus-visible{&:before{width:100%;left:0}}}table{border-collapse:collapse;width:100%;background-color:var(--bg2);margin:1em 0;border:1px solid #0004;border-spacing:0}th,td{border:2px solid var(--fg3);padding:10px 15px}th{text-align:center;background-color:#0001;color:var(--on-primary);border-color:var(--fg1);font-weight:700}td{background-color:var(--bg1);color:var(--fg2)}li::marker{color:var(--secondary-color);content:url(/img/other/bullet.svg) "  "}hr{margin-top:20px!important;margin-bottom:20px!important}.can-fade{transition:opacity .6s ease-out,transform .6s ease-out}.can-fade.hide{opacity:0;transform:translateY(20px)}time{opacity:.6}details{summary{display:flex;justify-content:space-between;align-items:center;span:first-of-type{font-size:2rem}}&[open]{summary .button{opacity:.5}}}}@layer base{.loader{display:inline-block;width:15px;aspect-ratio:1;border-radius:50%;border:5px solid var(--secondary-color);animation:l20-1 .8s infinite linear alternate,l20-2 1.6s infinite linear}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0)}to{transform:scaleY(-1) rotate(-135deg)}}}@layer layout{header.header{background-color:var(--light-color);border-bottom:1px solid #eaeaea;padding:10px 20px;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:10;.menu-container{display:flex;align-items:center;justify-content:space-between;max-width:var(--content-width);margin:0 auto}.menu-top{display:flex;align-items:center;justify-content:space-between;position:relative;top:3px}a:has(.logo){&:before{display:none}}.logo{height:45px;width:auto}.hamburger-button{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--dark-text);&:hover{color:var(--secondary-color)}}.nav-links{display:flex;gap:20px;a{color:inherit;text-decoration:none;position:relative;&:before{content:" ";position:absolute;display:inline-block;width:0;height:2px;bottom:1px;background-color:currentColor;transition:width .3s,left .3s;left:50%;border-radius:2px}&:hover,&:focus-visible{&:before{width:100%;left:0}}}}@media (max-width: 768px){.menu-container{flex-direction:column;align-items:stretch}.hamburger-button{display:block}&:has([data-menu-open=true]){.nav-links{display:flex}}.nav-links{display:none;flex-direction:column;padding:1rem 0;&.active{display:flex}a{padding:.5rem 0}}.cta-button{margin-top:1rem;text-align:center}}a[data-current=true]{pointer-events:none;user-select:none;-webkit-user-select:none;color:var(--secondary-color);&:before{width:100%;left:0}}.cta-button[data-current=true]{color:#fff;background-color:var(--secondary-color);opacity:.8}}}@layer layout{footer.footer{background-color:var(--primary-color);color:var(--light-color);padding:20px 0;text-align:center;.footer-container{line-height:1.7;.top{max-width:var(--content-width);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:0 20px}.title{max-width:var(--content-width);margin:0 auto;h2{color:#fff;font-size:3rem;text-align:left;padding:0 0 0 280px;margin:20px 0}}.bottom{max-width:var(--content-width);margin:0 auto;display:flex;text-align:left;padding:0 20px;.address{width:262px}.links{flex-wrap:wrap;display:flex;gap:60px;ul{list-style:none;padding:0;li::marker{content:""}}}}}a{color:currentColor;text-decoration:none;position:relative;&:before{content:" ";position:absolute;display:inline-block;width:0;height:2px;bottom:-2px;background-color:var(--light-color);transition:width .3s,left .3s;left:50%;border-radius:2px}&:hover,&:focus-visible{color:var(--light-color)!important;&:before{width:100%;left:0}}}.footer-logo{height:30px;width:auto}.footer-nav-links{display:flex;gap:20px;height:22px}.footer-copyright{font-size:14px;margin:0;flex:1 1 100%;text-align:center}@media (max-width: 768px){.footer-nav-links{display:none}.bottom{flex-direction:column;gap:20px;.address{width:100%}.links{gap:20px}}}@media (min-width: 768px){.footer-copyright{flex:none;text-align:right}}@media (max-width: 1200px){.title{padding:0 20px;h2{padding-left:0!important}}}}}@layer page{section.section{padding:60px 20px;.centered{max-width:min(var(--content-width),100%);margin:0 auto}hr{border:none;height:1.5px;background-color:color-mix(in srgb,var(--primary-color),#fff);border-radius:10px}}.scrollable>.children{>*:not(section){width:var(--content-width);max-width:min(var(--content-width),100% - 40px);margin:0 auto;h2,&:is(h2){padding:50px 0 30px}h3,&:is(h3){font-size:1.3rem;padding:30px 0 20px}+*:not(section){margin-top:10px}}.children-top+:not(section){padding-top:100px}:not(section)+.children-bottom{padding-top:100px}}.section .locations{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;max-width:1600px;gap:20px;iframe{background-color:#eee;width:400px;height:300px;max-width:100%;border:none;border-radius:5px;margin-top:20px}a{color:var(--secondary-color);transition:color .2s;&:hover,&:focus{color:var(--primary-color)}}}section.hero{background-size:cover;background-position:center;min-height:400px;display:flex;align-items:center;justify-content:center;color:var(--light-color);text-align:center;position:relative;&:before{content:"";position:absolute;inset:0;background:#0006;z-index:1}.hero-content{position:relative;z-index:2;padding:0 20px;h1{font-size:70px;font-weight:700;margin:0;line-height:1.2}}@media (max-width: 768px){.hero-content h1{font-size:36px;line-height:1.3}}&.video{pointer-events:none;overflow:hidden;video{position:absolute}}}@media (min-width: 1000px){.hero.video{video{bottom:-30%}}}@media (min-width: 700px){.hero.video{video{width:100%}}}@media (max-width: 700px){.hero.video{video{height:100%}}}section:has(.home-slider){h2{font-size:2.5rem}p{text-align:center}.buttons{display:flex;position:relative;padding:20px 20px 10px;margin-bottom:20px;overflow:hidden;button{margin:0;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;background-color:transparent;border:none;border-radius:0;gap:10px;border-bottom:2px solid black;font-weight:400;&:hover{transform:none}img{height:60px}}.indicator{position:absolute;bottom:0;left:0;height:9px;background:var(--secondary-color);transition:all .3s ease;border-radius:2px}}.scroll{overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}.content{display:flex;width:700%;scroll-snap-type:x mandatory;>div{display:flex;flex-direction:column;gap:10px;min-width:calc(100% / 7);padding:0 20px;align-items:center;scroll-snap-align:start;text-align:center;a{&:after{display:inline-block;content:"\27f6";padding-left:4px;transition:.3s translate}&:hover:after{translate:5px 0}}}}}@media (max-width: 1200px){.buttons button{padding:0 5px;font-size:1rem;white-space:wrap;img{height:40px}}.scroll .content>div{flex-direction:column;padding-top:10px!important}}@media (max-width: 800px){.buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:0;button{max-width:30%;font-size:.9rem;border-color:transparent;border-bottom-width:5px;&.active{border-color:var(--secondary-color)}}.indicator{display:none}}.scroll .content>div .button{width:250px!important}}}section[data-accent=true]{background-color:#17262d;color:#fff;h2{color:inherit}}section[data-img=true]{padding:0 20px;display:flex;align-items:center;h2{text-align:left;margin-top:50px}p:has(img){margin-top:0}img{border-radius:0;margin-left:20px;float:right;text-align:center;width:400px;height:450px;object-fit:cover;display:block}@media (max-width: 768px){height:auto;padding:40px 20px;img{display:none}}}section[data-boxBorder=true]{.centered{border:1px solid #888;padding:40px;border-radius:30px}img{margin:40px -40px -60px;width:calc(100% + 80px);max-width:none;border-radius:0 0 30px 30px}}section img{width:100%;border-radius:30px}section .logos{padding-top:50px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;max-width:var(--content-width);margin:0 auto}section .logos img.partner-logo{width:auto}img.partner-logo{height:var(--logo-height);object-fit:contain;border-radius:0;@media (max-width: 768px){height:48px}&[alt=Avaya],&[alt=Talkdesk]{height:40px}}section:has(.stories){text-align:center;.stories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:var(--content-width);margin:0 auto;.story-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 8px #0000001a;padding:20px;text-align:left;.story-image{max-width:100%;height:auto;border-radius:16px 16px 0 0}.story-title{font-size:18px;font-weight:700;color:#17262d;margin:16px 0 8px}.story-text{font-size:16px;color:#596b73;line-height:1.5}}}}.section[data-texture=true]{padding:100px 20px;text-align:center;background-image:url(/img/section-images/Asset-4lines4.svg);background-repeat:no-repeat;background-position:right center;background-size:contain;.centered{max-width:800px;margin:0 auto;text-align:left;p{font-size:17px;line-height:27px;margin-bottom:20px}}}.section[data-gray=true],.section[data-grey=true]{background-color:#f5f5f5}.section[data-centered]{text-align:center}section .boxes{margin:30px 0;display:flex;gap:20px;.box{position:relative;flex:1;background-color:#fff;border-radius:30px;box-shadow:10px 10px 20px #0000000d;padding:30px;display:flex;flex-direction:column;justify-content:center;height:400px;h3{font-size:1.67rem}}.box:has(img){aspect-ratio:1 / 1;padding:0;width:50%;img{height:100%;width:100%;object-fit:cover}}}@media (max-width: 1000px){section .boxes{flex-direction:column;.box{width:100%;&:has(img){display:none}}}}section .benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;margin-top:40px;.benefit-card{text-align:center;max-width:300px;flex:1 1 300px;.benefit-icon{width:64px;height:auto;margin-bottom:16px}.benefit-title{font-size:1.25rem;font-weight:700;margin-bottom:8px}.benefit-description{font-size:1rem;line-height:1.5}}}section:has(.benefits)[data-accent=true]{.benefits .benefit-card .benefit-icon{filter:invert(1) hue-rotate(180deg)}}section .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;cursor:default;.card,.wide-card{border-radius:20px;border:1px solid #eee;box-shadow:0 -5px 15px #0001;transition:.2s box-shadow;&:hover{box-shadow:0 5px 30px #0002;img{filter:brightness(1.05)}}img{transition:.2s filter;border-radius:20px 20px 0 0}.content{padding:20px;h3{margin-top:0}}&[data-center=true]{text-align:center;h1,h2,h3{text-align:center}}}.wide-card{padding:40px;border:none;grid-column:span 2;background-color:#116fad;&:nth-child(3n-2):last-child{grid-column:span 3}h2,&{color:#fff}h2{font-size:2.7rem;text-align:left;margin:0}}}@media (max-width: 768px){section .cards{grid-template-columns:repeat(2,1fr);.wide-card{grid-column:span 2}}}@media (max-width: 480px){section .cards{grid-template-columns:repeat(1,1fr);.wide-card{grid-column:span 1}}}section:has(.contact-form){display:flex;align-items:center;flex-direction:column;.frame{background-color:#f0f0f0;border-radius:35px;padding:40px 0;position:relative;z-index:1;max-width:100%}&.texture{background-image:url(/img/section-images/2contactformbackground.svg);background-repeat:no-repeat;background-position:right top;background-size:800px;padding-top:50px!important}h2{margin-top:0!important}form{display:flex;flex-wrap:wrap;max-width:600px;width:100%;gap:10px;align-items:center;justify-content:center;text-align:center;padding:0 20px;.field{text-align:left}.submit{display:flex;align-items:center;gap:10px;flex-wrap:wrap;.error-message{color:red}.text-message{color:color-mix(in srgb,green 75%,var(--dark-text))}}textarea{width:510px}}}.chasing-border{position:relative;background:#f0f0f0;padding:3px;overflow:hidden;border-radius:39px;max-width:100%}.chasing-border:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#0194ff,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0);animation:chase 15s linear infinite;z-index:0}@keyframes chase{0%{transform:rotate(0)}to{transform:rotate(360deg)}}a.arrow{&:after{display:inline-block;content:"\27f6";padding-left:4px;transition:.3s translate}&:hover:after{translate:5px 0}}section[data-contact-cta=true]{.spaced{display:flex;justify-content:space-between;align-items:center;gap:20%;margin:50px 0}h2{text-align:left}}@media (max-width: 700px){section[data-contact-cta=true] .spaced{flex-direction:column}}}@layer page{.section:has(.blogs){.centered{max-width:1200px}h1{text-align:center;margin-top:50px}.blogs{padding-bottom:50px;flex-wrap:wrap;display:flex;justify-content:center;.blog-card{width:400px;padding:20px;max-width:100%;>a{display:flex;flex-direction:column;justify-content:space-between;min-height:300px;color:inherit;text-decoration:none;&:hover{text-decoration:underline;img{background-size:105%}}}img{transition:all .3s ease-in-out;width:100%;height:200px;background-size:100%;background-position:center;border-radius:6px;object-fit:cover;display:block}h2{font-weight:600;font-size:1.3rem;text-align:left;margin-top:15px;margin-bottom:10px;font-weight:400;overflow:visible;height:auto}time{opacity:.7}a.button{float:right;display:block;background-color:transparent;padding:0;color:var(--secondary-color)}}}}}@layer page{.page-slider{display:flex;flex-direction:column;align-items:center;padding-top:50px!important;.buttons{display:flex;position:relative;overflow:hidden;max-width:var(--content-width);width:100%;button{margin:0;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;background-color:transparent;border:none;border-radius:0;gap:10px;border-bottom:2px solid black;font-weight:400;text-transform:capitalize;&:hover{transform:none}img{height:60px}}.indicator{position:absolute;bottom:0;left:0;height:9px;background:var(--secondary-color);transition:all .3s ease;border-radius:2px}}.scroll{overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;max-width:100%;&::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}.content{display:flex;width:700%;scroll-snap-type:x mandatory;>div{flex:0 0 calc(100% / 7);min-width:calc(100% / 7);display:flex;flex-direction:column;align-items:flex-start;padding:40px 20px 20px;gap:20px;scroll-snap-align:start;height:max-content;.centered{padding:0 20px;margin:0 auto;max-width:var(--content-width)}}}}}@media (max-width: 1200px){.page-slider{.buttons button{padding:0 5px;font-size:1rem;white-space:wrap;img{height:40px}}.scroll .content>div{flex-direction:column;padding-top:10px!important}}}@media (max-width: 800px){.page-slider{.buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:0;button{max-width:30%;font-size:.9rem;border-color:transparent;border-bottom-width:5px;&.active{border-color:var(--secondary-color)}}.indicator{display:none}}.scroll .content>div .button{width:250px!important}}}}@layer popup{dialog.gage-ai-chat{z-index:100000;width:500px;border:none;border-radius:8px;max-height:100%;max-width:100%;overflow:hidden;background-image:url(/img/section-images/2contactformbackground.svg?__frsh_c=8e8bc1c9c590283737cef0e800f387365cfe703e);background-repeat:no-repeat;background-position:right top;background-size:800px;padding-top:50px!important;&::backdrop{background-color:#0008;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}button.close{position:absolute;top:0;right:0;background-color:transparent;padding:20px;border:none}.chat{display:flex;flex-direction:column;justify-content:center;align-items:center;height:600px;.title{h1{user-select:none;-webkit-user-select:none;text-align:center;font-weight:500;img{position:relative;top:7px}}}.input{position:relative;display:inline-block;margin:0 auto;box-shadow:0 2px 12px #0002;border-radius:10px;border:2px solid transparent;cursor:text;&:focus-within{border-color:#0004}textarea{border:none;background-color:#fff;width:400px;max-width:100%;padding:15px 20px 0;resize:none;field-sizing:content;&:focus{outline:none;resize:none}}.toolbar{padding:0 10px 10px;text-align:right;button{background-color:#000;border:none;padding:5px;aspect-ratio:1;border-radius:100%;color:#fff;line-height:0;svg{height:20px;width:20px}&:disabled{opacity:.5}}}}.messages{height:100%;width:100%;overflow-y:auto;.message{padding:10px;clear:both;display:flex;gap:7px;a{color:var(--secondary-color)}&[data-role=user]{flex-direction:row-reverse;float:right;background-color:#fff;box-shadow:0 2px 8px #0002;border-radius:6px;margin:10px;max-width:90%}&[data-role=assistant]{.content{margin-top:-15px}}.avatar{width:18px;height:18px;aspect-ratio:1 / 1;line-height:0;img,svg{width:18px;height:18px}}}}}}.gage-ai-bubble{position:fixed;bottom:20px;right:20px;z-index:100000;button{position:relative;background-color:transparent;aspect-ratio:1 / 1;padding:20px;background-color:var(--secondary-color);border-radius:100%;border:3px solid var(--primary-color);&:hover{background-color:var(--secondary-color)}img{position:relative;z-index:10}svg{position:absolute;color:var(--primary-color);top:50%;left:50%;translate:-50% -50%;width:55px;height:55px}}}}
/*# sourceMappingURL=main.css.map */