@charset "UTF-8";html{font-size:16px;overflow-y:scroll}body{line-height:1.5;scroll-behavior:smooth;letter-spacing:.04rem;color:#333;font-size:1rem;font-weight:400;font-family:roboto,microsoft jhenghei,微軟正黑體,microsoft yahei,微軟雅黑,SimHei,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif,sf pro tc,sf pro display,sf pro icons,pingfang tc}p{line-height:1.6}h1,h2,h3,h4,h5,h6{line-height:1.25;font-family:roboto,microsoft jhenghei,微軟正黑體,microsoft yahei,微軟雅黑,SimHei,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif,sf pro tc,sf pro display,sf pro icons,pingfang tc;color:#553dcc;margin-top:0;margin-bottom:0;font-weight:600}a{color:#553dcc;text-decoration:none;outline:none!important;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}@media(max-width:768px){a:focus,a:active,a:hover{outline:none!important;text-decoration:none!important}}b,strong{font-weight:600}ol,ul{list-style:none}ul{margin-bottom:1em!important}ol,ul,li{margin:0;padding:0}img{width:100%}iframe{width:100%}hr{border:none;border-top:#553dcc 1px solid;margin:2rem 0!important}figure{margin:0}.container-fluid{padding-top:4rem;padding-bottom:4rem;padding-left:0;padding-right:0}@media all and (max-width:991px){.container-fluid{padding-top:3rem;padding-bottom:3rem}}@media all and (max-width:575px){.container{padding-left:1rem!important;padding-right:1rem!important}}.container-fluid.large{padding-top:8rem;padding-bottom:8rem}@media all and (max-width:1199px){.container-fluid.large{padding-top:6rem;padding-bottom:6rem}}@media all and (max-width:575px){.container-fluid.large{margin-top:4em;padding-top:3rem;padding-bottom:3rem}}.fadeInUp{opacity:0;transform:translateY(20px);transition:.4s cubic-bezier(.23,1,.32,1)}.fadeInUp.fadein-end{opacity:1;transform:translateY(0);transition:.8s cubic-bezier(.23,1,.32,1)}.gradient-btn{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 20px rgba(28,67,154,.15);height:50px;width:180px;line-height:1.5;letter-spacing:.04rem;font-weight:500;color:#fff;border-radius:4rem;overflow:hidden;transition:box-shadow .4s ease}.gradient-btn::before{content:'';position:absolute;width:100%;height:100%;opacity:1;background:linear-gradient(82deg,#5F2AB3 0%,#B760F4 100%);z-index:-2;transition:opacity .4s ease}.gradient-btn::after{content:'';position:absolute;width:100%;height:100%;opacity:0;background:linear-gradient(82deg,#B760F4 0%,#5F2AB3 100%);z-index:-1;transition:opacity .4s ease}.gradient-btn:hover{opacity:1;color:#fff;box-shadow:unset}.gradient-btn:hover::before{content:'';opacity:0}.gradient-btn:hover::after{content:'';opacity:1}.price-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:1rem;width:175px;cursor:pointer;box-shadow:0 2px 20px rgba(28,67,154,.25);background:#553dcc;padding:1rem 1.25rem;line-height:1.5;font-weight:500;letter-spacing:.06rem;border:unset;color:#fff;border-radius:4rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.price-btn span{position:relative;-webkit-mask:url(/icons/arrow-right-1.svg)no-repeat 50% 50%;mask:url(/icons/arrow-right-1.svg)no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain;padding:0;width:1rem;height:1rem;background-color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1)}.price-btn:hover{box-shadow:unset;transition:all .4s cubic-bezier(.4,0,.2,1);color:#fff}.price-btn:hover span{transform:translateX(.5rem);transition:all .4s cubic-bezier(.4,0,.2,1)}.purple-btn{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#553dcc;height:50px;width:140px;line-height:1.5;letter-spacing:.04rem;font-weight:500;color:#fff;border-radius:4rem;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.purple-btn:hover{background-color:#432db2;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1)}.white-btn{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#fff;height:50px;width:140px;line-height:1.5;letter-spacing:.04rem;font-weight:500;color:#553dcc;border-radius:4rem;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.white-btn:hover{color:#333;transition:all .4s cubic-bezier(.4,0,.2,1)}.bg-main{background-color:#553dcc}.edit-section{}.edit-section .container{max-width:1000px}@media all and (max-width:991px){.edit-section .container{max-width:800px}}.edit-section h2{font-size:2rem;margin-top:2.5rem;margin-bottom:1.25rem;font-weight:800}@media all and (max-width:575px){.edit-section h2{font-size:1.5rem}}.edit-section h3{font-size:1.5rem;margin-top:3rem;margin-bottom:1.25rem;font-weight:600}@media all and (max-width:575px){.edit-section h3{font-size:1.25rem}}.edit-section h4{display:flex;align-items:center;font-size:1.25rem;line-height:1.75rem;font-weight:700;border-bottom:1px solid #6554b9;color:#6554b9;margin-top:2rem;margin-bottom:.5rem}.edit-section li{margin-left:1.25rem;line-height:1.8}.edit-section ol{list-style-type:decimal}.edit-section ul{list-style-type:disc}.edit-section p{margin-bottom:1.25rem;line-height:1.6}.edit-section hr{margin:3rem auto;height:.25rem;background-color:#553dcc;border:none;width:.25rem}.edit-section blockquote{color:#606870;border-left:5px solid #cbd6df;padding:0 1rem;margin-bottom:1.25rem}.edit-section a{color:#6554b9;cursor:pointer;position:relative;text-decoration:underline;text-underline-offset:2px;transition:all .3s cubic-bezier(.2,1,.8,1)}.edit-section code:not(.language-jinja,.language-text){line-height:normal;color:#eb5757;border-radius:3px;font-size:85%;padding:.2rem;margin:0 .2rem}.edit-section code.language-text{line-height:normal;color:#fff;border-radius:3px;font-size:85%;padding:.2rem;margin:0 .2rem}.edit-section code.language-jinja{line-height:normal;color:#fff;border-radius:3px;font-size:85%;padding:.2rem;margin:0 .2rem}.edit-section pre{padding:0 1.5rem}.edit-section figure{text-align:center;margin:0 auto}.edit-section figure img{max-width:100%}.switch{position:relative;margin-bottom:0;display:contents}.switch input{opacity:0;width:0;height:0}.switch .slider{position:relative;display:flex;gap:4rem;border-radius:3rem;cursor:pointer;padding:.5rem 2rem;background-color:#fbfbfb;transition:all .4s cubic-bezier(.4,0,.2,1)}.switch .slider:after{position:absolute;content:"";height:100%;width:50%;border-radius:3rem;left:0;bottom:0;background-color:#ffb100;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px rgba(77,115,200,.075)}.switch .slider .monthly{position:relative;color:#9e9e9e;font-weight:400;flex:1;z-index:2;transition:all .4s cubic-bezier(.4,0,.2,1)}.switch .slider .annual{position:relative;color:#fff;font-weight:400;flex:1;z-index:2;transition:all .4s cubic-bezier(.4,0,.2,1)}.switch input:checked+.slider .monthly{color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1)}.switch input:checked+.slider .annual{color:#9e9e9e;transition:all .4s cubic-bezier(.4,0,.2,1)}.switch input:checked+.slider:after{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.pagination{justify-content:center;gap:.75rem}.pagination .page-item{width:45px;height:45px}.pagination .page-item .page-link{position:relative;display:flex;justify-content:center;align-items:center;font-weight:700;color:#333;width:100%;height:100%;border:1px solid #e0e0e0;border-radius:5px;background-color:#fff;transition:all .3s ease-in-out}.pagination .page-item:hover .page-link{background-color:#c19dff;border:1px solid #c19dff;color:#fff;transition:all .3s ease-in-out}.pagination .page-item.active .page-link{background-color:#c19dff;border:1px solid #c19dff;color:#fff}#share-icon{display:flex;padding:2rem 0}@media all and (max-width:575px){#share-icon{padding:1rem 0}}#share-icon .share-main{position:relative;display:inline-flex;height:32px;min-width:32px;font-size:.75rem;text-align:center;vertical-align:middle;color:#333;border:1px solid #e0e0e0;border-radius:2px;margin-right:1rem}#share-icon .share-main::before{content:'';position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);left:100%;width:0;height:0;border-style:solid;border-width:9px 0 9px 11px;border-color:transparent transparent transparent #e0e0e0}#share-icon .icon-1{display:block;position:relative;padding:0 0 0 1rem;height:32px;z-index:1;border-top-right-radius:2px;border-bottom-right-radius:2px;width:32px;border-color:#e0e0e0}#share-icon .icon-1::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:.875rem;height:.875rem;background:url(/icons/share-icon.svg)no-repeat 50%;background-size:cover}#share-icon .icon-text{display:block;padding:0 1rem;font-size:.875rem;color:#333;font-weight:600;line-height:32px}#share-icon .icon-text::before{content:'';position:absolute;left:2rem;top:.25rem;height:calc(100% - .5rem);width:1px;background-color:#e0e0e0}#share-icon .icon-text::after{content:'';position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);left:100%;width:0;height:0;border-style:solid;border-width:8px 0 8px 10px;border-color:transparent transparent transparent #fff}#share-icon .sharing-button{display:flex;justify-content:center;align-items:center;font-size:.875rem;border-radius:2px;border:1px solid #e0e0e0;background-color:#fff;margin:0 .25rem;transition:all 400ms cubic-bezier(.165,.84,.44,1)}#share-icon .icon-twitter{position:relative;width:32px;height:32px}#share-icon .icon-twitter::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:16px;height:16px;background:url(/icons/twitter-icon.svg)no-repeat 50%;background-size:cover}#share-icon .icon-reddit{position:relative;width:32px;height:32px}#share-icon .icon-reddit::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:16px;height:16px;background:url(/icons/reddit-icon.svg)no-repeat 50%;background-size:cover}#share-icon .icon-linkedin{position:relative;width:32px;height:32px}#share-icon .icon-linkedin::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:16px;height:16px;background:url(/icons/linkedin-icon.svg)no-repeat 50%;background-size:cover}#share-icon .icon-facebook{position:relative;width:32px;height:32px}#share-icon .icon-facebook::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:16px;height:16px;background:url(/icons/facebook-icon.svg)no-repeat 50%;background-size:cover}#share-icon .icon-mail{position:relative;width:32px;height:32px}#share-icon .icon-mail::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:16px;height:16px;-webkit-mask:url(/icons/email-icon.svg)no-repeat 50% 50%;mask:url(/icons/email-icon.svg)no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover;background-color:#575757}#share-icon .icon-link:focus,#share-icon .icon-link:focus-visible{outline:none}header{margin-bottom:64px;border-bottom:1px solid #e0e0e0}@media all and (max-width:1199px){header{margin-bottom:62px}}header .header-wrapper{position:fixed;width:100%;z-index:1000;background-color:#fff;border-bottom:1px solid #e0e0e0}header .left{display:flex;align-items:center;gap:3rem}header .right{display:flex;align-items:center;gap:3rem}header .right .purple-btn{width:auto;height:auto;background-color:#6554b9;padding:.25rem 1rem;font-weight:400}header .right .purple-btn:hover{background-color:#3921af}header .nav-title{position:relative;font-size:1rem;font-weight:600;color:#333;text-align:center;transition:transform .4s cubic-bezier(.4,0,.2,1)}header .nav-title:after{position:absolute;bottom:-3px;left:0;display:block;background:#dae2fe;width:100%;height:2px;content:'';transition:transform .4s cubic-bezier(.4,0,.2,1);transform:scaleX(0);transform-origin:right center}header .nav-title:hover{color:#553dcc;transition:transform .4s cubic-bezier(.4,0,.2,1)}header .nav-title:hover:after{background:#dae2fe;transform:scaleX(1);transform-origin:left center;transition:transform .4s cubic-bezier(.4,0,.2,1)}header .burger-btn{position:relative;width:40px;height:40px}header .burger-btn::before{content:'';position:absolute;height:2px;width:60%;left:20%;top:50%;margin-top:-1px;background-color:#553dcc;-webkit-transition:.29s cubic-bezier(.52,.01,.16,1);-moz-transition:.29s cubic-bezier(.52,.01,.16,1);transform:rotate(0)translateY(-5px);transition:.29s cubic-bezier(.52,.01,.16,1)}header .burger-btn::after{content:'';transform:rotate(0)translateY(5px);position:absolute;height:2px;width:60%;left:20%;top:50%;margin-top:-1px;background-color:#553dcc;-webkit-transition:.29s cubic-bezier(.52,.01,.16,1);-moz-transition:.29s cubic-bezier(.52,.01,.16,1);transition:.29s cubic-bezier(.52,.01,.16,1)}header .burger-btn.active::before{transform:rotate(45deg)translateY(0)}header .burger-btn.active::after{transform:rotate(-45deg)translateY(0)}header .open-menu{position:fixed;padding:1rem;top:73px;height:calc(100% - 73px);transform:translateX(100%);left:0;right:0;z-index:990;width:100%;background-color:#fff;margin-left:auto;margin-right:auto;border-bottom:1px solid #e0e0e0;pointer-events:none;transition:transform .4s ease}header .open-menu .open-menu-list{position:absolute;height:50%;top:25%;width:calc(100% - 2rem);display:flex;flex-direction:column;align-items:center;margin-top:3rem;margin-bottom:1rem;gap:1.5rem}header .open-menu .open-menu-list li a{color:#553dcc}header .open-menu.show{transform:translateX(0%);pointer-events:auto;transition:transform .4s ease}.footer-top{background-color:#553dcc;padding-top:7rem;padding-bottom:7rem;border-radius:1rem 1rem 0 0;overflow:hidden}@media all and (max-width:991px){.footer-top{padding-top:2rem;padding-bottom:5rem}}.footer-top .container{display:flex;align-items:center;justify-content:center;align-items:stretch;position:relative;gap:7rem}@media all and (max-width:1199px){.footer-top .container{gap:2rem}}@media all and (max-width:991px){.footer-top .container{flex-direction:column;align-items:center;gap:3rem}}@media all and (max-width:575px){.footer-top .container{gap:1.5rem}}@media all and (max-width:991px){.footer-top .wrap{display:flex;flex-direction:column;align-items:center}}.footer-top .wrap .title{color:#fff;font-size:1.25rem;line-height:1.5;font-weight:300;margin-bottom:1rem}@media all and (max-width:575px){.footer-top .wrap .title{margin-top:1rem}}.footer-top .wrap .white-btn{width:180px}.footer-top .left{flex:1;display:flex;justify-content:flex-end}.footer-top .left .inner{max-width:400px}.footer-top .left .form-input{padding:.5rem .5rem .5rem 1rem;background:#fff;border-radius:40px}.footer-top .left .form-input .email{flex:1;border:unset}.footer-top .left .form-input .email:hover,.footer-top .left .form-input .email:focus,.footer-top .left .form-input .email:focus-visible{outline:unset}.footer-top .left .form-input .email:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset}.footer-top .left .form-input .email::placeholder{color:#9e9e9e}.footer-top .left .form-input .send{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#ffb100;border:unset;height:50px;width:140px;padding:0;line-height:1.5;letter-spacing:.04rem;font-weight:500;color:#fff;border-radius:4rem;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.footer-top .left .response{margin-top:1rem;color:#ff0707}.footer-top .left .divide-line{position:relative;width:100%;height:1px;margin-top:2rem;margin-bottom:2rem;background-color:#dae2fe}.footer-top .right{position:relative;flex:1.5}@media all and (max-width:1399px){.footer-top .right{flex:1.25}}@media all and (max-width:1199px){.footer-top .right{flex:1.25}}@media all and (max-width:991px){.footer-top .right{height:300px;width:90%;flex:unset}}@media all and (max-width:575px){.footer-top .right{height:125px}}.footer-top .right::before{content:"";position:absolute;display:block;width:100%;background-image:url(/images/contact-us.svg);background-repeat:no-repeat;bottom:-7rem;left:0;aspect-ratio:980/600}@media all and (max-width:991px){.footer-top .right::before{left:50%;bottom:-5rem;transform:translateX(-50%)}}.footer-bottom{padding-top:.75rem;padding-bottom:.75rem}.footer-bottom .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.footer-bottom .container .footer-sister{flex:1 0 100%;order:1;margin:.5rem 0 0;font-size:.875rem;line-height:1.5}@media all and (max-width:1199px){.footer-bottom .container{flex-direction:column}}.footer-bottom .container ul{display:flex;justify-content:center;gap:0 1rem;flex-wrap:wrap}.footer-bottom .container ul li{position:relative}.footer-bottom .container ul li a{transition:all .4s cubic-bezier(.4,0,.2,1)}.footer-bottom .container ul li:hover a{color:#333;transition:all .4s cubic-bezier(.4,0,.2,1)}.footer-bottom .container ul li:not(:last-child)::before{content:'';position:absolute;right:-.5rem;top:.25rem;width:1px;height:calc(100% - .5rem);background-color:#553dcc}@font-face{font-family:roboto;font-style:normal;font-weight:100;src:url(/fonts/roboto-v30-latin-100.eot);src:local(""),url(/fonts/roboto-v30-latin-100.eot?#iefix)format("embedded-opentype"),url(/fonts/roboto-v30-latin-100.woff2)format("woff2"),url(/fonts/roboto-v30-latin-100.woff)format("woff"),url(/fonts/roboto-v30-latin-100.ttf)format("truetype"),url(/fonts/roboto-v30-latin-100.svg#Roboto)format("svg")}@font-face{font-family:roboto;font-style:normal;font-weight:300;src:url(/fonts/roboto-v30-latin-300.eot);src:local(""),url(/fonts/roboto-v30-latin-300.eot?#iefix)format("embedded-opentype"),url(/fonts/roboto-v30-latin-300.woff2)format("woff2"),url(/fonts/roboto-v30-latin-300.woff)format("woff"),url(/fonts/roboto-v30-latin-300.ttf)format("truetype"),url(/fonts/roboto-v30-latin-300.svg#Roboto)format("svg")}@font-face{font-family:roboto;font-style:normal;font-weight:400;src:url(/fonts/roboto-v30-latin-regular.eot);src:local(""),url(/fonts/roboto-v30-latin-regular.eot?#iefix)format("embedded-opentype"),url(/fonts/roboto-v30-latin-regular.woff2)format("woff2"),url(/fonts/roboto-v30-latin-regular.woff)format("woff"),url(/fonts/roboto-v30-latin-regular.ttf)format("truetype"),url(/fonts/roboto-v30-latin-regular.svg#Roboto)format("svg")}@font-face{font-family:roboto;font-style:normal;font-weight:500;src:url(/fonts/roboto-v30-latin-500.eot);src:local(""),url(/fonts/roboto-v30-latin-500.eot?#iefix)format("embedded-opentype"),url(/fonts/roboto-v30-latin-500.woff2)format("woff2"),url(/fonts/roboto-v30-latin-500.woff)format("woff"),url(/fonts/roboto-v30-latin-500.ttf)format("truetype"),url(/fonts/roboto-v30-latin-500.svg#Roboto)format("svg")}@font-face{font-family:roboto;font-style:normal;font-weight:700;src:url(/fonts/roboto-v30-latin-700.eot);src:local(""),url(/fonts/roboto-v30-latin-700.eot?#iefix)format("embedded-opentype"),url(/fonts/roboto-v30-latin-700.woff2)format("woff2"),url(/fonts/roboto-v30-latin-700.woff)format("woff"),url(/fonts/roboto-v30-latin-700.ttf)format("truetype"),url(/fonts/roboto-v30-latin-700.svg#Roboto)format("svg")}@font-face{font-family:roboto;font-style:normal;font-weight:900;src:url(/fonts/roboto-v30-latin-900.eot);src:local(""),url(/fonts/roboto-v30-latin-900.eot?#iefix)format("embedded-opentype"),url(/fonts/roboto-v30-latin-900.woff2)format("woff2"),url(/fonts/roboto-v30-latin-900.woff)format("woff"),url(/fonts/roboto-v30-latin-900.ttf)format("truetype"),url(/fonts/roboto-v30-latin-900.svg#Roboto)format("svg")}.key-visual{position:relative;display:flex;height:calc(100vh - 65px)}@media all and (max-width:1199px){.key-visual{flex-direction:column;gap:2rem;height:100vh}.key-visual::before{content:'';position:absolute;top:0;right:0;width:40%;height:100%;background-color:#f8f4ff}}@media all and (max-width:991px){.key-visual{gap:0}}@media only screen and (max-device-width:1200px) and (orientation:landscape){.key-visual{flex-direction:row;gap:2rem;height:calc(100vh - 62px);gap:unset}.key-visual::before{content:unset}}.key-visual .left{position:relative;display:flex;align-items:center;width:50%;background-color:#f8f4ff}@media all and (max-width:1199px){.key-visual .left{display:none}}@media only screen and (max-device-width:1200px) and (orientation:landscape){.key-visual .left{position:relative;display:flex;align-items:center;width:50%;background-color:#f8f4ff}}.key-visual .btn-wrap{display:flex}@media all and (max-width:1199px){.key-visual .btn-wrap{justify-content:center}}@media only screen and (max-device-width:1200px) and (orientation:landscape){.key-visual .btn-wrap{justify-content:start}}.key-visual .kv-animation{position:absolute;top:-15%;left:-15%;width:130%;height:130%}@media all and (max-width:1199px){.key-visual .kv-animation{position:relative;top:-10%;left:-15%;width:130%;height:130%}}@media all and (max-width:991px){.key-visual .kv-animation{position:relative;top:-17.5%;left:-20%;width:140%;height:140%}}@media all and (max-width:991px){.key-visual .kv-animation{position:absolute;top:-15%;left:-15%;width:130%;height:130%}}.key-visual .container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media all and (max-width:1199px){.key-visual .container{position:relative;display:flex;align-items:center;height:40%;padding-left:1rem;padding-right:1rem;top:unset;left:unset;transform:unset}}@media all and (max-width:768px){.key-visual .container{height:45%}}@media only screen and (max-device-width:1200px) and (orientation:landscape){.key-visual .container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.key-visual .container .content{max-width:calc(50% - 2rem)}@media all and (max-width:1199px){.key-visual .container .content{max-width:100%;width:100%}}@media only screen and (max-device-width:1200px) and (orientation:landscape){.key-visual .container .content{max-width:calc(50% - 2rem)}}.key-visual .container .content .main-title{font-weight:700;font-size:3.25rem;line-height:1.25;margin-bottom:2rem}@media all and (max-width:1199px){.key-visual .container .content .main-title{text-align:center;font-size:3rem}}@media all and (max-width:575px){.key-visual .container .content .main-title{font-size:2rem;margin-bottom:1rem}}@media(max-width:380px){.key-visual .container .content .main-title{font-size:1.75rem}}@media only screen and (max-device-width:1200px) and (orientation:landscape){.key-visual .container .content .main-title{text-align:left}}.key-visual .container .content .main-title .has-bg{padding-left:.375rem;padding-right:.375rem;padding-top:.125rem;background:#553dcc;color:#fff}.key-visual .container .content .sub-title{font-size:1.25rem;line-height:1.5;color:#553dcc;margin-bottom:0}.key-visual .container .content .sub-title a{color:#6554b9;cursor:pointer;position:relative;white-space:nowrap;text-decoration:none;transition:all .3s cubic-bezier(.2,1,.8,1)}.key-visual .container .content .sub-title a::before{content:"";display:inline-block;transform-origin:50% 100%;background:#9e9e9e;transition:all .3s linear;position:absolute;width:100%;height:1px;top:105%;left:0;pointer-events:none}.key-visual .container .content .sub-title a:hover{color:#3921af}.key-visual .container .content .sub-title a:hover::before{display:inline-block;background:#6554b9;transition:all .3s linear}@media all and (max-width:1199px){.key-visual .container .content .sub-title{text-align:center}}@media all and (max-width:575px){.key-visual .container .content .sub-title{font-size:1rem}}@media(max-width:380px){.key-visual .container .content .sub-title{font-size:.875rem}}@media only screen and (max-device-width:1200px) and (orientation:landscape){.key-visual .container .content .sub-title{text-align:left;font-size:1rem}}.key-visual .right{position:relative;width:50%;overflow:hidden}@media all and (max-width:1199px){.key-visual .right{width:100%;height:60%}}@media all and (max-width:768px){.key-visual .right{height:55%}}@media only screen and (max-device-width:1200px) and (orientation:landscape){.key-visual .right{position:relative;width:50%;overflow:hidden;height:100%}}.bg-main{position:relative;display:flex;flex-direction:column;justify-content:center;height:100%}.bg-main .animate-wrap{position:relative;overflow:hidden}.bg-main .animate-wrap #routines_main{position:relative;z-index:1;width:110%;height:110%}@media all and (max-width:1199px){.bg-main .animate-wrap #routines_main{width:100%;height:100%}}@media all and (max-width:575px){.bg-main .animate-wrap #routines_main{left:-10%;width:120%;height:120%}}.bg-main .animate-wrap #routines_bg{position:absolute;top:0;left:0;width:110%;height:110%;z-index:2}@media all and (max-width:1199px){.bg-main .animate-wrap #routines_bg{width:100%;height:100%}}@media all and (max-width:575px){.bg-main .animate-wrap #routines_bg{left:-10%;width:120%;height:120%}}.bg-main h2{position:relative;font-size:2.25rem;color:#fff;margin-bottom:2rem}@media all and (max-width:575px){.bg-main h2{font-size:1.75rem}}.bg-main h2 span{position:relative;display:inline-block;z-index:2}.bg-main h2 span::after{content:'';position:absolute;bottom:4px;left:-5px;width:0;height:10px;border-radius:2rem;background-color:#5388ff;z-index:-1;transition:width .5s ease .5s}.bg-main h2 span.active::after{width:calc(100% + 8px);transition:width .5s ease .5s}.bg-main ul{margin-bottom:1.25rem}.bg-main ul li{position:relative;line-height:2rem;margin-left:1rem}.bg-main ul li::before{content:"";position:absolute;display:inline-block;width:.25rem;clear:both;height:.25rem;background-image:url(/icons/check.svg);top:14px;left:-.75rem}.bg-main p{color:#fff;font-size:1.25rem;font-weight:300}@media all and (max-width:575px){.bg-main p{font-size:1rem}}.bg-white{position:relative;display:flex;flex-direction:column;justify-content:center;height:100%}.bg-white .animate-wrap{position:relative;overflow:hidden;width:100%;height:100%}.bg-white .animate-wrap #insights_bg{top:0;left:-15%;position:relative;width:130%;height:130%}@media all and (max-width:1199px){.bg-white .animate-wrap #insights_bg{left:-5%;width:110%;height:110%}}@media all and (max-width:575px){.bg-white .animate-wrap #insights_bg{left:-25%;width:150%;height:150%}}.bg-white h2{position:relative;font-size:2.25rem;margin-bottom:2rem;color:#333}@media all and (max-width:575px){.bg-white h2{font-size:1.75rem}}.bg-white h2 span{position:relative;display:inline-block;z-index:2}.bg-white h2 span::after{content:'';position:absolute;bottom:4px;left:-5px;width:0;height:10px;border-radius:2rem;background-color:#ffb100;z-index:-1;transition:width .5s ease .5s}.bg-white h2 span.active::after{width:calc(100% + 8px)}.bg-white p{font-size:1rem;color:#333;font-weight:300;font-size:1.25rem}@media all and (max-width:575px){.bg-white p{font-size:1rem}}.bg-white ul{margin-bottom:1.25rem}.bg-white ul li{position:relative;color:#333;font-weight:400;font-size:1.125rem;line-height:2rem;margin-left:1rem;padding-left:1rem}.bg-white ul li::before{content:"";position:absolute;display:inline-block;width:1rem;clear:both;height:1rem;background-image:url(/icons/check.svg);background-size:cover;top:16px;left:-.75rem;transform:translateY(-50%)}.price-top{padding-top:5rem;padding-bottom:10rem;background-color:#f8f4ff;overflow:hidden}@media all and (max-width:1199px){.price-top{padding-top:5rem;padding-bottom:6rem}}@media all and (max-width:991px){.price-top{padding-top:4rem;padding-bottom:5rem}}.price-top .main-title{font-size:2.75rem;color:#333;text-align:center}@media all and (max-width:575px){.price-top .main-title{font-size:2.25rem}}.price-top .sub-title{font-size:1.25rem;text-align:center;color:#9e9e9e}.price-top .swiper-slide{height:auto}.price-top .price-card{display:flex;flex-direction:column;align-items:center;height:100%;background-color:#fff;padding:3rem 0;box-shadow:0 2px 20px rgba(77,115,200,.075);border-radius:1rem}@media all and (max-width:1199px){.price-top .price-card{padding:3rem 2rem}}@media all and (max-width:575px){.price-top .price-card{padding:2rem 1rem}}.price-top .price-card .card-title{font-size:1.75rem;font-weight:800;text-align:center}.price-top .price-card .card-subtitle{font-size:1rem;font-weight:300;color:#9e9e9e;text-align:center}.price-top .price-card .card-img{width:200px;height:200px}.price-top .price-card .price{font-size:2.75rem;font-weight:300;line-height:1;margin-bottom:2.5rem}.price-top .price-card .price span:first-child{position:relative;font-size:1.5rem;top:-1rem}.price-top .price-card .price span:last-child{font-size:1.5rem}.price-top .price-card .price .monthly,.price-top .price-card .price .annual{display:none}.price-top .price-card .price .monthly.active,.price-top .price-card .price .annual.active{display:inline-block}.price-top .card-plan ul{margin-top:1.25rem}.price-top .card-plan ul li{position:relative;line-height:2.5;font-weight:500;margin-left:1rem;padding-left:1rem}.price-top .card-plan ul li::before{content:"";position:absolute;display:inline-block;width:1rem;clear:both;height:1rem;background-image:url(/icons/check.svg);background-size:cover;top:1.25rem;left:-.75rem;transform:translateY(-50%)}.price-top .swiper-top{position:relative}.price-top .swiper-pagination-bullet{width:.75rem;height:.75rem;display:inline-block;border:2px solid #553dcc;background:#fff;border-radius:50%;vertical-align:middle;margin:.5rem!important}.price-top .swiper-pagination-bullet-active{background:#553dcc}.price-top .swiper-pagination.swiper-pagination-2{bottom:-5rem;left:50%;transform:translateX(-50%)}@media all and (max-width:991px){.price-top .swiper-pagination.swiper-pagination-2{bottom:-3rem}}@media all and (max-width:575px){.price-top .swiper-pagination.swiper-pagination-2{bottom:-4rem}}.blog-top{position:relative;display:grid;padding-top:5rem;padding-bottom:10rem;grid-template-columns:1fr 1000px 1fr}@media all and (max-width:1199px){.blog-top{grid-template-columns:1fr 900px 1fr}}@media all and (max-width:991px){.blog-top{overflow:hidden;padding-top:4rem;padding-bottom:6rem;grid-template-columns:3rem calc(100% - 6rem)3rem}}@media all and (max-width:575px){.blog-top{grid-template-columns:1rem calc(100% - 2rem)1rem}}.blog-top .main-title,.blog-top .sub-title,.blog-top .swiper-top{grid-column:2/auto}.blog-top .main-title{font-size:2.25rem;color:#333}@media all and (max-width:575px){.blog-top .main-title{font-size:2.25rem}}.blog-top .sub-title{font-size:1.25rem;color:#9e9e9e}.blog-top .swiper-top{position:relative;width:100%;margin:auto}.blog-top .blogSwiper{overflow:hidden}@media all and (max-width:991px){.blog-top .blogSwiper{overflow:inherit}}.blog-top .swiper-slide .card-top{display:flex;align-items:center;gap:4rem;padding-top:1rem}@media all and (max-width:991px){.blog-top .swiper-slide .card-top{padding:2rem;flex-direction:column;gap:2rem;box-shadow:0 10px 30px rgba(57,68,94,7%);border-radius:8px}}@media all and (max-width:575px){.blog-top .swiper-slide .card-top{padding:1.5rem}}.blog-top .swiper-slide .card-inner{width:450px;flex:0 0 450px;border-radius:.5rem;overflow:hidden}@media all and (max-width:991px){.blog-top .swiper-slide .card-inner{width:100%;flex:0 0 100%}}.blog-top .swiper-slide .card-inner img{aspect-ratio:16/9;width:100%;height:100%;object-fit:cover}.blog-top .swiper-slide .content .title{position:relative;font-size:2.25rem;margin-bottom:1rem}@media all and (max-width:991px){.blog-top .swiper-slide .content .title{font-size:1.75rem}}@media all and (max-width:575px){.blog-top .swiper-slide .content .title{font-size:1.5rem}}.blog-top .swiper-slide .content .title::after{content:'';position:absolute;bottom:6px;left:-4px;width:4rem;height:10px;border-radius:2rem;background-color:#ffb100;z-index:-1}@media all and (max-width:991px){.blog-top .swiper-slide .content .title::after{height:8px;bottom:5px;left:-3px}}@media all and (max-width:575px){.blog-top .swiper-slide .content .title::after{height:5px;bottom:4px;left:-2px}}.blog-top .swiper-slide .content .text{position:relative;display:block;display:-webkit-box;overflow:hidden;font-weight:300;font-size:1.125rem;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media all and (max-width:575px){.blog-top .swiper-slide .content .text{font-size:1rem}}.blog-top .swiper-pagination-bullet{width:.75rem;height:.75rem;display:inline-block;border:2px solid #553dcc;background:#fff;border-radius:50%;vertical-align:middle;margin:.5rem!important}.blog-top .swiper-pagination-bullet-active{background:#553dcc}.blog-top .swiper-pagination.swiper-pagination-1{bottom:-5rem;left:50%;transform:translateX(-50%)}@media all and (max-width:991px){.blog-top .swiper-pagination.swiper-pagination-1{bottom:-3rem}}@media all and (max-width:575px){.blog-top .swiper-pagination.swiper-pagination-1{bottom:-4rem}}#feature_3{position:relative}#feature_3 .bg{position:absolute;top:0;left:0;width:100%;height:100%;animation-name:floating;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}#feature_3 .figure{position:absolute;top:0;left:0;width:100%;height:100%}#feature_5{position:relative}#feature_5 .bg{position:relative}#feature_5 .card-1{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;animation-name:appear1;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear}#feature_5 .card-2{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;animation-name:appear2;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear}#feature_5 .card-3{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;animation-name:appear3;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear}#feature_5 .card-4{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}#feature_4{position:relative}#feature_4 .bg{position:relative}#feature_4 .line-1{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;animation-name:appear1;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear}#feature_4 .line-2{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;animation-name:appear2;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear}#feature_4 .line-3{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;animation-name:appear1;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear}#feature_4 .line-4{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}#feature_6{position:relative}#feature_6 .bg{position:relative;z-index:2}#feature_6 .graph{position:absolute;top:0;left:0;width:100%;height:100%;animation-name:floating;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;z-index:1}#feature_6 .magnifier{position:absolute;top:0;left:0;width:100%;height:100%;animation-name:floating;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-delay:1s;z-index:3}#feature_6 .board{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}@keyframes floating{0%{transform:translate(0,0)}50%{transform:translate(0,15px)}100%{transform:translate(0,0)}}@keyframes appear1{0%{transform:translate(0,15px);opacity:0}10%{transform:translate(0,0);opacity:1}90%{transform:translate(0,0);opacity:1}100%{transform:translate(0,-15px);opacity:0}}@keyframes appear2{0%{transform:translate(0,15px);opacity:0}20%{transform:translate(0,15px);opacity:0}30%{transform:translate(0,0);opacity:1}90%{transform:translate(0,0);opacity:1}100%{transform:translate(0,-15px);opacity:0}}@keyframes appear3{0%{transform:translate(0,15px);opacity:0}40%{transform:translate(0,15px);opacity:0}50%{transform:translate(0,0);opacity:1}90%{transform:translate(0,0);opacity:1}100%{transform:translate(0,-15px);opacity:0}}.blog-list-top{position:relative;display:flex;background-color:#fbfbfb}.blog-list-top .page-header{text-align:center}.blog-list-top .header-title{font-size:3rem;color:#333;margin-bottom:1rem}@media all and (max-width:991px){.blog-list-top .header-title{font-size:2.25rem}}@media all and (max-width:575px){.blog-list-top .header-title{font-size:2rem}}.blog-list-top .header-subtitle{font-size:1.25rem;color:#9e9e9e}@media all and (max-width:575px){.blog-list-top .header-subtitle{font-size:1rem}}.blog-list-top .card-list{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr)minmax(0,1fr);padding-top:.5rem;padding-bottom:4rem;gap:2rem}@media all and (max-width:991px){.blog-list-top .card-list{grid-template-columns:minmax(0,1fr)minmax(0,1fr);padding-bottom:2rem}}@media all and (max-width:575px){.blog-list-top .card-list{grid-template-columns:1fr;padding-bottom:2rem;gap:1rem}}.blog-list-top .card-list .blog-card{padding:2rem;box-shadow:0 10px 30px rgba(57,68,94,7%);border-radius:8px;border:1px solid #e0e0e0;transition:all .3s ease-in-out}.blog-list-top .card-list .blog-card:hover{border:1px solid transparent;opacity:1;box-shadow:0 5px 20px rgba(0,0,0,.16);transition:all .3s ease-in-out}.blog-list-top .card-list .image-wrap{position:relative;border-radius:4px;overflow:hidden}.blog-list-top .card-list .image-wrap img{object-fit:cover;aspect-ratio:16/9}.blog-list-top .card-list .card-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;padding-top:35px}.blog-list-top .card-list .card-header .date{position:relative;color:#9e9e9e;font-size:.875rem;margin-right:1rem}.blog-list-top .card-list .card-header .date::after{content:'';position:absolute;top:.25rem;right:-1rem;width:1px;height:calc(100% - .5rem);background-color:#9e9e9e}.blog-list-top .card-list .card-header .tag{color:#ffb100;font-weight:600;text-transform:uppercase;font-size:.875rem}.blog-list-top .card-list .card-body{padding-top:1rem}.blog-list-top .card-list .card-body .main-title{font-size:1.5rem;color:#555;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.25em;-webkit-line-clamp:2;margin-bottom:1rem}.blog-list-top .card-list .card-body .sub-title{font-size:1rem;color:#707070;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.25em;-webkit-line-clamp:3}.back-section{display:inline-flex;gap:.5rem;text-transform:uppercase;font-size:1rem;color:#553dcc;font-weight:600;margin-left:1.5rem;margin-bottom:1.5rem;align-items:center;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.back-section::after{content:'';position:absolute;top:50%;left:-1.5rem;width:1rem;height:1rem;transform:translateY(-50%);-webkit-mask:url(/icons/arrow-right-2.svg)no-repeat 50% 50%;mask:url(/icons/arrow-right-2.svg)no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover;background-color:#9e9e9e;transition:all .3s ease}.back-section:hover{color:#553dcc}.back-section:hover::after{background-color:#553dcc;left:-2rem;transition:all .3s ease}.breadcrumb{display:inline-flex;text-transform:uppercase;font-size:1rem;color:#553dcc;font-weight:600;margin-bottom:1.5rem;align-items:center;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.breadcrumb a:hover{color:#553dcc}.article-top{position:relative;background-color:#fbfbfb;padding-top:3rem}@media all and (max-width:575px){.article-top{padding-top:.5rem}}.article-top .article-inner{position:relative;margin-left:auto;margin-right:auto;max-width:1100px;padding:60px 80px;border-radius:8px;background-color:#fff;box-shadow:0 5px 15px rgba(57,68,94,7%)}@media all and (max-width:1199px){.article-top .article-inner{max-width:936px}}@media all and (max-width:991px){.article-top .article-inner{max-width:688px;padding:30px 40px}}@media all and (max-width:768px){.article-top .article-inner{max-width:calc(100% - 2rem);padding:2rem}}@media all and (max-width:575px){.article-top .article-inner{max-width:100%;padding:2rem 1rem 1rem}}.article-top .article-content .main-title{font-weight:700;font-size:42px;word-spacing:.02rem;margin-bottom:1rem;color:#333}@media all and (max-width:575px){.article-top .article-content .main-title{font-size:1.75rem}}.article-top .article-content .article-header{display:flex;align-items:center;padding-bottom:1.5rem}.article-top .article-content .article-header .date{position:relative;color:#9e9e9e;font-size:1rem;font-weight:600;margin-right:2rem}.article-top .article-content .article-header .date::after{content:'';position:absolute;top:.375rem;right:-1rem;width:2px;height:calc(100% - .75rem);background-color:#9e9e9e}.article-top .article-content .article-header .tag-wrap{position:relative;display:flex;align-items:center;gap:1rem}.article-top .article-content .article-header .tag-wrap .tag{color:#ffb100;font-weight:600;text-transform:uppercase;font-size:1rem}.article-top .article-content .cover-image img{object-fit:cover;aspect-ratio:16/9;border-radius:20px}@media all and (max-width:575px){.article-top .article-content .cover-image img{border-radius:10px}}.article-top .article-content .edit-section{padding-top:2rem;padding-bottom:3rem}.article-top .article-content .edit-section figure img{border-radius:20px}.article-top .article-content .edit-section figure{border-radius:20px;margin-bottom:1rem;overflow:hidden}.article-top .article-content .edit-section figure figcaption{margin-top:1rem;color:#9e9e9e;font-size:14px}.article-author{padding-top:2rem;display:flex;gap:1rem;border-top:1px solid #e0e0e0}.article-author .avatar{width:60px;height:60px;border-radius:30px}.article-author .info{display:flex;flex-direction:column;justify-content:center}.article-author .info h3{font-size:16px;color:#553dcc;margin-right:2rem}.article-author .info p{margin-bottom:0;color:#333;font-size:.875rem}.article-page{position:relative;display:grid;gap:2rem;grid-template-columns:1fr 1fr;justify-content:space-between;padding-top:2rem;margin-left:auto;margin-right:auto;max-width:1100px}@media all and (max-width:1199px){.article-page{max-width:936px}}@media all and (max-width:991px){.article-page{max-width:688px}}@media all and (max-width:768px){.article-page{max-width:calc(100% - 2rem)}}@media all and (max-width:575px){.article-page{padding-top:1rem;gap:1rem;grid-template-columns:auto}}.article-page .link-reverse{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;transition:all .3s cubic-bezier(.2,1,.8,1);border-radius:8px;background-color:#fff;box-shadow:0 5px 15px rgba(57,68,94,7%);padding:1rem 2rem}.article-page .link-reverse .main-title{font-weight:700;margin-bottom:.25rem}.article-page .link-reverse .sub-title{color:#333;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.25em;-webkit-line-clamp:2}.article-page .previous-post .link-reverse{position:relative;padding:1rem 3rem 1rem 1rem;text-align:end;-webkit-box-orient:vertical;line-height:1.25em;-webkit-line-clamp:1}.article-page .previous-post .link-reverse::after{content:'';position:absolute;top:50%;right:1rem;width:1.5rem;height:1.5rem;transform:translateY(-50%);-webkit-mask:url(/icons/arrow-left-2.svg)no-repeat 50% 50%;mask:url(/icons/arrow-left-2.svg)no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover;background-color:#ffb100;transition:all .3s ease}.article-page .previous-post .link-reverse:hover{color:#553dcc}.article-page .previous-post .link-reverse:hover::after{right:.5rem;transition:all .3s ease}.article-page .next-post .link-reverse{position:relative;padding:1rem 1rem 1rem 3rem;-webkit-box-orient:vertical;line-height:1.25em;-webkit-line-clamp:1}.article-page .next-post .link-reverse::after{content:'';position:absolute;top:50%;left:1rem;width:1.5rem;height:1.5rem;transform:translateY(-50%);-webkit-mask:url(/icons/arrow-right-2.svg)no-repeat 50% 50%;mask:url(/icons/arrow-right-2.svg)no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover;background-color:#ffb100;transition:all .3s ease}.article-page .next-post .link-reverse:hover{color:#553dcc}.article-page .next-post .link-reverse:hover::after{left:.5rem;transition:all .3s ease}@keyframes arrowBefore{to{left:auto;right:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}}@keyframes arrowAfter{to{left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1}}