html{scroll-behavior:smooth}body{font-family:"Outfit",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f5f5f5}.container{width:100%;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}.container.md{max-width:1256px;padding:0 20px}.container.xl{max-width:1920px}input,textarea,button,select,div,a{-webkit-tap-highlight-color:rgba(0,0,0,0)}input{font-family:"Outfit",sans-serif;font-weight:400}@media(max-width: 1300px){.container.md{width:832px}}@media(max-width: 840px){.container.md{width:auto}}.footer{background:#0a1824;padding:80px 0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px}.footer .main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.footer .main .page.one{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:40px}.footer .main .page.one .logo{width:216px;height:53px}.footer .main .page.one .desc{width:272px;color:#6b6f87;font-size:18px;line-height:24px}.footer .main .page.one .follow-us{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.footer .main .page.one .follow-us .text{font-size:18px;line-height:24px;font-weight:500;color:#6b6f87}.footer .main .page.one .follow-us svg{width:24px;height:24px}.footer .main .page.two{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:76px}.footer .main .page.two .menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:32px}.footer .main .page.two .menu .title{font-size:12px;font-weight:600;letter-spacing:3px;color:#6b6f87}.footer .main .page.two .menu a{text-decoration:none;font-size:18px;color:#6b6f87}.footer .main .left{font-size:16px;color:#6b6f87}.footer .main .right{display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px}.footer .main .right a{color:#6b6f87;text-decoration:none}.footer .line{width:100%;height:.5px;background:#6b6f87;margin:40px 0}@media(max-width: 1300px){.footer{padding:60px 0}.footer .line{margin:30px 0}.footer .main .page.one .logo{width:190px;height:46px}.footer .main .page.one .follow-us{gap:10px}.footer .main .page.one .follow-us .text{font-size:16px}.footer .main .page.one .desc{font-size:16px;width:230px}.footer .main .page.two{gap:28px}.footer .main .page.two .menu{gap:20px}.footer .main .page.two .menu .title{font-size:10px}.footer .main .page.two .menu a{font-size:14px}.footer .main .left{font-size:12px}.footer .main .right{gap:20px;font-size:14px}.footer .main:last-child{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media(max-width: 840px){.footer{padding:40px 0}.footer .main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.footer .main .page.one{-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.footer .main .page.one .desc{width:230px}.footer .main .page.two{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:40px;gap:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.footer .main .page.two .menu{gap:18px}.footer .main .page.two .menu .title{font-size:10px}.footer .main .page.two .menu a{font-size:15px}.footer .main .left{font-size:12px;text-align:center}.footer .main .right{font-size:14px;gap:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:20px;text-align:center}}@-webkit-keyframes mobileShowMenu{from{top:-300px}to{top:0px}}@keyframes mobileShowMenu{from{top:-300px}to{top:0px}}@-webkit-keyframes mobileBorderShow{from{border-bottom:1px solid rgba(0,0,0,0)}to{border-bottom:1px solid #103f54}}@keyframes mobileBorderShow{from{border-bottom:1px solid rgba(0,0,0,0)}to{border-bottom:1px solid #103f54}}@-webkit-keyframes mobileHideMenu{from{top:0}to{top:-300px}}@keyframes mobileHideMenu{from{top:0}to{top:-300px}}@-webkit-keyframes mobileMenuOpen{from{height:0px}to{height:279px}}@keyframes mobileMenuOpen{from{height:0px}to{height:279px}}@-webkit-keyframes mobileMenuClose{from{height:279px}to{height:0px}}@keyframes mobileMenuClose{from{height:279px}to{height:0px}}.header{position:relative;z-index:21;background:#0a1824;width:100%;height:128px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header .logo{width:260px;height:64px}.header .menu{font-size:18px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}.header .menu .title a{text-decoration:none;border-bottom:1px solid rgba(0,0,0,0);-webkit-transition:border .2s;transition:border .2s;padding:10px 15px;color:#fff}.header .menu .title a:hover{border-bottom:1px solid #fff}.header .menu a{text-decoration:none}.header .menu a svg{display:none}.header .menu a div.btn{padding:16px 40px;margin-left:20px;background:#fff;color:#102940;border-radius:999px;-webkit-transition:color .3s,background .3s,-webkit-transform .6s;transition:color .3s,background .3s,-webkit-transform .6s;transition:color .3s,background .3s,transform .6s;transition:color .3s,background .3s,transform .6s,-webkit-transform .6s;cursor:pointer}.header .menu a div.btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05);padding:14px 38px;background:#0a1824;color:#fff;border:2px solid #fff}.header .menu.mobile{display:none}@media(max-width: 1300px){.header{height:100px}.header .logo{width:220px;height:54px}.header .menu{gap:0px}.header .menu a{padding:8px 12px}.header .menu a div.btn{font-size:16px;padding:12px 28px;margin-left:5px}.header .menu a div.btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05);padding:10px 26px}.header .menu .title{font-size:16px}}@media(max-width: 840px){.header{-webkit-transition:background .4s;transition:background .4s;height:90px}.header .container{position:absolute;top:0;left:50%;width:100%;padding:21px 20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:width .3s,border-radius .3s,top .3s,left .3s,background .2s,-webkit-transform .3s;transition:width .3s,border-radius .3s,top .3s,left .3s,background .2s,-webkit-transform .3s;transition:width .3s,border-radius .3s,top .3s,left .3s,transform .3s,background .2s;transition:width .3s,border-radius .3s,top .3s,left .3s,transform .3s,background .2s,-webkit-transform .3s;will-change:transform,width,border-radius,background}.header .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:180px;height:48px}.header .logo a,.header .logo img{width:180px;height:48px}.header .menu.desktop{position:absolute;top:90px;left:0;width:100%;z-index:20;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom-left-radius:32px;border-bottom-right-radius:32px;background:#03283e;height:0px;gap:0px}.header .menu.desktop .title,.header .menu.desktop div.btn{width:100%;padding:0;border-bottom:1px solid rgba(0,0,0,0);border-radius:0;margin-left:0}.header .menu.desktop .title a,.header .menu.desktop div.btn a{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;border-bottom:none;padding:15px 0;-webkit-transition:background .2s;transition:background .2s;display:block}.header .menu.desktop .title a:hover,.header .menu.desktop div.btn a:hover{border-bottom:none}.header .menu.desktop .title a:active,.header .menu.desktop div.btn a:active{border-bottom:none;background:rgba(0,0,0,0)}.header .menu.desktop .title{position:relative;top:-300px}.header .menu.desktop a{width:100%;padding:0}.header .menu.desktop a svg{display:block;width:24px;height:24px}.header .menu.desktop a div.btn{position:relative;top:-300px;border-bottom:none;padding:15px 0;padding-bottom:20px;color:#fff;background:rgba(0,0,0,0);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.header .menu.desktop a div.btn:hover{-webkit-transform:scale(1);transform:scale(1);background:rgba(0,0,0,0);color:#fff;border:none}.header .menu.desktop.open{-webkit-animation:mobileMenuOpen .6s forwards;animation:mobileMenuOpen .6s forwards}.header .menu.desktop.open .title:nth-of-type(1){-webkit-animation:mobileShowMenu .4s forwards 30ms,mobileBorderShow .6s forwards 500ms;animation:mobileShowMenu .4s forwards 30ms,mobileBorderShow .6s forwards 500ms}.header .menu.desktop.open .title:nth-of-type(2){-webkit-animation:mobileShowMenu .4s forwards 60ms,mobileBorderShow .6s forwards 500ms;animation:mobileShowMenu .4s forwards 60ms,mobileBorderShow .6s forwards 500ms}.header .menu.desktop.open .title:nth-of-type(3){-webkit-animation:mobileShowMenu .4s forwards 90ms,mobileBorderShow .6s forwards 500ms;animation:mobileShowMenu .4s forwards 90ms,mobileBorderShow .6s forwards 500ms}.header .menu.desktop.open .title:nth-of-type(4){-webkit-animation:mobileShowMenu .4s forwards 120ms,mobileBorderShow .6s forwards 500ms;animation:mobileShowMenu .4s forwards 120ms,mobileBorderShow .6s forwards 500ms}.header .menu.desktop.open a div.btn{-webkit-animation:mobileShowMenu .4s forwards 150ms;animation:mobileShowMenu .4s forwards 150ms}.header .menu.desktop.close{height:279px;-webkit-animation:mobileMenuClose .2s forwards 100ms;animation:mobileMenuClose .2s forwards 100ms}.header .menu.desktop.close .title{position:relative;top:0px}.header .menu.desktop.close a div.btn{position:relative;top:0px}.header .menu.desktop.close .title:nth-of-type(1){-webkit-animation:mobileHideMenu .4s forwards;animation:mobileHideMenu .4s forwards;-webkit-animation-delay:160ms;animation-delay:160ms}.header .menu.desktop.close .title:nth-of-type(2){-webkit-animation:mobileHideMenu .4s forwards;animation:mobileHideMenu .4s forwards;-webkit-animation-delay:120ms;animation-delay:120ms}.header .menu.desktop.close .title:nth-of-type(3){-webkit-animation:mobileHideMenu .4s forwards;animation:mobileHideMenu .4s forwards;-webkit-animation-delay:80ms;animation-delay:80ms}.header .menu.desktop.close .title:nth-of-type(4){-webkit-animation:mobileHideMenu .4s forwards;animation:mobileHideMenu .4s forwards;-webkit-animation-delay:40ms;animation-delay:40ms}.header .menu.desktop.close a div.btn{-webkit-animation:mobileHideMenu .4s forwards;animation:mobileHideMenu .4s forwards;-webkit-animation-delay:0ms;animation-delay:0ms}.header .menu.mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.header .menu.mobile svg{width:42px;height:42px}.header.open{background:#000}.header.open .container{top:15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% - 30px);border-top-left-radius:32px;border-top-right-radius:32px;background:#0a1824}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.hero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hero .container.xl{position:relative;aspect-ratio:16/9;border-bottom-left-radius:clamp(32px,6.6vw,128px);border-bottom-right-radius:clamp(32px,6.6vw,128px);background:#000;overflow:hidden}.hero .container.xl video#backgroundVideo{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(12px);filter:blur(12px);pointer-events:none;-webkit-transition:opacity .6s;transition:opacity .6s;display:block;opacity:0;z-index:0}.hero .box{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:32px;z-index:1}.hero .box .title{font-weight:600;font-size:16px;line-height:100%;letter-spacing:5px;text-align:center;color:#b8b8b8}.hero .box .main{width:800px;font-weight:600;font-size:56px;line-height:150%;color:#fff}.hero .box .desc{color:#b8b8b8;font-weight:400;font-size:24px;line-height:150%;width:660px}.hero .box .btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:32px;color:#fff}.hero .box .btns .primary{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:16px 32px;border:1px solid #fff;border-radius:999px;-webkit-transition:color .3s,background .3s,-webkit-transform .3s;transition:color .3s,background .3s,-webkit-transform .3s;transition:color .3s,background .3s,transform .3s;transition:color .3s,background .3s,transform .3s,-webkit-transform .3s;cursor:pointer}.hero .box .btns .primary:hover{background:#fff;color:#000}.hero .box .btns .primary:active{-webkit-transform:scale(0.95);transform:scale(0.95)}.hero .box .btns a{text-decoration:none;color:#fff}@media(max-width: 1300px){.hero .box .main{width:630px;font-size:46px}.hero .box .desc{font-size:20px}}@media(max-width: 840px){.hero .container.xl{aspect-ratio:9/16}.hero .box{gap:26px;max-width:450px;width:80vw}.hero .box .title{font-size:14px}.hero .box .main{width:auto;font-size:32px}.hero .box .desc{font-size:14px;width:auto}.hero .box .btns{width:310px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hero .box .btns .primary{padding:14px 22px;font-size:14px}}.products{padding-top:80px;padding-bottom:40px}.products .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.products .title{text-align:center;color:#102940;font-weight:600;font-size:48px}.products .title span{background:-webkit-gradient(linear, left top, right top, from(#102940), to(#2A6AA6));background:linear-gradient(90deg, #102940 0%, #2A6AA6 100%);color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text}.products .desc{margin-top:16px;text-align:center;color:#6b6f87;font-size:24px}.products .menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:64px;gap:8px}.products .menu .opt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:18px;width:400px;height:59px;border-bottom:1px solid #a9a9a9;cursor:pointer}.products .menu .opt.selected{border-bottom:2px solid #102940}.products .menu .opt:hover{border-bottom:2px solid #102940}@media(max-width: 840px){.products .menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.products .menu .opt{width:300px}}.products .products-case{display:grid;justify-items:center;grid-template-columns:repeat(3, 1fr);max-width:100%;width:1216px;margin:0 auto;margin-top:64px;gap:24px}.products .products-case .product{padding:24px;border-radius:40px;background:#eaeef3;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;-webkit-animation:fadeIn .4s ease forwards;animation:fadeIn .4s ease forwards;cursor:pointer}.products .products-case .product .img{width:336px;height:336px;background:#d0d5dc;border-radius:16px;overflow:hidden}.products .products-case .product .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:opacity .6s;transition:opacity .6s}.products .products-case .product .sub{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:24px}.products .products-case .product .sub.secondary{margin-top:12px}.products .products-case .product .sub.secondary .btn{padding:8px 16px;border:1px solid #102940;color:#102940;border-radius:999px;font-size:16px;font-weight:500;cursor:pointer;-webkit-transition:color .3s,background .3s;transition:color .3s,background .3s}.products .products-case .product .sub.secondary .btn:hover{background:#102940;color:#fff}.products .products-case .product .sub .love{width:20px;height:18px;margin-top:6px}.products .products-case .product .sub .text{font-size:20px;font-weight:500;color:#102940}.products .products-case .product .sub .subtext{width:285px;font-size:16px;color:#565862;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.products .products-case .product:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.products .products-case .product:active{-webkit-transform:scale(0.98);transform:scale(0.98)}.products a{text-decoration:none}.products .href{color:#102940;padding:16px 32px;border:1px solid #102940;font-size:18px;border-radius:999px;margin-top:32px;cursor:pointer;-webkit-transition:color .3s,background .3s;transition:color .3s,background .3s}.products .href:hover{background:#102940;color:#fff}@media(max-width: 1300px){.products{padding-top:60px}.products .title{font-size:44px}.products .desc{font-size:21px}.products .menu{margin-top:50px}.products .menu .opt{width:272px}.products .products-case{margin:0;max-width:unset;margin-top:50px;width:832px;gap:11px}.products .products-case .product{padding:20px}.products .products-case .product .img{width:230px;height:230px}.products .products-case .product .sub{margin-top:16px}.products .products-case .product .sub .text{font-size:17px}.products .products-case .product .sub .subtext{font-size:14px}.products .products-case .product .sub .love{width:18px;height:16px}.products .products-case .product .sub.secondary{margin-top:12px}.products .products-case .product .sub.secondary .btn{padding:6px 12px;font-size:14px}}@media(max-width: 840px){.products{padding-top:50px}.products .title{font-size:clamp(28px,5vw,32px)}.products .desc{font-size:16px;font-size:clamp(16px,3vw,18px);width:260px}.products .menu{margin-top:30px}.products .menu .opt{width:89vw;max-width:385px;-webkit-transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,-webkit-transform .4s;transition:transform .4s,opacity .3s;transition:transform .4s,opacity .3s,-webkit-transform .4s}.products .menu .opt.hide{opacity:0;-webkit-transform:scale(0.95);transform:scale(0.95)}.products .menu .opt.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.products .href{font-size:16px}.products .products-case{grid-template-columns:repeat(1, 1fr);margin-top:50px;width:auto;gap:16px}.products .products-case .product{-webkit-transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,-webkit-transform .4s;transition:transform .4s,opacity .3s;transition:transform .4s,opacity .3s,-webkit-transform .4s;border-radius:30px;padding:18px}.products .products-case .product .img{max-width:350px;max-height:350px;width:80vw;height:80vw}.products .products-case .product .sub{margin-top:14px}.products .products-case .product .sub .text{font-size:17px}.products .products-case .product .sub .subtext{font-size:14px}.products .products-case .product .sub .love{width:20px;height:18px}.products .products-case .product .sub.secondary{margin-top:15px}.products .products-case .product .sub.secondary .btn{font-size:15px}.products .products-case .product.hide{opacity:0;-webkit-transform:scale(0.95);transform:scale(0.95)}.products .products-case .product.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.benefits{padding:40px 0}.benefits .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:64px}.benefits .start{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.benefits .start .title{text-align:center;color:#102940;font-weight:600;font-size:48px}.benefits .start .title span{background:-webkit-gradient(linear, left top, right top, from(#205280), to(#2969a4));background:linear-gradient(90deg, #205280 0%, #2969a4 100%);color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text}.benefits .start .desc{text-align:center;color:#6b6f87;font-size:24px}.benefits .frames{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.benefits .frames svg.line{position:absolute;top:24px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:742px;height:66px}.benefits .frames .frame{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;width:277px;text-align:center;will-change:transform;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;cursor:pointer}.benefits .frames .frame .box{width:112px;height:112px;background:#eaeef3;border-radius:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.benefits .frames .frame .box img{width:48px;height:48px}.benefits .frames .frame .title{font-weight:600;font-size:28px}.benefits .frames .frame .desc{font-size:18px;color:#6b6f87}.benefits .frames .frame:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}@media(max-width: 1300px){.benefits .start .title{font-size:44px}.benefits .start .desc{font-size:21px}.benefits .frames{width:100%;gap:24px}.benefits .frames svg.line{top:15px;-webkit-transform:translateX(-50%) scale(0.6);transform:translateX(-50%) scale(0.6)}.benefits .frames .frame{width:220px}.benefits .frames .frame .box{width:90px;height:90px}.benefits .frames .frame .box img{width:40px;height:40px}.benefits .frames .frame .title{font-size:24px}.benefits .frames .frame .desc{font-size:16px}}@media(max-width: 840px){.benefits .container{gap:40px}.benefits .start .title{font-size:28px;width:290px}.benefits .start .desc{font-size:16px}.benefits .frames{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:35px}.benefits .frames .line{display:none}.benefits .frames .frame{-webkit-transition:opacity .3s,-webkit-transform .6s;transition:opacity .3s,-webkit-transform .6s;transition:transform .6s,opacity .3s;transition:transform .6s,opacity .3s,-webkit-transform .6s}.benefits .frames .frame .box{width:90px;height:90px}.benefits .frames .frame .box img{width:40px;height:40px}.benefits .frames .frame .title{font-size:21px}.benefits .frames .frame .desc{font-size:16px}.benefits .frames .frame.hide{opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7)}.benefits .frames .frame.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.technology{padding-top:40px;padding-bottom:80px}.technology .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1216px}.technology .left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:32px}.technology .left .title{font-weight:600;font-size:48px;line-height:150%;color:#102940}.technology .left .title span{background:-webkit-gradient(linear, left top, right top, from(#102940), to(#2A6AA6));background:linear-gradient(90deg, #102940 0%, #2A6AA6 100%);color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text}.technology .left .desc{font-size:24px;font-weight:400;color:#6b6f87;width:510px}.technology .left .desc span{font-weight:700}.technology .left .groups{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.technology .left .groups .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.technology .left .groups .box .text{font-size:18px}.technology .left .groups .box .icon{position:relative;width:32px;height:32px;border-radius:8px;background:linear-gradient(225deg, #3B9ABF 0%, #1763A6 100%)}.technology .left .groups .box .icon svg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:18px;height:18px}.technology .right{width:592px;height:592px;background:#eaeef3;background-image:url(../img/main/technology.webp);background-size:cover;border-radius:64px}@media(max-width: 1300px){.technology .container{width:832px}.technology .left{gap:26px}.technology .left .title{font-size:32px;width:85vw;max-width:380px}.technology .left .desc{font-size:18px;width:300px}.technology .left .groups{gap:12px}.technology .left .groups .box .icon{width:28px;height:28px}.technology .left .groups .box .icon svg{width:14px;height:14px}.technology .left .groups .box .text{font-size:16px}.technology .right{width:430px;height:430px}}@media(max-width: 840px){.technology{text-align:center}.technology .container{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:310px;gap:30px}.technology .left{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.technology .left .title{font-size:28px;line-height:140%}.technology .left .desc{font-size:18px;width:300px}.technology .right{width:85vw;height:85vw;max-width:380px;max-height:380px;border-radius:32px}}.banner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:80px 0;background:#ececec}.banner .img,.banner .box{width:608px;height:560px}.banner .img{border-top-left-radius:64px;border-bottom-left-radius:64px;background:#d0d5dc;overflow:hidden}.banner .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-left:60px;gap:24px;border-top-right-radius:64px;border-bottom-right-radius:64px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f5f5f5}.banner .box .title{width:488px;color:#102940;font-size:40px;font-weight:600}.banner .box .desc{width:488px;color:#6b6f87;font-size:18px;font-weight:400}.banner .box .btn{padding:14px 30px;border:2px solid #102940;background:#102940;color:#fff;border-radius:999px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:color .3s,background .3s,-webkit-transform .3s;transition:color .3s,background .3s,-webkit-transform .3s;transition:color .3s,background .3s,transform .3s;transition:color .3s,background .3s,transform .3s,-webkit-transform .3s;cursor:pointer}.banner .box .btn:hover{color:#102940;background:rgba(0,0,0,0)}.banner .box .btn:active{-webkit-transform:scale(0.95);transform:scale(0.95)}@media(max-width: 1300px){.banner .img,.banner .box{width:416px;height:380px}.banner .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.banner .box{padding-left:40px}.banner .box .title{font-size:28px;width:auto}.banner .box .desc{font-size:16px;width:auto}.banner .box .btn{padding:14px 26px}}@media(max-width: 840px){.banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.banner .img,.banner .box{width:85vw;height:50vw;max-width:380px;max-height:320px;min-height:310px}.banner .img{border-top-left-radius:32px;border-top-right-radius:32px;border-bottom-left-radius:0px}.banner .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.banner .box{padding:30px;text-align:center;border-top-right-radius:0px;border-bottom-left-radius:32px;border-bottom-right-radius:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.banner .box .title{width:auto;font-size:22px}.banner .box .desc{width:auto;font-size:16px}}.about-us{padding-top:80px;padding-bottom:40px}.about-us .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:32px;text-align:center;width:1020px}.about-us .title{font-size:40px;font-weight:700;letter-spacing:10px;color:#102940}.about-us .desc{width:940px;font-size:20px;line-height:150%;color:#6b6f87}@media(max-width: 1300px){.about-us{padding-top:60px}.about-us .container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:832px}.about-us .title{font-size:32px}.about-us .desc{font-size:18px;width:740px}}@media(max-width: 840px){.about-us .container{width:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.about-us .title{font-size:28px}.about-us .desc{font-size:16px;width:280px;width:80vw}}.newsletter{padding:80px 0}.newsletter .container{width:1216px;padding:80px;background:#ececec;border-radius:64px;color:#102940;-webkit-box-sizing:border-box;box-sizing:border-box}.newsletter .title{font-size:40px;font-weight:600}.newsletter .desc{margin-top:20px;font-size:18px}.newsletter form{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:40px;gap:16px}.newsletter form input[type=text]{padding:16px 24px;outline:none;border:none;width:382px;border-radius:999px;font-size:18px}.newsletter form input[name=email]{width:472px}.newsletter form input[type=submit]{width:158px;padding:14px;background:#102940;color:#fff;border-radius:999px;cursor:pointer;-webkit-transition:background .3s,-webkit-transform .3s;transition:background .3s,-webkit-transform .3s;transition:background .3s,transform .3s;transition:background .3s,transform .3s,-webkit-transform .3s;font-size:18px;outline:none;border:none}.newsletter form input[type=submit]:hover{background:rgb(5.8,14.8625,23.2)}.newsletter form input[type=submit]:active{-webkit-transform:scale(0.95);transform:scale(0.95)}@media(max-width: 1300px){.newsletter{padding:40px 0}.newsletter .container{width:792px;padding:45px 50px}.newsletter .title{font-size:36px}.newsletter .desc{margin-top:16px;font-size:17px}.newsletter form{gap:12px}.newsletter form input[type=text]{width:calc(100% - 120px);padding:14px 20px;font-size:16px}.newsletter form input[name=email]{width:calc(100% - 80px)}.newsletter form input[type=submit]{padding:14px;font-size:16px}}@media(max-width: 840px){.newsletter{padding:40px 0}.newsletter .container{padding:50px 15px;width:85vw;max-width:380px;border-radius:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.newsletter .title{width:230px;font-size:28px;text-align:center}.newsletter .desc{font-size:15px;text-align:center}.newsletter form{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:90%}.newsletter form input[type=text]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px 18px;font-size:16px;width:100%}.newsletter form input[type=submit]{padding:12px;width:100%}}.bruma-sound{background:#ececec;padding:80px 0}.bruma-sound .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bruma-sound .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:32px}.bruma-sound .box .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.bruma-sound .box .title span{font-weight:600;font-size:56px;background:-webkit-gradient(linear, left top, right top, from(#102940), to(#2A6AA6));background:linear-gradient(90deg, #102940 0%, #2A6AA6 100%);color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text}.bruma-sound .box .title svg{width:48px;height:48px}.bruma-sound .box .desc{width:488px;font-size:24px;color:#102940}.bruma-sound .box .btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:linear-gradient(71.74deg, #102940 28.88%, #2A6AA6 77.29%);border-radius:999px;padding:16px 32px;font-size:18px;color:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;cursor:pointer;gap:8px}.bruma-sound .box .btn svg{width:18px;height:13px}.bruma-sound .box .btn:hover{-webkit-transform:scale(1.04);transform:scale(1.04)}.bruma-sound .box .btn:active{-webkit-transform:scale(0.95);transform:scale(0.95)}.bruma-sound .img{width:592px;height:592px;background:#c3c6d9;border-radius:64px;overflow:hidden}.bruma-sound .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media(max-width: 1300px){.bruma-sound .container{width:832px}.bruma-sound .img{width:380px;height:380px}.bruma-sound .box .title span{font-size:42px}.bruma-sound .box .title svg{width:42px;height:42px}.bruma-sound .box .desc{width:320px;font-size:21px}.bruma-sound .box .btn{padding:14px 28px}}@media(max-width: 840px){.bruma-sound .container{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:40px;width:auto}.bruma-sound .img{width:85vw;height:85vw;max-width:380px;max-height:380px;border-radius:32px}.bruma-sound .box{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bruma-sound .box .title span{font-size:32px}.bruma-sound .box .title svg{width:32px;height:32px}.bruma-sound .box .desc{width:306px;text-align:center}}