@media screen and (min-width:559px){h1{font-size:6.4rem}h2{font-size:4.8rem}.action-btn,h3{font-size:2.4rem}.action-btn{height:8rem}.hero{padding-bottom:14rem}.hero .features{grid-template-columns:repeat(2,24rem)}.hero .text h3{margin-bottom:6rem}.portfolio{margin-bottom:4rem;padding-bottom:10rem}.portfolio h2{height:19rem}.portfolio .portfolio-wrapper{grid-template-columns:repeat(2,24rem)}footer .action-btn{width:40rem}}@media screen and (min-width:768px){:root{--page-margin:4rem}.services{padding-bottom:10rem}.services .features{grid-template-columns:repeat(2,33rem)}.services .features .card{width:100%}.services .features .card .front{height:100%}.services .features .card .front .action-btn{font-size:2rem;margin-top:auto}.reviews{padding-bottom:20rem}.reviews .cards-wrapper{height:320px;max-width:707px;position:relative;transform-origin:left top}.reviews .cards-wrapper>*{position:absolute}.reviews .cards-wrapper .card1{left:2px;top:0;transform:translate(0)}.reviews .cards-wrapper .card2{left:68px;top:20px;transform:translate(0)}.reviews .cards-wrapper .card3{left:138px;top:40px;transform:translate(0)}.reviews .cards-wrapper .card4{left:212px;top:60px;transform:translate(0)}.reviews .cards-wrapper .card5{left:290px;top:80px;transform:translate(0)}.reviews .cards-wrapper .card6{left:372px;top:100px;transform:translate(0)}.reviews .cards-wrapper:hover .card1{transform:translate(-30px) skewX(-10deg) rotate(-10deg) scaleX(.9)}.reviews .cards-wrapper:hover .card1:hover{transform:translate(-30px,-30px) skewX(-10deg) rotate(-10deg) scaleX(.9)}.reviews .cards-wrapper:hover .card2{transform:translate(-30px) skewX(-10deg) rotate(-10deg) scaleX(.9)}.reviews .cards-wrapper:hover .card2:hover{transform:translate(-30px,-30px) skewX(-10deg) rotate(-10deg) scaleX(.9)}.reviews .cards-wrapper:hover .card3{transform:translate(-30px) skewX(-10deg) rotate(-10deg) scaleX(.9)}.reviews .cards-wrapper:hover .card3:hover{transform:translate(-30px,-30px) skewX(-10deg) rotate(-10deg) scaleX(.9)}.reviews .cards-wrapper:hover .card4{transform:translate(-30px) skewX(-10deg) rotate(-10deg) scaleX(.9)}.reviews .cards-wrapper:hover .card4:hover{transform:translate(-30px,-30px) skewX(-10deg) rotate(-10deg) scaleX(.9)}.reviews .cards-wrapper:hover .card5{transform:translate(-30px) skewX(-10deg) rotate(-10deg) scaleX(.9)}.reviews .cards-wrapper:hover .card5:hover{transform:translate(-30px,-30px) skewX(-10deg) rotate(-10deg) scaleX(.9)}.reviews .cards-wrapper:hover .card6{transform:translate(-30px) skewX(-10deg) rotate(-10deg) scaleX(.9)}.reviews .cards-wrapper:hover .card6:hover{transform:translate(-30px,-30px) skewX(-10deg) rotate(-10deg) scaleX(.9)}footer h2{height:8rem}footer p{font-size:1.8rem}}@media screen and (min-width:1200px){#float-action-btn{bottom:calc(2vh + 6rem);height:8rem;padding:1.8rem;right:calc(5vw + 6rem);width:8rem}.container{max-width:133.6rem}header .container{grid-template-columns:20rem 1fr;margin:0 auto}header .main-menu{backdrop-filter:unset;-webkit-backdrop-filter:unset;background:none;flex-direction:row;grid-column:2/4;height:var(--logo-height);margin-top:auto;opacity:1;position:static;visibility:visible;width:100%}header .main-menu ul{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(89.23deg,rgba(164,122,244,.8),rgba(70,147,234,.8));border-radius:10px;box-shadow:inset 0 0 0 .5px hsla(0,0%,100%,.2);display:flex;margin-left:auto;margin-right:auto}header .main-menu a{border-radius:10px;display:inline-block;font-size:1.4rem;padding:1rem 3rem;transition:box-shadow .8s cubic-bezier(.075,.82,.165,1) 0s}header .main-menu a:hover{box-shadow:inset 0 0 15px rgba(2,45,94,.2)}header .main-menu .tel-wrapper{height:100%}header .main-menu .tel-wrapper #town{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(89.23deg,rgba(164,122,244,.8),rgba(70,147,234,.8));border:none;border-radius:0 0 10px 10px;box-shadow:inset 0 0 0 .5px hsla(0,0%,100%,.2);color:#fff;font-size:1.4rem;padding:.4rem 2rem;top:100%;transition:box-shadow .8s cubic-bezier(.075,.82,.165,1) 0s}header .main-menu .tel-wrapper #town option{color:var(--color-black)}header .main-menu .tel-wrapper #town:hover{box-shadow:inset 0 0 15px rgba(2,45,94,.2)}header .main-menu .tel{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(89.23deg,rgba(164,122,244,.8),rgba(70,147,234,.8));border-radius:10px;box-shadow:inset 0 0 0 .5px hsla(0,0%,100%,.2);display:flex;height:100%;justify-content:center;padding:0;text-align:center;width:20rem}header .menu-btn{display:none}.hero{flex-direction:row;justify-content:center;padding-bottom:20rem;padding-top:20rem}.hero .text{margin-top:0;text-align:left;transform:unset}.hero .action-btn{max-width:46rem}.hero .container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.portfolio .portfolio-wrapper{grid-template-columns:repeat(3,24rem)}.team .team-wrapper{grid-template-columns:repeat(3,minmax(24rem,36rem));margin:0 var(--page-margin)}.team .team-wrapper .member:last-child{grid-column:3/4}.services .features .card .front{padding-left:3rem;padding-right:3rem}footer .container{margin:0 auto}footer .wrapper{display:flex;flex-direction:row}footer .wrapper .footer-logo{margin:0 0 0 auto;order:3}footer .action-btn{margin-bottom:10rem}}@media screen and (min-width:1600px){.portfolio .portfolio-wrapper{grid-template-columns:repeat(auto-fit,24rem)}.services .features{grid-template-columns:repeat(4,33rem)}} .why-us,.automation,.about-teaser{margin:8rem 0} .why-us .content,.automation .content,.about-teaser .content,.panel{padding:6rem} .why-us p,.automation p,.about-teaser p{font-size:2rem} .panel p{font-size:1.8rem} .action-btn--section{font-size:2rem;max-width:40rem} footer .footer-lead{font-size:1.8rem;margin-bottom:4rem} .reviews .cards-wrapper{max-height:none;max-width:637px} .reviews .cards-wrapper .card4{left:2px;top:0} .reviews .cards-wrapper .card5{left:152px;top:50px} .reviews .cards-wrapper .card6{left:302px;top:100px} #video-modal-container .video-modal{padding:1.4rem} #video-modal-container .close-modal{right:-18px;top:-18px} footer .footer-logo{height:auto;max-height:80px;object-fit:contain;width:250px} .page-hero{background-image:linear-gradient(100deg,rgba(38,18,112,.5),rgba(38,18,112,.18) 70%),url(/assets/build/hero_bg_desk.f88cf2783a81f29a.webp);padding:15rem var(--page-margin) 8rem} .page-hero h1{font-size:4.4rem} .page-hero__kicker{font-size:2.4rem} .page-hero__lead{font-size:1.8rem} .page-section{padding-top:6rem} .page-section>h2,.related>h2{font-size:3.2rem} .panel h2{font-size:3rem} .cta-block .content{padding:6rem 4rem} .cta-block h2{font-size:3rem} .cta-block p{font-size:1.8rem} .hero .text .hero-brand{font-size:6.4rem} .hero .text .hero-title{font-size:2.4rem;margin-bottom:2rem} .hero .text .hero-lead{font-size:1.8rem;margin-bottom:5rem;max-width:52rem} header .main-menu a[aria-current=page]{box-shadow:inset 0 0 15px rgba(2,45,94,.2);text-decoration:none} @media screen and (min-width:768px){ .card-grid--2,.card-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))} .case-card{grid-template-columns:10rem minmax(0,1fr)} } @media screen and (min-width:1200px){ .page-hero h1{font-size:5.6rem} .card-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))} .hero .text .hero-lead{margin-left:0} }