@charset "UTF-8";#ionic-slider{margin-top:-72px;display:block;min-height:860px;position:relative;padding-top:clamp(120px,22vh,203px)}@media screen and (max-width:768px){#ionic-slider{padding-top:21.5vh!important}}#ionic-slider .hero-image-vue{position:absolute;top:0;left:0;right:0;bottom:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%;height:100%;z-index:-1}#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 [slot^=slide-] .version-text{color:rgba(255,255,255,.6);font-weight:500;font-size:11px}#ionic-slider [slot^=slide-] .version-text a{color:rgba(255,255,255,.6)}#ionic-slider [slot^=slide-] .version-text a:hover{color:rgba(255,255,255,.8);text-decoration:none}@media (max-width:991px){#ionic-slider{min-height:0}}@media (max-width:767px){#ionic-slider{padding-bottom:48px}}#ionic-slider aside{position:absolute;bottom:64px;left:0;right:0}#ionic-slider aside .container{position:relative}#ionic-slider .stats{padding:0;position:absolute;bottom:0;left:0;list-style:none;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#ionic-slider .stats a{font-size:14px;line-height:17px;letter-spacing:-.02em;color:#92a1b3;padding:0 16px;transition:.3s color}#ionic-slider .stats a svg{vertical-align:-3px}#ionic-slider .stats a svg path{transition:.3s fill}#ionic-slider .stats a:hover{color:#74879e}#ionic-slider .stats a:hover svg path{fill:#74879e}@media (max-width:767px){#ionic-slider .stats{left:calc(50% - 140px);bottom:40px}}#ionic-slider ionic-newsletter-signup{width:400px;position:absolute;bottom:0;right:20px;max-width:calc(100% - 30px)}@media (max-width:767px){#ionic-slider ionic-newsletter-signup{bottom:-26px;right:auto;left:calc(50% - 200px)}}@media (max-width:460px){#ionic-slider ionic-newsletter-signup{left:15px}}@media (max-width:991px){#ionic-slider{width:100%}}section#slide-ionic-vue{padding-top:0!important;padding-bottom:230px!important;clear:both}section#slide-ionic-vue .arrow{white-space:pre;letter-spacing:0}section#slide-ionic-vue .heading-group{max-width:608px;margin-left:auto;margin-right:auto;text-align:center}section#slide-ionic-vue .heading-group h1{font-size:clamp(28px,13vw,80px);line-height:96%;letter-spacing:-.02em;color:#001a3a;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:30px}section#slide-ionic-vue .heading-group h1 .highlight{color:#2abc7a}section#slide-ionic-vue .heading-group h1 .underline::before{background:#4dba87;height:4px;width:90%;left:8px;bottom:4px;opacity:.3}section#slide-ionic-vue .heading-group h1 .activateOnScroll:nth-of-type(2){transition-delay:.1s}section#slide-ionic-vue .heading-group h1 .activateOnScroll:nth-of-type(3){transition-delay:.3s}section#slide-ionic-vue .heading-group ul{margin:0 auto 32px auto;padding-left:0}section#slide-ionic-vue .heading-group ul li{list-style-type:none;font-size:clamp(14px,4vw,20px);line-height:160%;letter-spacing:-.02em;color:rgba(45,70,101,.9)}section#slide-ionic-vue .heading-group ul li+li{margin-top:10px}section#slide-ionic-vue .heading-group ul li svg{display:inline;margin-right:12px}section#slide-ionic-vue .heading-group ul .activateOnScroll:nth-of-type(1){transition-delay:.5s}section#slide-ionic-vue .heading-group ul .activateOnScroll:nth-of-type(2){transition-delay:.6s}section#slide-ionic-vue .heading-group ul .activateOnScroll:nth-of-type(3){transition-delay:.8s}section#slide-ionic-vue .ctas{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:-16px;margin-left:-8px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:12px}section#slide-ionic-vue .ctas.activateOnScroll{transition-delay:1s}section#slide-ionic-vue .ctas .button{margin-top:16px;margin-left:8px;display:inline-block;border-radius:1000px;font-weight:600;font-size:16px;line-height:112%;letter-spacing:-.02em;color:#fff;padding:19px 22px;transition:all .2s ease-out;outline:1px solid rgba(0,0,0,0);text-decoration:none}section#slide-ionic-vue .ctas .button--dark{background:#2abc7a}section#slide-ionic-vue .ctas .button--dark:hover{background:#2fd088}section#slide-ionic-vue .ctas .button--dark:active{background:#26a66c}section#slide-ionic-vue .ctas .button--dark:focus{box-shadow:0 0 0 3px #97e7c3}section#slide-ionic-vue .ctas .button--light{background:#ecf9f6;color:#2abc7a}section#slide-ionic-vue .ctas .button--light:hover{background:rgba(0,0,0,0)}section#slide-ionic-vue .ctas .button--light:active{background:#def7ec}section#slide-ionic-vue .ctas .button--light:focus{box-shadow:0 0 0 3px #59d99f}section#slide-ionic-vue .icons-image{display:inline-block}section#slide-ionic-vue .icons-image.activateOnScroll{transition-delay:1.1s}#page-home img{height:auto}#page-home .activateOnScroll{opacity:0;-webkit-transform:translateY(48px);transform:translateY(48px);transition:.4s opacity,.8s -webkit-transform cubic-bezier(.07,.89,.79,.95);transition:.4s opacity,.8s transform cubic-bezier(.07,.89,.79,.95);transition:.4s opacity,.8s transform cubic-bezier(.07,.89,.79,.95),.8s -webkit-transform cubic-bezier(.07,.89,.79,.95)}#page-home .activateOnScroll.active{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}#page-home main{overflow:visible}#page-home main .container{position:relative}#page-home hubspot-dynamic-content:not(.hydrated){visibility:hidden}#page-home hubspot-dynamic-content:not(.hydrated) [slot=alternate]{display:none}@media (max-width:991px){#page-home #promo--hybrid-vs-native{margin-top:0}}#page-home section{padding-top:170px;line-height:1.75em;padding-bottom:200px;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{max-width:440px}@media (max-width:1103px){#page-home section.left .content,#page-home section.right .content{max-width:400px}}@media (max-width:991px){#page-home section.left .content,#page-home section.right .content{max-width:100%}}@media (max-width:991px){#page-home section.left,#page-home section.right{padding-top:100px;padding-bottom:100px}}#page-home section.left .graphics{margin-left:auto}@media (max-width:991px){#page-home section.left{-ms-flex-direction:column-reverse;flex-direction:column-reverse}}#page-home section.right .content{margin-left:auto}@media (max-width:991px){#page-home section.right{-ms-flex-direction:column;flex-direction:column}}#page-home section.split hgroup{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:end;align-items:flex-end;margin-bottom:66px}#page-home section.split hgroup>:nth-child(1){-ms-flex:0 1 480px;flex:0 1 480px;margin-bottom:0}#page-home section.split hgroup>:nth-child(2){-ms-flex:0 1 440px;flex:0 1 440px;margin-left:auto;margin-bottom:4px}@media (max-width:1103px){#page-home section.split hgroup{-ms-flex-direction:column;flex-direction:column}#page-home section.split hgroup>:nth-child(1){-ms-flex:1;flex:1;margin-bottom:16px}#page-home section.split hgroup>:nth-child(2){-ms-flex:1;flex:1;margin-right:auto;margin-bottom:4px}}#page-home section h2{font-weight:600;font-size:48px;line-height:110%;letter-spacing:-.05em;color:#020814}#page-home section h2+p{margin-top:16px}#page-home section h3{font-size:32px;line-height:120%;letter-spacing:-.03em;color:#1a232f}#page-home section h4{font-size:12px;color:#5b708b;letter-spacing:.16em;text-transform:uppercase;font-family:"SF Mono","Roboto Mono",Menlo,monospace}#page-home section h4+h2{margin-top:32px}#page-home section h5{font-size:20px;margin-bottom:11px;font-weight:600;line-height:28px;letter-spacing:-.02em;color:#020814}#page-home section p{font-size:16px;color:#5b708b;line-height:29px;letter-spacing:-.02em;margin-bottom:8px}#page-home section hgroup p,#page-home section p.lg{color:#5b708b;font-size:20px;line-height:32px;letter-spacing:-.03em;margin-bottom:23px}#page-home section hgroup p strong,#page-home section p.lg strong{font-weight:600}#page-home section .highlight{position:relative;background:0 0}#page-home section .highlight::before{content:'';background:#d1ebff;position:absolute;left:0;right:-2px;bottom:2px;height:16px;z-index:-1}#page-home section .cta{font-size:20px;line-height:34px;margin-top:4px;padding-top:0;color:#4d8dff;display:inline-block;position:relative;background:0 0;letter-spacing:-.03em;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{font-family:Ionicons;content:'';font-size:23px;font-weight:400;vertical-align:-3px;margin-left:5px}#page-home section .cta+.cta{margin-left:30px}#page-home section pre code{background:0 0;color:#fff}@media (max-width:991px){#page-home section .content{width:100%;text-align:left}}#page-home .overflow-mask{overflow:hidden;max-width:100vw}#page-home #build-with-web{padding-bottom:64px}#page-home #build-with-web ul{list-style:none;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;padding-left:0}@media (max-width:991px){#page-home #build-with-web ul{-ms-flex-pack:distribute;justify-content:space-around}}#page-home #build-with-web li{-ms-flex:0 1 310px;flex:0 1 310px;margin-bottom:64px}#page-home #build-with-web li img{margin-bottom:25px}#page-home #build-with-web li:nth-child(2){transition-delay:.1s}#page-home #build-with-web li:nth-child(3){transition-delay:.2s}#page-home #performance .graphics{display:grid;grid-template-columns:270px 270px;list-style:none;position:relative;padding-left:0;margin-top:-41px;margin-right:-63px}#page-home #performance .graphics::after,#page-home #performance .graphics::before{position:absolute;border:0 solid #e9edf3;content:''}#page-home #performance .graphics::before{border-bottom-width:2px;top:50%;left:0;right:0}#page-home #performance .graphics::after{border-right-width:2px;left:50%;top:0;bottom:0}#page-home #performance li{font-weight:500;font-size:20px;line-height:28px;letter-spacing:-.03em;color:#414d5c;padding:30px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#page-home #performance li span{max-width:175px}#page-home #performance li strong{display:block;font-size:104px;font-weight:400;line-height:100%;letter-spacing:-.08em;color:#020814;margin-left:-7px}#page-home #performance li strong sub,#page-home #performance li strong sup{font-size:54px;font-weight:600;letter-spacing:-.04em;margin-left:6px}#page-home #performance li strong sub{vertical-align:13px}#page-home #performance li strong sub small{font-size:48px;vertical-align:0}#page-home #performance li strong sup{vertical-align:8px}@media (max-width:1103px){#page-home #performance .graphics{margin-right:-20px}}@media (max-width:991px){#page-home #performance .graphics{margin-right:auto;margin-bottom:48px}}@media (max-width:767px){#page-home #performance .graphics{grid-template-columns:1fr 1fr}#page-home #performance li{font-size:16px;padding:10px}#page-home #performance li span{max-width:138px}#page-home #performance li strong{font-size:64px}#page-home #performance li strong sub,#page-home #performance li strong sup{font-size:32px}#page-home #performance li strong sup{vertical-align:8px}#page-home #performance li strong sub{vertical-align:8px}#page-home #performance li strong sub small{font-size:28px}}#page-home #agnostic{overflow:visible;padding-bottom:30px}#page-home #agnostic .frameworks{margin-bottom:33px;margin-top:28px;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0}#page-home #agnostic .frameworks li{margin-right:1em;list-style:none}#page-home #agnostic .frameworks li{font-size:12px;font-weight:700;line-height:30px;letter-spacing:.1em;text-transform:uppercase;color:#1a232f;margin-right:16px}#page-home #agnostic .frameworks li a{vertical-align:8px;background-size:100%;display:inline-block;opacity:.6;transition:.2s opacity}#page-home #agnostic .frameworks li a:hover{opacity:1}#page-home #agnostic .frameworks li img{height:24px;width:24px}#page-home #agnostic .graphics{width:560px;height:708px;margin-left:-55px;margin-top:-169px}@media (max-width:991px){#page-home #agnostic .graphics{margin:64px auto 24px;width:300px;max-width:100%;height:auto}}#page-home #native{padding-bottom:400px}#page-home #native .graphics{margin-top:-16px;margin-right:-68px;position:relative}#page-home #native .graphics>img{position:absolute;top:-115px;left:calc(50% - 207px);height:761px;width:499px;z-index:-1}#page-home #native .graphics home-native{position:relative}@media (max-width:991px){#page-home #native{-ms-flex-direction:column;flex-direction:column;overflow:hidden}#page-home #native .graphics{margin-top:64px;margin-right:auto;max-width:100%}}#page-home #community{z-index:1}#page-home #community .graphics{position:absolute;left:-188px;top:-22px}#page-home #community .graphics img{height:auto}@media (max-width:991px){#page-home #community{padding-bottom:800px}#page-home #community .graphics{top:auto;bottom:0;left:0;width:100%}}@media (max-width:991px){#page-home #community{padding-bottom:100vw}}#page-home #integrations{background:linear-gradient(180deg,#fff 0,#f9fafb 100%);padding-bottom:100px;overflow:visible;overflow-x:hidden}#page-home #integrations .content{max-width:894px}#page-home #integrations hgroup p{max-width:580px;margin-right:auto;margin-left:auto}#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 #testimonials{padding-top:100px}#page-home #testimonials h3{padding-top:78px;background:url(/proxy/123456/web.archive.org/web/20201026181159im_/https://ionicframework.com/img/homepage/heart.png) no-repeat top center;background-size:88px;text-align:center;font-weight:600}#page-home #testimonials h3 strong{font-weight:700}#page-home #testimonials blockquote{border-left:0;position:absolute;left:calc(50% - (784px / 2));font-family:"Adobe Caslon",Georgia,Times,"Times New Roman",serif;max-width:784px;margin:20px auto;font-size:22px;line-height:37px;color:#5b708b;text-align:center;opacity:0;transition:.3s opacity}#page-home #testimonials blockquote::before{content:'“';color:#dee3ea;font-size:64px;position:absolute;top:26px;left:-4px}#page-home #testimonials blockquote.is-active{opacity:1}@media (max-width:991px){#page-home #testimonials blockquote{left:0;width:100%}}#page-home #testimonials .quotees{margin:220px -32px 10px;padding:0;list-style:none;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;position:relative}#page-home #testimonials .quotees li{opacity:.5;cursor:pointer;margin-bottom:32px;transition:.2s opacity;display:block;padding:6px 18px 10px 60px;position:relative}#page-home #testimonials .quotees li.is-active{opacity:1}#page-home #testimonials .quotees img{width:50px;height:auto;position:absolute;left:8px;margin-right:8px}#page-home #testimonials .quotees strong{display:block;font-weight:500;font-size:16px;line-height:19px;letter-spacing:-.02em;color:#000;margin-top:4px}#page-home #testimonials .quotees span{font-size:12px;line-height:23px;letter-spacing:-.02em;color:#73849a;display:block}@media (max-width:1103px){#page-home #testimonials .quotees{margin-top:300px;margin-left:0;margin-right:0}}@media (max-width:440px){#page-home #testimonials .quotees{margin-top:420px}}#page-home #testimonials__highlight{background:0 0;position:absolute;box-shadow:0 8px 16px rgba(2,8,20,.1),0 4px 8px rgba(2,8,20,.08);border-radius:40px;box-sizing:content-box;transition:.2s all ease-out}#page-home #start{background:linear-gradient(270deg,#6eb1ff 0,#4d8dff 100%);padding-top:72px;padding-bottom:62px}#page-home #start .container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;color:#fff}#page-home #start .container::after,#page-home #start .container::before{display:none}#page-home #start hgroup{font-size:23px;max-width:790px}#page-home #start h3{font-weight:600;margin-bottom:5px}#page-home #start h3,#page-home #start p{letter-spacing:-.03em;color:#fff}#page-home #start .btn{margin-left:auto;font-weight:700;font-size:15px;line-height:21px;letter-spacing:.08em;border-radius:10px;text-transform:uppercase;color:#4d8dff;padding:14px 15px}
/*
     FILE ARCHIVED ON 18:11:59 Oct 26, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:42:04 Apr 05, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.584
  exclusion.robots: 0.059
  exclusion.robots.policy: 0.049
  esindex: 0.007
  cdx.remote: 25.883
  LoadShardBlock: 131.844 (3)
  PetaboxLoader3.datanode: 82.351 (5)
  PetaboxLoader3.resolve: 305.921 (3)
  load_resource: 453.425 (2)
*/