.app{width:20.4375rem;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:3.75em}@media (min-width: 768px){.app{width:43.0625rem;gap:5.625em;overflow:hidden}}@media (min-width: 1440px){.app{width:73.5rem}}.footer p{color:#7b8bad;font-size:1rem;font-style:normal;font-weight:700;line-height:26px}.group10{display:flex;flex-direction:column;align-items:center;gap:60px}.group10 .sqaure10{display:flex;flex-direction:column;align-items:center;gap:30px}.group10 .sqaure10 h2{color:#162542;text-align:center;font-size:1.5rem;font-style:normal;font-weight:900;line-height:1.75rem;text-transform:uppercase}.group10 .sqaure10 p{color:#7b8bad;text-align:center;font-size:1rem;font-style:normal;font-weight:500;line-height:1.625rem}@media (min-width: 768px){.group10{width:768px;height:800px;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center;gap:100px}.group10 .sqaure10 h2{text-align:left}.group10 .sqaure10 p{width:281px;text-align:left}.group10 .sqaure10{align-items:flex-start;gap:40px}}@media (min-width: 1440px){.group10{width:100%;flex-direction:row;flex-wrap:nowrap;gap:1rem;height:0;transform:translateY(-100px)}}.group2{width:100%;display:flex;flex-direction:column;gap:2rem}.group2 .box1{display:flex;gap:2rem;flex-direction:column}.group2 .box1 h1{color:#162542;font-size:3rem;font-style:normal;font-weight:900;line-height:3rem}.group2 .box1 p{color:#7b8bad;font-size:1rem;font-style:normal;font-weight:500;line-height:1.625rem}.group2 .box1 .preorder{display:flex;gap:2rem;align-items:center}.group2 .box1 .preorder button{width:9.375rem;height:3rem;background-color:#f16718;border:none;color:#fff;border-radius:.5rem}.group2 .box1 .preorder button:hover{background-color:#ff9b62;cursor:pointer}.group2 .box1 .preorder span{color:#7b8bad;font-size:1rem;font-style:normal;font-weight:700;line-height:1.625rem}.group2 .box2 img{width:395px;height:331px;border-radius:16px}@media (min-width: 768px){.group2{flex-direction:row}.group2 .box1 h1{width:339px}.group2 .box1 .preorder button{width:175px;height:58px}}.group4{height:226px;display:flex;position:relative;right:30px;gap:1rem}.group4 .phonekeyboard,.group4 img{height:100%;border-radius:20px}.mask{position:absolute;width:150px;height:226px;z-index:1;bottom:30px;top:1px;left:0;border-radius:20px;background-color:#f16718;opacity:.7486;mix-blend-mode:multiply}@media (min-width: 768px){.group4{width:100%;gap:50px;height:320px}.group4 .phonekeyboard .mask{width:214px;height:320px;left:28px}.group4 .phonekeyboard img{width:214px;height:320px;position:relative;left:28px}.group4 img{width:445px;height:320px}}@media (min-width: 1440px){.group4{height:480px}.group4 .phonekeyboard .mask,.group4 .phonekeyboard img{width:255px;height:480px}.group4 img{width:445px;height:480px}}.group6{display:flex;gap:1.5rem;justify-content:center;flex-direction:column;align-items:center}.group6 h2{color:#162542;width:15.9375rem;text-align:center;font-size:2rem;font-style:normal;font-weight:900;line-height:2.25rem}.group6 p{color:#7b8bad;text-align:center;font-size:1rem;font-style:normal;font-weight:500;line-height:1.625rem}@media (min-width: 768px){.group6{flex-direction:row}.group6 h2{text-align:left}.group6 p{width:398px;text-align:left}}@media (min-width: 1440px){.group6{width:255px;height:265px;display:flex;flex-direction:column;gap:27px;transform:translate(400px,-430px)}.group6 p{width:255px}}.header{display:flex;width:100%;height:3rem;align-items:center;justify-content:space-between;margin-top:30px}.header img{height:2.5rem;width:2.5rem}.square{width:9.375rem;height:3rem;background-color:#e8eff2;display:flex;justify-content:center;align-items:center;border-radius:.5rem}.square:hover{background-color:#162542}.square span:hover{color:#e8eff2;cursor:pointer}.square span{color:#162542;font-family:barlow,sans-serif;font-size:1rem;font-style:normal;font-weight:700;line-height:1.625rem;width:100%;height:100%;text-align:center;position:relative;top:15px}.span:hover{color:#162542}@media (min-width: 768px){.header .square{width:10.9375rem;height:3.625rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:barlow,sans-serif}body{display:flex;justify-content:center;align-items:center}#root{display:flex;flex-grow:1;justify-content:center;align-items:center}