html{background:#f5f5f5;padding:0}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#f5f5f5;color:#444;font-family:'Roboto','Noto Sans CJK JP',Arial,sans-serif;font-size:16px}h1,h2,h3,h4,h5,h6{font-family:'Roboto','Noto Sans CJK JP',Arial,sans-serif}.ww{display:inline-block}article,aside,audio,canvas,details,figcaption,figure,header,hgroup,main,menu,progress,section,summary,video{display:block}.maia-footer{margin:0 !important}section{padding:0 15px}section.full-width{padding:0}footer{padding:15px}svg{fill:currentColor;vertical-align:middle}.icon-arrow-more{position:relative;top:-.1em}.misc-only{display:none !important}.misc .misc-only{display:inline-block !important}.mac-only{display:none !important}.mac .mac-only{display:inline-block !important}.win-only{display:none !important}.win .win-only{display:inline-block !important}.android-only{display:none !important}.android .android-only{display:inline-block !important}.iphone-only{display:none !important}.iphone .iphone-only{display:inline-block !important}nav{background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.2);position:fixed;top:0;width:100%;z-index:1000}nav h1.logo-header{color:#616161;display:inline-block;float:left;font-size:1.4em;font-weight:normal;margin:0;padding-left:10px;padding-top:10px}nav h1.logo-header a{color:inherit;text-decoration:none}nav h1.logo-header a img[alt='Google']{height:41px;margin-right:-8px;vertical-align:middle;width:auto}@media screen and (min-width:768px){nav h1.logo-header{padding-left:30px;padding-top:16px}}nav ul{float:right;list-style:none;margin:0;padding:0}nav li{display:inline-block;height:100%;line-height:3.2em;padding:0 12px}@media screen and (min-width:768px){nav li{line-height:60px}}nav li.active{font-weight:bold}nav li.cta{background:#448AFF;color:#fff;font-weight:bold}nav li.cta a{color:#fff;text-decoration:none}nav li.cta:hover{cursor:pointer;text-decoration:underline}.cards{-webkit-align-items:stretch;-ms-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-justify-content:space-between;-ms-flex-pack:space-between;-ms-justify-content:space-between;justify-content:space-between;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width:480px){.cards{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal}}.card{-webkit-box-shadow:0 3px 8px rgba(0,0,0,.2);-moz-box-shadow:0 3px 8px rgba(0,0,0,.2);box-shadow:0 3px 8px rgba(0,0,0,.2);background:#fff;border-radius:2px;display:inline-block;margin:10px 0 20px 0;position:relative;vertical-align:top;width:100%}@media screen and (min-width:480px){.card{width:49%}}@media screen and (min-width:768px){.card{min-height:250px;width:32%}}.card-media{border-bottom:1px solid #e0e0e0;display:block;width:100%}.card-content{box-sizing:border-box;padding:12px 16px;width:100%}.card-content h4{font-size:24px;font-weight:normal;line-height:34px;margin:0 0 12px 0}.card-content p{font-size:14px;line-height:23px;margin:0 0 8px 0}.card-content a{text-transform:uppercase}.has-link .card-content{padding-bottom:44px}.card-link{bottom:0;padding-bottom:15px;padding-left:15px;position:absolute}.hero-section{background:#fff;height:610px;overflow:hidden;position:relative;text-align:center}.hero-section .product-icon-container{left:0;position:absolute;top:160px;width:100%;z-index:100}.hero-section .product-icon{-webkit-animation:phase-in .5s forwards;-moz-animation:phase-in .5s forwards;-o-animation:phase-in .5s forwards;animation:phase-in .5s forwards;-webkit-transition:opacity;-moz-transition:opacity;-ms-transition:opacity;-o-transition:opacity;transition:opacity;opacity:0;width:120px}.hero-section .copy-container{-webkit-animation:phase-in .5s .5s forwards;-moz-animation:phase-in .5s .5s forwards;-o-animation:phase-in .5s .5s forwards;animation:phase-in .5s .5s forwards;-webkit-transition:opacity;-moz-transition:opacity;-ms-transition:opacity;-o-transition:opacity;transition:opacity;color:#424242;left:0;opacity:0;position:absolute;top:320px;width:100%}.hero-section h2{display:block;font-size:1.6em;font-weight:normal;margin:0}.hero-section .hero-description{-webkit-animation:phase-in .5s 1s forwards;-moz-animation:phase-in .5s 1s forwards;-o-animation:phase-in .5s 1s forwards;animation:phase-in .5s 1s forwards;-webkit-transition:opacity;-moz-transition:opacity;-ms-transition:opacity;-o-transition:opacity;transition:opacity;box-sizing:border-box;color:#757575;left:0;opacity:0;padding:0 10px;position:absolute;top:370px;width:100%;z-index:100}.hero-section .hero-description br{display:none}.hero-section .button-container{margin-top:60px}.hero-section .button{-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;color:#fff;text-decoration:none;background:#448AFF;cursor:pointer;display:inline-block;font-weight:bold;text-decoration:none;box-sizing:border-box;width:265px}.hero-section .button:visited{color:#fff}.hero-section .button:hover{color:#f2f2f2;text-decoration:underline}.hero-section .button:active,.hero-section .button:focus{color:#f2f2f2}.hero-section .button:hover{text-decoration:none}@media screen and (min-width:480px){.hero-section .hero-description br{display:inline}.hero-section h2{font-size:2.4em}}@media screen and (min-width:768px){.hero-section{height:750px}.hero-section h2{font-size:3em}.hero-section .product-icon-container{top:160px}.hero-section .product-icon{width:160px}.hero-section .copy-container{top:380px}.hero-section .hero-description{top:470px}}.iphone .hero-section{height:510px}@media screen and (min-width:768px){.iphone .hero-section{height:610px}}@keyframes phase-in{0%{opacity:0}100%{opacity:1}}.benefit-section{color:#fff;padding-top:90px;padding-bottom:90px}.benefit-section h2{font-weight:normal;font-size:2em;margin:1em 0 .8em 0}.benefit-section .hero-image{width:90%}.benefit-section .feature-title{margin-bottom:2em;padding-bottom:.6em;position:relative}.benefit-section .feature-title:after{background:#fff;bottom:-2px;content:'';height:2px;left:0;position:absolute;width:60px}.benefit-section .benefit-image{display:inline-block;text-align:center}.benefit-section .benefit-content{display:inline-block}.benefit-section.green{background:#55b183}.benefit-section.turquoise{background:#18c2d8}@media screen and (min-width:768px){.benefit-section{height:400px}.benefit-section h2{margin-top:0}.benefit-section .benefit-image{width:59%}.benefit-section.media-right .benefit-image{float:right}.benefit-section .benefit-content{vertical-align:top;width:40%}}a{color:#448AFF;text-decoration:none}a:visited{color:#448AFF}a:hover{color:#2a7aff;text-decoration:underline}a:active,a:focus{color:#2a7aff}.button{padding:15px 10px;text-transform:uppercase}@media screen and (min-width:768px){.button{padding:20px 10px}}.gplay-badge{width:190px}@media screen and (min-width:768px){.gplay-badge{width:265px}}.vocabulary-section .hero-image{max-width:470px}.performance-section{padding-bottom:180px}@media screen and (min-width:768px){.performance-section .hero-image{margin-top:96px}}.cta-section{background:#fff;height:100%;min-height:300px;padding-bottom:90px;text-align:center}.cta-section h2{font-size:2em;font-weight:normal;margin-top:-90px;margin:0;padding-top:120px}.cta-section p{margin:30px auto;max-width:560px}.cta-section .button{-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;color:#fff;text-decoration:none;background:#448AFF;cursor:pointer;display:inline-block;font-weight:bold;text-decoration:none;box-sizing:border-box;margin:8px;width:265px}.cta-section .button:visited{color:#fff}.cta-section .button:hover{color:#f2f2f2;text-decoration:underline}.cta-section .button:active,.cta-section .button:focus{color:#f2f2f2}.cta-section .button:hover{text-decoration:none}.cta-section .gplay-badge{margin:16px 8px;vertical-align:middle}.cta-section .button-container{-webkit-align-items:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-justify-content:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.mac .mac-download-button{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-webkit-order:1;-ms-flex-order:1;order:1}.mac .win-download-button{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-webkit-order:2;-ms-flex-order:2;order:2}.mac .android-download-button{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-webkit-order:3;-ms-flex-order:3;order:3}.win .win-download-button{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-webkit-order:1;-ms-flex-order:1;order:1}.win .mac-download-button{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-webkit-order:2;-ms-flex-order:2;order:2}.win .android-download-button{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-webkit-order:3;-ms-flex-order:3;order:3}.android .android-download-button{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-webkit-order:1;-ms-flex-order:1;order:1}.android .mac-download-button{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-webkit-order:2;-ms-flex-order:2;order:2}.android .win-download-button{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-webkit-order:3;-ms-flex-order:3;order:3}#index .faq-section{background:#c4c4c4;padding-top:90px;padding-bottom:90px}.subhero-section{background:#26C6DA;color:#fff;padding-bottom:30px;padding-top:130px}.subhero-section h2{font-size:2em;font-weight:normal;margin:0}@media screen and (min-width:768px){.subhero-section{padding-top:100px}}#feature .list-section{padding-bottom:50px;padding-top:50px}#feature .list-section h3{font-size:1.6em;font-weight:normal}#feature .list-section .see-more-cta{text-align:right}.ie8 .hero-section .product-icon,.ie9 .hero-section .product-icon{opacity:1}.ie8 .hero-section .copy-container,.ie9 .hero-section .copy-container{opacity:1}.ie8 .hero-section .hero-description,.ie9 .hero-section .hero-description{opacity:1}