ionic-slider{background:#01050c;margin-top:-72px;display:block;min-height:860px;position:relative}ionic-slider [slot=slide-0]{display:block}ionic-slider [slot^=slide-]{padding-top:100px;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}ionic-slider [slot^=slide-] hgroup{color:#fff;max-width:500px;margin-top:13px;text-align:center;position:relative}ionic-slider [slot^=slide-] h1{font-size:64px;line-height:74px;margin-bottom:16px;letter-spacing:-.03em}ionic-slider [slot^=slide-] p{font-size:24px;line-height:36px;font-family:Eina,"Helvetica Neue",Helvetica,sans-serif;letter-spacing:-.03em;color:#e4f1ff}ionic-slider [slot^=slide-] .btn{font-size:15px;font-weight:700;margin-top:18px;padding:20px 22px;margin-right:-4px;letter-spacing:.1em;text-transform:uppercase}ionic-slider [slot^=slide-] .btn ion-icon{font-size:16px;margin-left:-4px;vertical-align:-2px;width:16px;height:16px;display:inline-block}ionic-slider #slide-limitless{background:#548fff linear-gradient(to right,#4278ff,#67a7ff);background-size:100%}ionic-slider #slide-limitless .btn{color:#3880ff}ionic-slider #slide-limitless ul{padding:0;margin-top:8px;list-style:none}ionic-slider #slide-limitless li{display:inline-block;margin-right:8px}ionic-slider #slide-limitless li:last-child{margin-right:0}ionic-slider #slide-limitless li:last-child img{height:23px;vertical-align:-8px}ionic-slider #slide-limitless li img{height:13px;opacity:.6}ionic-slider #slide-limitless .graphics{position:absolute;bottom:0;width:100%;left:0;padding:0;margin:0}ionic-slider #slide-limitless .graphics li{position:absolute;opacity:0;-webkit-animation:fadeInUp 1s ease forwards;animation:fadeInUp 1s ease forwards}ionic-slider #slide-limitless .graphics li.iphone-x{background:url(/img/homepage/hero-iphone-x.png) 0 0 no-repeat;background-size:100%;bottom:-63px;left:-191px;width:400px;height:306px;-webkit-animation-delay:.8s;animation-delay:.8s}ionic-slider #slide-limitless .graphics li.iphone-xs-max{background:url(/img/homepage/hero-iphone-xs-max.png) 0 0 no-repeat;background-size:100%;bottom:-39px;left:170px;width:490px;height:378px;-webkit-animation-delay:.9s;animation-delay:.9s}ionic-slider #slide-limitless .graphics li.pixel-3{background:url(/img/homepage/hero-google-pixel3.png) 0 0 no-repeat;background-size:100%;bottom:-40px;left:607px;width:490px;height:400px;-webkit-animation-delay:1s;animation-delay:1s}ionic-slider #slide-limitless .graphics li.galaxy{background:url(/img/homepage/hero-android-galaxy.png) 0 0 no-repeat;background-size:100%;bottom:-41px;left:1063px;width:450px;height:356px;-webkit-animation-delay:1.1s;animation-delay:1.1s}ionic-slider #slide-limitless .graphics li.ipad{background:url(/img/homepage/hero-ipad.png) 0 0 no-repeat;background-size:100%;bottom:-44px;left:1484px;width:610px;height:524px;-webkit-animation-delay:1.2s;animation-delay:1.2s}ionic-slider #slide-limitless .graphics li.macbook{background:url(/img/homepage/hero-macbook.png) 0 0 no-repeat;background-size:100%;bottom:-63px;left:2061px;width:1470px;height:570px;-webkit-animation-delay:1.3s;animation-delay:1.3s}ionic-slider #slide-v4{background:#01050c}ionic-slider #slide-v4::before{background:url(/img/homepage/bg-phone.png) no-repeat 50% 50%;background-size:cover;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;content:''}ionic-slider #slide-v4 hgroup{padding-top:58px;position:relative;max-width:620px}ionic-slider #slide-v4 hgroup img{display:inline-block;width:48px;height:48px}ionic-slider #slide-v4 hgroup h4{text-transform:uppercase;letter-spacing:.1em;font-family:"Roboto Mono",Menlo,Monaco,Consolas,"Courier New",monospace;font-size:12px;font-weight:400;margin-top:15px;margin-bottom:33px}ionic-slider #slide-v4 hgroup h1{letter-spacing:-.02em}ionic-slider #slide-v4 hgroup p{line-height:32px;margin-top:18px}ionic-slider #slide-v4 hgroup .btn{margin-top:27px;letter-spacing:.08em}ionic-slider #slide-v4 hgroup .btn.white{color:#131a26;margin-right:8px}ionic-slider #slide-v4 hgroup .btn.dark{background:#343d4d}ionic-slider #slide-v4 hgroup .btn.dark:hover{background:#3e495c}ionic-slider #slide-v4 hgroup .btn ion-icon{width:16px;height:16px;margin-left:8px}ionic-slider #slide-v4 .features{position:absolute;bottom:35px;width:100%;left:0}ionic-slider #slide-v4 .features ul{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;-ms-flex-pack:justify;justify-content:space-between;padding:0}ionic-slider #slide-v4 .features ul li{margin-right:1em;list-style:none}ionic-slider #slide-v4 .features ul::after,ionic-slider #slide-v4 .features ul::before{display:none}ionic-slider #slide-v4 .features li{position:relative;padding-top:65px;width:145px;color:#8a94a3;text-align:center;background:0 0;font-size:12px;line-height:20px;margin-bottom:32px;opacity:0}ionic-slider #slide-v4 .features li::before{background:url(/img/homepage/v4-feature-icons.png) 0 0 no-repeat;background-size:cover;position:absolute;top:0;left:calc(50% - 24px);height:48px;width:48px;content:''}ionic-slider #slide-v4 .features li.performance::before{background-position:0 0}ionic-slider #slide-v4 .features li.theming::before{background-position:0 -48px}ionic-slider #slide-v4 .features li.standards::before{background-position:0 -96px}ionic-slider #slide-v4 .features li.compatible::before{background-position:0 -144px}ionic-slider #slide-v4 .features li.docs::before{background-position:0 -192px}@media (max-width:991px){ionic-slider #slide-v4 .features{bottom:0}ionic-slider #slide-v4 .features ul{max-width:600px;margin:0 auto;-ms-flex-pack:distribute;justify-content:space-around}}@media (max-width:570px){ionic-slider #slide-v4 .features{display:none}}ionic-slider #slide-v4::before{-webkit-animation:fadeInUp 1.6s .8s ease forwards;animation:fadeInUp 1.6s .8s ease forwards}ionic-slider #slide-v4 .features li{-webkit-animation:fadeInUp 1s .1s ease forwards;animation:fadeInUp 1s .1s ease forwards}ionic-slider #slide-v4 .features li:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}ionic-slider #slide-v4 .features li:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}ionic-slider #slide-v4 .features li:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}ionic-slider #slide-v4 .features li:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s}#page-home #used-by{padding-top:60px;padding-bottom:58px;border-bottom:1px solid #f2f5f9}#page-home #used-by .container{display:block;max-width:950px}@media (max-width:991px){#page-home #used-by .container{width:100%}}@media (max-width:991px){#page-home #used-by{display:none}}#page-home section{padding-top:170px;line-height:1.75em;padding-bottom:170px;position:relative}#page-home section.center{text-align:center}#page-home section.left,#page-home section.right{display:-ms-flexbox;display:flex}#page-home section.left .content,#page-home section.right .content{width:470px}#page-home section.right .content{margin-left:auto}#page-home section h2{font-size:47px;margin-bottom:15px;letter-spacing:-.02em;color:#0d121c}#page-home section h3{font-size:35px;letter-spacing:-.016em}#page-home section h4{font-size:12px;color:#808fa7;letter-spacing:.14em;text-transform:uppercase;font-family:"Roboto Mono",Menlo,Monaco,Consolas,"Courier New",monospace}#page-home section h4+h2{margin-top:36px}#page-home section h5{font-size:20px;margin-bottom:16px;font-weight:600}#page-home section p{font-size:16px;color:#8c9bb9;margin-bottom:8px;line-height:1.78em;letter-spacing:-.028em}#page-home section hgroup p,#page-home section p.lg{color:#596a89;font-size:22px;line-height:36px;margin-bottom:23px;letter-spacing:-.02em;font-family:Eina,"Helvetica Neue",Helvetica,sans-serif}#page-home section hgroup p strong,#page-home section p.lg strong{font-weight:600}#page-home section .cta{font-size:20px;margin-top:11px;padding-top:0;color:#5a98ff;display:inline-block;position:relative;background:0 0;letter-spacing:-.02em;font-weight:600;font-family:Eina,"Helvetica Neue",Helvetica,sans-serif;position:relative;transition:.3s opacity}#page-home section .cta:hover{opacity:.6}#page-home section .cta:active,#page-home section .cta:focus,#page-home section .cta:hover{text-decoration:none}#page-home section .cta::after{content:'';position:absolute;bottom:-1px;left:0;right:0;border-bottom:2px solid #dbe6ff;border-radius:2px}@media (max-width:991px){#page-home section .content{width:100%;text-align:center}}#page-home #for-devs{padding-bottom:87px}#page-home #for-devs hgroup{max-width:740px}#page-home #for-devs ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:46px;-ms-flex-pack:distribute;justify-content:space-around;max-width:1064px;font-family:Eina,"Helvetica Neue",Helvetica,sans-serif}#page-home #for-devs ul::after,#page-home #for-devs ul::before{display:none}#page-home #for-devs li{list-style:none}#page-home #for-devs li a{color:#798fb8;font-weight:700;padding-top:73px;text-align:center;text-transform:uppercase;position:relative;width:130px;display:block;letter-spacing:.08em;transition:.2s color;font-size:13px}#page-home #for-devs li a::after,#page-home #for-devs li a::before{background:url(/img/homepage/offering-icons.png) 0 0 no-repeat;background-size:56px;height:56px;width:56px;content:'';position:absolute;top:0;left:calc(50% - 28px)}#page-home #for-devs li a:hover{color:#4a8bfc}@media (max-width:560px){#page-home #for-devs li a{line-height:1.6em;margin-bottom:48px}}#page-home #for-devs li a::after,#page-home #for-devs li a::before{transition:.2s opacity}#page-home #for-devs li a::after{opacity:0}#page-home #for-devs li:hover a::after{opacity:1}#page-home #for-devs li.oss a::before{background-position:0 0}#page-home #for-devs li.oss a::after{background-position:0 -56px}#page-home #for-devs li.devops a::before{background-position:0 -112px}#page-home #for-devs li.devops a::after{background-position:0 -168px}#page-home #for-devs li.ide a::before{background-position:0 -224px}#page-home #for-devs li.ide a::after{background-position:0 -280px}#page-home #for-devs li.integration a::before{background-position:0 -336px}#page-home #for-devs li.integration a::after{background-position:0 -392px}#page-home #oss{padding-top:176px;padding-bottom:400px;margin-top:100px}#page-home #oss .frameworks{margin-bottom:33px;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0}#page-home #oss .frameworks li{margin-right:1em;list-style:none}#page-home #oss .frameworks li{height:32px;width:32px;background-size:100%;display:inline-block;margin-right:12px}#page-home #oss .frameworks li.frameworks__angular{background-image:url(/img/homepage/framework-support-angular.png)}#page-home #oss .frameworks li.frameworks__react{background-image:url(/img/homepage/framework-support-react.png)}#page-home #oss .frameworks li.frameworks__vue{background-image:url(/img/homepage/framework-support-vue.png)}#page-home #oss .frameworks li.frameworks__js{background-image:url(/img/homepage/framework-support-javascript.png)}#page-home #oss .graphics{position:absolute;top:25px;right:15px;height:500px}#page-home #oss .graphics.active::after,#page-home #oss .graphics.active::before{-webkit-animation:fadeInUp 1s .8s ease forwards;animation:fadeInUp 1s .8s ease forwards}#page-home #oss .graphics.active::after{-webkit-animation-delay:.4s;animation-delay:.4s}#page-home #oss .graphics.active .shadow{-webkit-animation:fadeIn 2s .2s ease forwards;animation:fadeIn 2s .2s ease forwards}#page-home #oss .graphics .shadow,#page-home #oss .graphics::after,#page-home #oss .graphics::before{position:absolute;content:'';opacity:0;background:url(/img/homepage/framework-device-android.jpg) 0 0 no-repeat;background-size:100%;top:78px;right:99px;width:470px;height:624px}#page-home #oss .graphics::after{background-image:url(/img/homepage/framework-device-iphone.png);background-size:100%;width:490px;height:790px;top:0;right:0}#page-home #oss .graphics .shadow{background-image:url(/img/homepage/framework-devices-shadow.png);background-size:100%;width:1266px;height:214px;top:654px;right:-200px}@media (max-width:1219px){#page-home #oss{padding-top:120px}#page-home #oss .content{width:380px}}@media (max-width:991px){#page-home #oss .graphics{-webkit-transform:scale(.5,.5);transform:scale(.5,.5);top:200px}}@media (max-width:767px){#page-home #oss{padding-top:0;padding-bottom:328px}#page-home #oss .content{width:100%;text-align:center}#page-home #oss .content .frameworks{-ms-flex-pack:center;justify-content:center}#page-home #oss .graphics{right:calc(50% - 60px);bottom:-101px;top:auto}#page-home #oss .graphics::before{top:39px;right:50px;width:235px;height:312px}#page-home #oss .graphics::after{width:245px;height:395px}#page-home #oss .graphics .shadow{width:633px;height:107px;top:327px;right:-100px}}#page-home #devops{padding-top:204px;padding-bottom:252px}#page-home #devops .content{position:relative}#page-home #devops .git-hosts{margin-bottom:42px;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0}#page-home #devops .git-hosts li{margin-right:1em;list-style:none}#page-home #devops .git-hosts li{margin-right:19px}#page-home #devops .git-hosts img{height:20px}#page-home #devops .graphics{background:url(/img/homepage/devops-appflow-preview.png) 0 0 no-repeat;background-size:100%;width:1324px;height:812px;position:absolute;top:14px;left:-227px;opacity:0}#page-home #devops .graphics.active{-webkit-animation:fadeInUp 1s ease forwards;animation:fadeInUp 1s ease forwards}@media (max-width:1219px){#page-home #devops{padding-top:60px}#page-home #devops .graphics{width:933px}}@media (max-width:991px){#page-home #devops .graphics{width:662px;top:180px}}@media (max-width:767px){#page-home #devops{padding-top:160px;padding-bottom:420px}#page-home #devops .content{width:100%}#page-home #devops .git-hosts{-ms-flex-pack:center;justify-content:center}#page-home #devops .graphics{left:calc(50% - 150px);width:331px;top:auto;height:203px;bottom:170px}}#page-home #studio{padding-bottom:54px;margin-bottom:150px;padding-top:20px;margin-top:150px}#page-home #studio .content{max-width:720px}#page-home #studio .graphics{background:url(/img/homepage/studio-desktop-bg.jpg) 50% 0 no-repeat;background-size:cover;width:100%;padding-top:100px;padding-bottom:100px;margin-top:58px}#page-home #studio .graphics video{margin:0 auto;padding:0;border-radius:6px;box-shadow:0 22px 70px 4px rgba(0,0,0,.56)}@media (max-width:767px){#page-home #studio{padding-top:80px;margin-top:0}#page-home #studio .graphics video{width:100%}}#page-home #integrations{padding-top:20px;padding-bottom:4px}#page-home #integrations .content{max-width:894px}#page-home #integrations .integration-list{position:relative;height:360px;display:block;margin:0 0 48px;padding:0;position:relative;opacity:0;-webkit-animation:fadeIn 1s 1s forwards;animation:fadeIn 1s 1s forwards}#page-home #integrations .integration-list li{list-style:none;position:absolute}#page-home #integrations .integration-list img{position:absolute;width:128px;border-radius:50%;box-shadow:0 6px 24px rgba(0,0,0,.1)}#page-home #integrations .integration-list img.m{width:64px}#page-home #integrations .integration-list img.m{width:96px}#page-home #why-build{padding-bottom:90px}#page-home #why-build .why{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;-ms-flex-pack:justify;justify-content:space-between;margin-top:75px;margin-bottom:75px}#page-home #why-build .why li{margin-right:1em;list-style:none}#page-home #why-build .why li{padding-top:61px;max-width:310px;position:relative}#page-home #why-build .why li.why__future-proof::before{background-position:0 0}#page-home #why-build .why li.why__community::before{background-position:0 -48px}#page-home #why-build .why li.why__os::before{background-position:0 -96px}#page-home #why-build .why li::before{background:url(/img/homepage/why-build-icons.png) 0 0 no-repeat;background-size:100%;position:absolute;top:0;left:0;height:48px;width:48px;content:''}#page-home #why-build .why li p{letter-spacing:-.01em}@media (max-width:1219px){#page-home #why-build .why li{max-width:280px}}@media (max-width:991px){#page-home #why-build .why li{max-width:210px}}@media (max-width:767px){#page-home #why-build{text-align:center}#page-home #why-build .why{-ms-flex-pack:distribute;justify-content:space-around}#page-home #why-build .why li{max-width:100%}#page-home #why-build .why li::before{left:calc(50% - 24px)}}#page-home #difference{display:-ms-flexbox;display:flex;padding-top:60px;padding-bottom:69px;margin-top:16px;border-bottom:1px solid #eee}#page-home #difference .container{position:relative}#page-home #difference .container::before{background:url(/img/homepage/hybrid-vs-native-ionic-ebook.png) 0 0 no-repeat;background-size:100%;width:424px;height:310px;content:'';position:absolute;bottom:-69px;left:52px}#page-home #difference hgroup{max-width:550px;margin-right:50px;margin-left:auto}#page-home #difference h5{font-size:18px;margin-bottom:11px;color:#1f3256}#page-home #difference p{font-size:16px;font-weight:400;line-height:1.6em;letter-spacing:-.01em;color:#6c81a6}#page-home #difference .btn{padding:12px 13px 10px;font-size:14px;background-color:#668bff}@media (max-width:1219px){#page-home #difference .container::before{left:0}#page-home #difference hgroup{max-width:500px}}@media (max-width:991px){#page-home #difference hgroup{margin:0 auto;max-width:100%}#page-home #difference .container::before{width:212px;height:155px;right:0;left:auto}}@media (max-width:370px){#page-home #difference .container::before{display:none}}#page-home #good-company{padding-top:159px;padding-bottom:202px}#page-home #good-company hgroup{max-width:732px;margin:0 auto}#page-home #good-company hgroup p{line-height:32px;margin-top:15px}#page-home #good-company .case-studies{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;-ms-flex-pack:justify;justify-content:space-between;margin-top:54px}#page-home #good-company .case-studies li{margin-right:1em;list-style:none}#page-home #good-company .case-studies li{-ms-flex:0 0 270px;flex:0 0 270px;margin-right:0;margin-bottom:32px}#page-home #good-company .case-studies a{text-align:left;position:relative;display:block;border-radius:8px;padding:236px 27px 23px;box-shadow:0 4px 8px rgba(0,30,84,.12),0 1px 3px rgba(0,30,84,.08);transition:.15s box-shadow ease,.15s color,.15s transform}#page-home #good-company .case-studies a:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 8px 16px rgba(0,30,84,.1),0 3px 6px rgba(0,30,84,.08)}#page-home #good-company .case-studies img{position:absolute;top:0;left:0;right:0;width:100%;display:block;border-top-right-radius:8px;border-top-left-radius:8px}#page-home #good-company .case-studies strong{font-weight:400;color:#253950}#page-home #good-company .case-studies p{font-size:14px;letter-spacing:-.01em}#page-home #good-company .case-studies .cta{font-size:15px;font-family:Eina;font-weight:600;margin-top:10px;letter-spacing:.03em}#page-home #good-company .case-studies .cta::after{display:none}#page-home #good-company .others{width:807px;display:block;margin:49px auto 35px}#page-home #good-company .cta::after{color:#dbe6ff}@media (max-width:1219px){#page-home #good-company .case-studies li{-ms-flex:0 0 220px;flex:0 0 220px}}@media (max-width:767px){#page-home #good-company .case-studies{-ms-flex-pack:distribute;justify-content:space-around}#page-home #good-company .case-studies li{-ms-flex:0 0 280px;flex:0 0 280px}#page-home #good-company .others{width:100%}}#page-home #join{background:linear-gradient(to right,#4f74fe,#70aafb);padding-top:132px;padding-bottom:160px;color:#fff;text-align:center}#page-home #join hgroup{font-size:23px;max-width:790px}#page-home #join h1{font-weight:400;color:#fff;font-size:46px;line-height:64px}#page-home #join .btns{margin-top:44px}#page-home #join .btn{text-transform:uppercase;font-weight:700;font-size:15px;padding:21px 24px 19px;letter-spacing:.096em;margin-bottom:16px}#page-home #join .btn ion-icon{vertical-align:-2px;display:inline-block;width:15px;height:15px}#page-home #join .btn.light{background:#7bb3ff}#page-home #join .btn.light:hover{background:#95c2ff}#page-home #join .btn:not(:hover):not(:active){box-shadow:none}