*{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){#compile .header,#frameworks .header,#optimize .header{width:50%}}@media(min-width: 768px){#compile .section__features,#frameworks .section__features,#optimize .section__features{display:flex}}@media(min-width: 768px){#compile,#frameworks,#optimize{flex-flow:column}}@-webkit-keyframes file-spin1{from{transform:rotateX(251deg) rotateY(-1deg) rotateZ(-1deg)}to{transform:rotateX(251deg) rotateY(-1deg) rotateZ(-1deg)}}@keyframes file-spin1{from{transform:rotateX(251deg) rotateY(-1deg) rotateZ(-1deg)}to{transform:rotateX(251deg) rotateY(-1deg) rotateZ(-1deg)}}@-webkit-keyframes file-spin2{from{transform:rotateX(-165deg) rotateY(-230deg) rotateZ(-61deg)}to{transform:rotateX(-165deg) rotateY(-61deg) rotateZ(-230deg)}}@keyframes file-spin2{from{transform:rotateX(-165deg) rotateY(-230deg) rotateZ(-61deg)}to{transform:rotateX(-165deg) rotateY(-61deg) rotateZ(-230deg)}}@-webkit-keyframes file-spin3{from{transform:rotateX(23deg) rotateY(72deg) rotateZ(106deg)}to{transform:rotateX(23deg) rotateY(106deg) rotateZ(72deg)}}@keyframes file-spin3{from{transform:rotateX(23deg) rotateY(72deg) rotateZ(106deg)}to{transform:rotateX(23deg) rotateY(106deg) rotateZ(72deg)}}@-webkit-keyframes file-spin4{from{transform:rotateX(-103deg) rotateY(-274deg) rotateZ(-105deg)}to{transform:rotateX(-103deg) rotateY(-105deg) rotateZ(-274deg)}}@keyframes file-spin4{from{transform:rotateX(-103deg) rotateY(-274deg) rotateZ(-105deg)}to{transform:rotateX(-103deg) rotateY(-105deg) rotateZ(-274deg)}}@-webkit-keyframes file-spin5{from{transform:rotateX(186deg) rotateY(-136deg) rotateZ(46deg)}to{transform:rotateX(186deg) rotateY(46deg) rotateZ(-136deg)}}@keyframes file-spin5{from{transform:rotateX(186deg) rotateY(-136deg) rotateZ(46deg)}to{transform:rotateX(186deg) rotateY(46deg) rotateZ(-136deg)}}@-webkit-keyframes file-spin6{from{transform:rotateX(-86deg) rotateY(26deg) rotateZ(0deg)}to{transform:rotateX(-86deg) rotateY(0deg) rotateZ(26deg)}}@keyframes file-spin6{from{transform:rotateX(-86deg) rotateY(26deg) rotateZ(0deg)}to{transform:rotateX(-86deg) rotateY(0deg) rotateZ(26deg)}}@-webkit-keyframes file-spin7{from{transform:rotateX(146deg) rotateY(-75deg) rotateZ(-57deg)}to{transform:rotateX(146deg) rotateY(-57deg) rotateZ(-75deg)}}@keyframes file-spin7{from{transform:rotateX(146deg) rotateY(-75deg) rotateZ(-57deg)}to{transform:rotateX(146deg) rotateY(-57deg) rotateZ(-75deg)}}@-webkit-keyframes file-spin8{from{transform:rotateX(-63deg) rotateY(273deg) rotateZ(221deg)}to{transform:rotateX(-63deg) rotateY(221deg) rotateZ(273deg)}}@keyframes file-spin8{from{transform:rotateX(-63deg) rotateY(273deg) rotateZ(221deg)}to{transform:rotateX(-63deg) rotateY(221deg) rotateZ(273deg)}}@-webkit-keyframes file-spin9{from{transform:rotateX(-137deg) rotateY(67deg) rotateZ(100deg)}to{transform:rotateX(-137deg) rotateY(100deg) rotateZ(67deg)}}@keyframes file-spin9{from{transform:rotateX(-137deg) rotateY(67deg) rotateZ(100deg)}to{transform:rotateX(-137deg) rotateY(100deg) rotateZ(67deg)}}@-webkit-keyframes file-spin10{from{transform:rotateX(-15deg) rotateY(220deg) rotateZ(40deg)}to{transform:rotateX(-15deg) rotateY(40deg) rotateZ(220deg)}}@keyframes file-spin10{from{transform:rotateX(-15deg) rotateY(220deg) rotateZ(40deg)}to{transform:rotateX(-15deg) rotateY(40deg) rotateZ(220deg)}}@-webkit-keyframes spinZ{to{transform:rotateZ(360deg)}}@keyframes spinZ{to{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%{transform:rotateX(0deg)}100%{transform:rotateX(-20deg)}}@keyframes tile-forward{0%,50%{transform:rotateX(0deg)}100%{transform:rotateX(-20deg)}}@-webkit-keyframes component-drop{20%{opacity:1;transform:scale(1) rotateY(0deg)}80%{opacity:1;transform:translateY(220px) scale(1) rotateY(0deg)}100%{opacity:0;transform:translateY(220px) scale(1) rotateY(0deg)}}@keyframes component-drop{20%{opacity:1;transform:scale(1) rotateY(0deg)}80%{opacity:1;transform:translateY(220px) scale(1) rotateY(0deg)}100%{opacity:0;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:flex;flex-flow:column}@media(min-width: 768px){.section{flex-flow:row}}.section__image{flex:2;margin-bottom:2em;position:relative}.section__content{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:flex;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:linear-gradient(-180deg, #65ADFF 0%, #4990E2 100%);padding:8px 20px;border-radius:4px;color:#fff;text-transform:uppercase;font-weight:600;text-decoration:none;font-size:.8888888889em}.button--primary:hover{color:#fff;background-image:linear-gradient(-180deg, #7fbbff 0%, #5f9de6 100%)}.button--secondary{background:none;color:#4990e2;border-bottom:2px solid rgba(73,144,226,.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:flex;max-width:1100px;height:48px;margin:auto;align-items:center}.topbar__cell{display:flex;align-items:center}.topbar .topbar__nav{flex:3}.topbar__nav a{margin:0 .7023319616em}@media(min-width: 768px){.topbar__nav{display:flex;justify-content:center}}.topbar__logo a{line-height:normal}@media(min-width: 768px){.topbar__logo{flex:1}}.topbar__cta{display:flex;text-align:right;justify-content:flex-end;flex:3}.topbar__cta .button{margin-left:12px}@media(min-width: 768px){.topbar__cta{flex:1}}@media(max-width: 767px){.topbar__logo{flex:1}.topbar__cta{flex:3}.topbar__nav{position:absolute;top:48px;right:0;left:0;display:none;padding:16px;background:#fff;box-shadow:0 12px 20px rgba(0,0,0,.15)}.topbar__nav a{display:block;display:flex;height:48px;margin:0;padding:0 16px;border-bottom:1px solid #eee;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:flex;margin-bottom:2em}#optimize svg{position:absolute;left:50%;width:12em;height:12em;bottom:-20px;z-index:12;transform:translateX(-50%) translateY(10%)}@media(min-width: 768px){#optimize svg{width:16em;height:16em}}#optimize .section__image{display:flex;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{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;flex-flow:column;margin-bottom:4em;margin-top:4em}#landing h1{font-size:2.0272865295em;font-weight:500;line-height:1.2;margin-bottom:.1em}@media(min-width: 768px){#landing h1{font-size:3.2473210255em}}#landing h3{margin:1em auto 2.5em auto;max-width:600px;text-align:center;color:#777;font-weight:200}.options,#footer{flex:none}.options .button,#footer .button{margin:0 1em;font-size:1em}.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,.3);padding-left:.7em;margin-left:.7em;display:inline-block}@media(max-width: 499px){.options #download-button,#footer #download-button{display:none}}.meta,#footer{display:flex;flex-flow:column;font-size:.7901234568em;color:#aaa;margin-top:3em}#footer{margin:0 -2em;position:relative;overflow:hidden;background-color:#000;color:#fff;text-align:center;perspective:500px;padding-bottom:2em;display:flex;flex-flow:column;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:flex;flex-flow:row wrap;align-otems:center}#footer .section__image{margin-bottom:0;padding:0 1em}#footer .section__content{display:flex;padding:0 1em;text-align:center;flex:1;align-items:center;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;transform:rotateX(70deg);transform-origin:center bottom;-webkit-animation:grid 1s linear infinite;animation:grid 1s linear infinite;background-image:linear-gradient(#333 0px, #333 1px, rgba(0, 0, 0, 0) 2px),linear-gradient(90deg, #333 0px, #333 1px, rgba(0, 0, 0, 0) 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:linear-gradient(#000, rgba(0, 0, 0, 0))}#footer .slides{background-color:#fff;border-radius:4px;overflow:hidden;z-index:3;width:300px;height:199.6153846154px;margin:auto}@media(min-width: 425px){#footer .slides{width:458.8235294118px;height:305.2941176471px}}@media(min-width: 768px){#footer .slides{width:650px;height:432.5px}}#footer .section__things{width:100%;flex:none}#footer .footer__resources{display:flex;position:relative;z-index:20;padding:2em 0;text-align:left;font-size:14px}#footer .footer__resources .resource{display:flex;flex-flow:column;flex:1}#footer .footer__resources .resource:last-child{text-align:right}#build{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%;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:flex;justify-content:space-between;flex-flow:column;left:50%;transform:translateX(-50%)}#build .file#optimized-file01{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-spin4;animation-name:file-spin4}#build .file#optimized-file01 img:nth-child(2){-webkit-animation-name:file-spin10;animation-name:file-spin10}#build .file#optimized-file02{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-spin10;animation-name:file-spin10}#build .file#optimized-file02 img:nth-child(2){-webkit-animation-name:file-spin8;animation-name:file-spin8}#build .file#optimized-file03{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-spin4;animation-name:file-spin4}#build .file#optimized-file03 img:nth-child(2){-webkit-animation-name:file-spin2;animation-name:file-spin2}#build .file#optimized-file04{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-spin10;animation-name:file-spin10}#build .file#optimized-file04 img:nth-child(2){-webkit-animation-name:file-spin10;animation-name:file-spin10}#build .file#optimized-file05{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-spin6;animation-name:file-spin6}#build .file#optimized-file05 img:nth-child(2){-webkit-animation-name:file-spin9;animation-name:file-spin9}#build .file#optimized-file06{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-spin7;animation-name:file-spin7}#build .file#optimized-file06 img:nth-child(2){-webkit-animation-name:file-spin5;animation-name:file-spin5}#frameworks .section__image{display:flex;justify-content:center}#frameworks .slides{width:426.6666666667px;height:293.3333333333px}@media(min-width: 425px){#frameworks .slides{width:492.3076923077px;height:338.4615384615px}}@media(min-width: 768px){#frameworks .slides{width:640px;height:440px}}#frameworks .folder{position:absolute;right:5%;bottom:-5%;width:200px;height:145.7142857143px;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;transform:rotateX(-20deg);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;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:flex;align-items:center;justify-content:center;margin-bottom:1em}#compile .slides{transform-origin:center bottom;width:356.3636363636px;height:290.9090909091px;transition:all .5s}@media(min-width: 425px){#compile .slides{width:435.5555555556px;height:355.5555555556px}}@media(min-width: 768px){#compile .slides{width:871.1111111111px;height:711.1111111111px}}#compile .files{position:absolute;left:0;bottom:0;top:0;right:0;z-index:1;opacity:0;transform:translateY(20%);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{transform:scale(0.8);position:relative;z-index:10;background-color:#fff}#compile.animate .files{opacity:1;transform:translateY(0)}@-webkit-keyframes file01{to{transform:scale(0.7) rotateX(-39deg) rotateY(7deg) rotateZ(-40deg);opacity:.4}}@keyframes file01{to{transform:scale(0.7) rotateX(-39deg) rotateY(7deg) rotateZ(-40deg);opacity:.4}}@media(min-width: 768px){#compile.animate #compile-file01{-webkit-animation-name:file01;animation-name:file01;-webkit-animation-duration:21s;animation-duration:21s;z-index:1;-webkit-filter:blur(1.5px);filter:blur(1.5px);transform:scale(0.7) rotateX(22deg) rotateY(62deg) rotateZ(-38deg);top:19%;right:20%;left:auto}}@-webkit-keyframes file02{to{transform:scale(0.7) rotateX(42deg) rotateY(-16deg) rotateZ(42deg);opacity:.4}}@keyframes file02{to{transform:scale(0.7) rotateX(42deg) rotateY(-16deg) rotateZ(42deg);opacity:.4}}@media(min-width: 768px){#compile.animate #compile-file02{-webkit-animation-name:file02;animation-name:file02;-webkit-animation-duration:25s;animation-duration:25s;z-index:1;-webkit-filter:blur(1.5px);filter:blur(1.5px);transform:scale(0.7) rotateX(34deg) rotateY(40deg) rotateZ(-40deg);top:72%;right:12%;left:auto}}@-webkit-keyframes file03{to{transform:scale(0.7) rotateX(57deg) rotateY(40deg) rotateZ(-42deg);opacity:.4}}@keyframes file03{to{transform:scale(0.7) rotateX(57deg) rotateY(40deg) rotateZ(-42deg);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);transform:scale(0.7) rotateX(14deg) rotateY(57deg) rotateZ(72deg);top:51%;right:13%;left:auto}}@-webkit-keyframes file04{to{transform:scale(1.3) rotateX(16deg) rotateY(0deg) rotateZ(48deg);opacity:1}}@keyframes file04{to{transform:scale(1.3) rotateX(16deg) rotateY(0deg) rotateZ(48deg);opacity:1}}@media(min-width: 768px){#compile.animate #compile-file04{-webkit-animation-name:file04;animation-name:file04;-webkit-animation-duration:22s;animation-duration:22s;z-index:3;-webkit-filter:blur(0px);filter:blur(0px);transform:scale(1.3) rotateX(66deg) rotateY(41deg) rotateZ(-48deg);top:41%;right:7%;left:auto}}@-webkit-keyframes file05{to{transform:scale(0.7) rotateX(43deg) rotateY(9deg) rotateZ(31deg);opacity:.4}}@keyframes file05{to{transform:scale(0.7) rotateX(43deg) rotateY(9deg) rotateZ(31deg);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);transform:scale(0.7) rotateX(32deg) rotateY(79deg) rotateZ(-25deg);top:33%;right:4%;left:auto}}@-webkit-keyframes file06{to{transform:scale(0.7) rotateX(3deg) rotateY(-21deg) rotateZ(44deg);opacity:.4}}@keyframes file06{to{transform:scale(0.7) rotateX(3deg) rotateY(-21deg) rotateZ(44deg);opacity:.4}}@media(min-width: 768px){#compile.animate #compile-file06{-webkit-animation-name:file06;animation-name:file06;-webkit-animation-duration:22s;animation-duration:22s;z-index:1;-webkit-filter:blur(1.5px);filter:blur(1.5px);transform:scale(0.7) rotateX(-15deg) rotateY(-45deg) rotateZ(30deg);top:5%;right:12%;left:auto}}@-webkit-keyframes file07{to{transform:scale(1.3) rotateX(3deg) rotateY(16deg) rotateZ(-27deg);opacity:1}}@keyframes file07{to{transform:scale(1.3) rotateX(3deg) rotateY(16deg) rotateZ(-27deg);opacity:1}}@media(min-width: 768px){#compile.animate #compile-file07{-webkit-animation-name:file07;animation-name:file07;-webkit-animation-duration:23s;animation-duration:23s;z-index:3;-webkit-filter:blur(0px);filter:blur(0px);transform:scale(1.3) rotateX(47deg) rotateY(50deg) rotateZ(-9deg);top:50%;left:20%;right:auto}}@-webkit-keyframes file08{to{transform:scale(1.3) rotateX(69deg) rotateY(16deg) rotateZ(-37deg);opacity:1}}@keyframes file08{to{transform:scale(1.3) rotateX(69deg) rotateY(16deg) rotateZ(-37deg);opacity:1}}@media(min-width: 768px){#compile.animate #compile-file08{-webkit-animation-name:file08;animation-name:file08;-webkit-animation-duration:25s;animation-duration:25s;z-index:3;-webkit-filter:blur(0px);filter:blur(0px);transform:scale(1.3) rotateX(74deg) rotateY(-11deg) rotateZ(63deg);top:67%;left:4%;right:auto}}@-webkit-keyframes file09{to{transform:scale(0.7) rotateX(-27deg) rotateY(59deg) rotateZ(-21deg);opacity:.4}}@keyframes file09{to{transform:scale(0.7) rotateX(-27deg) rotateY(59deg) rotateZ(-21deg);opacity:.4}}@media(min-width: 768px){#compile.animate #compile-file09{-webkit-animation-name:file09;animation-name:file09;-webkit-animation-duration:23s;animation-duration:23s;z-index:1;-webkit-filter:blur(1.5px);filter:blur(1.5px);transform:scale(0.7) rotateX(-8deg) rotateY(50deg) rotateZ(78deg);top:19%;left:6%;right:auto}}@-webkit-keyframes file010{to{transform:scale(0.7) rotateX(22deg) rotateY(-31deg) rotateZ(56deg);opacity:.4}}@keyframes file010{to{transform:scale(0.7) rotateX(22deg) rotateY(-31deg) rotateZ(56deg);opacity:.4}}@media(min-width: 768px){#compile.animate #compile-file010{-webkit-animation-name:file010;animation-name:file010;-webkit-animation-duration:21s;animation-duration:21s;z-index:1;-webkit-filter:blur(1.5px);filter:blur(1.5px);transform:scale(0.7) rotateX(47deg) rotateY(63deg) rotateZ(18deg);top:54%;left:5%;right:auto}}@-webkit-keyframes file011{to{transform:scale(0.7) rotateX(42deg) rotateY(-30deg) rotateZ(16deg);opacity:.4}}@keyframes file011{to{transform:scale(0.7) rotateX(42deg) rotateY(-30deg) rotateZ(16deg);opacity:.4}}@media(min-width: 768px){#compile.animate #compile-file011{-webkit-animation-name:file011;animation-name:file011;-webkit-animation-duration:21s;animation-duration:21s;z-index:1;-webkit-filter:blur(1.5px);filter:blur(1.5px);transform:scale(0.7) rotateX(30deg) rotateY(-30deg) rotateZ(-36deg);top:25%;left:3%;right:auto}}@-webkit-keyframes file012{to{transform:scale(0.7) rotateX(3deg) rotateY(-24deg) rotateZ(-24deg);opacity:.4}}@keyframes file012{to{transform:scale(0.7) rotateX(3deg) rotateY(-24deg) rotateZ(-24deg);opacity:.4}}@media(min-width: 768px){#compile.animate #compile-file012{-webkit-animation-name:file012;animation-name:file012;-webkit-animation-duration:23s;animation-duration:23s;z-index:1;-webkit-filter:blur(1.5px);filter:blur(1.5px);transform:scale(0.7) rotateX(-25deg) rotateY(39deg) rotateZ(49deg);top:71%;left:17%;right:auto}}@-webkit-keyframes file013{to{transform:scale(0.7) rotateX(-16deg) rotateY(60deg) rotateZ(-34deg);opacity:.4}}@keyframes file013{to{transform:scale(0.7) rotateX(-16deg) rotateY(60deg) rotateZ(-34deg);opacity:.4}}@media(min-width: 768px){#compile.animate #compile-file013{-webkit-animation-name:file013;animation-name:file013;-webkit-animation-duration:24s;animation-duration:24s;z-index:1;-webkit-filter:blur(1.5px);filter:blur(1.5px);transform:scale(0.7) rotateX(-23deg) rotateY(74deg) rotateZ(-3deg);top:5%;left:11%;right:auto}}#debug{align-items:flex-start}@media(min-width: 768px){#debug .section__image{padding-left:1em;order:1}#debug .section__image .slides{width:80%}}@media(min-width: 768px){#debug .section__content{order:0}}#debug .slides{width:276.3636363636px;height:319.0909090909px}@media(min-width: 425px){#debug .slides{width:337.7777777778px;height:390px}}@media(min-width: 768px){#debug .slides{width:608px;height:702px}}#debug .editor{box-shadow:0 16px 32px rgba(0,0,0,.25);position:absolute;bottom:-5%;right:0;top:30%;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;flex-flow:column}#refresh .section__image{perspective:500px}@media(min-width: 768px){#refresh .section__image{order:1;flex:1}}@media(min-width: 768px){#refresh .section__content{order:0}}@media(min-width: 1024px){#refresh .section__features{display:flex;flex-flow:row wrap}}@media(min-width: 1024px){#refresh .feature{width:50%;flex:none}}#refresh .device{padding:.25em;border:1px solid #000;border-radius:8px;background-color:#fff}#refresh .device,#refresh .device *{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:flex;flex-flow:column}#refresh .device__button{width:12%;margin:.5em auto;border:1px solid #000;border-radius:1000px;align-self:center}#refresh .device__button:before{display:block;padding-top:100%;content:""}#refresh .device--tablet{width:100%;flex-flow:row}@media(min-width: 768px){#refresh .device--tablet{position:absolute;z-index:-1;top:0;right:0;width:70%;transform:rotate3d(-8.1, -9.9, 32.6, -8deg) translateZ(-100px);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%;transform:rotate3d(-3.1, -1.9, 2.6, 7deg) translateZ(50px)}#refresh .device--laptop .device__screen{display:flex;background-color:#333;flex-flow:column}#refresh .device--laptop .device__screen .device__layout{padding:.5em}#refresh .device--laptop .device__screen .line{margin:.25em 0;width:100%;flex:1;border-radius:3px;background-color:#999}#refresh .device--laptop .device__screen .line:nth-child(1){width:78%}#refresh .device--laptop .device__screen .line:nth-child(2){width:96%}#refresh .device--laptop .device__screen .line:nth-child(3){width:39%}#refresh .device--laptop .device__screen .line:nth-child(4){width:75%}#refresh .device--laptop .device__screen .line:nth-child(5){width:34%}#refresh .device--laptop .device__screen .line:nth-child(6){width:90%}#refresh .device--laptop .device__screen .line:nth-child(7){width:54%}#refresh .device--laptop .device__screen .line:nth-child(8){width:51%}#refresh .device--laptop .device__screen .line:nth-child(9){width:38%}#refresh .device--laptop .device__screen .line:nth-child(10){width:62%}#refresh .device--laptop .device__screen .line:nth-child(11){width:47%}#refresh .device--laptop .device__screen .line:nth-child(12){width:72%}#refresh .device--laptop .device__screen .line:nth-child(13){width:24%}#refresh .device--laptop .device__screen .line:nth-child(14){width:72%}#refresh .device--laptop .device__screen .line:nth-child(15){width:59%}#refresh .device--laptop .device__screen .line:nth-child(16){width:25%}#refresh .device--laptop .device__screen .line:nth-child(17){width:90%}#refresh .device--laptop .device__screen .line:nth-child(18){width:47%}#refresh .device--laptop .device__screen .line:nth-child(19){width:29%}#refresh .device--laptop .device__screen .line:nth-child(20){width:22%}#refresh .device--laptop .device__screen .line:nth-child(21){width:79%}#refresh .device--laptop .device__screen .line:nth-child(22){width:43%}#refresh .device--laptop .device__screen .line:nth-child(23){width:78%}#refresh .device--laptop .device__screen .line:nth-child(24){width:57%}#refresh .device--laptop .device__screen .line:nth-child(25){width:75%}#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;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:flex;max-height:48px;padding:.4em;background-color:#4990e2}#refresh .banner__logo{flex:3}#refresh .banner__options{flex:1}#refresh .banner .cell{background:rgba(255,255,255,.25)}#refresh .banner .cell--primary{flex:4}#refresh .banner .cell--secondary{margin-left:.4em;flex:1}#refresh .content{display:flex;overflow:hidden;padding:.8em;flex:4;flex-wrap:wrap;justify-content:space-between;align-items:flex-sttart}#refresh .content .cell{width:32%;margin-bottom:.4em;background:rgba(73,144,226,.45);flex:none}#refresh .content .cell:before{padding-top:50%}#refresh .footer{display:flex;max-height:48px;padding:.8em;background-color:#4990e2;flex:1;justify-content:space-between}#refresh .footer .cell{width:22%}#refresh .cell{width:100%;min-height:24px;background:rgba(255,255,255,.25)}#refresh .cell:before{display:inline-block;padding-top:20%;content:""}#refresh .scene01 .line:nth-child(4){flex:3;background-color:#ff0}#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,.75)}#refresh .scene02 .line:nth-child(14){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,.2)}#refresh .scene02 .footer{background-color:#fff}#refresh .scene02 .footer .cell{background-color:rgba(235,135,255,.6)}#refresh .scene02 .device--mobile .footer{display:none;flex:none}#refresh .scene02 .device--mobile .content{flex-flow:column}#refresh .scene02 .device--mobile .content .cell{width:100%}#refresh .scene03 .line:nth-child(8){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,.2)}#refresh .scene03 .device--tablet .footer{background-color:#417505}#refresh .scene03 .device--tablet .content{flex-flow:column}#refresh .scene03 .device--tablet .content .cell{width:100%;flex:none}#refresh .scene03 .device--tablet .content .cell :before{padding-top:100%}#refresh .scene03 .device--mobile .footer{display:none;flex:none}#refresh .scene03 .device--mobile .content{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{flex-flow:row wrap}}#testimonials .section__header{width:100%;text-align:center;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:flex;align-items:center}#testimonials .testimonial__cite{font-size:.7901234568em;display:flex;margin-left:1em;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;box-shadow:0 8px 24px rgba(0,0,0,.25)}@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}