*{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:system, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Lucida Grande', 'Arial', 'Verdana', "Sans-Serif";font-size:15px;font-weight:300;line-height:1.6;margin:0;padding:1em 1em 0 1em}@media (min-width: 768px){body{padding:2em 1em 0em 1em}}img{width:100%;vertical-align:middle}.container{max-width:1134px;margin:auto}@media (min-width: 768px){#optimize .header,#frameworks .header,#compile .header{width:50%}}@media (min-width: 768px){#optimize .section__features,#frameworks .section__features,#compile .section__features{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width: 768px){#optimize,#frameworks,#compile{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}}@-webkit-keyframes file-spin1{from{-webkit-transform:rotateX(64deg) rotateY(-208deg) rotateZ(114deg);transform:rotateX(64deg) rotateY(-208deg) rotateZ(114deg)}to{-webkit-transform:rotateX(64deg) rotateY(114deg) rotateZ(-208deg);transform:rotateX(64deg) rotateY(114deg) rotateZ(-208deg)}}@keyframes file-spin1{from{-webkit-transform:rotateX(64deg) rotateY(-208deg) rotateZ(114deg);transform:rotateX(64deg) rotateY(-208deg) rotateZ(114deg)}to{-webkit-transform:rotateX(64deg) rotateY(114deg) rotateZ(-208deg);transform:rotateX(64deg) rotateY(114deg) rotateZ(-208deg)}}@-webkit-keyframes file-spin2{from{-webkit-transform:rotateX(-143deg) rotateY(81deg) rotateZ(-166deg);transform:rotateX(-143deg) rotateY(81deg) rotateZ(-166deg)}to{-webkit-transform:rotateX(-143deg) rotateY(-166deg) rotateZ(81deg);transform:rotateX(-143deg) rotateY(-166deg) rotateZ(81deg)}}@keyframes file-spin2{from{-webkit-transform:rotateX(-143deg) rotateY(81deg) rotateZ(-166deg);transform:rotateX(-143deg) rotateY(81deg) rotateZ(-166deg)}to{-webkit-transform:rotateX(-143deg) rotateY(-166deg) rotateZ(81deg);transform:rotateX(-143deg) rotateY(-166deg) rotateZ(81deg)}}@-webkit-keyframes file-spin3{from{-webkit-transform:rotateX(20deg) rotateY(-129deg) rotateZ(-342deg);transform:rotateX(20deg) rotateY(-129deg) rotateZ(-342deg)}to{-webkit-transform:rotateX(20deg) rotateY(-342deg) rotateZ(-129deg);transform:rotateX(20deg) rotateY(-342deg) rotateZ(-129deg)}}@keyframes file-spin3{from{-webkit-transform:rotateX(20deg) rotateY(-129deg) rotateZ(-342deg);transform:rotateX(20deg) rotateY(-129deg) rotateZ(-342deg)}to{-webkit-transform:rotateX(20deg) rotateY(-342deg) rotateZ(-129deg);transform:rotateX(20deg) rotateY(-342deg) rotateZ(-129deg)}}@-webkit-keyframes file-spin4{from{-webkit-transform:rotateX(-12deg) rotateY(-226deg) rotateZ(222deg);transform:rotateX(-12deg) rotateY(-226deg) rotateZ(222deg)}to{-webkit-transform:rotateX(-12deg) rotateY(222deg) rotateZ(-226deg);transform:rotateX(-12deg) rotateY(222deg) rotateZ(-226deg)}}@keyframes file-spin4{from{-webkit-transform:rotateX(-12deg) rotateY(-226deg) rotateZ(222deg);transform:rotateX(-12deg) rotateY(-226deg) rotateZ(222deg)}to{-webkit-transform:rotateX(-12deg) rotateY(222deg) rotateZ(-226deg);transform:rotateX(-12deg) rotateY(222deg) rotateZ(-226deg)}}@-webkit-keyframes file-spin5{from{-webkit-transform:rotateX(-26deg) rotateY(160deg) rotateZ(240deg);transform:rotateX(-26deg) rotateY(160deg) rotateZ(240deg)}to{-webkit-transform:rotateX(-26deg) rotateY(240deg) rotateZ(160deg);transform:rotateX(-26deg) rotateY(240deg) rotateZ(160deg)}}@keyframes file-spin5{from{-webkit-transform:rotateX(-26deg) rotateY(160deg) rotateZ(240deg);transform:rotateX(-26deg) rotateY(160deg) rotateZ(240deg)}to{-webkit-transform:rotateX(-26deg) rotateY(240deg) rotateZ(160deg);transform:rotateX(-26deg) rotateY(240deg) rotateZ(160deg)}}@-webkit-keyframes file-spin6{from{-webkit-transform:rotateX(-91deg) rotateY(-91deg) rotateZ(214deg);transform:rotateX(-91deg) rotateY(-91deg) rotateZ(214deg)}to{-webkit-transform:rotateX(-91deg) rotateY(214deg) rotateZ(-91deg);transform:rotateX(-91deg) rotateY(214deg) rotateZ(-91deg)}}@keyframes file-spin6{from{-webkit-transform:rotateX(-91deg) rotateY(-91deg) rotateZ(214deg);transform:rotateX(-91deg) rotateY(-91deg) rotateZ(214deg)}to{-webkit-transform:rotateX(-91deg) rotateY(214deg) rotateZ(-91deg);transform:rotateX(-91deg) rotateY(214deg) rotateZ(-91deg)}}@-webkit-keyframes file-spin7{from{-webkit-transform:rotateX(94deg) rotateY(-1deg) rotateZ(29deg);transform:rotateX(94deg) rotateY(-1deg) rotateZ(29deg)}to{-webkit-transform:rotateX(94deg) rotateY(29deg) rotateZ(-1deg);transform:rotateX(94deg) rotateY(29deg) rotateZ(-1deg)}}@keyframes file-spin7{from{-webkit-transform:rotateX(94deg) rotateY(-1deg) rotateZ(29deg);transform:rotateX(94deg) rotateY(-1deg) rotateZ(29deg)}to{-webkit-transform:rotateX(94deg) rotateY(29deg) rotateZ(-1deg);transform:rotateX(94deg) rotateY(29deg) rotateZ(-1deg)}}@-webkit-keyframes file-spin8{from{-webkit-transform:rotateX(203deg) rotateY(236deg) rotateZ(100deg);transform:rotateX(203deg) rotateY(236deg) rotateZ(100deg)}to{-webkit-transform:rotateX(203deg) rotateY(100deg) rotateZ(236deg);transform:rotateX(203deg) rotateY(100deg) rotateZ(236deg)}}@keyframes file-spin8{from{-webkit-transform:rotateX(203deg) rotateY(236deg) rotateZ(100deg);transform:rotateX(203deg) rotateY(236deg) rotateZ(100deg)}to{-webkit-transform:rotateX(203deg) rotateY(100deg) rotateZ(236deg);transform:rotateX(203deg) rotateY(100deg) rotateZ(236deg)}}@-webkit-keyframes file-spin9{from{-webkit-transform:rotateX(303deg) rotateY(271deg) rotateZ(-138deg);transform:rotateX(303deg) rotateY(271deg) rotateZ(-138deg)}to{-webkit-transform:rotateX(303deg) rotateY(-138deg) rotateZ(271deg);transform:rotateX(303deg) rotateY(-138deg) rotateZ(271deg)}}@keyframes file-spin9{from{-webkit-transform:rotateX(303deg) rotateY(271deg) rotateZ(-138deg);transform:rotateX(303deg) rotateY(271deg) rotateZ(-138deg)}to{-webkit-transform:rotateX(303deg) rotateY(-138deg) rotateZ(271deg);transform:rotateX(303deg) rotateY(-138deg) rotateZ(271deg)}}@-webkit-keyframes file-spin10{from{-webkit-transform:rotateX(247deg) rotateY(35deg) rotateZ(-116deg);transform:rotateX(247deg) rotateY(35deg) rotateZ(-116deg)}to{-webkit-transform:rotateX(247deg) rotateY(-116deg) rotateZ(35deg);transform:rotateX(247deg) rotateY(-116deg) rotateZ(35deg)}}@keyframes file-spin10{from{-webkit-transform:rotateX(247deg) rotateY(35deg) rotateZ(-116deg);transform:rotateX(247deg) rotateY(35deg) rotateZ(-116deg)}to{-webkit-transform:rotateX(247deg) rotateY(-116deg) rotateZ(35deg);transform:rotateX(247deg) rotateY(-116deg) rotateZ(35deg)}}@-webkit-keyframes spinZ{to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes spinZ{to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@-webkit-keyframes background-carosuel-x{from{background-position-x:right}to{background-position-x:left}}@keyframes background-carosuel-x{from{background-position-x:right}to{background-position-x:left}}@-webkit-keyframes background-carosuel-y{from{background-position-y:top}to{background-position-y:bottom}}@keyframes background-carosuel-y{from{background-position-y:top}to{background-position-y:bottom}}@-webkit-keyframes dash{to{stroke-dashoffset:100%}}@keyframes dash{to{stroke-dashoffset:100%}}@-webkit-keyframes tile-forward{0%,50%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}100%{-webkit-transform:rotateX(-20deg);transform:rotateX(-20deg)}}@keyframes tile-forward{0%,50%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}100%{-webkit-transform:rotateX(-20deg);transform:rotateX(-20deg)}}@-webkit-keyframes component-drop{20%{opacity:1;-webkit-transform:scale(1) rotateY(0deg);transform:scale(1) rotateY(0deg)}80%{opacity:1;-webkit-transform:translateY(220px) scale(1) rotateY(0deg);transform:translateY(220px) scale(1) rotateY(0deg)}100%{opacity:0;-webkit-transform:translateY(220px) scale(1) rotateY(0deg);transform:translateY(220px) scale(1) rotateY(0deg)}}@keyframes component-drop{20%{opacity:1;-webkit-transform:scale(1) rotateY(0deg);transform:scale(1) rotateY(0deg)}80%{opacity:1;-webkit-transform:translateY(220px) scale(1) rotateY(0deg);transform:translateY(220px) scale(1) rotateY(0deg)}100%{opacity:0;-webkit-transform:translateY(220px) scale(1) rotateY(0deg);transform:translateY(220px) scale(1) rotateY(0deg)}}@-webkit-keyframes grid{to{background-position:center -24px}}@keyframes grid{to{background-position:center -24px}}.section{margin-bottom:10em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}@media (min-width: 768px){.section{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row}}.section__image{-webkit-box-flex:2;-ms-flex:2;flex:2;margin-bottom:2em;position:relative}.section__content{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:256px}.header{margin-bottom:2em;padding:0 1em}.header__title,.header__description{margin:0}.header__title{font-weight:500;font-size:1.8020324707em}.header__description{font-size:1.125em}.feature{margin-top:0;margin-bottom:2em;padding:0 1em}.feature__title{font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.feature__description{margin:0}.feature__icon{width:1.6em;height:1.6em;fill:red}.feature:last-child{margin-bottom:0}.button{background-image:-webkit-gradient(linear, left top, left bottom, from(#65ADFF), to(#4990E2));background-image:linear-gradient(-180deg, #65ADFF 0%, #4990E2 100%);padding:.7901234568em 1.6018066406em;border-radius:4px;color:#FFF;text-transform:uppercase;font-weight:600;text-decoration:none;font-size:.7901234568em}.button--primary:hover{color:#FFF;background-image:-webkit-gradient(linear, left top, left bottom, from(#7fbbff), to(#5f9de6));background-image:linear-gradient(-180deg, #7fbbff 0%, #5f9de6 100%)}.button--secondary{background:none;color:#4990E2;border-bottom:2px solid rgba(73,144,226,0.5);padding:0;border-radius:0}.topbar{position:fixed;z-index:20;top:0;right:0;left:0;height:48px;padding:0 16px;border-bottom:1px solid #eee;background:#fff}.topbar__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:1100px;height:48px;margin:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.topbar__cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.topbar .topbar__nav{-webkit-box-flex:3;-ms-flex:3;flex:3}.topbar__nav a{margin:0 .7023319616em}@media (min-width: 768px){.topbar__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.topbar__logo a{line-height:normal}@media (min-width: 768px){.topbar__logo{-webkit-box-flex:1;-ms-flex:1;flex:1}}.topbar__cta{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:3;-ms-flex:3;flex:3}.topbar__cta .button{margin-left:12px}@media (min-width: 768px){.topbar__cta{-webkit-box-flex:1;-ms-flex:1;flex:1}}@media (max-width: 767px){.topbar__logo{-webkit-box-flex:1;-ms-flex:1;flex:1}.topbar__cta{-webkit-box-flex:3;-ms-flex:3;flex:3}.topbar__nav{position:absolute;top:48px;right:0;left:0;display:none;padding:16px;background:#fff;-webkit-box-shadow:0 12px 20px rgba(0,0,0,0.15);box-shadow:0 12px 20px rgba(0,0,0,0.15)}.topbar__nav a{display:block;display:-webkit-box;display:-ms-flexbox;display:flex;height:48px;margin:0;padding:0 16px;border-bottom:1px solid #eee;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (min-width: 768px){#menu-toggle{display:none}}.slides{position:relative}.slide{position:absolute;top:0;right:0;left:0;bottom:0}#optimize .section__image{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:2em}#optimize svg{position:absolute;left:50%;width:12em;height:12em;bottom:-20px;z-index:12;-webkit-transform:translateX(-50%) translateY(10%);transform:translateX(-50%) translateY(10%)}@media (min-width: 768px){#optimize svg{width:16em;height:16em}}#optimize .section__image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#optimize .slides{width:520px;height:295px}@media (min-width: 425px){#optimize .slides{width:600px;height:480px}}@media (min-width: 768px){#optimize .slides{width:780px;height:623px}}#optimize .files{-webkit-box-flex:1;-ms-flex:1;flex:1;height:8em;bottom:-20px;position:absolute;width:50%;background-size:auto 100%;background-repeat:no-repeat;-webkit-animation:background-carosuel-x 15s linear infinite;animation:background-carosuel-x 15s linear infinite}#optimize .files--unoptimized{background-image:url(../images/section-optimize/files-unoptimized.jpg);left:0}#optimize .files--optimized{background-image:url(../images/section-optimize/files-optimized.jpg);right:0}@media (min-width: 768px){#optimize .files{height:12em}}#landing{text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;margin-bottom:4em;margin-top:4em}#landing h1{font-size:2.0272865295em;font-weight:500;line-height:1.2}@media (min-width: 768px){#landing h1{font-size:3.2473210255em}}.options,#footer{-webkit-box-flex:0;-ms-flex:none;flex:none}.options .button,#footer .button{margin:0 .5em}.options .button--primary,#footer .button--primary{padding:1.2em 2.4em}.options .button span,#footer .button span{border-left:2px solid rgba(255,255,255,0.3);padding-left:.7em;margin-left:.7em;display:inline-block}.meta,#footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;font-size:.7901234568em;color:#666;margin-top:2em}#footer{margin:0 -2em;position:relative;overflow:hidden;background-color:#000;color:#FFF;text-align:center;-webkit-perspective:500px;perspective:500px;padding-bottom:2em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#footer h1{font-size:3.2473210255em;font-weight:400}#footer .container{width:100%;padding:2em}#footer .meta,#footer #footer{margin-bottom:2em;color:#eee}@media (min-width: 768px){#footer{padding:6em 0;text-align:left}#footer .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;align-otems:center}#footer .section__image{margin-bottom:0;padding:0 1em}#footer .section__content{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 1em;text-align:center;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;z-index:10}#footer .meta,#footer #footer{margin-bottom:0}}#footer .grid{position:absolute;z-index:2;right:-20%;bottom:0;left:-20%;height:256px;-webkit-transform:rotateX(70deg);transform:rotateX(70deg);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation:grid 1s linear infinite;animation:grid 1s linear infinite;background-image:linear-gradient(#333 0px, #333 1px, transparent 2px),linear-gradient(90deg, #333 0px, #333 1px, transparent 2px);background-position:center 0;background-size:24px 24px}#footer .grid:before{position:absolute;z-index:2;top:0;right:0;left:0;height:80%;content:'';background-image:-webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));background-image:linear-gradient(#000, transparent)}#footer .slides{background-color:#FFF;border-radius:4px;overflow:hidden;z-index:3;width:300px;height:199.615384615px;margin:auto}@media (min-width: 425px){#footer .slides{width:458.823529412px;height:305.294117647px}}@media (min-width: 768px){#footer .slides{width:650px;height:432.5px}}#footer .section__things{width:100%;-webkit-box-flex:0;-ms-flex:none;flex:none}#footer .footer__resources{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:20;padding:2em 0;text-align:left;font-size:14px}#footer .footer__resources .resource{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-flex:1;-ms-flex:1;flex:1}#footer .footer__resources .resource:last-child{text-align:right}#build{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#build .section__image{margin-bottom:5em}@media (min-width: 768px){#build .section__image{padding-right:1em}}#build .app{opacity:.5;-webkit-filter:blur(2px);filter:blur(2px)}#build .folders{position:absolute;right:0;bottom:10%;left:0}#build .folder--build,#build .folder--source{position:absolute;width:30%}#build .folder--source{left:10%}#build .folder--build{right:10%}#build .mask{position:absolute;bottom:6.6%;left:50%;overflow:hidden;width:70%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#build .mask:before{display:block;padding-top:50%;content:''}#build .files{position:absolute;top:0;left:0;width:100%;-webkit-animation:spinZ 20s linear infinite;animation:spinZ 20s linear infinite}#build .files:before{display:block;padding-top:100%;content:''}#build .file{position:absolute;top:0;bottom:0;width:18%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#build .file#optimized-file01{-webkit-transform:translateX(-50%) rotateZ(36deg);transform:translateX(-50%) rotateZ(36deg)}#build .file#optimized-file01 img{-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}#build .file#optimized-file01 img:nth-child(1){-webkit-animation-name:file-spin9;animation-name:file-spin9}#build .file#optimized-file01 img:nth-child(2){-webkit-animation-name:file-spin2;animation-name:file-spin2}#build .file#optimized-file02{-webkit-transform:translateX(-50%) rotateZ(72deg);transform:translateX(-50%) rotateZ(72deg)}#build .file#optimized-file02 img{-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}#build .file#optimized-file02 img:nth-child(1){-webkit-animation-name:file-spin9;animation-name:file-spin9}#build .file#optimized-file02 img:nth-child(2){-webkit-animation-name:file-spin6;animation-name:file-spin6}#build .file#optimized-file03{-webkit-transform:translateX(-50%) rotateZ(108deg);transform:translateX(-50%) rotateZ(108deg)}#build .file#optimized-file03 img{-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}#build .file#optimized-file03 img:nth-child(1){-webkit-animation-name:file-spin3;animation-name:file-spin3}#build .file#optimized-file03 img:nth-child(2){-webkit-animation-name:file-spin10;animation-name:file-spin10}#build .file#optimized-file04{-webkit-transform:translateX(-50%) rotateZ(144deg);transform:translateX(-50%) rotateZ(144deg)}#build .file#optimized-file04 img{-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}#build .file#optimized-file04 img:nth-child(1){-webkit-animation-name:file-spin7;animation-name:file-spin7}#build .file#optimized-file04 img:nth-child(2){-webkit-animation-name:file-spin9;animation-name:file-spin9}#build .file#optimized-file05{-webkit-transform:translateX(-50%) rotateZ(180deg);transform:translateX(-50%) rotateZ(180deg)}#build .file#optimized-file05 img{-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}#build .file#optimized-file05 img:nth-child(1){-webkit-animation-name:file-spin9;animation-name:file-spin9}#build .file#optimized-file05 img:nth-child(2){-webkit-animation-name:file-spin3;animation-name:file-spin3}#build .file#optimized-file06{-webkit-transform:translateX(-50%) rotateZ(216deg);transform:translateX(-50%) rotateZ(216deg)}#build .file#optimized-file06 img{-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}#build .file#optimized-file06 img:nth-child(1){-webkit-animation-name:file-spin4;animation-name:file-spin4}#build .file#optimized-file06 img:nth-child(2){-webkit-animation-name:file-spin3;animation-name:file-spin3}#frameworks .section__image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#frameworks .slides{width:426.666666667px;height:293.333333333px}@media (min-width: 425px){#frameworks .slides{width:492.307692308px;height:338.461538462px}}@media (min-width: 768px){#frameworks .slides{width:640px;height:440px}}#frameworks .folder{position:absolute;right:5%;bottom:-5%;width:200px;height:145.714285714px;-webkit-perspective:800px;perspective:800px}@media (min-width: 768px){#frameworks .folder{width:280px;height:204px}}#frameworks .folder--front,#frameworks .folder--back{position:absolute;bottom:0}#frameworks .folder--front{z-index:24;bottom:0;-webkit-transform:rotateX(-20deg);transform:rotateX(-20deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}#frameworks .folder--back{z-index:20}#frameworks .folder .component{width:80px;height:80px;background-color:blue;border-radius:200px;position:absolute;z-index:21;top:-200px;left:25%;overflow:hidden;opacity:0;-webkit-animation:component-drop 2s ease infinite;animation:component-drop 2s ease infinite;-webkit-transform-origin:center center;transform-origin:center center}#frameworks .folder .component:nth-child(2){-webkit-animation-delay:1.5s;animation-delay:1.5s;left:0%}#frameworks .folder .component:nth-child(3){-webkit-animation-delay:1s;animation-delay:1s;left:50%}@media (min-width: 768px){#frameworks .folder .component{width:140px;height:140px}}#frameworks .components{position:absolute;z-index:-1;top:-20%;left:0;width:100%;height:auto}#frameworks .components polyline{-webkit-animation:dash 25s linear infinite forwards;animation:dash 25s linear infinite forwards;stroke-dasharray:10;stroke-dashoffset:10}#compile .section__image{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;margin-bottom:1em}#compile .slides{-webkit-transform-origin:center bottom;transform-origin:center bottom;width:356.363636364px;height:253.181818182px;-webkit-transition:all .5s;transition:all .5s}@media (min-width: 425px){#compile .slides{width:435.555555556px;height:309.444444444px}}@media (min-width: 768px){#compile .slides{width:871.111111111px;height:618.888888889px}}#compile .files{position:absolute;left:0;bottom:0;top:0;right:0;z-index:1;opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%);-webkit-transition:all 2.5s;transition:all 2.5s}#compile .file{-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;position:absolute;bottom:0;left:0;width:96px;height:auto;z-index:-1}#compile.pause .files .file{-webkit-animation-play-state:paused;animation-play-state:paused}#compile.animate .slides{-webkit-transform:scale(0.8);transform:scale(0.8);position:relative;z-index:10;background-color:#FFF}#compile.animate .files{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@-webkit-keyframes file01{to{-webkit-transform:scale(.7) rotateX(33deg) rotateY(-17deg) rotateZ(59deg);transform:scale(.7) rotateX(33deg) rotateY(-17deg) rotateZ(59deg);opacity:.4}}@keyframes file01{to{-webkit-transform:scale(.7) rotateX(33deg) rotateY(-17deg) rotateZ(59deg);transform:scale(.7) rotateX(33deg) rotateY(-17deg) rotateZ(59deg);opacity:.4}}@media (min-width: 768px){#compile.animate #compile-file01{-webkit-animation-name:file01;animation-name:file01;-webkit-animation-duration:25s;animation-duration:25s;z-index:1;-webkit-filter:blur(1.5px);filter:blur(1.5px);-webkit-transform:scale(.7) rotateX(-44deg) rotateY(24deg) rotateZ(64deg);transform:scale(.7) rotateX(-44deg) rotateY(24deg) rotateZ(64deg);top:25%;right:1%;left:auto}}@-webkit-keyframes file02{to{-webkit-transform:scale(.7) rotateX(78deg) rotateY(27deg) rotateZ(56deg);transform:scale(.7) rotateX(78deg) rotateY(27deg) rotateZ(56deg);opacity:.4}}@keyframes file02{to{-webkit-transform:scale(.7) rotateX(78deg) rotateY(27deg) rotateZ(56deg);transform:scale(.7) rotateX(78deg) rotateY(27deg) rotateZ(56deg);opacity:.4}}@media (min-width: 768px){#compile.animate #compile-file02{-webkit-animation-name:file02;animation-name:file02;-webkit-animation-duration:22s;animation-duration:22s;z-index:1;-webkit-filter:blur(1.5px);filter:blur(1.5px);-webkit-transform:scale(.7) rotateX(43deg) rotateY(71deg) rotateZ(-49deg);transform:scale(.7) rotateX(43deg) rotateY(71deg) rotateZ(-49deg);top:32%;right:7%;left:auto}}@-webkit-keyframes file03{to{-webkit-transform:scale(.7) rotateX(35deg) rotateY(16deg) rotateZ(20deg);transform:scale(.7) rotateX(35deg) rotateY(16deg) rotateZ(20deg);opacity:.4}}@keyframes file03{to{-webkit-transform:scale(.7) rotateX(35deg) rotateY(16deg) rotateZ(20deg);transform:scale(.7) rotateX(35deg) rotateY(16deg) rotateZ(20deg);opacity:.4}}@media (min-width: 768px){#compile.animate #compile-file03{-webkit-animation-name:file03;animation-name:file03;-webkit-animation-duration:25s;animation-duration:25s;z-index:1;-webkit-filter:blur(1.5px);filter:blur(1.5px);-webkit-transform:scale(.7) rotateX(-9deg) rotateY(-7deg) rotateZ(-1deg);transform:scale(.7) rotateX(-9deg) rotateY(-7deg) rotateZ(-1deg);top:5%;right:12%;left:auto}}@-webkit-keyframes file04{to{-webkit-transform:scale(.7) rotateX(65deg) rotateY(11deg) rotateZ(-27deg);transform:scale(.7) rotateX(65deg) rotateY(11deg) rotateZ(-27deg);opacity:.4}}@keyframes file04{to{-webkit-transform:scale(.7) rotateX(65deg) rotateY(11deg) rotateZ(-27deg);transform:scale(.7) rotateX(65deg) rotateY(11deg) rotateZ(-27deg);opacity:.4}}@media (min-width: 768px){#compile.animate #compile-file04{-webkit-animation-name:file04;animation-name:file04;-webkit-animation-duration:22s;animation-duration:22s;z-index:1;-webkit-filter:blur(1.5px);filter:blur(1.5px);-webkit-transform:scale(.7) rotateX(-13deg) rotateY(-16deg) rotateZ(71deg);transform:scale(.7) rotateX(-13deg) rotateY(-16deg) rotateZ(71deg);top:25%;right:17%;left:auto}}@-webkit-keyframes file05{to{-webkit-transform:scale(.7) rotateX(-21deg) rotateY(17deg) rotateZ(-45deg);transform:scale(.7) rotateX(-21deg) rotateY(17deg) rotateZ(-45deg);opacity:.4}}@keyframes file05{to{-webkit-transform:scale(.7) rotateX(-21deg) rotateY(17deg) rotateZ(-45deg);transform:scale(.7) rotateX(-21deg) rotateY(17deg) rotateZ(-45deg);opacity:.4}}@media (min-width: 768px){#compile.animate #compile-file05{-webkit-animation-name:file05;animation-name:file05;-webkit-animation-duration:25s;animation-duration:25s;z-index:1;-webkit-filter:blur(1.5px);filter:blur(1.5px);-webkit-transform:scale(.7) rotateX(77deg) rotateY(67deg) rotateZ(-10deg);transform:scale(.7) rotateX(77deg) rotateY(67deg) rotateZ(-10deg);top:50%;right:4%;left:auto}}@-webkit-keyframes file06{to{-webkit-transform:scale(1.3) rotateX(71deg) rotateY(-11deg) rotateZ(41deg);transform:scale(1.3) rotateX(71deg) rotateY(-11deg) rotateZ(41deg);opacity:1}}@keyframes file06{to{-webkit-transform:scale(1.3) rotateX(71deg) rotateY(-11deg) rotateZ(41deg);transform:scale(1.3) rotateX(71deg) rotateY(-11deg) rotateZ(41deg);opacity:1}}@media (min-width: 768px){#compile.animate #compile-file06{-webkit-animation-name:file06;animation-name:file06;-webkit-animation-duration:23s;animation-duration:23s;z-index:3;-webkit-filter:blur(0px);filter:blur(0px);-webkit-transform:scale(1.3) rotateX(18deg) rotateY(-29deg) rotateZ(-16deg);transform:scale(1.3) rotateX(18deg) rotateY(-29deg) rotateZ(-16deg);top:67%;right:16%;left:auto}}@-webkit-keyframes file07{to{-webkit-transform:scale(.7) rotateX(68deg) rotateY(25deg) rotateZ(54deg);transform:scale(.7) rotateX(68deg) rotateY(25deg) rotateZ(54deg);opacity:.4}}@keyframes file07{to{-webkit-transform:scale(.7) rotateX(68deg) rotateY(25deg) rotateZ(54deg);transform:scale(.7) rotateX(68deg) rotateY(25deg) rotateZ(54deg);opacity:.4}}@media (min-width: 768px){#compile.animate #compile-file07{-webkit-animation-name:file07;animation-name:file07;-webkit-animation-duration:23s;animation-duration:23s;z-index:1;-webkit-filter:blur(1.5px);filter:blur(1.5px);-webkit-transform:scale(.7) rotateX(8deg) rotateY(-44deg) rotateZ(-41deg);transform:scale(.7) rotateX(8deg) rotateY(-44deg) rotateZ(-41deg);top:19%;left:18%;right:auto}}@-webkit-keyframes file08{to{-webkit-transform:scale(.7) rotateX(11deg) rotateY(-49deg) rotateZ(6deg);transform:scale(.7) rotateX(11deg) rotateY(-49deg) rotateZ(6deg);opacity:.4}}@keyframes file08{to{-webkit-transform:scale(.7) rotateX(11deg) rotateY(-49deg) rotateZ(6deg);transform:scale(.7) rotateX(11deg) rotateY(-49deg) rotateZ(6deg);opacity:.4}}@media (min-width: 768px){#compile.animate #compile-file08{-webkit-animation-name:file08;animation-name:file08;-webkit-animation-duration:21s;animation-duration:21s;z-index:1;-webkit-filter:blur(1.5px);filter:blur(1.5px);-webkit-transform:scale(.7) rotateX(0deg) rotateY(-13deg) rotateZ(35deg);transform:scale(.7) rotateX(0deg) rotateY(-13deg) rotateZ(35deg);top:49%;left:5%;right:auto}}@-webkit-keyframes file09{to{-webkit-transform:scale(.7) rotateX(30deg) rotateY(-6deg) rotateZ(40deg);transform:scale(.7) rotateX(30deg) rotateY(-6deg) rotateZ(40deg);opacity:.4}}@keyframes file09{to{-webkit-transform:scale(.7) rotateX(30deg) rotateY(-6deg) rotateZ(40deg);transform:scale(.7) rotateX(30deg) rotateY(-6deg) rotateZ(40deg);opacity:.4}}@media (min-width: 768px){#compile.animate #compile-file09{-webkit-animation-name:file09;animation-name:file09;-webkit-animation-duration:25s;animation-duration:25s;z-index:1;-webkit-filter:blur(1.5px);filter:blur(1.5px);-webkit-transform:scale(.7) rotateX(-49deg) rotateY(30deg) rotateZ(75deg);transform:scale(.7) rotateX(-49deg) rotateY(30deg) rotateZ(75deg);top:19%;left:10%;right:auto}}@-webkit-keyframes file010{to{-webkit-transform:scale(.7) rotateX(-21deg) rotateY(-46deg) rotateZ(-11deg);transform:scale(.7) rotateX(-21deg) rotateY(-46deg) rotateZ(-11deg);opacity:.4}}@keyframes file010{to{-webkit-transform:scale(.7) rotateX(-21deg) rotateY(-46deg) rotateZ(-11deg);transform:scale(.7) rotateX(-21deg) rotateY(-46deg) rotateZ(-11deg);opacity:.4}}@media (min-width: 768px){#compile.animate #compile-file010{-webkit-animation-name:file010;animation-name:file010;-webkit-animation-duration:25s;animation-duration:25s;z-index:1;-webkit-filter:blur(1.5px);filter:blur(1.5px);-webkit-transform:scale(.7) rotateX(35deg) rotateY(32deg) rotateZ(33deg);transform:scale(.7) rotateX(35deg) rotateY(32deg) rotateZ(33deg);top:19%;left:4%;right:auto}}@-webkit-keyframes file011{to{-webkit-transform:scale(1.3) rotateX(-34deg) rotateY(7deg) rotateZ(63deg);transform:scale(1.3) rotateX(-34deg) rotateY(7deg) rotateZ(63deg);opacity:1}}@keyframes file011{to{-webkit-transform:scale(1.3) rotateX(-34deg) rotateY(7deg) rotateZ(63deg);transform:scale(1.3) rotateX(-34deg) rotateY(7deg) rotateZ(63deg);opacity:1}}@media (min-width: 768px){#compile.animate #compile-file011{-webkit-animation-name:file011;animation-name:file011;-webkit-animation-duration:24s;animation-duration:24s;z-index:3;-webkit-filter:blur(0px);filter:blur(0px);-webkit-transform:scale(1.3) rotateX(22deg) rotateY(14deg) rotateZ(5deg);transform:scale(1.3) rotateX(22deg) rotateY(14deg) rotateZ(5deg);top:56%;left:8%;right:auto}}@-webkit-keyframes file012{to{-webkit-transform:scale(1.3) rotateX(76deg) rotateY(3deg) rotateZ(3deg);transform:scale(1.3) rotateX(76deg) rotateY(3deg) rotateZ(3deg);opacity:1}}@keyframes file012{to{-webkit-transform:scale(1.3) rotateX(76deg) rotateY(3deg) rotateZ(3deg);transform:scale(1.3) rotateX(76deg) rotateY(3deg) rotateZ(3deg);opacity:1}}@media (min-width: 768px){#compile.animate #compile-file012{-webkit-animation-name:file012;animation-name:file012;-webkit-animation-duration:24s;animation-duration:24s;z-index:3;-webkit-filter:blur(0px);filter:blur(0px);-webkit-transform:scale(1.3) rotateX(-5deg) rotateY(-33deg) rotateZ(47deg);transform:scale(1.3) rotateX(-5deg) rotateY(-33deg) rotateZ(47deg);top:6%;left:6%;right:auto}}@-webkit-keyframes file013{to{-webkit-transform:scale(1.3) rotateX(60deg) rotateY(4deg) rotateZ(0deg);transform:scale(1.3) rotateX(60deg) rotateY(4deg) rotateZ(0deg);opacity:1}}@keyframes file013{to{-webkit-transform:scale(1.3) rotateX(60deg) rotateY(4deg) rotateZ(0deg);transform:scale(1.3) rotateX(60deg) rotateY(4deg) rotateZ(0deg);opacity:1}}@media (min-width: 768px){#compile.animate #compile-file013{-webkit-animation-name:file013;animation-name:file013;-webkit-animation-duration:23s;animation-duration:23s;z-index:3;-webkit-filter:blur(0px);filter:blur(0px);-webkit-transform:scale(1.3) rotateX(24deg) rotateY(68deg) rotateZ(16deg);transform:scale(1.3) rotateX(24deg) rotateY(68deg) rotateZ(16deg);top:67%;left:13%;right:auto}}#debug{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 768px){#debug .section__image{padding-left:1em;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}#debug .section__image .slides{width:80%}}@media (min-width: 768px){#debug .section__content{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}}#debug .slides{width:276.363636364px;height:319.090909091px}@media (min-width: 425px){#debug .slides{width:337.777777778px;height:390px}}@media (min-width: 768px){#debug .slides{width:608px;height:702px}}#debug .editor{-webkit-box-shadow:0 16px 32px rgba(0,0,0,0.25);box-shadow:0 16px 32px rgba(0,0,0,0.25);position:absolute;bottom:-5%;right:0;top:30%;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;width:40%;-webkit-animation:background-carosuel-y 40s linear infinite;animation:background-carosuel-y 40s linear infinite;border-radius:4px;background:url(../images/section-debug/code@2x.jpg);background-size:100% auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}#refresh .section__image{-webkit-perspective:500px;perspective:500px}@media (min-width: 768px){#refresh .section__image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;-webkit-box-flex:1;-ms-flex:1;flex:1}}@media (min-width: 768px){#refresh .section__content{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}}@media (min-width: 1024px){#refresh .section__features{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}}@media (min-width: 1024px){#refresh .feature{width:50%;-webkit-box-flex:0;-ms-flex:none;flex:none}}#refresh .device{padding:.25em;border:1px solid #000;border-radius:8px;background-color:#fff}#refresh .device,#refresh .device *{-webkit-transition:all .5s ease;transition:all .5s ease}#refresh .device__screen{position:relative;width:100%;border:1px solid #000}#refresh .device__screen:before{display:block;content:''}#refresh .device__layout{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}#refresh .device__button{width:12%;margin:.5em auto;border:1px solid #000;border-radius:1000px;-ms-flex-item-align:center;align-self:center}#refresh .device__button:before{display:block;padding-top:100%;content:''}#refresh .device--tablet{width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row}@media (min-width: 768px){#refresh .device--tablet{position:absolute;z-index:-1;top:0;right:0;width:70%;-webkit-transform:rotate3d(-8.1, -9.9, 32.6, -8deg) translateZ(-100px);transform:rotate3d(-8.1, -9.9, 32.6, -8deg) translateZ(-100px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}}#refresh .device--tablet .device__screen{width:100%}#refresh .device--tablet .device__screen:before{padding-top:130%}#refresh .device--laptop{display:none}@media (min-width: 768px){#refresh .device--laptop{position:absolute;z-index:10;top:40%;right:0;display:block;width:80%;-webkit-transform:rotate3d(-3.1, -1.9, 2.6, 7deg) translateZ(50px);transform:rotate3d(-3.1, -1.9, 2.6, 7deg) translateZ(50px)}#refresh .device--laptop .device__screen{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#333;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}#refresh .device--laptop .device__screen .device__layout{padding:.5em}#refresh .device--laptop .device__screen .line{margin:.25em 0;width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:3px;background-color:#999}#refresh .device--laptop .device__screen .line:nth-child(1){width:41%}#refresh .device--laptop .device__screen .line:nth-child(2){width:67%}#refresh .device--laptop .device__screen .line:nth-child(3){width:4%}#refresh .device--laptop .device__screen .line:nth-child(4){width:84%}#refresh .device--laptop .device__screen .line:nth-child(5){width:92%}#refresh .device--laptop .device__screen .line:nth-child(6){width:50%}#refresh .device--laptop .device__screen .line:nth-child(7){width:4%}#refresh .device--laptop .device__screen .line:nth-child(8){width:29%}#refresh .device--laptop .device__screen .line:nth-child(9){width:32%}#refresh .device--laptop .device__screen .line:nth-child(10){width:37%}#refresh .device--laptop .device__screen .line:nth-child(11){width:53%}#refresh .device--laptop .device__screen .line:nth-child(12){width:45%}#refresh .device--laptop .device__screen .line:nth-child(13){width:51%}#refresh .device--laptop .device__screen .line:nth-child(14){width:77%}#refresh .device--laptop .device__screen .line:nth-child(15){width:24%}#refresh .device--laptop .device__screen .line:nth-child(16){width:50%}#refresh .device--laptop .device__screen .line:nth-child(17){width:68%}#refresh .device--laptop .device__screen .line:nth-child(18){width:30%}#refresh .device--laptop .device__screen .line:nth-child(19){width:66%}#refresh .device--laptop .device__screen .line:nth-child(20){width:77%}#refresh .device--laptop .device__screen .line:nth-child(21){width:38%}#refresh .device--laptop .device__screen .line:nth-child(22){width:49%}#refresh .device--laptop .device__screen .line:nth-child(23){width:71%}#refresh .device--laptop .device__screen .line:nth-child(24){width:7%}#refresh .device--laptop .device__screen .line:nth-child(25){width:97%}#refresh .device--laptop .device__screen:before{padding-top:60%}}@media (min-width: 1140px){#refresh .device--laptop{top:60%}}#refresh .device--mobile{position:absolute;z-index:2;right:-2%;bottom:-5%;width:40%}@media (min-width: 768px){#refresh .device--mobile{top:0;right:auto;bottom:auto;left:0;-webkit-transform:rotate3d(0.9, -2.9, 1.6, 15deg);transform:rotate3d(0.9, -2.9, 1.6, 15deg)}}#refresh .device--mobile .device__screen{width:100%}#refresh .device--mobile .device__screen:before{padding-top:180%}#refresh .banner{display:-webkit-box;display:-ms-flexbox;display:flex;max-height:48px;padding:.4em;background-color:#4990e2}#refresh .banner__logo{-webkit-box-flex:3;-ms-flex:3;flex:3}#refresh .banner__options{-webkit-box-flex:1;-ms-flex:1;flex:1}#refresh .banner .cell{background:rgba(255,255,255,0.25)}#refresh .banner .cell--primary{-webkit-box-flex:4;-ms-flex:4;flex:4}#refresh .banner .cell--secondary{margin-left:.4em;-webkit-box-flex:1;-ms-flex:1;flex:1}#refresh .content{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;padding:.8em;-webkit-box-flex:4;-ms-flex:4;flex:4;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:flex-sttart;-ms-flex-align:flex-sttart;align-items:flex-sttart}#refresh .content .cell{width:32%;margin-bottom:.4em;background:rgba(73,144,226,0.45);-webkit-box-flex:0;-ms-flex:none;flex:none}#refresh .content .cell:before{padding-top:50%}#refresh .footer{display:-webkit-box;display:-ms-flexbox;display:flex;max-height:48px;padding:.8em;background-color:#4990e2;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#refresh .footer .cell{width:22%}#refresh .cell{width:100%;min-height:24px;background:rgba(255,255,255,0.25)}#refresh .cell:before{display:inline-block;padding-top:20%;content:''}#refresh .scene01 .line:nth-child(4){-webkit-box-flex:3;-ms-flex:3;flex:3;background-color:yellow}#refresh .scene01 .banner{background-color:#f6a623}#refresh .scene01 .content .cell{width:24%;background-color:#ff576c}#refresh .scene01 .footer{background-color:#f8e81c}#refresh .scene01 .footer .cell{background-color:rgba(255,255,255,0.75)}#refresh .scene02 .line:nth-child(14){-webkit-box-flex:3;-ms-flex:3;flex:3;background-color:#7ED321}#refresh .scene02 .banner{background-color:#eb87ff}#refresh .scene02 .content{background-color:#eee}#refresh .scene02 .content .cell{width:49%;background-color:rgba(0,0,0,0.2)}#refresh .scene02 .footer{background-color:#fff}#refresh .scene02 .footer .cell{background-color:rgba(235,135,255,0.6)}#refresh .scene02 .device--mobile .footer{display:none;-webkit-box-flex:0;-ms-flex:none;flex:none}#refresh .scene02 .device--mobile .content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}#refresh .scene02 .device--mobile .content .cell{width:100%}#refresh .scene03 .line:nth-child(8){-webkit-box-flex:7;-ms-flex:7;flex:7;background-color:orange}#refresh .scene03 .banner{background-color:#7ed321}#refresh .scene03 .content{background-color:#fff}#refresh .scene03 .content .cell{width:49%;background-color:rgba(0,0,0,0.2)}#refresh .scene03 .device--tablet .footer{background-color:#417505}#refresh .scene03 .device--tablet .content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}#refresh .scene03 .device--tablet .content .cell{width:100%;-webkit-box-flex:0;-ms-flex:none;flex:none}#refresh .scene03 .device--tablet .content .cell :before{padding-top:100%}#refresh .scene03 .device--mobile .footer{display:none;-webkit-box-flex:0;-ms-flex:none;flex:none}#refresh .scene03 .device--mobile .content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}#refresh .scene03 .device--mobile .content .cell{width:100%}#refresh .scene03 .device--mobile .content .cell:before{padding-top:20%}#testimonials{overflow:auto}@media (min-width: 768px){#testimonials{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}}#testimonials .section__header{width:100%;text-align:center;-webkit-box-flex:0;-ms-flex:none;flex:none}#testimonials .section__header h2{font-size:2.565784514em;margin:0}#testimonials .section__header h3{font-size:1.6018066406em;font-size:200;margin-bottom:4em}#testimonials .testimonial{margin-bottom:3em;padding:0 1em}@media (min-width: 768px){#testimonials .testimonial{width:50%}}#testimonials .testimonial__quote{margin:0}#testimonials .testimonial__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#testimonials .testimonial__cite{font-size:.7901234568em;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}#testimonials .testimonial__author{font-weight:600}#testimonials .testimonial__image{width:2.2806973457em;height:2.2806973457em}#testimonials .testimonial__image img{border-radius:1000px}#testimonials q{font-size:1.125em;display:block;margin-bottom:.624295077em}@media (min-width: 768px){#testimonials q{font-size:1.265625em}#testimonials .testimonial__image{width:3.2473210255em;height:3.2473210255em}}body{overflow-x:hidden}a{color:#4A90E2;text-decoration:none}a:hover{color:#14457f}.app{border:1px solid #DDD;border-radius:3px;-webkit-box-shadow:0 8px 24px rgba(0,0,0,0.05);box-shadow:0 8px 24px rgba(0,0,0,0.05)}@media (min-width: 768px){.app{border-radius:6px}}#refresh,#refresh *,#optimize,#optimize *,#frameworks,#frameworks *,#build,#build *,#debug,#debug *{-webkit-animation-play-state:paused;animation-play-state:paused}#refresh.animate,#refresh *,#optimize.animate,#optimize *,#frameworks.animate,#frameworks *,#build.animate,#build *,#debug.animate,#debug *{-webkit-animation-play-state:running;animation-play-state:running}