html{box-sizing:border-box;font-family:"Barlow",Helvetica,Arial,sans-serif}*,::before,::after{box-sizing:inherit;margin:0;padding:0}h1,h2,h3,h4,h5{font-weight:800;line-height:1.1}a,a:visited,a:active{text-decoration:none}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:1.7rem 7rem 0 7rem;margin-bottom:3rem}.nav-container .logo{width:50px}.nav-container .btn{padding:1rem 1.5rem;border-radius:.5rem;background-color:#e8eff2;color:#162542;font-size:.98rem;font-weight:700;text-transform:uppercase;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.nav-container .btn:hover{transition:.25s linear;background-color:#162542;color:#fff}@media(min-width: 700px)and (max-width: 992px){.nav-container{padding:2.5rem 2rem 0 2rem}.nav-container .btn{padding:1rem 1.5rem}}@media only screen and (max-width: 699px){.nav-container{padding:1.5rem 1rem 0 1rem;margin-bottom:0}.nav-container .logo{width:55px;padding-top:.4rem}}.first-section{margin-bottom:2rem}.first-section .first-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-auto-flow:row;grid-template-areas:"text-area img-area";padding:0 7rem;position:relative;overflow:hidden}.first-section .first-container .text-area{justify-self:start;align-self:center;grid-area:text-area}.first-section .first-container h1{font-size:3.1rem;color:#162542;text-transform:uppercase;margin-bottom:1rem}.first-section .first-container .improve{color:#7b8bad;font-weight:500;width:400px;margin-bottom:2.5rem}.first-section .first-container .btn-2{padding:1rem 1.5rem;border-radius:.5rem;background-color:#f16718;color:#fff;font-size:.98rem;font-weight:700;text-transform:uppercase;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);margin-right:1.5rem}.first-section .first-container .btn-2:hover{transition:.25s linear;background-color:#ff9b62}.first-section .first-container .release{color:#7b8bad;font-weight:700;text-transform:uppercase}.first-section .first-container .img-area{grid-area:img-area}.first-section .first-container .img-keyboard-2,.first-section .first-container .img-keyboard-3{display:none}.first-section .first-container .img-keyboard{width:100%;height:auto;border-radius:1rem}.first-section .first-container .square{width:200px;position:absolute;z-index:-2;right:-110px}@media(min-width: 700px)and (max-width: 992px){.first-section .first-container{padding:0 2rem}.first-section .first-container h1{font-size:2.6rem;font-weight:800}.first-section .first-container .improve{width:350px}.first-section .first-container .btn-2{padding:1rem 1.5rem}.first-section .first-container .square{display:none}.first-section .first-container .img-keyboard{display:none}.first-section .first-container .img-keyboard-2{display:block;width:100%;border-radius:1rem;position:relative;right:-110px}}@media only screen and (max-width: 699px){.first-section .first-container{grid-template-columns:1fr;grid-template-rows:1fr 1fr;grid-template-areas:"text-area" "img-area";padding:0 1rem}.first-section .first-container .improve{width:100%}.first-section .first-container .square,.first-section .first-container .img-keyboard,.first-section .first-container .img-keyboard-2{display:none}.first-section .first-container .img-keyboard-3{display:block;margin-top:1.2rem;width:100%;border-radius:1rem;position:relative;right:-1rem}}.second-section{margin-bottom:6rem}.second-section .second-container{display:grid;grid-template-columns:.8fr 1.1fr 1.1fr;grid-template-rows:1fr;gap:0px 30px;grid-auto-flow:row;grid-template-areas:"first-img second-img text-zone";padding:0 7rem;position:relative;overflow:hidden}.second-section .second-container .first-img{background-color:#f16718;border-radius:1rem;grid-area:first-img}.second-section .second-container .hover-img{width:100%;-o-object-fit:cover;object-fit:cover;mix-blend-mode:multiply;opacity:.7486005425}.second-section .second-container .hover-img-2,.second-section .second-container .hover-img-3{display:none}.second-section .second-container .img-key-2,.second-section .second-container .img-key-3{display:none}.second-section .second-container .second-img{grid-area:second-img}.second-section .second-container .img-key{width:100%}.second-section .second-container .first-img img,.second-section .second-container .second-img img{height:100%;-o-object-fit:cover;object-fit:cover;border-radius:1rem}.second-section .second-container .text-zone{padding-left:8rem;align-self:center;grid-area:text-zone}.second-section .second-container h2{color:#162542;font-size:2.5rem;text-transform:uppercase;margin-bottom:1rem}.second-section .second-container .typemaster{font-weight:500;color:#7b8bad}.second-section .second-container .square-2{width:200px;position:absolute;z-index:-2;left:-110px;bottom:0}@media(min-width: 700px)and (max-width: 992px){.second-section .second-container{grid-template-columns:.7fr 1.3fr;grid-template-rows:.6fr .6fr;grid-template-areas:"first-img second-img" "text-zone text-zone";padding:0 2rem}.second-section .second-container .square-2{display:none}.second-section .second-container .hover-img{display:none}.second-section .second-container .img-key{display:none}.second-section .second-container .hover-img-2{display:block;width:100%;-o-object-fit:cover;object-fit:cover;mix-blend-mode:multiply;opacity:.7486005425}.second-section .second-container .img-key-2{display:block;width:100%}.second-section .second-container .text-zone{font-size:1.1rem;display:flex;justify-content:space-between;align-items:center;gap:0px 80px;padding:0;margin-top:4rem}.second-section .second-container .typemaster{padding-left:1rem;padding-bottom:1rem}.second-section .second-container h2{font-size:2rem}}@media only screen and (max-width: 699px){.second-section .second-container{grid-template-columns:.7fr 1.3fr;grid-template-rows:.6fr .6fr;gap:0px 0px;grid-template-areas:"first-img second-img" "text-zone text-zone";padding:0 1rem}.second-section .second-container .hover-img,.second-section .second-container .hover-img-2{display:none}.second-section .second-container .first-img{position:relative;left:-2rem}.second-section .second-container .hover-img-3{width:100%;display:block;-o-object-fit:cover;object-fit:cover;mix-blend-mode:multiply;opacity:.7486005425}.second-section .second-container .img-key,.second-section .second-container .img-key-2{display:none}.second-section .second-container .img-key-3{width:100%;display:block}.second-section .second-container .square-2{display:none}.second-section .second-container .text-zone{text-align:center;padding:3rem 0 0 0}}.third-section{margin-bottom:6rem}.third-section .third-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:25px;padding:0 7rem;height:auto}.third-section .third-container .col{align-self:flex-start}.third-section .third-container .compatible,.third-section .third-container .bluetooth,.third-section .third-container .battery,.third-section .third-container .light{width:100px}.third-section .third-container .bg-img{display:flex;justify-content:center;align-items:center;width:50px;height:50px;background-color:#f16718;padding:1rem;border-radius:.7rem;margin-bottom:2.5rem}.third-section .third-container h3{text-transform:uppercase;color:#162542;font-size:1.8rem;margin-bottom:1rem}.third-section .third-container .para{font-weight:500;color:#7b8bad}@media(min-width: 700px)and (max-width: 992px){.third-section .third-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:50px 100px;padding:0 2rem}.third-section .third-container h3{font-size:1.2rem}.third-section .third-container .compatible-heading{width:100px}.third-section .third-container .rgb{width:150px}}@media only screen and (max-width: 699px){.third-section{margin-bottom:2rem}.third-section .third-container{display:grid;grid-template-columns:1fr;grid-template-rows:.9fr 1fr 1fr 1fr;gap:50px;text-align:center;padding:0 1rem}.third-section .third-container .bg-img{width:60px;height:60px;margin:0 auto 2.5rem auto}}.footer-section .text-footer{padding:2.2rem 0 1rem 0;color:#7b8bad;text-align:center}.footer-section .bold{font-weight:700}/*# sourceMappingURL=styles.css.map */