.frost-banner{position:relative;height:510px;padding-block:var(--v-space);background:linear-gradient(#2e2f33,#000000);width:100%;display:flex;flex-direction:column;align-items:center;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}@media(max-width:1296px)and (min-width:768px){.frost-banner{height:350px}}@media(max-width:768px){.frost-banner{height:270px}}@media(max-width:480px){.frost-banner{height:182px;padding-block:var(--spaceing-5)}}.frost-banner .frost-banner-bg{opacity:40%;position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;overflow:hidden}.frost-banner .frost-banner--text-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.frost-banner .frost-banner--tag{font-size:var(--font-4);font-weight:700;background:conic-gradient(from 180.42deg at 50% 50%,#f1f2f2 0deg,rgba(255,255,255,.79) 66.02deg,#f1f2f2 1turn);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.frost-banner .frost-banner--title{font-weight:700;font-style:Bold;font-size:250px;line-height:100%;letter-spacing:-2%;text-align:center;transition:.1s ease;color:rgba(0,0,0,0);color:#e9e9e9}@media(max-width:1296px)and (min-width:768px){.frost-banner .frost-banner--title{font-size:180px}}@media(max-width:768px){.frost-banner .frost-banner--title{font-size:100px}}@media(max-width:480px){.frost-banner .frost-banner--title{font-size:60px}}.frost-banner .frost-banner--img{max-width:var(--max-width);position:absolute;bottom:0;z-index:2}@media(max-width:1296px)and (min-width:768px){.frost-banner .frost-banner--img{max-width:unset;width:800px}}@media(max-width:480px){.frost-banner .frost-banner--img{width:400px}}html{scroll-behavior:smooth}.hero-section{width:100%;position:fixed;display:flex;justify-content:center;padding:var(--spaceing-8);height:100vh;overflow:hidden;background-color:#f1f1f1}.hero-section *{transition:.8s ease}@media(max-width:768px){.hero-section{height:300px}}.hero-section .container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;z-index:9;transform:scale(1.5)}.hero-section.animated .container{transform:scale(1)}.hero-section .subtitle{color:var(--color-accent-purple);font-size:30px;font-style:normal;font-weight:500;line-height:normal}.hero-section .title{text-align:center;font-family:DM Sans,sans-serif;font-size:120px;font-style:normal;font-weight:700;line-height:normal;background:linear-gradient(179deg,#272727 16.91%,#8d8d8d 340.35%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.hero-section .cta{text-decoration:none;color:#000;display:flex;justify-content:center;align-items:center;gap:.3rem;cursor:pointer}.hero-section .cta:hover{text-decoration:underline}.hero-section .left-image{width:70.3%;height:auto;position:absolute;object-fit:contain;opacity:.9;left:-42.8%;bottom:0}@media(max-width:768px){.hero-section .left-image{bottom:unset;top:24%}}.hero-section.animated .left-image{opacity:1;left:-32.8%;bottom:11.7%}.hero-section .right-image{width:74.3%;height:auto;object-fit:contain;position:absolute;opacity:.9;top:5%;right:-45%}@media(max-width:768px){.hero-section .right-image{top:unset;bottom:11%}}.hero-section.animated .right-image{opacity:1;top:13%;right:-35%}@media(max-width:768px){.hero-section.animated .right-image{top:unset;bottom:11%}.hero-section .title{font-size:28px}.hero-section .subtitle{font-size:12px}.hero-section .cta{font-size:10px}.hero-section .cta .icon{width:10px;height:10px}}.meckeys-parent-container{background:#fff;width:100%;box-sizing:border-box}.frost-keyboard-section{position:relative;width:100%;display:flex;justify-content:center;align-items:center;margin-top:var(--v-space);margin-bottom:var(--v-space)}.frost-keyboard-section .keyboard-image{width:100%;height:auto}.frost-keyboard-section .frost-text{position:absolute;top:35%;left:50%;transform:translateX(-50%);color:white;font-size:var(--font-9);font-weight:700;z-index:10;text-align:center}@media (max-width:768px){.frost-keyboard-section .frost-text{font-size:var(--font-8);top:30%}}.home-rich-text{width:100%;background-color:#000000;padding:74px 48px 88px;border:none}.home-rich-text h2{margin:0 auto;color:#ffffff;text-align:center;font-size:var(--font-3);font-style:normal;font-weight:400;line-height:normal;max-width:var(--max-width)}@media (max-width:767px){.home-rich-text{padding:0 17px}.home-rich-text h2{font-size:var(--font-2);padding:25px 0}}.home-grid{gap:40px;background:#000;padding-bottom:85px;color:#fff}.home-grid,.home-grid .home-grid-container{width:100%;display:flex;flex-direction:column}.home-grid .home-grid-container{max-width:var(--max-width);margin:0 auto;gap:30px;padding-left:var(--left-right-padding);padding-right:var(--left-right-padding)}@media(max-width:768px){.home-grid .home-grid-container{gap:15px}}@media(max-width:480px){.home-grid .home-grid-container{padding-inline:1rem}}.home-grid .home-grid-container .row{width:100%;display:flex;gap:30px}@media(max-width:1020px){.home-grid .home-grid-container .row{gap:15px}}.home-grid .home-grid-container .row .box{height:100%;border-radius:20px;overflow:hidden}.home-grid .home-grid-container .row .box .text{padding:30px;display:flex;flex-direction:column;gap:15px;width:100%}.home-grid .home-grid-container .row .box .text a{color:#fff}@media(max-width:768px){.home-grid .home-grid-container .row .box .text{padding:20px}}.home-grid .home-grid-container .row .box .text h3{margin:0;color:#282828;font-size:var(--font-5);font-style:normal;font-weight:500;line-height:122.977%}@media(max-width:480px){.home-grid .home-grid-container .row .box .text h3{font-size:var(--font-4)}}.home-grid .home-grid-container .row .box.box-2 .text h3{max-width:200px}.home-grid .home-grid-container .row .box .text p{margin:0;color:#626262;font-size:16px;font-style:normal;font-weight:400;line-height:130.5%}@media(max-width:480px){.home-grid .home-grid-container .row .box .text p{font-size:var(--font-1)}}.home-grid .home-grid-container .row .box .background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:20%}.home-grid .home-grid-container .row-1 .box-2,.home-grid .home-grid-container .row-3 .box-1{display:flex;flex-direction:column-reverse;position:relative;background:#fff;gap:0;background-position:100%;background-repeat:no-repeat;background-size:cover}.home-grid .home-grid-container .row-1{height:541px}@media(max-width:1020px){.home-grid .home-grid-container .row-1{height:339px}}@media(max-width:480px){.home-grid .home-grid-container .row-1{height:225px;flex-direction:row-reverse}}@media screen and (max-width:340px){.home-grid .home-grid-container .row-1{height:250px}}@media(max-width:320px){.home-grid .home-grid-container .row-1{height:315px;flex-direction:column}.home-grid .home-grid-container .row-1>*{flex:1 1}}.home-grid .home-grid-container .row-1 .box-1{position:relative;min-width:130px;flex:1 1;background-color:#5ba3c2}.home-grid .home-grid-container .row-1 .box-1 .main-img{position:absolute;z-index:2;right:-25px;height:100%;width:100%;object-fit:contain}@media(max-width:1020px){.home-grid .home-grid-container .row-1 .box-1 .main-img{right:-35px}}@media(max-width:480px){.home-grid .home-grid-container .row-1 .box-1 .main-img{right:0}}.home-grid .home-grid-container .row-1 .box-2{width:399px;max-width:100%}@media(max-width:1020px){.home-grid .home-grid-container .row-1 .box-2{width:350px}}.home-grid .home-grid-container .row-2{height:354px}@media(max-width:1020px){.home-grid .home-grid-container .row-2{flex-wrap:wrap;height:708px}.home-grid .home-grid-container .row-2 .box{height:calc(50% - 10px)}}@media(max-width:480px){.home-grid .home-grid-container .row-2{height:430px}}@media(max-width:320px){.home-grid .home-grid-container .row-2{flex-direction:column;height:600px}.home-grid .home-grid-container .row-2>*{max-width:100%;flex:1 1}}.home-grid .home-grid-container .row-2 .box-1{min-width:138px;width:168px}.home-grid .home-grid-container .row-2 .box-1 .main-img{height:100%;width:100%;object-fit:cover}@media(max-width:1020px){.home-grid .home-grid-container .row-2 .box-1{width:250px}}@media(max-width:480px){.home-grid .home-grid-container .row-2 .box-1{width:120px}}@media(max-width:320px){.home-grid .home-grid-container .row-2 .box-1{width:100%}}.home-grid .home-grid-container .row-2 .box-2{position:relative;width:474px;display:flex;flex-direction:row-reverse;align-items:end;background:linear-gradient(184.69deg,#ffffff 56.62%,#b9c2f7 164.99%)}.home-grid .home-grid-container .row-2 .box-2 img{height:100%}.home-grid .home-grid-container .row-2 .box-2 .text{position:absolute;top:0;left:0}.home-grid .home-grid-container .row-2 .box-2 .text p{max-width:250px}@media(max-width:1020px){.home-grid .home-grid-container .row-2 .box-2{flex:1 1}}@media(max-width:768px){.home-grid .home-grid-container .row-2 .box-2 img{height:60%;width:auto}}.home-grid .home-grid-container .row-2 .box-3{position:relative;flex:1 1;background:#4b9277;display:flex;justify-content:space-between;flex-direction:column}.home-grid .home-grid-container .row-2 .box-3 .main-img{width:100%;object-fit:cover;z-index:1}.home-grid .home-grid-container .row-2 .box-3 .text{z-index:1}.home-grid .home-grid-container .row-2 .box-3 .text h3{color:#fff;font-weight:500}.home-grid .home-grid-container .row-2 .box-3 .text h3 span{display:block}.home-grid .home-grid-container .row-2 .box-3 .text p{color:#fff;font-size:var(--font-2);font-weight:400;text-decoration:underline;cursor:pointer}@media(max-width:1020px){.home-grid .home-grid-container .row-2 .box-3{min-width:100%}}.home-grid .home-grid-container .row-3{height:541px}@media(max-width:1020px){.home-grid .home-grid-container .row-3{height:339px}}@media(max-width:480px){.home-grid .home-grid-container .row-3{height:215px}}.home-grid .home-grid-container .row-3 .box-1{width:352px}@media(max-width:1020px){.home-grid .home-grid-container .row-3 .box-1{width:250px}}@media(max-width:480px){.home-grid .home-grid-container .row-3 .box-1{min-width:130px}}.home-grid .home-grid-container .row-3 .box-2{min-width:130px;flex:1 1}.home-grid .home-grid-container .row-3 .box-2 img{width:100%;height:100%;object-fit:cover;object-position:80%}@media(max-width:480px){.home-grid .home-grid-container .row-3 .box-2{min-width:90px}}.in-the-box{width:100%;background:linear-gradient(180deg,#2f3034,#1f1f1f);padding:64px var(--left-right-padding);padding-bottom:98px}.in-the-box .container{width:100%;max-width:var(--max-width);display:flex;flex-direction:column;align-items:center;margin:0 auto;position:relative}.in-the-box h2{font-size:var(--font-4);font-weight:300}.in-the-box h2,.in-the-box p{margin:0;color:#fff;font-style:normal;line-height:normal}.in-the-box p{text-align:center;font-size:var(--font-7);font-weight:600;margin-bottom:var(--spaceing-4)}.in-the-box .keyboard{width:832px;margin-bottom:var(--spaceing-4)}.in-the-box .image-box{display:flex;align-items:center;justify-content:center;gap:116px;margin-bottom:var(--spaceing-4)}.in-the-box .image-box img{height:150px}.in-the-box .cards{display:flex;justify-content:center;align-items:stretch;max-width:var(--max-width);gap:43px}.in-the-box .card{display:flex;flex-direction:column;width:100%;border-radius:15px;padding:60px 0;background:radial-gradient(121.93% 138.09% at 12.61% 16.77%,#4e8fab 0,#1f3945 100%);color:#fdfdfd}.in-the-box .card:last-child{padding:44px 0}.in-the-box .card:first-child p{color:#fdfdfd}.in-the-box .card:first-child hr{border-top:1px solid #f6f6f6;width:100%;margin:28px 0}.in-the-box .card:last-child hr{width:100%;border-top:1px solid #b5b5b5;margin:1px 0}.in-the-box .card:last-child p{color:#222}.in-the-box .card:last-child{border-radius:15px;background:linear-gradient(180deg,#e5e5e5,#dedede)}.in-the-box .card h3{font-size:var(--font-4);font-weight:600}.in-the-box .card h3,.in-the-box .card p{margin:0;font-style:normal;line-height:normal;width:100%;padding:0 42px}.in-the-box .card p{font-size:var(--font-3);font-weight:500;text-align:left}.in-the-box .card:last-child{color:#222;gap:8px}@media (max-width:1200px){.in-the-box{padding:var(--spaceing-5) var(--left-right-padding)}.in-the-box h2{font-size:24px;margin-bottom:var(--spaceing-2)}.in-the-box .image-box img{height:100px}.in-the-box p{font-size:32px;margin-bottom:32px}.in-the-box .keyboard{width:100%;margin-bottom:32px}.in-the-box .image-box{flex-direction:column;align-items:center;gap:16px;margin-bottom:32px}.in-the-box .cards{position:relative;bottom:0;width:100%;flex-direction:column;gap:16px}.in-the-box .card{width:100%;padding:16px 0}.in-the-box .card h3{font-size:20px;padding:0 16px}.in-the-box .card p{font-size:var(--font-3);padding:0 16px}.in-the-box .card:first-child hr,.in-the-box .card:last-child hr{margin:16px 0}}.home-buy-now{position:relative;overflow:hidden;width:100%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:var(--spaceing-5);padding-block:.3rem;margin-bottom:3rem}.home-buy-now a{border-radius:.6rem;padding:var(--spaceing-2) var(--spaceing-5);color:#fff;font-size:var(--font-4);font-style:normal;font-weight:700;line-height:normal;position:relative;z-index:12;text-decoration:none;transition:all .3s ease}.home-buy-now a,.home-buy-now a:hover{background:linear-gradient(86.31deg,#4e8fab 50.14%,#1f3a45 107.36%)}.home-buy-now a:hover{transform:translateY(-2px)}.home-buy-now img{width:100%;position:relative;top:0;z-index:2;max-width:100%;height:auto}.home-buy-now .collab-text{top:34%;font-size:18px;margin:0}.home-buy-now .collab-text,.home-buy-now .frost-text{position:absolute;left:50%;transform:translateX(-50%);color:#fff;font-weight:700;z-index:11;text-align:center}.home-buy-now .frost-text{top:78%;font-size:var(--font-9)}