.btn-container{position:relative;margin-bottom:40px}.btn-container.center{text-align:center}.btn-container.spacing20{margin:20px 0}.btn-container.spacing30{margin:30px 0}.btn-container .btn:not(:last-child){margin-right:20px}.btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent}.btn a{word-break:break-word;white-space:normal}.btn-primary,.btn-secondary{word-break:normal;display:inline-block;background-color:#5f6771;color:#fff!important;padding:.75em 1.5em;line-height:1.5;border-radius:3px;font-size:14px;text-decoration:none}.btn-primary.mb20,.mb20.btn-secondary{margin-bottom:20px!important}.btn-primary.uppercase,.uppercase.btn-secondary{text-transform:uppercase}.bold.btn-secondary,.btn-primary.bold{font-weight:700}.btn-primary:hover,.btn-secondary:hover{transition:all .5s ease;background-color:#d6d7d9!important;color:#5f6771!important}.btn-primary:disabled,.btn-secondary:disabled{background-color:#d6d7d9}.blue.btn-secondary,.brown.btn-secondary,.btn-primary.blue,.btn-primary.brown,.btn-primary.green,.btn-primary.orange,.btn-primary.purple,.btn-primary.turquoise,.green.btn-secondary,.orange.btn-secondary,.purple.btn-secondary,.turquoise.btn-secondary{border:none!important}.blue.btn-secondary:hover,.brown.btn-secondary:hover,.btn-primary.blue:hover,.btn-primary.brown:hover,.btn-primary.green:hover,.btn-primary.orange:hover,.btn-primary.purple:hover,.btn-primary.turquoise:hover,.green.btn-secondary:hover,.orange.btn-secondary:hover,.purple.btn-secondary:hover,.turquoise.btn-secondary:hover{color:#fff!important}.btn-primary.white,.white.btn-secondary{background-color:#fff!important;color:#222!important}.btn-primary.white:hover,.white.btn-secondary:hover{background-color:#f2f2f2!important}.blue.btn-secondary,.btn-primary.blue{background-color:#0b95de!important}.blue.btn-secondary:hover,.btn-primary.blue:hover{background-color:#22a9f0!important}.btn-primary.turquoise,.turquoise.btn-secondary{background-color:#00ad9a!important}.btn-primary.turquoise:hover,.turquoise.btn-secondary:hover{background-color:#22d1b6!important}.btn-primary.orange,.orange.btn-secondary{background-color:#f15a29!important}.btn-primary.orange:hover,.orange.btn-secondary:hover{background-color:#f7941e!important}.btn-primary.green,.green.btn-secondary{background-color:#6d9837!important}.btn-primary.green:hover,.green.btn-secondary:hover{background-color:#82b541!important}.brown.btn-secondary,.btn-primary.brown{background-color:#d08009!important}.brown.btn-secondary:hover,.btn-primary.brown:hover{background-color:#f5c000!important}.btn-primary.purple,.purple.btn-secondary{background-color:#653bbf!important}.btn-primary.purple:hover,.purple.btn-secondary:hover{background-color:#c56bce!important}.btn-secondary{background-color:transparent;color:#5f6771!important;border:1px solid #5f6771}.btn-secondary.contrast:hover{background-color:#5f6771!important;color:#fff!important}.btn-secondary:hover{transition:all .5s ease;background-color:hsla(0,0%,100%,.25);color:#5f6771!important}.btn-secondary:disabled{color:#d6d7d9;border-color:#d6d7d9}.btn-video{color:#333;font-size:16px;display:flex!important;padding:.5em 1em .5em .5em;border-radius:4px;margin:0 10px;transition:all .5s;font-weight:500;text-decoration:none}.btn-video,.btn-video span{align-items:center;justify-content:center}.btn-video span{width:38px;height:38px;display:flex;margin-right:12px}.btn-video span svg{width:38px;height:38px;fill:#333;transition:all .3s}.btn-video.orange{color:#ff7306}.btn-video.orange span svg{fill:#ff7306}.btn-video.orange:hover{background-color:#ff7306}.btn-video.blue{color:#1fb4da}.btn-video.blue span svg{fill:#1fb4da}.btn-video.blue:hover{background-color:#1fb4da}.btn-video:hover{background-color:#333;color:#fff}.btn-video:hover span svg{fill:#fff!important}.btn-focus{background-color:#36a287;border:0;padding:10px 35px;margin-top:1.3em;font-size:20px;font-family:Open Sans,Helvetica,Verdana,Tahoma,PingFang TC,Lantinghei TC,"\5FAE\8EDF\6B63\9ED1\9AD4",Microsoft JhengHei,sans-serif!important;border-radius:3px;cursor:pointer;color:#fff;position:relative;text-transform:uppercase;transition:all .25s}.btn-focus:hover{background-color:rgba(54,162,135,.8);color:#fff}.btn-focus:after{background-color:#5eceb2;content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:3px;-webkit-animation-name:blink;animation-name:blink;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;animation-direction:alternate-reverse;-webkit-animation-timing-function:cubic-bezier(.19,1,.22,1);animation-timing-function:cubic-bezier(.19,1,.22,1)}.btn-download-ani{width:6rem;min-height:6rem;border-radius:50%;cursor:pointer;margin:0 auto}.btn-download-ani .scalable-svg{display:block;width:100%;height:auto;max-height:100%;fill:none;transform:translate3d(.9rem,.9rem,0)}.btn-download-ani:hover .js-svg-out{stroke:#07f}.btn-download-ani.is-downloaded .js-svg-out{opacity:0;-webkit-animation:drop .3s linear;animation:drop .3s linear;transition-delay:.4s}.btn-download-ani.is-downloaded .js-svg-in{stroke:#20cca5;stroke-dashoffset:174;transition-delay:.4s}.btn-download-ani .js-svg-in,.btn-download-ani .js-svg-out{stroke:#444;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:all .3s ease;transition-delay:.3s}.btn-download-ani .js-svg-in{stroke-dasharray:38;stroke-dashoffset:114;transition:all .4s ease}.btn-arrow{position:relative;line-height:1.5em;padding:10px 40px;font-weight:300;transition:all .2s ease-in;color:#fff;background-color:#0b95de;border-radius:3px;font-size:14px;box-sizing:border-box;margin:10px}@media (min-width:600px){.btn-arrow{padding:15px 40px}}@media (min-width:1000px){.btn-arrow{font-size:16px}}.btn-arrow:active{top:2px}.btn-arrow:hover{background-color:#22a9f0}.btn-arrow:hover .btn-arrow__title{transform:translate3d(-1rem,0,0)}.btn-arrow:hover .btn-arrow__arrow{transform:translate3d(2rem,0,0);opacity:1}.btn-arrow .btn-arrow__title{position:relative;display:inline-block;transition:all .2s ease}.btn-arrow .btn-arrow__arrow{position:absolute;font-size:1.3em;line-height:1em;opacity:0;transition:all .2s ease;right:0}.dark-bg .btn-primary,.dark-bg .btn-secondary{border:1px solid #fff;color:#fff!important;background-color:transparent}.dark-bg .btn-primary:hover,.dark-bg .btn-secondary:hover{transition:all .5s ease;background-color:hsla(0,0%,100%,.3);color:#5f6771!important}.dark-bg .blue.btn-secondary:hover,.dark-bg .brown.btn-secondary:hover,.dark-bg .btn-primary.blue:hover,.dark-bg .btn-primary.brown:hover,.dark-bg .btn-primary.green:hover,.dark-bg .btn-primary.orange:hover,.dark-bg .btn-primary.purple:hover,.dark-bg .btn-primary.turquoise:hover,.dark-bg .green.btn-secondary:hover,.dark-bg .orange.btn-secondary:hover,.dark-bg .purple.btn-secondary:hover,.dark-bg .turquoise.btn-secondary:hover{color:#fff!important}.dark-bg .btn-primary:disabled,.dark-bg .btn-secondary:disabled{border-color:#5b616b;color:#5b616b}.text-left-picture-right:not(.tab-slideshow){display:flex;flex-direction:column}.text-left-picture-right:not(.tab-slideshow)>div,.text-left-picture-right:not(.tab-slideshow) figure{flex:1}@media (min-width:600px){.text-left-picture-right:not(.tab-slideshow){flex-direction:row}}.text-right-picture-left:not(.tab-slideshow){display:flex;flex-direction:column}.text-right-picture-left:not(.tab-slideshow)>div,.text-right-picture-left:not(.tab-slideshow) figure{flex:1}@media (min-width:600px){.text-right-picture-left:not(.tab-slideshow){flex-direction:row-reverse}}.sqfk-article .sqfk-section-h4 p.title{font-weight:500;margin-top:1em}@media (min-width:600px){.sqfk-article .sqfk-section-h4 p.title{font-weight:700}}@media (min-width:1000px){.sqfk-article .sqfk-section-h4 p.title{font-size:16px;font-weight:700}}.scroll-button{display:block;text-align:center;border-radius:3px;position:relative;color:#fff;cursor:pointer}.arrow{box-sizing:border-box;display:block;position:absolute;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #f6f6f6;height:15px;width:15px;left:50%;margin-left:-18px;margin-top:-40px}@media (min-width:600px){.arrow{margin-top:-60px}}.arrow.arrow--black{border-top:15px solid #000}.arrow.arrow--blue{border-top:15px solid #225177}.flex-items .flex-items__ul .lottie-figure>div{height:100%}.flex-items.flex-items--2n .flex-items__ul .lottie-figure{height:165px}@media (min-width:1280px){.flex-items.flex-items--2n .flex-items__ul .lottie-figure{height:232px}}.flex-items.flex-items--3n .flex-items__ul .lottie-figure{height:165px}#about{padding-bottom:100px}@media (min-width:600px){#about{padding-bottom:250px}}#deploy{background-color:#081828}#usability{background-color:#f0f0f0}@media (min-width:1000px){#usability p.p-anno{font-size:14px}}#performance{background-color:#fff}#performance .intro-text .desc{margin-bottom:30px}#performance .intro-text .p-anno{margin-top:0}@media (min-width:1280px){#performance .tab-text{padding-left:0}}#performance .tab-text li{border-color:rgba(227,233,241,.9);padding-bottom:40px}#performance .tab-text li.active,#performance .tab-text li:hover{background-color:rgba(227,233,241,.3)}#performance .tab-text li.active:before{width:64px;height:7px;background-color:rgba(227,233,241,.9)}#performance .tab-text li h4{font-size:16px}#performance .tab-text li p{font-weight:400}@media (min-width:600px){#performance .tab-text li p{font-size:16px}}#performance .tab-img{height:300px;display:flex;justify-content:center;align-items:center}@media (min-width:600px){#performance .tab-img{height:490px}}#performance .tab-img figure,#performance .tab-img img{max-height:100%}#security{background-position:50%;background-size:cover;background-attachment:fixed}#security ul p{text-align:center}#scenario{background-position:50%;background-size:cover;background-attachment:fixed}#scenario ul h4{font-size:16px;font-weight:700;margin:10px 0}@media (min-width:1000px){#scenario ul h4{font-size:18px}}#scenario ul p{font-size:14px;line-height:1.5em;padding:0}@media (min-width:1000px){#scenario ul p{font-size:16px}}#scenario .sqss-slide-point .point{background-color:hsla(0,0%,100%,.4);width:12px;height:12px}#scenario .sqss-slide-point .point:hover{background-color:hsla(0,0%,100%,.6)}#scenario .sqss-slide-point .point.here,#scenario .sqss-slide-point .point.here:hover{background-color:#fff}#resources ul li{padding:0 40px 40px}#resources ul li img{margin-bottom:10px}#compatibility h2{margin-bottom:30px}@media (min-width:600px){#compatibility h2{margin-bottom:50px}}#compatibility .tab-menu li{padding:10px 20px;border:1px solid #acacac;border-radius:4px;margin:0 5px;max-width:none}@media (min-width:600px){#compatibility .tab-menu li{min-width:190px}}#compatibility .tab-menu li:after{display:none}#compatibility .tab-menu li .text{color:#313131;font-size:14px}@media (min-width:600px){#compatibility .tab-menu li .text{font-size:22px}}#compatibility .tab-menu li.active{background-color:#787878;border-color:#787878}#compatibility .tab-menu li.active:after{background-color:transparent;box-sizing:border-box;display:block;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid #787878;height:15px;width:15px;left:50%;margin-left:-12px;margin-top:-40px}#compatibility .tab-menu li.active .text{color:#fff}#compatibility .tab-default{padding-top:0}#compatibility .tab-default td,#compatibility .tab-default th{padding:10px}#compatibility .compatibility__note{text-align:center;margin-top:1.5em}#facts ul li.sqfk-ls-li>h4{font-size:1.25em}#facts ul li.sqfk-ls-li>h4 .label{color:#fff}#latest ul li.sqfk-ls-li>h4{font-size:1.25em}#latest ul li.sqfk-ls-li>h4 .label{color:#fff}#cases .arrow{margin-top:0}@media (min-width:1000px){#cases .arrow{margin-top:0}}#cases .cases__content,#cases .cases__title{padding:60px 0}#cases .cases__content h4{text-align:center}#cases .cases__content .text-right-picture-left{margin-bottom:60px}#freetrial a,#freetrial p{text-align:center}#freetrial a{display:block;padding:.5em 1em;border:1px solid #666;border-radius:3px;margin:30px auto;width:160px}#tutorial .text-left-picture-right{justify-content:center}#tutorial .text-left-picture-right li{width:46%;max-width:375px;display:flex;flex-direction:column;justify-content:space-between}#tutorial .text-left-picture-right li h4{text-align:center;font-size:1.25em;font-weight:300}#tutorial .text-left-picture-right li>div{margin-top:1em}#tutorial .text-left-picture-right li img{width:100%}#tutorial .text-left-picture-right li:first-child{margin-right:2em}#tutorial a.btn-line{display:block;text-align:center;padding:.5em 1em;border:1px solid #fff;border-radius:3px;margin:30px auto;width:160px;color:#fff;cursor:pointer}