Skip to content

Instantly share code, notes, and snippets.

@simevidas simevidas/index.html
Last active Apr 25, 2019

Embed
What would you like to do?
amp.dev source code
<!DOCTYPE html>
<html lang="en" i-amphtml-layout="" i-amphtml-no-boilerplate="" transformed="amp-toolbox-optimizer">
<head>
<style amp-runtime="" i-amphtml-version="011904091426070">html{overflow-x:hidden!important}body,html{height:auto!important}html.i-amphtml-fie{height:100%!important;width:100%!important}body{margin:0!important;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}[hidden]{display:none!important}html.i-amphtml-singledoc.i-amphtml-embedded{-ms-touch-action:pan-y;touch-action:pan-y}html.i-amphtml-fie>body,html.i-amphtml-singledoc>body{overflow:visible!important}html.i-amphtml-fie:not(.i-amphtml-inabox)>body,html.i-amphtml-singledoc:not(.i-amphtml-inabox)>body{position:relative!important}html.i-amphtml-webview>body{overflow-x:hidden!important;overflow-y:visible!important;min-height:100vh!important}html.i-amphtml-ios-embed-legacy>body{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important}html.i-amphtml-ios-embed{overflow-y:auto!important;position:static}#i-amphtml-wrapper{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;display:block!important}html.i-amphtml-ios-embed.i-amphtml-ios-overscroll,html.i-amphtml-ios-embed.i-amphtml-ios-overscroll>#i-amphtml-wrapper{-webkit-overflow-scrolling:touch!important}#i-amphtml-wrapper>body{position:relative!important;border-top:1px solid transparent!important}#i-amphtml-wrapper+body .i-amphtml-lightbox-element,#i-amphtml-wrapper+body[i-amphtml-lightbox]{visibility:hidden}#i-amphtml-wrapper+body[i-amphtml-lightbox] .i-amphtml-lightbox-element{visibility:visible}html.i-amphtml-ios-embed-sd{overflow:hidden!important;position:static!important}html.i-amphtml-ios-embed-sd>body,html.i-amphtml-singledoc.i-amphtml-ios-embed-sd>body{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;overflow:hidden!important}.i-amphtml-element{display:inline-block}.i-amphtml-blurry-placeholder{-webkit-transition:opacity 0.3s cubic-bezier(0.0,0.0,0.2,1)!important;transition:opacity 0.3s cubic-bezier(0.0,0.0,0.2,1)!important}[layout=nodisplay]:not(.i-amphtml-element){display:none!important}.i-amphtml-layout-fixed,[layout=fixed][width][height]:not(.i-amphtml-layout-fixed){display:inline-block;position:relative}.i-amphtml-layout-responsive,[layout=responsive][width][height]:not(.i-amphtml-layout-responsive),[width][height][sizes]:not(.i-amphtml-layout-responsive){display:block;position:relative}.i-amphtml-layout-intrinsic{display:inline-block;position:relative;max-width:100%}.i-amphtml-intrinsic-sizer{max-width:100%;display:block!important}.i-amphtml-layout-container,.i-amphtml-layout-fixed-height,[layout=container],[layout=fixed-height][height]{display:block;position:relative}.i-amphtml-layout-fill,[layout=fill]:not(.i-amphtml-layout-fill){display:block;overflow:hidden!important;position:absolute;top:0;left:0;bottom:0;right:0}.i-amphtml-layout-flex-item,[layout=flex-item]:not(.i-amphtml-layout-flex-item){display:block;position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.i-amphtml-layout-fluid{position:relative}.i-amphtml-layout-size-defined{overflow:hidden!important}.i-amphtml-layout-awaiting-size{position:absolute!important;top:auto!important;bottom:auto!important}i-amphtml-sizer{display:block!important}.i-amphtml-blurry-placeholder,.i-amphtml-fill-content{display:block;height:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;margin:auto}.i-amphtml-layout-size-defined .i-amphtml-fill-content{position:absolute;top:0;left:0;bottom:0;right:0}.i-amphtml-layout-intrinsic .i-amphtml-sizer{max-width:100%}.i-amphtml-replaced-content,.i-amphtml-screen-reader{padding:0!important;border:none!important}.i-amphtml-screen-reader{position:fixed!important;top:0px!important;left:0px!important;width:4px!important;height:4px!important;opacity:0!important;overflow:hidden!important;margin:0!important;display:block!important;visibility:visible!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:8px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:12px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:16px!important}.i-amphtml-unresolved{position:relative;overflow:hidden!important}#i-amphtml-wrapper.i-amphtml-scroll-disabled,.i-amphtml-scroll-disabled{overflow-x:hidden!important;overflow-y:hidden!important}.i-amphtml-select-disabled{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.i-amphtml-notbuilt,[layout]:not(.i-amphtml-element){position:relative;overflow:hidden!important;color:transparent!important}.i-amphtml-notbuilt:not(.i-amphtml-layout-container)>*,[layout]:not([layout=container]):not(.i-amphtml-element)>*{display:none}.i-amphtml-ghost{visibility:hidden!important}.i-amphtml-element>[placeholder],[layout]:not(.i-amphtml-element)>[placeholder]{display:block}.i-amphtml-element>[placeholder].amp-hidden,.i-amphtml-element>[placeholder].hidden{visibility:hidden}.i-amphtml-element:not(.amp-notsupported)>[fallback],.i-amphtml-layout-container>[placeholder].amp-hidden,.i-amphtml-layout-container>[placeholder].hidden{display:none}.i-amphtml-layout-size-defined>[fallback],.i-amphtml-layout-size-defined>[placeholder]{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:1}.i-amphtml-notbuilt>[placeholder]{display:block!important}.i-amphtml-hidden-by-media-query{display:none!important}.i-amphtml-element-error{background:red!important;color:#fff!important;position:relative!important}.i-amphtml-element-error:before{content:attr(error-message)}i-amp-scroll-container,i-amphtml-scroll-container{position:absolute;top:0;left:0;right:0;bottom:0;display:block}i-amp-scroll-container.amp-active,i-amphtml-scroll-container.amp-active{overflow:auto;-webkit-overflow-scrolling:touch}.i-amphtml-loading-container{display:block!important;pointer-events:none;z-index:1}.i-amphtml-notbuilt>.i-amphtml-loading-container{display:block!important}.i-amphtml-loading-container.amp-hidden{visibility:hidden}.i-amphtml-loader-line{position:absolute;top:0;left:0;right:0;height:1px;overflow:hidden!important;background-color:hsla(0,0%,59.2%,0.2);display:block}.i-amphtml-loader-moving-line{display:block;position:absolute;width:100%;height:100%!important;background-color:hsla(0,0%,59.2%,0.65);z-index:2}@-webkit-keyframes i-amphtml-loader-line-moving{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes i-amphtml-loader-line-moving{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.i-amphtml-loader-line.amp-active .i-amphtml-loader-moving-line{-webkit-animation:i-amphtml-loader-line-moving 4s ease infinite;animation:i-amphtml-loader-line-moving 4s ease infinite}.i-amphtml-loader{position:absolute;display:block;height:10px;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;white-space:nowrap}.i-amphtml-loader.amp-active .i-amphtml-loader-dot{-webkit-animation:i-amphtml-loader-dots 2s infinite;animation:i-amphtml-loader-dots 2s infinite}.i-amphtml-loader-dot{position:relative;display:inline-block;height:10px;width:10px;margin:2px;border-radius:100%;background-color:rgba(0,0,0,0.3);box-shadow:2px 2px 2px 1px rgba(0,0,0,0.2);will-change:transform}.i-amphtml-loader .i-amphtml-loader-dot:first-child{-webkit-animation-delay:0s;animation-delay:0s}.i-amphtml-loader .i-amphtml-loader-dot:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.i-amphtml-loader .i-amphtml-loader-dot:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes i-amphtml-loader-dots{0%,to{-webkit-transform:scale(.7);transform:scale(.7);background-color:rgba(0,0,0,0.3)}50%{-webkit-transform:scale(.8);transform:scale(.8);background-color:rgba(0,0,0,0.5)}}@keyframes i-amphtml-loader-dots{0%,to{-webkit-transform:scale(.7);transform:scale(.7);background-color:rgba(0,0,0,0.3)}50%{-webkit-transform:scale(.8);transform:scale(.8);background-color:rgba(0,0,0,0.5)}}.i-amphtml-element>[overflow]{cursor:pointer;position:relative;z-index:2;visibility:hidden}.i-amphtml-element>[overflow].amp-visible{visibility:visible}template{display:none!important}.amp-border-box,.amp-border-box *,.amp-border-box :after,.amp-border-box :before{box-sizing:border-box}amp-pixel{display:none!important}amp-instagram{padding:64px 0px 0px!important;background-color:#fff}amp-analytics,amp-story-auto-ads{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}html.i-amphtml-fie>amp-analytics{position:initial!important}amp-iframe iframe{box-sizing:border-box!important}[amp-access][amp-access-hide]{display:none}[subscriptions-dialog],body:not(.i-amphtml-subs-ready) [subscriptions-action],body:not(.i-amphtml-subs-ready) [subscriptions-section]{display:none!important}[visible-when-invalid]:not(.visible),amp-experiment,amp-live-list>[update],amp-share-tracking,form [submit-error],form [submit-success],form [submitting]{display:none}.i-amphtml-jank-meter{position:fixed;background-color:rgba(232,72,95,0.5);bottom:0;right:0;color:#fff;font-size:16px;z-index:1000;padding:5px}amp-accordion{display:block!important}amp-accordion>section{float:none!important}amp-accordion>section>*{float:none!important;display:block!important;overflow:hidden!important;position:relative!important}.i-amphtml-accordion-content,.i-amphtml-accordion-header,amp-accordion,amp-accordion>section{margin:0}.i-amphtml-accordion-header{cursor:pointer;background-color:#efefef;padding-right:20px;border:1px solid #dfdfdf}amp-accordion>section>:last-child{display:none!important}amp-accordion>section[expanded]>:last-child{display:block!important}amp-list[resizable-children]>.i-amphtml-loading-container.amp-hidden{display:none!important}amp-list[load-more] [load-more-button],amp-list[load-more] [load-more-end],amp-list[load-more] [load-more-failed],amp-list[load-more] [load-more-loading]{display:none}amp-story-page,amp-story[standalone]{display:block!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;width:100%!important}amp-story[standalone]{background-color:#202125!important;position:relative!important}amp-story-page{background-color:#757575}amp-story .i-amphtml-loader{display:none!important}amp-story-page:not(:first-of-type):not([distance]):not([active]){-webkit-transform:translateY(1000vh)!important;transform:translateY(1000vh)!important}amp-autocomplete{position:relative!important;display:inline-block!important}amp-autocomplete>input{padding:.5rem;border:1px solid rgba(0,0,0,0.33)}.i-amphtml-autocomplete-results,amp-autocomplete>input{font-size:1rem;line-height:1.5rem}[amp-fx^=fly-in]{visibility:hidden}@media only screen and (max-width:979px){amp-addthis[data-widget-type=floating]{position:fixed!important;width:100%!important;height:50px;bottom:0}}@media only screen and (min-width:979px){amp-addthis[data-widget-type=floating]{position:fixed!important;width:70px!important;height:320px!important;top:200px}}
/*# sourceURL=/css/amp.css*/
</style>
<meta charset="utf-8">
<link rel="preload" href="/static/fonts/noto-sans-v7-latin-regular.woff2" as="font" crossorigin="">
<link rel="preload" href="/static/fonts/noto-sans-v7-latin-700.woff2" as="font" crossorigin="">
<link rel="preload" href="/static/fonts/poppins-v5-latin-700.woff2" as="font" crossorigin="">
<link rel="preload" href="/static/fonts/fira-mono-v7-latin-500.woff2" as="font" crossorigin="">
<meta name="theme-color" content="#005af0">
<meta name="description" content="Whether you are a publisher, e-commerce company, storyteller, advertiser or email sender, AMP makes it easy to create great experiences on the web. Use AMP to build websites, stories, ads and emails.">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:description" content="Whether you are a publisher, e-commerce company, storyteller, advertiser or email sender, AMP makes it easy to create great experiences on the web. Use AMP to build websites, stories, ads and emails.">
<meta name="twitter:title" content="AMP - a web component framework to easily create user-first web experiences">
<meta name="twitter:creator" content="@ampproject">
<meta name="twitter:site" content="@ampproject">
<meta name="twitter:image" content="https://amp.dev/static/img/sharing/default-600x314.png">
<meta property="og:title" content="AMP - a web component framework to easily create user-first web experiences">
<meta property="og:url" content="https://amp.dev/">
<meta property="og:image" content="https://amp.dev/static/img/sharing/default-600x314.png">
<meta property="og:image:width" content="600">
<meta property="og:image:height" content="314">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<link rel="preload" href="https://cdn.ampproject.org/rtv/011904091426070/v0.js" as="script">
<script async="" src="https://cdn.ampproject.org/rtv/011904091426070/v0.js"></script><script custom-element="amp-animation" src="https://cdn.ampproject.org/rtv/011904091426070/v0/amp-animation-0.1.js" async=""></script><script custom-element="amp-iframe" src="https://cdn.ampproject.org/rtv/011904091426070/v0/amp-iframe-0.1.js" async=""></script><script custom-element="amp-font" src="https://cdn.ampproject.org/rtv/011904091426070/v0/amp-font-0.1.js" async=""></script><script custom-element="amp-analytics" src="https://cdn.ampproject.org/rtv/011904091426070/v0/amp-analytics-0.1.js" async=""></script><script custom-element="amp-geo" src="https://cdn.ampproject.org/rtv/011904091426070/v0/amp-geo-0.1.js" async=""></script><script custom-element="amp-consent" src="https://cdn.ampproject.org/rtv/011904091426070/v0/amp-consent-0.1.js" async=""></script><script custom-element="amp-install-serviceworker" src="https://cdn.ampproject.org/rtv/011904091426070/v0/amp-install-serviceworker-0.1.js" async=""></script><script custom-element="amp-bind" src="https://cdn.ampproject.org/rtv/011904091426070/v0/amp-bind-0.1.js" async=""></script>
<link rel="shortcut icon" href="/static/img/favicon.png">
<style amp-custom="">
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-display:swap;src:local("Noto Sans"),local("NotoSans"),url(https://amp.dev/static/fonts/noto-sans-v7-latin-regular.woff2) format("woff2"),url(https://amp.dev/static/fonts/noto-sans-v7-latin-regular.woff) format("woff");}@font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;font-display:swap;src:local("Noto Sans Bold"),local("NotoSans-Bold"),url(https://amp.dev/static/fonts/noto-sans-v7-latin-700.woff2) format("woff2"),url(https://amp.dev/static/fonts/noto-sans-v7-latin-700.woff) format("woff");}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:local("Poppins Bold"),local("Poppins-Bold"),url(https://amp.dev/static/fonts/poppins-v5-latin-700.woff2) format("woff2"),url(https://amp.dev/static/fonts/poppins-v5-latin-700.woff) format("woff");}@font-face{font-family:'Fira Mono';font-style:normal;font-weight:400;font-display:swap;src:local("Fira Mono"),local("FiraMono"),url(https://amp.dev/static/fonts/fira-mono-v7-latin-500.woff2) format("woff2"),url(https://amp.dev/static/fonts/fira-mono-v7-latin-500.woff) format("woff");}*{box-sizing:border-box;}body,html{padding:0;margin:0;min-width:320px;color:#48525c;background-color:#fff;font-size:16px;font-family:'Noto Sans',sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}:target::before{content:'';display:block;height:145px;margin-top:-145px;visibility:hidden;}@media (min-width:1024px){:target::before{height:110px;margin-top:-110px;}}.ap--media .amp-active{width:20px;height:20px;background-image:url('data:image/svg+xml;utf8,
<svg id="bolt-outline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 47">
<path fill="%2391979D" fill-rule="nonzero" d="M16.545 1.2h2.763l-2.732 16.566 8.46-.012.119-.002c.761 0 1.38.619 1.38 1.381 0 .328-.306.883-.306.883L11.027 45.41l-2.81-.012 2.8-16.592-8.503.01-.135.002A1.38 1.38 0 0 1 1 27.437c0-.31.12-.582.293-.813L16.545 1.2z"/>
</svg>
');background-repeat:no-repeat;animation:PULSE 1s infinite ease alternate;}.ap--media .amp-active>div{display:none;}h1,h2,h3,h4,h5{margin-top:1.5rem;margin-bottom:.75em;font-family:Poppins,sans-serif;font-weight:700;line-height:1.2em;color:#20202a;}h1{font-size:2.2rem;margin-top:3rem;}section.ap--content h1:first-of-type{margin-top:0;margin-bottom:2rem;}h2{font-size:1.8rem;margin-top:2rem;}h3{font-size:1.414rem;margin-top:1.8rem;}h4{font-size:1.2rem;}h5{font-size:1rem;}.ap--content .intro{font-size:1rem;padding:0;}.ap--content .intro *{font-size:inherit;}.ap--content p{line-height:1.6rem;font-weight:400;color:#48525c;display:block;margin-top:1.1em;margin-bottom:0;font-size:1rem;}.ap--content p small{font-size:.875rem;}.ap--content code{display:inline;padding:2px 4px;font-family:'Fira Mono',monospace;font-weight:500;word-break:normal;color:#000;background-color:#eee;font-size:.9em;}.ap--content a code{color:#005af0;}.ap--content pre{font-family:'Fira Mono',monospace;font-weight:500;font-size:1rem;white-space:pre-wrap;}.ap--content ol,.ap--content ul{line-height:1.6rem;font-weight:400;color:#48525c;display:block;margin-top:1.1em;margin-bottom:0;padding-left:2em;margin:1.5em 0 1.5em;}.ap--content ol ol,.ap--content ol ul,.ap--content ul ol,.ap--content ul ul{margin:0;}.ap--content ol li,.ap--content ul li{padding-left:.5em;}.ap--content ol li p,.ap--content ul li p{font-size:1em;}.ap--content figure figcaption{line-height:1.6rem;font-weight:400;color:#48525c;font-size:.8125rem;margin-top:.3em;}.ap--content hr{height:1px;margin:.75em 0;background-color:#ebebf0;border:none;}.-t{display:flex;align-items:center;text-decoration:none;padding:0 0 1.5em;margin:0;}.-n{line-height:1.6rem;font-weight:400;color:#48525c;font-size:.875rem;font-weight:700;color:#005af0;line-height:1.3;transition:transform .3s cubic-bezier(.25,.1,.25,1);}.-r{fill:#005af0;padding:.438em 0;margin-bottom:auto;margin-right:.625em;box-sizing:initial;transition:transform .3s cubic-bezier(.25,.1,.25,1);}.-t:hover .-r,.-t:hover .-n{transform:translateX(10px);}.-i{border-bottom:1px solid #ebebf0;}.-i .-n{font-size:1rem;font-family:Poppins,sans-serif;font-weight:700;color:#000;padding-left:10px;}.-i .-r{width:1.375em;height:1.375em;fill:#fff;background-color:#005af0;overflow:hidden;padding:.563em;box-shadow:0 10px 20px 0 rgba(0,0,0,.25);}.-i:hover .-r{box-shadow:0 10px 20px 0 rgba(0,0,0,.25);}.-i:hover .-r svg{animation:.3s cubic-bezier(.25,.1,.25,1) duepduep;}a{font-weight:700;text-decoration:none;color:#005af0;}a code{display:inline;padding:2px 4px;font-family:'Fira Mono',monospace;font-weight:500;word-break:normal;color:#000;background-color:#eee;font-size:.9em;color:#005af0;}.ap-a-ico{display:flex;font-size:initial;box-sizing:initial;justify-content:center;width:1em;height:1em;}.-s{right:20px;left:auto;bottom:20px;width:calc(100% - 40px);padding:15px;line-height:1.6rem;font-weight:400;color:#48525c;font-size:.875rem;background-color:#fff;box-shadow:0 15px 30px 0 rgba(0,0,0,.15);border-radius:8px;}@media (min-width:768px){.-s{max-width:500px;}}.-o{position:absolute;right:15px;top:15px;background-color:transparent;border:none;padding:0;}.-o svg{width:10px;height:10px;}.-s button{cursor:pointer;}.ap--footer{position:relative;z-index:18;padding:3em 0 2em;line-height:1.6rem;font-weight:400;color:#48525c;font-size:1rem;color:#fff;background:linear-gradient(45deg,#48525c,#29323c);}.-u{width:100%;max-width:1440px;padding:0 20px;margin:0 auto;}.-a{padding-bottom:4em;}@media (min-width:768px){.-a{display:flex;align-items:center;}}.-f{display:flex;flex-direction:column;margin-left:auto;}@media (min-width:1024px){.-f{flex-direction:row;}}.-l{margin:3em 2em 1em 0;color:#fff;}@media (min-width:768px){.-l{margin:auto 2em auto 1em;}}.-c{display:flex;list-style:none;padding:0;margin:0;}.-h{flex:1 0 auto;}@media (min-width:768px){.-h{margin:16px;}}.-p{width:2.5em;height:2.5em;fill:#fff;}@media (min-width:768px){.-d{display:grid;grid-gap:30px;grid-template-columns:repeat(12,1fr);}}.-v{flex:1 1 100%;}.-v:nth-child(2n+1){grid-column:span 3;}@media (max-width:1023px){.-v:nth-child(2n+1){grid-column:span 6;}}.-v:nth-child(2n+2){grid-column:span 3;}@media (max-width:1023px){.-v:nth-child(2n+2){grid-column:span 6;}}.-m{color:#fff;}.-g{list-style:none;padding:0;}.-y{position:relative;}.-b{padding-left:35px;font-size:.8125rem;color:#fff;}.-w{position:absolute;left:10px;top:8px;width:12px;height:12px;fill:#fff;}.-x{display:flex;padding-top:4em;}@media (max-width:767px){.-x{flex-direction:column;}}.-k{list-style:none;padding:0;margin:0;}.-_{display:inline-block;margin-right:1em;}.-j{font-size:.8125rem;font-weight:400;color:#fff;}.-q{display:block;font-size:.875rem;font-weight:700;}@media (min-width:768px){.-q{padding:0 2em;}}.ap-a-btn{margin-top:1.5rem;margin-bottom:.75em;font-family:Poppins,sans-serif;font-weight:700;line-height:1.2em;color:#20202a;font-size:1em;color:#fff;display:inline-block;max-width:100%;width:auto;height:auto;padding:.75em 1.75em;margin:0;text-decoration:none;text-align:center;border-radius:3px;background-color:#005af0;border:none;cursor:pointer;box-shadow:0 15px 35px -5px rgba(0,0,0,.25);transition:transform .3s cubic-bezier(.25,.1,.25,1),box-shadow .3s cubic-bezier(.25,.1,.25,1);}.ap-a-btn:hover{transform:translateY(-.125em);box-shadow:0 25px 20px -15px rgba(0,0,0,.15);}@media (min-width:768px){.ap-a-btn{padding:1em 2em;}}.ap--shift-cards{padding:3em 0;}@media (min-width:768px){.ap--shift-cards{padding:8vw 0;}}.ap--shift-cards-grid{grid-template-rows:10px auto 100px;}.ap--shift-cards-link{grid-column:3/12;}@media (min-width:1024px){.ap--shift-cards-link{grid-column:19/-1;}}.-ni{flex:1 0 calc(50% - 1em);width:100%;padding-bottom:2em;margin:0 .5em 2em;text-align:center;background:#fff;border-radius:10px;}@media (min-width:768px){.-ni{margin:0;}}.-ns{box-shadow:0 15px 30px 0 rgba(0,0,0,.15);}.-no{transition:transform .3s cubic-bezier(.25,.1,.25,1),box-shadow .3s cubic-bezier(.25,.1,.25,1);}.-no:hover{transform:translateY(-.125em);box-shadow:0 25px 60px 0 rgba(0,0,0,.1);}.-ni .ap-m-ghost-frame-mobile{width:100%;margin:auto;}.-nu{display:block;height:100%;}.-na{grid-column:1/13;grid-row:1/3;}@media (min-width:1024px){.-na{grid-column:2/12;}}@media (min-width:1280px){.-na{grid-column:3/12;}}.-na.small{grid-column:5/12;}.-nf{grid-column:13/25;grid-row:2/4;margin-bottom:0;}@media (min-width:1024px){.-nf{grid-column:14/24;}}@media (min-width:1280px){.-nf{grid-column:14/23;}}.-nf.small{grid-column:14/21;}.-nl{padding:0 2.5rem;font-size:1.2rem;}@media (min-width:768px){.-nl{padding:0 5rem;font-size:1.414rem;margin-top:1.8rem;}}.-nc{line-height:1.6rem;font-weight:400;color:#48525c;font-size:.875rem;margin-bottom:.5em;}.-nh{line-height:1.6rem;font-weight:400;color:#48525c;font-size:.875rem;padding:0 2.5rem;}@media (min-width:768px){.-nh{padding:0 3rem;font-size:1rem;}}.ap-m-tag{line-height:1.6rem;font-weight:400;color:#48525c;font-size:.875rem;font-weight:700;text-align:center;display:inline-block;min-width:80px;line-height:30px;padding:0 5px;}.ap-m-tag:empty{min-width:26px;padding:4px 0;}.ap-m-tag-websites{color:#fff;background:linear-gradient(225deg,#00dcc0 0,#005af0 75%);}.ap-m-tag-stories{color:#180ca4;background:linear-gradient(225deg,#ff8f00 0,#ffdc00 75%);}.ap-m-tag-ads{color:#fff;background:linear-gradient(225deg,#eb49e1 0,#5500d7 75%);}.ap-m-tag-email{color:#180ca4;background:linear-gradient(225deg,#64bf46 0,#e1eb64 75%);}.-np.-nd{position:relative;margin:0 20px 2em 0;flex:1 0 15em;margin-bottom:20px;}@media (min-width:575px){.-np.-nd{margin:0 0 2em;}}.-np.-nd>a{position:relative;display:block;transition:transform .3s cubic-bezier(.25,.1,.25,1);}.-np.-nd>a:hover{transform:translateY(-2px);}.-np.-nd>a:hover .-nv{box-shadow:inset 0 0 0 1px #ebebf0,0 25px 60px 0 rgba(0,0,0,.1);}.-np .-nm{position:absolute;right:16px;top:-15px;z-index:1;border-radius:15px;font-family:Poppins;}.-np .-nv{overflow:hidden;position:relative;background-color:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px #ebebf0,0 15px 30px 0 rgba(0,0,0,.15);transition:box-shadow .3s cubic-bezier(.25,.1,.25,1);}@media (max-width:767px){.-np .-nv{margin-bottom:60px;}}.-np .-nv .-ng{width:100%;max-width:100px;position:relative;width:110px;height:30px;margin-bottom:1em;}.-np .-nv .-ng amp-img.contain img{object-fit:contain;object-position:left center;}.-np .-ny{padding:25px;}.-np .-nb{position:relative;}.-np .-nb:before{content:'';position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);height:150px;background:linear-gradient(0deg,rgba(0,0,0,.12),rgba(0,0,0,0));z-index:1;}.-np .-nw{margin-top:1.5rem;margin-bottom:.75em;font-family:Poppins,sans-serif;font-weight:700;line-height:1.2em;color:#20202a;font-size:1rem;margin:0;}.ap--teaser-grid{max-width:100%;}@media (min-width:768px){.ap--teaser-grid{grid-column:1/-1;}}@media (min-width:1024px){.ap--teaser-grid{grid-column:4/22;}}.-nx{width:100%;margin-bottom:30px;}.-nx>h1,.-nx>h2,.-nx>h3,.-nx>h4,.-nx>h5,.-nx>h6{grid-column:1/14;}.-nx .-t{grid-column:16/22;}.-nk{grid-column:1/-1;overflow-x:scroll;-webkit-overflow-scrolling:touch;width:auto;display:flex;flex-wrap:nowrap;padding:20px 0;margin:0 -20px;}@media (min-width:575px){.-nk{overflow:visible;width:100%;display:grid;grid-gap:30px;grid-template-columns:1fr;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;padding:0;margin:0;}}@media (min-width:768px){.-nk{grid-template-columns:repeat(2,1fr);}}@media (min-width:1024px){.-nk{grid-template-columns:repeat(3,1fr);}}@media (min-width:768px){.-n_,.-nj,.-nq{grid-template-columns:repeat(4,1fr);}}.-n_ .-nw,.-nj .-nw,.-nq .-nw{font-size:1rem;}.ap--case-grid{margin-bottom:7em;}@media (min-width:768px){.ap--case-grid{margin-bottom:calc(16vw + 6em);}}.-nz{grid-column:1/-1;width:100%;height:auto;display:grid;grid-gap:0;grid-template-columns:32fr 5fr 4fr 10fr 7fr 10fr 8fr;grid-template-rows:8fr 26fr 6fr 11fr 11fr 12fr 26fr;}@media (min-width:768px){.-nz{grid-template-columns:32fr 5fr 4fr 10fr 7fr 10fr 8fr 24fr;}}.-re{grid-column:3/16;font-size:1.65rem;margin-top:0;}@media (min-width:768px){.-re{font-size:2.125rem;}}@media (min-width:1024px){.-re{font-size:4rem;}}.-rt:hover{z-index:2;transform:translateY(-2%);transition:transform .3s cubic-bezier(.25,.1,.25,1);}.-rt:hover .-rn{opacity:1;transform:translateY(0);}.-rt a{position:relative;display:block;}.-rt amp-img{transition:box-shadow .3s cubic-bezier(.25,.1,.25,1);}.-rn{width:100%;padding:0 2em;position:absolute;left:0;bottom:0;opacity:0;background:#fff;z-index:1;pointer-events:none;transform:translateY(10px);transition:transform .3s cubic-bezier(.25,.1,.25,1);}@media (max-width:1023px){.-rn{display:none;}}.-rr{grid-column:1/3;grid-row:2/6;}.-rr amp-img{box-shadow:0 6.6vw 7vw 0 rgba(0,0,0,.5);}.-rr amp-img:hover{box-shadow:0 7.6vw 8vw 0 rgba(0,0,0,.4);}.-ri{grid-column:4/8;grid-row:1/4;}.-ri amp-img{box-shadow:0 2.3vw 4.2vw -.7vw rgba(0,0,0,.33);}.-ri amp-img:hover{box-shadow:0 3.3vw 5.2vw -.7vw rgba(0,0,0,.23);}.-rs{grid-column:5/8;grid-row:3/7;}@media (min-width:768px){.-rs{grid-column:7/9;grid-row:3/7;}}.-rs amp-img{box-shadow:0 1.4vw 2.8vw 1.4vw rgba(0,0,0,.2);}.-rs amp-img:hover{box-shadow:0 2.4vw 3.8vw 1.4vw rgba(0,0,0,.1);}.-ro{grid-column:2/6;grid-row:5/8;}.-ro amp-img{box-shadow:0 .3vw 1vw 0 rgba(0,0,0,.2);}.-ro amp-img:hover{box-shadow:0 1.3vw 2vw 0 rgba(0,0,0,.1);}.-ru{padding:40px 20px 0;grid-column:1/-1;grid-row:auto;}@media (min-width:768px){.-ru{grid-column:6/9;grid-row:7/8;padding:12% 24% 0 12%;}}.ap--sampler{margin-bottom:7em;}@media (min-width:768px){.ap--sampler{margin-bottom:8vw;}}.ap--sampler .ap-m-copy{grid-column:3/13;padding:0 20px;margin-bottom:1.5em;}@media (min-width:768px){.ap--sampler .ap-m-copy{padding-left:20px;margin-bottom:3em;}}@media (min-width:1680px){.ap--sampler .ap-m-copy{grid-column:5/13;}}.ap--sampler .ap-m-copy-center{grid-column:6/20;}.ap--sampler .ap-m-copy-center h2{font-size:2.5rem;margin:0;}@media (min-width:768px){.ap--sampler .ap-m-copy-center h2{font-size:3.5rem;}}.ap--sampler .ap-m-copy-center .ap-a-ico{width:4em;height:4em;margin:0 auto .5em;}.ap-o-sampler{grid-column:3/-1;width:100%;max-width:1024px;padding-left:20px;}@media (min-width:1680px){.ap-o-sampler{grid-column:5/-3;padding-left:0;}}.ap-o-sampler-header{background:linear-gradient(225deg,#29323c,#485563 75%);font-size:.8125rem;font-family:Poppins,sans-serif;font-weight:700;color:#fff;padding:1.125em 1.75em;}.ap-o-sampler-tab-bar{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;background:#29323c;}.ap-o-sampler-tab{cursor:pointer;padding:1.125em 1.75em;border-right:1px solid #3d444d;background:#29323c;}.ap-o-sampler-tab.active{background:#3d444d;}.ap-o-sampler-tab.active span{opacity:1;}.ap-o-sampler-tab-title{font-size:.8125rem;font-family:Poppins,sans-serif;font-weight:700;color:#fff;opacity:.5;}.ap-o-sampler-iframe{width:100%;height:auto;background:linear-gradient(45deg,#48525c,#101923);box-shadow:0 15px 50px 0 rgba(0,0,0,.4);}.ap-o-sampler-iframe [placeholder]{display:flex;}[placeholder] .ap-o-sampler-iframe-source{width:calc(50% - 4px);}.ap-o-sampler-link{margin-top:1em;display:inline-block;}.ap-m-format-visual-email{grid-template-columns:5% auto 5%;grid-template-rows:50fr auto 15fr;}.ap-m-format-visual-email .ap-m-format-visual-top-image:before{border-color:#e1eb64;}.ap-m-format-visual-email .ap-m-format-visual-top-image:after{background:linear-gradient(225deg,#64bf46 0,#e1eb64 75%);}.ap-m-format-visual-ads{grid-template-columns:12% auto 12%;grid-template-rows:16fr auto 9fr;}.ap-m-format-visual-ads .ap-m-format-visual-top-image:before{border-color:#eb49e1;}.ap-m-format-visual-ads .ap-m-format-visual-top-image:after{background:linear-gradient(225deg,#eb49e1 0,#5500d7 75%);}.ap-m-format-visual-stories{grid-template-columns:5% auto 5%;grid-template-rows:17fr auto 7fr;}.ap-m-format-visual-stories .ap-m-format-visual-bottom-image{max-width:11em;}@media (min-width:768px){.ap-m-format-visual-stories .ap-m-format-visual-bottom-image{max-width:100%;}}.ap-m-format-visual-stories .ap-m-format-visual-top-image{max-width:12em;box-shadow:0 20px 20px 0 rgba(0,0,0,.05);}.ap-m-format-visual-stories .ap-m-format-visual-top-image:before{border-color:#ffdc00;}.ap-m-format-visual-stories .ap-m-format-visual-top-image:after{background:linear-gradient(225deg,#ff8f00 0,#ffdc00 75%);}@media (min-width:768px){.ap-m-format-visual-stories .ap-m-format-visual-top-image{max-width:100%;}}.-z{overflow-x:auto;margin:1.1rem -15px 0 0;padding:0 1em;color:#fff;line-height:1.3em;background:#29323c;background:linear-gradient(225deg,#29323c 0,#29323c 75%);scrollbar-width:thin;font-size:.9em;}.-z::-webkit-scrollbar{width:2px;height:2px;}.-z::-webkit-scrollbar-thumb{background-color:#91979d;}@media (min-width:768px){.-z{max-width:100%;margin-right:-30px;}}@media (min-width:1024px){.-z{margin-right:0;}}.-z pre{font-family:'Fira Mono',monospace;font-weight:500;white-space:pre;font-size:.9rem;}.-z .hll{background-color:#49483e;}.-z .c{color:#75715e;}.-z .k{color:#66d9ef;}.-z .l{color:#ae81ff;}.-z .n{color:#f8f8f2;}.-z .o{color:#f15a5a;}.-z .p{color:#f8f8f2;}.-z .ch{color:#75715e;}.-z .cm{color:#75715e;}.-z .cp{color:#75715e;}.-z .cpf{color:#75715e;}.-z .c1{color:#75715e;}.-z .cs{color:#75715e;}.-z .gd{color:#f15a5a;}.-z .ge{font-style:italic;}.-z .gi{color:#a6e22e;}.-z .gs{font-weight:700;}.-z .gu{color:#75715e;}.-z .kc{color:#66d9ef;}.-z .kd{color:#66d9ef;}.-z .kn{color:#f15a5a;}.-z .kp{color:#66d9ef;}.-z .kr{color:#66d9ef;}.-z .kt{color:#66d9ef;}.-z .ld{color:#e6db74;}.-z .m{color:#ae81ff;}.-z .s{color:#e6db74;}.-z .na{color:#a6e22e;}.-z .nb{color:#f8f8f2;}.-z .nc{color:#a6e22e;}.-z .no{color:#66d9ef;}.-z .nd{color:#a6e22e;}.-z .ni{color:#f8f8f2;}.-z .ne{color:#a6e22e;}.-z .nf{color:#a6e22e;}.-z .nl{color:#f8f8f2;}.-z .nn{color:#f8f8f2;}.-z .nx{color:#fff;}.-z .py{color:#f8f8f2;}.-z .nt{color:#f15a5a;}.-z .nv{color:#f8f8f2;}.-z .ow{color:#f15a5a;}.-z .w{color:#f8f8f2;}.-z .mb{color:#ae81ff;}.-z .mf{color:#ae81ff;}.-z .mh{color:#ae81ff;}.-z .mi{color:#ae81ff;}.-z .mo{color:#ae81ff;}.-z .sa{color:#e6db74;}.-z .sb{color:#e6db74;}.-z .sc{color:#e6db74;}.-z .dl{color:#e6db74;}.-z .sd{color:#e6db74;}.-z .s2{color:#e6db74;}.-z .se{color:#ae81ff;}.-z .sh{color:#e6db74;}.-z .si{color:#e6db74;}.-z .sx{color:#e6db74;}.-z .sr{color:#e6db74;}.-z .s1{color:#e6db74;}.-z .ss{color:#e6db74;}.-z .bp{color:#f8f8f2;}.-z .fm{color:#a6e22e;}.-z .vc{color:#f8f8f2;}.-z .vg{color:#f8f8f2;}.-z .vi{color:#f8f8f2;}.-z .vm{color:#f8f8f2;}.-z .il{color:#ae81ff;}.ap-m-format-visual-websites{padding:0;grid-template-columns:11.1fr 32.4fr 18.1fr 32.1fr 7fr;grid-template-rows:3.5fr 56.3fr 25.1fr 12.3fr 3.3fr;}.ap-m-format-visual-websites:after{transform-origin:left bottom;animation:10s ease-in-out 3.5s infinite both rotateShadow;}.ap-m-format-visual-websites .ap-m-format-visual-bottom-image{grid-column:2/5;grid-row:1/5;max-width:8.125em;transform:translate3d(0,3%,0) scale(.9);animation:none;}@media (min-width:768px){.ap-m-format-visual-websites .ap-m-format-visual-bottom-image{max-width:100%;}}.ap-m-format-visual-websites .ap-m-format-visual-top-image{grid-column:3/6;grid-row:2/6;max-width:5.625em;box-shadow:20px 40px 60px -5px rgba(0,0,0,.25);animation:10s ease-in-out 3.5s infinite both slide;}.ap-m-format-visual-websites .ap-m-format-visual-top-image:before{border-color:#21c1fa;}.ap-m-format-visual-websites .ap-m-format-visual-top-image:after{background:linear-gradient(225deg,#00dcc0 0,#005af0 75%);}@media (min-width:768px){.ap-m-format-visual-websites .ap-m-format-visual-top-image{max-width:100%;}}.ap-m-format-visual-websites .ap-m-format-visual-code-snippet-highlight:before{content:'right';color:#e6db74;animation:10s ease-in-out 3.5s infinite both highlight-code;}@keyframes highlight-code{0%,100%,90%{content:'right';background-color:transparent;}9%{content:'right';background-color:#ff52e1;}18%{content:" ";background-color:#ff52e1;}36%{content:'left';background-color:#ff52e1;}45%,54%{content:'left';background-color:transparent;}63%{content:'left';background-color:#ff52e1;}72%{content:" ";background-color:#ff52e1;}81%{content:'right';background-color:#ff52e1;}}.ap--stage .ap-m-format-visual{grid-column:11/-1;position:absolute;left:50%;top:0;margin-left:-30%;}@media (min-width:768px){.ap--stage .ap-m-format-visual{position:static;margin-top:-50%;margin-left:auto;margin-right:auto;}}@media (min-width:1024px){.ap--stage .ap-m-format-visual{margin-top:-40%;}}.ap-m-format-visual{width:100%;max-width:16em;padding:1.5em 0;margin:0 auto;transform:rotate3d(135,-90,90,50deg);display:grid;}@media (min-width:768px){.ap-m-format-visual{width:50%;max-width:100%;position:relative;padding:0;margin-bottom:5em;}}.ap-m-format-visual:after{content:'';width:100%;height:auto;position:absolute;bottom:0;left:0;padding-top:75%;border-radius:1000% 0 0 0;opacity:.5;transform:rotate(-5deg) scale(1,1.1) skew(-25deg);transform-origin:center;background:linear-gradient(-225deg,transparent 30%,#000);filter:blur(20px);z-index:-1;}@media (min-width:768px){.ap-m-format-visual:after{padding-top:100%;transform-origin:right bottom;}}.ap-m-format-visual-image{width:100%;height:auto;margin:auto;}.ap-m-format-visual-bottom-image{position:relative;grid-column:2/3;grid-row:1/4;max-width:9em;filter:drop-shadow(0 20px 40px rgba(0,0,0,.15));}@media (min-width:768px){.ap-m-format-visual-bottom-image{max-width:100%;}}.ap-m-format-visual-top-image{position:relative;grid-column:1/4;grid-row:2/3;max-width:11em;box-shadow:30px 90px 60px -40px rgba(0,0,0,.5);animation:10s ease-in-out infinite bounce -4s;}.ap-m-format-visual-top-image:before{content:'';width:100%;height:100%;position:absolute;left:-3px;top:-3px;border:3px solid #21c1fa;}@media (min-width:768px){.ap-m-format-visual-top-image:before{left:-4px;top:-4px;border-width:4px;}}@media (min-width:1024px){.ap-m-format-visual-top-image:before{left:-5px;top:-5px;border-width:5px;}}.ap-m-format-visual-top-image:after{line-height:1.6rem;font-weight:400;color:#48525c;font-family:'Fira Mono',monospace;font-weight:500;font-weight:700;color:#fff;content:attr(title);position:absolute;left:-3px;bottom:100%;padding:3px 6px;font-size:8px;background-color:#21c1fa;}@media (min-width:768px){.ap-m-format-visual-top-image:after{left:-4px;padding:5px 10px;font-size:1.25vw;}}@media (min-width:1024px){.ap-m-format-visual-top-image:after{left:-5px;}}@media (min-width:1280px){.ap-m-format-visual-top-image:after{font-size:inherit;}}@media (min-width:768px){.ap-m-format-visual-top-image{max-width:100%;}}.ap-m-format-visual-code-snippet{grid-column:1/-1;grid-row:1/-1;width:auto;margin:auto auto 0;font-size:10px;transform:translate(75%,-4em);}@media (min-width:768px){.ap-m-format-visual-code-snippet{font-size:1.25vw;transform:translate(50%,-75px);}}.ap-m-format-visual-code-snippet .-z{margin:0;box-shadow:15px 30px 45px -5px rgba(0,0,0,.25);animation:10s ease-in-out infinite bounce;}.ap-m-format-visual-code-snippet-highlight:before{content:'right';color:#e6db74;}.ap-m-copy{margin-bottom:3em;}.ap-m-copy.no-margin{margin-bottom:0;}.ap-m-copy p{line-height:1.6rem;font-weight:400;color:#48525c;}.ap-m-copy-large p{font-size:1rem;}.ap-m-copy-left{grid-column:3/17;}.ap-m-copy-left-small{grid-column:4/13;}.ap-m-copy-left-link{grid-column:3/12;margin-top:3em;}.ap-m-copy-left-xsmall{grid-column:6/13;}.ap-m-copy-right{grid-column:10/24;}.ap-m-copy-right-centered{width:100%;grid-column:16/21;margin:auto 0;}.ap-m-copy-right-small{grid-column:11/20;}.ap-m-copy-right-link{grid-column:10/19;margin-top:3em;}@media (min-width:768px){.ap-m-copy-right-xsmall{grid-column:8/20;}}@media (min-width:1024px){.ap-m-copy-right-xsmall{grid-column:12/20;}}.ap-m-copy-center{grid-column:1/-1;text-align:center;}.ap-m-copy-center-small{grid-column:6/19;text-align:left;}.ap-m-copy-center-medium{grid-column:4/22;text-align:left;max-width:100%;}.ap-m-copy-center-large{grid-column:3/22;text-align:left;max-width:100%;}.ap--news{background:linear-gradient(30deg,#fff 30%,#ebebf0 100%);margin-bottom:5em;}@media (min-width:768px){.ap--news{margin-bottom:8vw;}}.ap--news .ap-m-copy{padding:2.5em 1.25em 0;margin:0 0 2em;}@media (min-width:768px){.ap--news .ap-m-copy{grid-column:2/11;padding:0;margin:auto 0;}}@media (min-width:1024px){.ap--news .ap-m-copy{grid-column:3/10;}}@media (min-width:1280px){.ap--news .ap-m-copy{grid-column:3/9;}}.ap--news .ap-m-copy h2{margin-top:0;margin-bottom:.375em;}.ap--news .ap-m-copy p{font-size:.875rem;margin-top:0;margin-bottom:2em;}@media (min-width:768px){.ap--news .ap-m-copy p{margin-bottom:3.75em;}}.ap-o-news{grid-column:11/-1;width:100%;}.ap-o-news-list{overflow-x:scroll;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;width:auto;}.-ra{flex:1 0 20em;display:block;padding:0 2em 0 0;margin:2.125em 0 4.125em;transition:transform .3s cubic-bezier(.25,.1,.25,1);}@media (min-width:768px){.-ra{padding:0 0 0 2em;}}.-ra:last-child{padding-right:0;}.-ra:hover{transform:translateY(-.125em);}.-ra:hover>div{box-shadow:0 25px 60px 0 rgba(0,0,0,.1);}.ap-o-news-card{display:flex;flex-direction:column;height:100%;background:#fff;box-shadow:0 15px 30px 0 rgba(0,0,0,.15);transition:box-shadow .3s cubic-bezier(.25,.1,.25,1);}.ap-o-news-title{line-height:1.6rem;font-weight:400;color:#48525c;font-size:.8125rem;font-weight:700;text-transform:uppercase;padding:.625em 24px;color:#48525c;}.ap-o-news-image{width:100%;background-color:#005af0;}.ap-o-news-headline{padding:0 24px;margin-top:1.375em;}.ap-o-news-date{line-height:1.6rem;font-weight:400;color:#48525c;font-size:.875rem;padding:0 24px;margin-top:auto;margin-bottom:1.5em;color:#48525c;}.ap-o-news-icon{display:flex;height:100%;width:100%;justify-content:center;align-items:center;fill:#fff;padding:calc(28.125% - 2em) 0;}.ap-o-news-icon .ap-a-ico{display:flex;font-size:initial;box-sizing:initial;justify-content:center;width:4em;height:4em;}.ap--stage .-rf{grid-column:1/-1;width:150vw;margin-top:-40%;margin-right:-150vw;pointer-events:none;}@media (min-width:768px){.ap--stage .-rf{width:100%;margin-top:-30%;margin-right:0;}}.ap--case-band{overflow:hidden;margin-bottom:7em;}@media (min-width:768px){.ap--case-band{margin-bottom:8vw;}}.ap--case-band .ap-m-copy h3{margin-top:0;}.-rf{grid-column:1/-1;width:100%;max-width:1680px;height:auto;display:grid;grid-gap:0;grid-template-columns:17fr 5.5fr 3fr 9fr 7fr 12.5fr 3fr 9fr 4fr 12.5fr 6fr 10.5fr;grid-template-rows:19fr 6fr 12.5fr 12.5fr 25fr 5fr 5fr 5fr 5fr 5fr;padding:7vw 0 11vw;transform:perspective(100px) rotate(.1deg) rotateY(-.1deg) skewX(-4deg) skewY(0) translateX(6.3%);transform-origin:center;}.-rl{width:100%;height:auto;margin-top:auto;animation:levitate 7s ease-in-out infinite forwards;}@media (prefers-reduced-motion:reduce){.-rl{animation:none;}}.-rl:nth-child(1){grid-column:2/5;grid-row:1/8;animation-delay:-5s;}.-rl:nth-child(2){grid-column:1/3;grid-row:2/10;animation-delay:-6s;}.-rl:nth-child(3){grid-column:8/12;grid-row:3/7;animation-delay:-2s;}.-rl:nth-child(4){grid-column:6/9;grid-row:2/11;animation-delay:-3s;}.-rl:nth-child(5){grid-column:4/7;grid-row:4/9;animation-delay:-4s;}.-rl:nth-child(6){grid-column:10/12;grid-row:4/10;animation-delay:-1s;}.-rl:nth-child(7){grid-column:11/13;grid-row:1/6;animation-delay:0s;}.-rc{display:inline-block;}@media (min-width:768px){.-rh{display:inline-block;width:10px;}}.-rp{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;}.-rd{grid-column:1/-1;grid-row:1/-1;margin-right:auto;animation-name:roll;animation-duration:8s;animation-delay:1s;animation-timing-function:cubic-bezier(.25,.1,.25,1);animation-iteration-count:infinite;animation-fill-mode:backwards;}@media (min-width:768px){.-rd{margin-left:auto;}}@media (min-width:1024px){.-rd{margin-left:0;}}.-rd:nth-child(2){animation-delay:3s;}.-rd:nth-child(3){animation-delay:5s;}.-rd:nth-child(4){animation-delay:7s;}.ap--stage{overflow:hidden;}.-rv{background:linear-gradient(225deg,#00dcc0 0,#005af0 75%);grid-column:1/-1;position:relative;width:100%;margin-left:30px;border-bottom-left-radius:4em;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 2em),4em 100%,0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 2em),4em 100%,0 100%);}@media (min-width:768px){.-rv{margin-left:64px;border-bottom-left-radius:6.25em;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 3em),6.25em 100%,0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 3em),6.25em 100%,0 100%);}}.-rv div.-tt{padding:0 2em;}@media (min-width:768px){.-rv div.-tt{padding:0 2.5em;margin-left:-64px;}}.-rm{position:relative;margin:10vw 0 22vw;}@media (min-width:768px){.-rm{grid-column:3/13;margin:7vw 0 11vw 3em;}}@media (min-width:1024px){.-rm{grid-column:3/19;margin-left:5em;}}@media (min-width:1280px){.-rm{grid-column:3/16;}}.-rg{fill:#fff;display:flex;font-size:initial;box-sizing:initial;justify-content:center;width:1.375em;height:1.375em;position:absolute;left:0;bottom:calc(100% + 1em);padding:.5em;border:1px solid #fff;border-radius:50%;}@media (min-width:768px){.-rg{left:auto;bottom:auto;right:calc(100% + .75em);top:-.6em;}}@media (min-width:1024px){.-rg{width:3em;height:3em;right:calc(100% + 1em);top:-1.5em;padding:1em;border-width:2px;}}.-ry{margin-top:1.5rem;margin-bottom:.75em;font-family:Poppins,sans-serif;font-weight:700;line-height:1.2em;color:#20202a;font-size:1.65rem;color:#fff;margin:0;}@media (min-width:768px){.-ry{font-size:2.125rem;}}@media (min-width:1024px){.-ry{font-size:4rem;}}@media (min-width:768px){.-ry br{display:none;}}.-rb{line-height:1.6rem;font-weight:400;color:#48525c;font-size:1rem;color:#fff;margin-top:0;margin-bottom:.75em;}@media (min-width:768px){.-rb{font-size:.875rem;}}@media (min-width:1024px){.-rb{font-size:1.125rem;}}.-rw{color:#005af0;background-color:#fff;margin-top:20px;}.-rx{margin-bottom:7em;}@media (min-width:768px){.-rx{margin-bottom:8vw;}}.-rk{grid-column:6/20;display:flex;flex-direction:column;}@media (min-width:768px){.-rk{flex-direction:row;}}.-r_{flex:0 0 auto;display:flex;width:80%;align-items:flex-start;}@media (min-width:768px){.-r_{flex:0 0 30%;width:100%;flex-direction:column;align-items:flex-end;}}.-r_ .ap-a-img{position:relative;width:150px;height:30px;}.-r_ .ap-a-img amp-img.contain img{object-fit:contain;object-position:right top;}.-r_ .ap-a-ico{width:40px;height:40px;margin:0 1em 0 0;fill:#005af0;}@media (min-width:768px){.-r_ .ap-a-ico{width:100px;height:100px;margin:0 0 .5em auto;}}.-rj{padding:0 0 0 3.375em;}@media (min-width:768px){.-rj{padding:50px 0 0 30px;}}.-rj blockquote{flex:0 0 70%;margin:0 0 2em;}.-rj blockquote p.ap-a-txt{margin-top:1.5rem;margin-bottom:.75em;font-family:Poppins,sans-serif;font-weight:700;line-height:1.2em;color:#20202a;font-size:1rem;line-height:1.8;font-style:italic;display:block;}@media (min-width:768px){.-rj blockquote p.ap-a-txt{font-size:1.2rem;line-height:2;}}.-rj blockquote p.ap-a-txt:before{content:'\201C';}.-rj blockquote p.ap-a-txt:after{content:'\201D';}.-rj p{line-height:1.6rem;font-weight:400;color:#48525c;font-size:.8125rem;}@media (min-width:768px){.-rj p{font-size:.875rem;}}.ap-a-divider{display:block;width:100%;height:1px;margin-bottom:.813em;background-color:#fafafc;}@media (min-width:768px){.ap-a-divider{display:none;}}@media (min-width:768px){.ap-a-divider-desktop{display:block;}}section.ap--content.benefits.ads .-n,section.ap--content.benefits.ads h3-text,section.ap--content.benefits.websites .-n,section.ap--content.benefits.websites h3-text{color:#fff;}section.ap--content.benefits.ads .-r,section.ap--content.benefits.ads h3-icon,section.ap--content.benefits.websites .-r,section.ap--content.benefits.websites h3-icon{fill:#005af0;background:#fff;}section.ap--content.benefits.e-mails .-n,section.ap--content.benefits.e-mails h3-text,section.ap--content.benefits.stories .-n,section.ap--content.benefits.stories h3-text{color:#000;}.-rq{position:relative;display:flex;margin:20px;}@media (min-width:768px){.-rq{padding:0;margin:50px 0;flex:0 0 calc(33.333333333% - 40px);}}.-rz{width:2.5em;height:2.5em;fill:#005af0;margin-right:10px;}.-ie{display:flex;flex-direction:column;}.-it{line-height:1.6rem;font-weight:400;color:#48525c;font-weight:700;color:#000;margin-bottom:.3em;}.-in{line-height:1.6rem;font-weight:400;color:#48525c;font-size:.875rem;margin-bottom:10px;}.-ie b{font-size:.875rem;}.-ir{background:linear-gradient(225deg,#00dcc0 0,#005af0 75%);}.-ii{box-shadow:0 50px 100px 0 rgba(0,0,0,.25);z-index:1;}@media (min-width:768px){.-ii{margin-left:55px;}}.-is{box-shadow:0 25px 50px 0 rgba(0,0,0,.21);}.-io{padding:45px 50px;}.ap-a-divider-benefit{width:60px;height:4px;background-color:#005af0;}@media (min-width:1024px){.ap-a-divider-benefit{margin-bottom:3em;}}.ap--benefits-overview{margin-bottom:7em;}@media (min-width:1024px){.ap--benefits-overview{margin-bottom:8vw;}}.-iu{grid-column:1/16;}@media (min-width:1024px){.-iu{grid-column:1/12;}}@media (min-width:1280px){.-iu{grid-column:1/10;}}.-ia{grid-column:1/13;}.-ia h2{margin-top:0;}.-ia .-rq{margin:20px 20px 0 0;}.-ia .-rz{margin-right:15px;}.-ia .-rq.principles{margin:50px 20px 100px 0;}@media (min-width:1024px){.-if{grid-column:2/10;}}.-il{grid-column:13/25;}@media (min-width:768px){.-il{margin-top:5em;}}@media (min-width:1024px){.-il{grid-column:14/22;}}@media (min-width:1024px){.-ic{grid-column:3/10;}}.-ih{grid-column:17/-1;width:100%;margin-top:2em;}@media (min-width:768px){.-ih{width:auto;margin-top:0;}}.ap--format-explainer{overflow:hidden;padding-left:20px;padding-right:20px;margin-bottom:7em;}@media (min-width:1024px){.ap--format-explainer{padding-left:0;padding-right:0;margin-bottom:8vw;}}.ap-o-format-explainer .swift>div{transform:translateX(7.5%);}.ap-o-format-explainer .swift>div.active{transform:translateX(0);transition-delay:.4s;}.ap-o-format-explainer-group{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;}.ap-o-format-explainer-group>div{grid-column:1/-1;grid-row:1/-1;opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.55,0,.1,1),visibility .4s cubic-bezier(.55,0,.1,1),transform .4s cubic-bezier(.55,0,.1,1);}.ap-o-format-explainer-group>div.active{opacity:1;visibility:visible;}.ap-o-format-explainer-visual{grid-column:1/-1;grid-row:1/4;order:2;position:relative;width:100%;padding:0 1.5em;}@media (min-width:1024px){.ap-o-format-explainer-visual{grid-column:1/14;order:inherit;padding:7em 0 0;}}.ap-o-format-explainer-visual .ap-m-format-visual{margin-bottom:0;}.ap-o-format-explainer-content{align-items:end;}.ap-o-format-explainer-content,.ap-o-format-explainer-navigation{grid-column:1/-1;width:100%;margin-bottom:0;}@media (min-width:1024px){.ap-o-format-explainer-content,.ap-o-format-explainer-navigation{grid-column:14/24;}}@media (min-width:1280px){.ap-o-format-explainer-content,.ap-o-format-explainer-navigation{grid-column:14/22;}}.ap-o-format-explainer-headline{margin-top:0;}.ap-o-format-explainer-copy{margin-bottom:0;}.ap-o-format-explainer-navigation{order:2;overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;width:auto;padding:0 20px 15px;margin:0 -20px 15px;}@media (min-width:1024px){.ap-o-format-explainer-navigation{order:inherit;overflow:visible;flex-direction:column;max-width:300px;padding:0;margin:0;}}.ap-o-format-explainer-navigation:after{content:'';padding-right:1px;}.ap-o-format-explainer-button{margin-top:1.5rem;margin-bottom:.75em;font-family:Poppins,sans-serif;font-weight:700;line-height:1.2em;color:#20202a;font-size:1rem;line-height:1;-webkit-appearance:none;min-width:160px;display:flex;align-items:center;padding:10px 15px;margin:0 15px 1em 0;text-align:left;background-color:#ebebf0;border:none;border-radius:4px;cursor:pointer;}@media (min-width:1024px){.ap-o-format-explainer-button{margin:0 0 1em 0;background:none transparent;}}.ap-o-format-explainer-button:focus{outline:0;}.ap-o-format-explainer-button.active{color:#fff;box-shadow:0 10px 25px -5px rgba(0,0,0,.25);}.ap-o-format-explainer-button:hover{background-color:#ebebf0;}.ap-o-format-explainer-button-websites.active{background:linear-gradient(225deg,#00dcc0 0,#005af0 75%);}.ap-o-format-explainer-button-stories.active{background:linear-gradient(225deg,#ff8f00 0,#ffdc00 75%);}.ap-o-format-explainer-button-ads.active{background:linear-gradient(225deg,#eb49e1 0,#5500d7 75%);}.ap-o-format-explainer-button-email.active{background:linear-gradient(225deg,#64bf46 0,#e1eb64 75%);}.ap-o-format-explainer-button-icon{width:30px;height:30px;margin-right:14px;}.ap-o-format-explainer-button-icon.active{fill:#fff;}.ap-o-format-explainer-link{grid-column:1/-1;order:3;}@media (min-width:1024px){.ap-o-format-explainer-link{grid-column:14/20;order:inherit;}}.ap--main>.-te:first-child{padding-top:26px;padding-bottom:3rem;}.ap--main{max-width:100vw;overflow-x:hidden;}.-te{position:relative;display:flex;flex-wrap:wrap;width:100%;max-width:1440px;padding:0 20px;margin-left:auto;margin-right:auto;}@media (max-width:767px){.-te{padding:0 0 0 15px;}}@media (min-width:768px){.-te{display:grid;grid-gap:30px;grid-template-columns:repeat(24,1fr);padding:0 30px;}}.-tt{position:relative;display:flex;flex-wrap:wrap;width:100%;padding:0;margin-left:auto;margin-right:auto;max-width:1920px;}@media (min-width:768px){.-tt{display:grid;grid-gap:30px;grid-template-columns:repeat(24,1fr);padding:0;}}.ap--stage .-rm{margin-bottom:42vw;}@media (min-width:768px){.ap--stage .-rm{grid-column:3/23;margin-bottom:23vw;text-align:center;}}@media (min-width:1024px){.ap--stage .-rm{grid-column:4/22;}}@media (min-width:1280px){.ap--stage .-rm{grid-column:5/21;}}@media (min-width:1920px){.ap--stage .-rm{margin-bottom:28em;}}.ap--stage .-ry{font-size:1.65rem;}@media (min-width:768px){.ap--stage .-ry{font-size:3.25rem;}}.ap--stage .-rv .-te{padding-left:0;}.ap--teaser-grid{flex-direction:column-reverse;margin-bottom:7em;}.ap--teaser-grid .-nx{grid-column:1/15;display:block;width:100%;margin-bottom:0;}@media (min-width:768px){.ap--teaser-grid .-nx{margin-top:-6em;}}@media (min-width:1024px){.ap--teaser-grid .-nx{grid-column:2/14;}}@media (min-width:1280px){.ap--teaser-grid .-nx{grid-column:1/13;}}@media (min-width:575px){.ap--teaser-grid .-nk{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr);}}.ap--teaser-grid .-nd{grid-column:1;margin-bottom:1em;}.ap--teaser-grid .-nd:nth-child(2n){grid-column:2;}.ap--teaser-grid .-nd:nth-child(1){grid-row:2/4;}.ap--teaser-grid .-nd:nth-child(2){grid-row:1/3;}.ap--teaser-grid .-nd:nth-child(3){grid-row:4/6;}.ap--teaser-grid .-nd:nth-child(4){grid-row:3/5;}.ap--teaser-grid .ap-m-copy{grid-column:16/25;}@media (min-width:1024px){.ap--teaser-grid .ap-m-copy{grid-column:15/24;}}@media (min-width:1280px){.ap--teaser-grid .ap-m-copy{grid-column:14/23;}}.ap--teaser-grid .ap-m-copy h2{margin-top:0;}.ap--teaser-grid .ap-m-copy p{margin-bottom:2em;}@media (min-width:768px){.ap--teaser-grid .ap-m-copy p{margin-bottom:6em;}}.ap--newsletter-double{display:none;}.amp-geo-group-doubleOptIn .ap--newsletter-double,.amp-geo-pending .ap--newsletter-double{display:flex;}.ap--newsletter{display:flex;}.amp-geo-group-doubleOptIn .ap--newsletter,.amp-geo-pending .ap--newsletter{display:none;}.ap--shift-cards{background:#fafafc;}.ap--shift-cards-grid{grid-template-rows:100px auto 100px;}.ap--shift-cards-headline{grid-column:1/-1;width:100%;margin-top:1.5rem;margin-bottom:.75em;font-family:Poppins,sans-serif;font-weight:700;line-height:1.2em;color:#20202a;font-size:2.2rem;margin-top:3rem;text-align:center;margin-top:0;}.ap--get-started{padding:2.5em 30px 3em;}@media (min-width:768px){.ap--get-started{padding:6em 0 7em;}}.ap--get-started h2{font-size:2.2rem;margin-top:3rem;margin-top:0;}.ap--get-started .ap-m-copy{width:100%;margin-bottom:0;}.ap-o-burger-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;padding:110px 20px 80px;z-index:16;background-color:#fff;pointer-events:none;opacity:0;transition:transform .2s ease,opacity .2s ease;}.ap-o-burger-menu-label{position:fixed;z-index:17;top:45px;right:20px;cursor:pointer;}.ap-o-burger-menu-label:focus{outline:0;}.ap-o-burger-menu-label.mainmenuopen{z-index:1004;}@media (min-width:768px){.ap-o-burger-menu-label{right:30px;}}@media (min-width:1024px){.ap-o-burger-menu-label{display:none;}}.ap-o-burger-menu-icon{width:30px;height:30px;}.ap-o-burger-menu-input{display:none;}@media (min-width:1024px){.ap-o-burger-menu{display:none;}}.ap-o-burger-menu-input:checked+.ap-o-burger-menu{pointer-events:auto;opacity:1;}.ap-o-burger-menu-input:checked+.ap-o-burger-menu.mainmenuopen{z-index:1003;}.ap-o-burger-menu-input:checked+.ap-o-burger-menu~.ap--main{max-height:100vh;}.ap-o-burger-menu-input:checked+.ap-o-burger-menu~.ap--footer{display:none;}.ap-o-burger-menu-items{list-style:none;display:flex;flex-direction:column;height:100%;margin:0;margin-top:1rem;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch;}.ap-o-burger-menu-items .ap-o-burger-menu-items{margin-top:1rem;}.ap-o-burger-menu-items .ap-o-burger-menu-items .ap-o-burger-menu-item:last-child{margin-bottom:0;}.ap-o-burger-menu-item{margin-bottom:1rem;position:relative;}.ap-o-burger-menu-item:last-child{margin-top:auto;}.ap-o-burger-menu-item ul{display:none;}.ap-o-burger-menu-item-trigger{position:absolute;left:0;top:0;width:100%;height:36px;padding:0;margin:0;opacity:0;background:none transparent;cursor:pointer;}.ap-o-burger-menu-item-trigger:checked~ul{display:block;}.ap-o-burger-menu-item-trigger:checked+.nav-icon .ap-a-ico{transform:rotate(-90deg);}.ap-o-burger-menu-item-trigger+.nav-icon .ap-a-ico{display:inline-block;transform:rotate(0);}.ap-o-burger-menu-item .ap-a-ico{height:.6em;margin-bottom:.3em;margin-left:.3em;width:.6em;}.-tn{position:relative;margin-left:auto;margin-right:80px;padding-bottom:10px;display:none;}@media (min-width:1024px){.-tn{margin-right:0;padding-right:30px;display:block;}}.-tr{display:flex;align-items:center;border:none;background:0 0;}.-ti{width:10px;height:10px;margin-left:5px;}.-ts{list-style:none;display:none;position:absolute;right:15%;margin:0;padding:2px 8px;background:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.07);}.-tn .-to{display:block;}.-ts:hover,.-tr:focus~.-ts,.-tr:hover~.-ts{display:block;}.mainmenuopen .-tn{display:block;}.-to{font-family:Poppins,sans-serif;font-weight:700;font-size:1.5em;color:#000;}@media (min-width:1024px){.-to{font-size:1rem;}}.-tu{line-height:1.6rem;font-weight:400;color:#48525c;font-size:1rem;}@media (min-width:1024px){.-tu{font-size:.875rem;}}.-tu.-ta{text-decoration:underline;}.-to:hover{color:#005af0;}.-ta{font-weight:700;color:#005af0;}.-tf{padding:5px;text-align:center;color:#fafafc;font-family:Poppins,sans-serif;font-weight:700;font-size:.875rem;background:#005af0;}.-tl{color:currentColor;}.-tl svg{width:.9em;height:.9em;margin-right:5px;vertical-align:middle;fill:currentColor;}.-tc{position:fixed;bottom:0;z-index:999;width:100%;color:#000;background:#ffe100;}.ap--header{width:100%;max-width:2020px;margin:0 auto;position:-webkit-sticky;position:sticky;top:0;z-index:17;background-color:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.07);}.ap--header.mainmenuopen{z-index:1004;}@media (min-width:1024px){.ap--header{top:-35px;}}.-th{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;max-width:1460px;padding:14px 0 0 20px;margin:0 auto;}@media (min-width:1024px){.-th{display:flex;padding-left:30px;}}.-tp{position:-webkit-sticky;position:sticky;top:10px;display:flex;align-items:center;padding-bottom:10px;overflow:hidden;}.-td{height:30px;margin-right:6px;width:30px;}.-tv,.-tm{margin-left:4px;font-family:Poppins,sans-serif;font-weight:700;font-size:1.5em;color:#005af0;}@media (min-width:1024px){.-tv,.-tm{font-size:1.125rem;}}.-tv{color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.-tg{display:none;flex:1 1 auto;padding:0 30px;}@media (min-width:1024px){.-tg{display:flex;}}.-ty{position:relative;display:flex;align-items:center;margin:0 18px -5px;}.-tb{display:flex;align-items:center;padding:0 0 14px 0;border:0;background:0 0;}.-tw{font-size:8px;margin-left:5px;transform:rotate(0);transition:transform .2s cubic-bezier(.25,.1,.25,1);}.-tx:focus-within,.-tx:hover,.-tb:focus~.-tx,.-tb:hover~.-tx{opacity:1;pointer-events:all;transition:opacity .2s cubic-bezier(.25,.1,.25,1);}.-tx{box-shadow:0 10px 25px 0 rgba(0,0,0,.2);position:absolute;top:95%;left:0;margin:0;padding:0 0 10px;pointer-events:none;opacity:0;list-style:none;background:#fff;border-radius:0 0 4px 4px;transition:opacity .2s cubic-bezier(.25,.1,.25,1);}.-tx:before{content:"";display:block;background:linear-gradient(to bottom,rgba(0,0,0,.07) 0,rgba(255,255,255,.07) 100%);height:8px;margin-bottom:10px;}.-tk{margin:20px 0;white-space:nowrap;min-width:200px;}.-tk a:hover{color:#005af0;}.-t_{line-height:1.6rem;font-weight:400;color:#48525c;font-size:.875rem;font-weight:700;font-family:Poppins,sans-serif;font-weight:700;color:#000;line-height:1.4em;}.-t_.secondary{padding:0 15px;}.-tj{line-height:1.6rem;font-weight:400;color:#48525c;font-size:.8125rem;opacity:.75;line-height:1.25em;}.-tq{position:relative;width:300px;}.-tq:hover .-tz{box-shadow:0 10px 25px 0 rgba(0,0,0,.2);background-color:#005af0;}.-tq:hover .-ne>*{color:#fff;}.-tq:hover .-nt .-t_{color:#180ca4;}.-tq:hover .-nt .-tj{color:#180ca4;}.-tq:hover .-nn .-t_{color:#180ca4;}.-tq:hover .-nn .-tj{color:#180ca4;}.-tq:hover .-nr{fill:#fff;}.-tq:hover .-nr.stories{fill:#180ca4;}.-tq:hover .-nr.email{fill:#180ca4;}.-tq:hover .-tz.websites{background:linear-gradient(225deg,#00dcc0 0,#005af0 75%);}.-tq:hover .-tz.stories{background:linear-gradient(225deg,#ff8f00 0,#ffdc00 75%);}.-tq:hover .-tz.ads{background:linear-gradient(225deg,#eb49e1 0,#5500d7 75%);}.-tq:hover .-tz.email{background:linear-gradient(225deg,#64bf46 0,#e1eb64 75%);}.-tz{display:flex;align-items:center;border-radius:4px;padding:10px;margin:0 5px;}.-ne{margin:0 20px 0 15px;}.-nr{display:flex;font-size:initial;box-sizing:initial;justify-content:center;width:2em;height:2em;}.-nr.websites{fill:url(#gradient-websites) #000;}.-nr.stories{fill:url(#gradient-stories) #000;}.-nr.ads{fill:url(#gradient-ads) #000;}.-nr.email{fill:url(#gradient-email) #000;}
</style>
<link rel="canonical" href="https://amp.dev/">
<link rel="alternate" hreflang="x-default" href="https://amp.dev/">
<title>AMP - a web component framework to easily create user-first web experiences - amp.dev</title>
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Webpage",
"url": "https://amp.dev/ ",
"name": "amp.dev",
"headline":"AMP - a web component framework to easily create user-first web experiences",
"description":"Whether you are a publisher, e-commerce company, storyteller, advertiser or email sender, AMP makes it easy to create great experiences on the web. Use AMP to build websites, stories, ads and emails.",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://amp.dev"
},
"publisher": {
"@type": "Organization",
"name": "AMP Project",
"logo": {
"url": "https://amp.dev/static/img/icons/icon-512x512.png",
"width": 512,
"height": 512,
"@type": "ImageObject"
}
},
"image": {
"@type": "ImageObject",
"url": "https://amp.dev/static/img/sharing/default-600x314.png",
"width": 600,
"height": 314
}
}
</script>
<link rel="manifest" href="/manifest.json">
<link rel="amphtml" href="/index.amp.html">
</head>
<body data-available-formats="websites stories ads email">
<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<path d="M39.503 32l22.963-22.963c2.046-2.046 2.046-5.457 0-7.503s-5.456-2.046-7.503 0l-22.963 22.963-22.963-22.963c-2.046-2.046-5.457-2.046-7.503 0s-2.046 5.457 0 7.503l22.963 22.963-22.963 22.963c-2.046 2.046-2.046 5.456 0 7.503s5.457 2.046 7.503 0l22.963-22.963 22.963 22.963c2.046 2.046 5.456 2.046 7.503 0s2.046-5.456 0-7.503l-22.963-22.963z"></path>
</symbol>
<symbol id="stackoverflow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 25">
<path d="M14.2 14.7h1.6V25H0V14.7h1.6v8.6h12.5c.1-2.8.1-5.7.1-8.6zM9.5 3.2c1.8 2.7 3.6 5.4 5.4 8.2.6-.4 1.1-.8 1.7-1.2C14.8 7.5 13 4.8 11.2 2c-.5.5-1.1.8-1.7 1.2zm5.1 8.5c-2.8-1.7-5.5-3.3-8.2-5-.4.6-.7 1.2-1.1 1.8 2.7 1.7 5.5 3.3 8.2 5 .4-.6.8-1.2 1.1-1.8zM17.4 0c-.7.1-1.3.2-2 .4.5 3.2 1.1 6.5 1.6 9.7.7-.1 1.3-.2 2-.4-.5-3.2-1.1-6.5-1.6-9.7zm-4 14.1c-3.1-.9-6.2-1.7-9.2-2.6-.2.7-.4 1.4-.5 2 3.1.9 6.2 1.7 9.2 2.6.1-.6.3-1.3.5-2zm-.9 5.5H3v2.1h9.5v-2.1zm.3-2.7c-3.2-.3-6.3-.6-9.5-.9-.1.7-.1 1.4-.2 2.1 3.2.3 6.3.6 9.5.9 0-.8.1-1.4.2-2.1z"></path>
</symbol>
<symbol id="github" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<path d="M32 0.792c-17.68 0-32 14.328-32 32 0 14.141 9.168 26.133 21.88 30.36 1.6 0.301 2.187-0.688 2.187-1.539 0-0.76-0.027-2.773-0.040-5.44-8.901 1.931-10.779-4.293-10.779-4.293-1.456-3.693-3.56-4.68-3.56-4.68-2.899-1.984 0.224-1.944 0.224-1.944 3.213 0.224 4.901 3.296 4.901 3.296 2.853 4.893 7.491 3.48 9.32 2.661 0.288-2.069 1.112-3.48 2.027-4.28-7.107-0.8-14.576-3.552-14.576-15.813 0-3.493 1.24-6.347 3.293-8.587-0.36-0.808-1.44-4.061 0.28-8.469 0 0 2.68-0.859 8.8 3.28 2.56-0.712 5.28-1.064 8-1.080 2.72 0.016 5.44 0.368 8 1.080 6.080-4.139 8.76-3.28 8.76-3.28 1.72 4.408 0.64 7.661 0.32 8.469 2.040 2.24 3.28 5.093 3.28 8.587 0 12.293-7.48 15-14.6 15.787 1.12 0.96 2.16 2.923 2.16 5.92 0 4.283-0.040 7.723-0.040 8.763 0 0.84 0.56 1.84 2.2 1.52 12.803-4.197 21.963-16.197 21.963-30.317 0-17.672-14.328-32-32-32z"></path>
</symbol>
<symbol id="wordpress" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<path d="M57.251 18.2A28.688 28.688 0 0 1 60.766 32c0 10.611-5.749 19.883-14.301 24.867l8.787-25.405c1.64-4.107 2.187-7.389 2.187-10.304 0-1.08-.069-2.08-.187-2.96zm-21.283.277c1.725-.08 3.285-.28 3.285-.28 1.552-.2 1.371-2.48-.179-2.397 0 0-4.68.36-7.68.36-2.837 0-7.6-.4-7.6-.4-1.56-.08-1.763 2.28-.2 2.36 0 0 1.44.163 3 .24l4.48 12.28-6.32 18.88L14.277 18.4c1.731-.08 3.291-.267 3.291-.267 1.56-.2 1.376-2.48-.173-2.389 0 0-4.656.368-7.664.368-.533 0-1.168-.021-1.84-.04C13.096 8.4 21.96 3.24 32 3.24a28.642 28.642 0 0 1 19.429 7.555c-.123-.008-.243-.024-.376-.024-2.827 0-4.832 2.461-4.832 5.104 0 2.373 1.368 4.381 2.827 6.749 1.096 1.92 2.373 4.381 2.373 7.939 0 2.44-.944 5.317-2.189 9.277l-2.867 9.56-10.4-30.96.003.037zM32 60.757c-2.824 0-5.549-.408-8.128-1.165l8.632-25.083 8.84 24.232c.064.141.133.269.208.397A28.794 28.794 0 0 1 32 60.762zM3.229 32c0-4.171.896-8.133 2.493-11.707L19.439 57.89C9.85 53.226 3.231 43.389 3.228 31.999zM32 0C14.36 0 0 14.36 0 32s14.36 32 32 32 32-14.36 32-32S49.64 0 32 0z"></path>
</symbol>
<symbol id="youtube" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<path d="M62.664 16.542c-.773-2.708-2.862-4.797-5.514-5.556l-.057-.014c-4.989-1.336-25.065-1.336-25.065-1.336s-20.026-.027-25.065 1.337c-2.708.773-4.797 2.862-5.556 5.514l-.014.057C.507 21.107 0 26.354 0 31.72l.001.327v-.017.252a83.84 83.84 0 0 0 1.475 15.695l-.083-.521c.773 2.708 2.862 4.797 5.513 5.556l.057.014c4.983 1.339 25.065 1.339 25.065 1.339s20.023 0 25.065-1.339c2.708-.773 4.797-2.862 5.556-5.514l.014-.057c.85-4.469 1.336-9.609 1.336-14.863l-.002-.595v.03c.002-.184.002-.403.002-.621 0-5.255-.486-10.396-1.416-15.38l.08.515zM25.621 41.608V22.42l16.71 9.609z"></path>
</symbol>
<symbol id="twitter" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<path d="M63.875 12.186c-2.36 1.037-4.88 1.744-7.533 2.067 2.704-1.629 4.784-4.197 5.768-7.261-2.536 1.48-5.346 2.557-8.338 3.157-2.389-2.557-5.794-4.157-9.576-4.157-7.245 0-13.119 5.874-13.119 13.111 0 1.040 0.12 2.040 0.339 2.997-10.906-0.515-20.572-5.752-27.042-13.669-1.139 1.925-1.776 4.162-1.776 6.6 0 4.56 2.32 8.568 5.834 10.922-2.152-0.069-4.176-0.661-5.941-1.643v0.163c0 6.36 4.514 11.663 10.522 12.871-1.101 0.296-2.264 0.456-3.456 0.456-0.837 0-1.64-0.080-2.443-0.229 1.683 5.208 6.52 9.005 12.277 9.112-4.48 3.517-10.157 5.613-16.271 5.613-1.040 0-2.077-0.061-3.12-0.179 5.837 3.717 12.714 5.89 20.151 5.89 24.143 0 37.329-19.989 37.329-37.294 0-0.557 0-1.12-0.040-1.68 2.563-1.837 4.8-4.16 6.56-6.794l-0.125-0.053z"></path>
</symbol>
<symbol id="quote" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 103 82">
<defs>
<linearGradient id="a" x1="84.125%" x2="15.643%" y1="-17.883%" y2="100%">
<stop offset="0%" stop-color="#00DCC0"></stop>
<stop offset="100%" stop-color="#005AF0"></stop>
</linearGradient>
</defs>
<path fill="url(#a) #005AF0" fill-rule="evenodd" d="M106.5 45.7c0-13.6 3.6-24.55 10.8-32.85C124.5 4.55 135 .4 148.8.4v18.9c-10.6 0-15.9 6.8-15.9 20.4v4.5h19.2v37.2h-39.3c-4.2-12-6.3-23.9-6.3-35.7zm57 0c0-13.6 3.55-24.55 10.65-32.85C181.25 4.55 191.7.4 205.5.4v18.9c-10.4 0-15.6 6.8-15.6 20.4v4.5h18.9v37.2h-39.3c-4-12.2-6-24.1-6-35.7z" transform="translate(-106)"></path>
</symbol>
<symbol id="fast-loading" viewBox="0 0 64 64">
<path d="M31.879 55.333c-0.736 0-1.333-0.597-1.333-1.333v0l-0.133-44c0-0.736 0.597-1.333 1.333-1.333v0 0l30.921 0.044c0.736 0 1.333 0.597 1.333 1.333v0 43.612c0 0 0 0 0 0 0 0.731-0.589 1.325-1.318 1.333h-0.001l-30.788 0.344zM62.667 53.656v0zM33.088 11.333l0.12 41.317 28.125-0.313v-40.961z"></path>
<path d="M46.133 45.815h-1.663l1.637-10.044-5.137 0.008c-0.457-0.004-0.827-0.375-0.827-0.833 0-0.002 0-0.004 0-0.006v0c0.031-0.2 0.095-0.379 0.187-0.541l-0.004 0.008 9.105-15.395h1.683l-1.677 10.059h5.176c0.002 0 0.004 0 0.006 0 0.454 0 0.823 0.368 0.823 0.823 0 0.194-0.067 0.372-0.179 0.512l0.001-0.002z"></path>
<path d="M25.333 26h-24c-0.736 0-1.333-0.597-1.333-1.333s0.597-1.333 1.333-1.333v0h24c0.736 0 1.333 0.597 1.333 1.333s-0.597 1.333-1.333 1.333v0z"></path>
<path d="M25.333 34h-18.667c-0.736 0-1.333-0.597-1.333-1.333s0.597-1.333 1.333-1.333v0h18.667c0.736 0 1.333 0.597 1.333 1.333s-0.597 1.333-1.333 1.333v0z"></path>
<path d="M25.333 42h-12c-0.736 0-1.333-0.597-1.333-1.333s0.597-1.333 1.333-1.333v0h12c0.736 0 1.333 0.597 1.333 1.333s-0.597 1.333-1.333 1.333v0z"></path>
</symbol>
<symbol id="components" viewBox="0 0 64 64">
<path d="M9.001 36.945h-7.577c-0.735 0-1.33-0.596-1.33-1.33v0l-0.093-33.569c0-0.735 0.596-1.33 1.33-1.33v0 0l24.091 0.029c0.735 0 1.33 0.596 1.33 1.33v0 4.007c0 0.735-0.596 1.33-1.33 1.33s-1.33-0.596-1.33-1.33v0-2.678l-21.426-0.031 0.085 30.911h6.253c0.735 0 1.33 0.596 1.33 1.33s-0.596 1.33-1.33 1.33v0z"></path>
<path d="M13.396 44.927c-0.735 0-1.33-0.596-1.33-1.33v0l-0.093-33.569c0-0.735 0.596-1.33 1.33-1.33v0 0l22.76 0.029c0.735 0 1.33 0.596 1.33 1.33v0 33.274c0 0 0 0 0 0 0 0.729-0.587 1.321-1.313 1.33h-0.001l-22.667 0.266zM36.063 43.33v0zM14.637 11.355l0.085 30.891 20.011-0.23v-30.631z"></path>
<path d="M23.886 37.372h-1.219l1.205-7.394h-3.777c-0.337-0.002-0.609-0.276-0.609-0.613 0-0.001 0-0.003 0-0.004v0c0.021-0.149 0.068-0.284 0.136-0.405l-0.003 0.006 6.706-11.334h1.238l-1.235 7.406h3.81c0.001 0 0.002 0 0.003 0 0.334 0 0.605 0.271 0.605 0.605 0 0.142-0.049 0.272-0.13 0.375l0.001-0.001z"></path>
<path d="M42.798 24.706c0 0 0 0 0 0-0.732 0-1.326-0.591-1.33-1.322v-0l-0.083-13.352c0-0.002 0-0.005 0-0.008 0-0.735 0.596-1.33 1.33-1.33 0 0 0 0 0 0l19.955 0.013c0.735 0 1.33 0.596 1.33 1.33v0 13.235c0 0 0 0 0 0 0 0.732-0.592 1.327-1.323 1.33h-0l-19.872 0.104zM62.67 23.272v0zM44.053 11.354l0.067 10.692 17.22-0.097v-10.581z"></path>
<path d="M42.798 40.67c0 0 0 0-0 0-0.731 0-1.324-0.59-1.33-1.319v-0.001l-0.083-10.692c0-0.003-0-0.007-0-0.011 0-0.735 0.596-1.33 1.33-1.33 0 0 0 0 0 0l19.955 0.011c0.735 0 1.33 0.596 1.33 1.33v0 10.599c0 0.735-0.596 1.33-1.33 1.33v0l-19.867 0.083zM62.67 39.257v0zM44.056 29.978l0.061 8.031 17.222-0.077v-7.943z"></path>
<path d="M24.039 63.285c0 0 0 0-0 0-0.731 0-1.325-0.59-1.33-1.321v-0.001l-0.093-13.352c0-0.003-0-0.006-0-0.009 0-0.735 0.596-1.33 1.33-1.33 0 0 0 0 0 0l22.76 0.013c0.735 0 1.33 0.596 1.33 1.33v0 13.235c0 0.735-0.596 1.33-1.33 1.33v0l-22.661 0.104zM46.706 61.851v0zM25.288 49.933l0.073 10.692 20.015-0.098v-10.58z"></path>
<path d="M50.431 15.527c0 1.029-0.834 1.862-1.862 1.862s-1.862-0.834-1.862-1.862c0-1.029 0.834-1.862 1.862-1.862v0c0.013-0 0.029-0.001 0.044-0.001 1.004 0 1.819 0.814 1.819 1.819 0 0.016-0 0.031-0.001 0.047l0-0.002z"></path>
<path d="M40.054 56.633h-9.312c-0.735 0-1.33-0.596-1.33-1.33s0.596-1.33 1.33-1.33v0h9.312c0.735 0 1.33 0.596 1.33 1.33s-0.596 1.33-1.33 1.33v0z"></path>
</symbol>
<symbol id="content-modules" viewBox="0 0 64 64">
<path d="M25.427 29.091h-20.308c-2.424-0.002-4.389-1.967-4.391-4.391v-20.309c0.002-2.424 1.967-4.389 4.391-4.391h20.309c2.424 0.002 4.389 1.967 4.391 4.391v20.309c-0.002 2.424-1.967 4.389-4.391 4.391h-0zM5.119 2.909c-0.818 0.001-1.481 0.664-1.482 1.482v20.308c0.001 0.818 0.664 1.481 1.482 1.482h20.308c0.818-0.001 1.481-0.664 1.482-1.482v-20.308c-0.001-0.818-0.664-1.481-1.482-1.482h-0z"></path>
<path d="M2.182 26.182c-0.803-0-1.454-0.651-1.454-1.454 0-0.402 0.163-0.765 0.426-1.028l9.756-9.756 4.364 4.364 8.727-8.727 5.392 5.392c0.253 0.261 0.408 0.618 0.408 1.011 0 0.803-0.651 1.454-1.454 1.454-0.393 0-0.749-0.156-1.011-0.409l-3.335-3.335-8.727 8.727-4.364-4.364-7.699 7.699c-0.263 0.263-0.627 0.426-1.028 0.426v0z"></path>
<path d="M13.818 8c0 1.205-0.977 2.182-2.182 2.182s-2.182-0.977-2.182-2.182c0-1.205 0.977-2.182 2.182-2.182s2.182 0.977 2.182 2.182z"></path>
<path d="M54.545 10.182h-11.636c-0.803 0-1.455-0.651-1.455-1.454s0.651-1.454 1.455-1.454v0h11.636c0.803 0 1.455 0.651 1.455 1.454s-0.651 1.454-1.455 1.454v0z"></path>
<path d="M54.545 16h-11.636c-0.803 0-1.455-0.651-1.455-1.454s0.651-1.454 1.455-1.454v0h11.636c0.803 0 1.455 0.651 1.455 1.454s-0.651 1.454-1.455 1.454v0z"></path>
<path d="M54.545 21.818h-11.636c-0.803 0-1.455-0.651-1.455-1.454s0.651-1.454 1.455-1.454v0h11.636c0.803 0 1.455 0.651 1.455 1.454s-0.651 1.454-1.455 1.454v0z"></path>
<path d="M58.882 29.091h-20.308c-2.424-0.002-4.389-1.967-4.391-4.391v-20.309c0.002-2.424 1.967-4.389 4.391-4.391h20.309c2.424 0.002 4.389 1.967 4.391 4.391v20.309c-0.002 2.424-1.967 4.389-4.391 4.391h-0zM38.573 2.909c-0.818 0.001-1.481 0.664-1.482 1.482v20.308c0.001 0.818 0.664 1.481 1.482 1.482h20.308c0.818-0.001 1.481-0.664 1.482-1.482v-20.308c-0.001-0.818-0.664-1.481-1.482-1.482h-0z"></path>
<path d="M58.882 64h-53.763c-2.424-0.002-4.389-1.967-4.391-4.391v-23.218c0.002-2.424 1.967-4.389 4.391-4.391h53.763c2.424 0.002 4.389 1.967 4.391 4.391v23.218c-0.002 2.424-1.967 4.389-4.391 4.391h-0zM5.119 34.909c-0.818 0.001-1.481 0.664-1.482 1.482v23.218c0.001 0.818 0.664 1.481 1.482 1.482h53.763c0.818-0.001 1.481-0.664 1.482-1.482v-23.218c-0.001-0.818-0.664-1.481-1.482-1.482h-0z"></path>
<path d="M28.364 55.273c-0.803 0-1.454-0.651-1.454-1.455v0-11.539c0-0.803 0.651-1.454 1.454-1.454 0.298 0 0.576 0.090 0.807 0.244l-0.005-0.003 8.727 5.769c0.395 0.264 0.652 0.709 0.652 1.213s-0.257 0.949-0.647 1.21l-0.005 0.003-8.727 5.77c-0.226 0.151-0.503 0.241-0.801 0.241h-0zM29.818 44.985v6.128l4.636-3.065z"></path>
</symbol>
<symbol id="interaction" viewBox="0 0 64 64">
<path d="M18.722 63.74c-0.734-0.001-1.33-0.596-1.33-1.331 0-0.616 0.419-1.135 0.988-1.286l0.009-0.002 12.671-3.284c0.694-0.163 1.253-0.635 1.533-1.26l0.006-0.014c0.108-0.268 0.17-0.579 0.17-0.905 0-0.424-0.106-0.822-0.293-1.171l0.007 0.013c-0.65-1.018-1.584-1.804-2.69-2.256l-0.038-0.014-4.88 3.658c-0.218 0.163-0.494 0.261-0.792 0.261-0.735 0-1.331-0.596-1.331-1.331 0-0.392 0.17-0.745 0.439-0.988l13.027-11.579c0.406-0.433 0.655-1.017 0.655-1.659 0-0.67-0.271-1.276-0.71-1.715l0 0c-0.41-0.415-0.98-0.672-1.609-0.672-0.665 0-1.264 0.287-1.678 0.745l-0.002 0.002-7.88 7.519c-0.24 0.235-0.569 0.38-0.932 0.38-0.736 0-1.332-0.596-1.332-1.332 0-0.373 0.153-0.71 0.4-0.952l0-0c0.41-0.411 1.264-1.263 1.238-1.556 0 0-0.044-0.225-0.624-0.63-0.655-0.409-1.13-0.184-2.662 1.313-0.246 0.243-0.585 0.394-0.958 0.394-0.099 0-0.196-0.011-0.29-0.031l0.009 0.002c-0.448-0.094-0.807-0.403-0.97-0.811l-0.003-0.009c-0.048-0.196-0.075-0.421-0.075-0.652 0-0.523 0.14-1.014 0.384-1.437l-0.007 0.014c0.043-0.108 0.1-0.253 0.148-0.385-0.13-0.172-0.31-0.3-0.517-0.365l-0.007-0.002c-0.424-0.090-1.198 0.441-1.807 0.86-0.362 0.27-0.771 0.524-1.202 0.741l-0.047 0.022c-0.164 0.078-0.357 0.123-0.56 0.123-0.735 0-1.331-0.596-1.331-1.331 0-0.385 0.164-0.733 0.426-0.976l0.001-0.001c-0.017-0.075-0.042-0.14-0.075-0.201l0.002 0.004c-0.097-0.011-0.209-0.017-0.323-0.017-0.779 0-1.491 0.293-2.029 0.774l0.003-0.003-9.463 11.654c-0.246 0.322-0.629 0.527-1.061 0.527-0.735 0-1.331-0.596-1.331-1.331 0-0.336 0.125-0.643 0.33-0.877l-0.001 0.002 9.549-11.731c0.039-0.049 0.079-0.092 0.122-0.132l0.001-0.001c1.019-0.951 2.391-1.534 3.899-1.534 0.388 0 0.768 0.039 1.134 0.112l-0.037-0.006c0.687 0.211 1.241 0.679 1.56 1.29l0.007 0.014c0.616-0.4 1.369-0.638 2.177-0.638 0.199 0 0.394 0.014 0.585 0.042l-0.022-0.003c1.018 0.236 1.862 0.849 2.395 1.681l0.009 0.015c0.080 0.088 0.15 0.187 0.207 0.294l0.004 0.008c0.39-0.165 0.842-0.261 1.318-0.261 0.745 0 1.434 0.235 1.999 0.635l-0.011-0.007c0.495 0.333 0.916 0.734 1.26 1.194l0.010 0.013 4.534-4.327c0.895-0.926 2.148-1.501 3.535-1.501 1.364 0 2.599 0.556 3.489 1.454l0 0c0.92 0.919 1.489 2.19 1.489 3.593s-0.569 2.674-1.489 3.593v0l-6.615 5.876c1.407 0.745 2.552 1.82 3.359 3.126l0.021 0.037c0.383 0.705 0.608 1.543 0.608 2.434 0 0.695-0.137 1.357-0.385 1.963l0.013-0.035c-0.615 1.407-1.832 2.453-3.316 2.821l-0.034 0.007-12.643 3.278c-0.101 0.029-0.217 0.047-0.337 0.049h-0.001z"></path>
<path d="M42.808 44.744c-0.004 0-0.009 0-0.014 0-0.735 0-1.331-0.596-1.331-1.331 0-0.524 0.303-0.977 0.743-1.194l0.008-0.004c2.019-1.009 3.381-3.061 3.381-5.43 0-3.342-2.709-6.051-6.051-6.051-2.078 0-3.911 1.047-5.001 2.643l-0.013 0.021c-0.243 0.353-0.645 0.581-1.1 0.581-0.735 0-1.331-0.596-1.331-1.331 0-0.28 0.087-0.54 0.234-0.754l-0.003 0.005c1.59-2.31 4.22-3.806 7.2-3.806 4.812 0 8.713 3.901 8.713 8.713 0 3.403-1.951 6.35-4.795 7.785l-0.050 0.023c-0.169 0.083-0.367 0.132-0.577 0.132-0.004 0-0.008 0-0.013-0h0.001z"></path>
<path d="M41.858 51.95c-0 0-0 0-0.001 0-0.735 0-1.331-0.596-1.331-1.331 0-0.654 0.472-1.198 1.093-1.31l0.008-0.001c5.948-1.084 10.399-6.225 10.399-12.406 0-6.959-5.641-12.6-12.6-12.6-5.481 0-10.144 3.499-11.878 8.386l-0.027 0.088c-0.186 0.526-0.679 0.895-1.258 0.895-0.735 0-1.331-0.596-1.331-1.331 0-0.156 0.027-0.306 0.076-0.445l-0.003 0.009c2.133-6.026 7.782-10.265 14.421-10.265 8.429 0 15.262 6.833 15.262 15.262 0 7.488-5.392 13.716-12.505 15.013l-0.093 0.014c-0.069 0.014-0.148 0.021-0.23 0.021-0.001 0-0.001 0-0.002 0h0z"></path>
<path d="M58.677 10.907c-2.94 0-5.323-2.383-5.323-5.323s2.383-5.323 5.323-5.323c2.94 0 5.323 2.383 5.323 5.323v0c0 2.94-2.383 5.323-5.323 5.323v0zM58.677 2.922c-1.47 0-2.662 1.192-2.662 2.662s1.192 2.662 2.662 2.662c1.47 0 2.662-1.192 2.662-2.662v0c0-1.47-1.192-2.662-2.662-2.662v0z"></path>
<path d="M6.775 21.553c-2.94 0-5.323-2.383-5.323-5.323s2.383-5.323 5.323-5.323c2.94 0 5.323 2.383 5.323 5.323v0c0 2.94-2.383 5.323-5.323 5.323v0zM6.775 13.568c-1.47 0-2.662 1.192-2.662 2.662s1.192 2.662 2.662 2.662c1.47 0 2.662-1.192 2.662-2.662v0c0-1.47-1.192-2.662-2.662-2.662v0z"></path>
<path d="M32.060 10.907c-2.94 0-5.323-2.383-5.323-5.323s2.383-5.323 5.323-5.323c2.94 0 5.323 2.383 5.323 5.323v0c0 2.94-2.383 5.323-5.323 5.323v0zM32.060 2.922c-1.47 0-2.662 1.192-2.662 2.662s1.192 2.662 2.662 2.662c1.47 0 2.662-1.192 2.662-2.662v0c0-1.47-1.192-2.662-2.662-2.662v0z"></path>
<path d="M50.692 24.215c-0.735-0-1.331-0.596-1.331-1.331 0-0.367 0.149-0.7 0.39-0.941l7.595-7.595v-4.772c0-0.735 0.596-1.331 1.331-1.331s1.331 0.596 1.331 1.331v0 5.874l-8.375 8.375c-0.241 0.241-0.573 0.39-0.941 0.39v0z"></path>
<path d="M33.39 21.553c-0.619-0.001-1.139-0.426-1.286-1l-0.002-0.009-1.372-5.645v-5.323c0-0.735 0.596-1.331 1.331-1.331s1.331 0.596 1.331 1.331v0 5.16l1.291 5.165c0.025 0.097 0.040 0.208 0.040 0.322 0 0.62-0.424 1.141-0.998 1.289l-0.009 0.002c-0.097 0.025-0.209 0.040-0.325 0.040h-0z"></path>
<path d="M25.406 26.876c-0.001 0-0.002 0-0.003 0-0.402 0-0.762-0.18-1.004-0.464l-0.002-0.002-7.588-8.85h-6.042c-0.735 0-1.331-0.596-1.331-1.331s0.596-1.331 1.331-1.331v0h7.266l8.384 9.781c0.199 0.231 0.319 0.534 0.319 0.865 0 0.735-0.596 1.331-1.331 1.331 0 0-0 0-0 0v0z"></path>
</symbol>
<symbol id="star" viewBox="0 0 64 64">
<path d="M13.16 62.478c-0.84 0-1.54-0.7-1.54-1.54 0-0.14 0-0.14 0-0.28l3.5-20.16-14.7-14.28c-0.56-0.56-0.56-1.54 0-2.24 0.28-0.28 0.56-0.42 0.84-0.42l20.3-2.94 9.1-18.34c0.42-0.7 1.4-0.98 2.24-0.56 0.14 0.14 0.28 0.28 0.42 0.56l9.1 18.34 20.3 2.94c0.84 0.14 1.4 0.84 1.26 1.68 0 0.28-0.14 0.7-0.42 0.84l-14.7 14.42 3.5 20.16c0.14 0.84-0.42 1.68-1.26 1.82-0.28 0-0.7 0-0.98-0.14l-18.2-9.52-18.2 9.52c-0.14 0.14-0.42 0.14-0.56 0.14zM4.76 26.219l13.020 12.74c0.42 0.42 0.56 0.84 0.42 1.4l-3.080 17.92 16.1-8.4c0.42-0.28 0.98-0.28 1.4 0l16.1 8.4-2.94-18.060c-0.14-0.56 0.14-0.98 0.42-1.4l13.020-12.74-18.060-2.66c-0.56-0.14-0.98-0.42-1.12-0.84l-8.12-16.24-8.12 16.38c-0.28 0.42-0.7 0.7-1.12 0.84l-17.92 2.66z"></path>
<path d="M29.959 46.238h-1.54l1.54-9.1h-4.62c-0.42 0-0.7-0.28-0.7-0.7 0 0 0 0 0 0 0-0.14 0.14-0.28 0.14-0.42l8.26-14h1.54l-1.54 9.1h4.76c0.42 0 0.7 0.28 0.7 0.7 0 0 0 0 0 0 0 0.14 0 0.28-0.14 0.42l-8.4 14z"></path>
</symbol>
<symbol id="ux-improvement" viewBox="0 0 64 64">
<path d="M31.972 60.18c-0.867 0-1.734-0.434-2.457-1.011l-24.421-24.999c-6.792-7.081-6.792-18.063 0-25.144 6.647-6.792 17.63-6.792 24.421-0.289 0.145 0.145 0.145 0.145 0.289 0.289l2.168 2.312 2.168-2.312c6.503-6.792 17.485-6.936 24.277-0.434 0.145 0.145 0.289 0.289 0.434 0.434 5.636 5.78 6.792 14.595 2.746 21.531-0.434 0.723-1.301 0.867-2.023 0.433s-0.867-1.301-0.578-1.879c3.324-5.78 2.601-13.15-2.312-18.063-5.491-5.636-14.595-5.78-20.231-0.289-0.145 0.145-0.289 0.145-0.434 0.289l-4.191 4.191-4.191-4.191c-5.347-5.636-14.595-5.78-20.231-0.289-0.144 0.145-0.144 0.289-0.289 0.289-5.78 5.925-5.78 15.173 0 21.098l24.421 24.999c0.145 0.145 0.578 0.145 0.723 0l0.434-0.434c0.578-0.578 1.445-0.578 2.023 0s0.578 1.445 0 2.023l-0.578 0.578c-0.434 0.578-1.301 0.867-2.168 0.867z"></path>
<path d="M46.422 59.457c-8.815 0-15.896-7.081-15.896-15.896s7.081-15.896 15.896-15.896 15.896 7.081 15.896 15.896-7.081 15.896-15.896 15.896zM46.422 30.556c-7.225 0-13.005 5.78-13.005 13.006s5.78 13.005 13.005 13.005 13.005-5.78 13.005-13.005-5.78-13.005-13.005-13.005z"></path>
<path d="M52.203 43.562c-0.434 0-0.723-0.145-1.011-0.434l-4.769-4.769-4.769 4.769c-0.578 0.578-1.445 0.578-2.023 0s-0.578-1.445 0-2.023l5.78-5.78c0.578-0.578 1.445-0.578 2.023 0l5.78 5.78c0.578 0.578 0.578 1.445 0 2.023-0.289 0.289-0.578 0.434-1.011 0.434z"></path>
<path d="M46.422 52.232c-0.867 0-1.445-0.578-1.445-1.445v-13.005c0-0.867 0.578-1.445 1.445-1.445s1.445 0.578 1.445 1.445v13.005c0 0.867-0.578 1.445-1.445 1.445z"></path>
</symbol>
<symbol id="internal" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<path d="M43.16 10.18c-0.881-0.881-2.322-0.881-3.203 0s-0.881 2.322 0 3.203l16.335 16.335h-54.051c-1.281 0-2.242 1.041-2.242 2.242 0 1.281 0.961 2.322 2.242 2.322h54.051l-16.415 16.335c-0.881 0.881-0.881 2.322 0 3.203s2.322 0.881 3.203 0l20.259-20.259c0.881-0.881 0.881-2.322 0-3.203l-20.179-20.179z"></path>
</symbol>
<symbol id="news" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 93 72">
<path d="M17.9 38.9h-1.6l1.6-10h-5.1c-.5 0-.8-.4-.8-.9l.2-.6 9-15.4h1.7l-1.7 10H26.4c.5 0 .8.4.8.9l-.2.5-9.1 15.5z"></path>
<path d="M61 15H34c-.6 0-1-.4-1-1s.4-1 1-1h27c.6 0 1 .4 1 1s-.4 1-1 1zm-27-1.5v.5-.5zM61 26H34c-.6 0-1-.4-1-1s.4-1 1-1h27c.6 0 1 .4 1 1s-.4 1-1 1zm-27-1.5v.5-.5zM61 37H34c-.6 0-1-.4-1-1s.4-1 1-1h27c.6 0 1 .4 1 1s-.4 1-1 1zm-27-1.5v.5-.5zM61 48H13c-.6 0-1-.4-1-1s.4-1 1-1h48c.6 0 1 .4 1 1s-.4 1-1 1zm-48-1.5v.5-.5zM61 59H13c-.6 0-1-.4-1-1s.4-1 1-1h48c.6 0 1 .4 1 1s-.4 1-1 1zm-48-1.5v.5-.5zM82 20c.6 0 1 .4 1 1v37c0 .6-.4 1-1 1s-1-.4-1-1V21c0-.6.4-1 1-1z"></path>
<path d="M93 21c0-.6-.4-1-1-1s-1 .4-1 1v40c0 5-4 9-9 9s-9-4-9-9V2.6c0-.7 0-1.1-.3-1.5-.2-.3-.4-.6-.8-.8-.4-.3-.7-.3-1.5-.3H2.6C1.8 0 1.5 0 1 .3.7.4.4.7.3 1c-.3.5-.3.8-.3 1.6v59.2c0 3.2.2 4.6 1.1 6.2a7.2 7.2 0 0 0 3 3c1.5.8 3 1.1 6.2 1.1h71.8c6 0 10.9-5 10.9-11V21zM10.3 70c-3.1 0-4.2-.3-5.2-.8S3.4 67.9 2.9 67c-.6-1.1-.9-2.1-.9-5.3V2.6 2h69v59c0 3.7 1.9 7 4.7 9H10.3z" class="st1"></path>
</symbol>
<symbol id="external" viewBox="0 0 64 64">
<path d="M28.879 11.24c-0.841-0.841-2.206-0.841-3.048 0s-0.841 2.207 0 3.048l15.543 15.543h-39.241c-1.219 0-2.133 0.987-2.133 2.133 0 1.219 0.914 2.207 2.133 2.207h39.241l-15.616 15.543c-0.841 0.841-0.841 2.206 0 3.048 0.835 0.841 2.206 0.841 3.048 0l19.273-19.279c0.841-0.841 0.841-2.206 0-3.048l-19.2-19.194zM59.429 27.392c2.511 0 4.571 2.060 4.571 4.571s-2.060 4.571-4.571 4.571-4.571-2.060-4.571-4.571 2.060-4.571 4.571-4.571z"></path>
</symbol>
<symbol id="menu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<path d="M2.133 13.867h59.733c1.178 0 2.133 0.955 2.133 2.133v2.133c0 1.178-0.955 2.133-2.133 2.133h-59.733c-1.178 0-2.133-0.955-2.133-2.133v-2.133c0-1.178 0.955-2.133 2.133-2.133z"></path>
<path d="M2.133 28.8h59.733c1.178 0 2.133 0.955 2.133 2.133v2.133c0 1.178-0.955 2.133-2.133 2.133h-59.733c-1.178 0-2.133-0.955-2.133-2.133v-2.133c0-1.178 0.955-2.133 2.133-2.133z"></path>
<path d="M2.133 43.733h59.733c1.178 0 2.133 0.955 2.133 2.133v2.133c0 1.178-0.955 2.133-2.133 2.133h-59.733c-1.178 0-2.133-0.955-2.133-2.133v-2.133c0-1.178 0.955-2.133 2.133-2.133z"></path>
</symbol>
<symbol id="wrench" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<path d="M64 18.267c0 1.608-0.214 3.21-0.636 4.767l0.008 0.169c0.028 0.598-0.186 1.18-0.592 1.619-2.713 7.035-9.527 11.712-17.107 11.712-1.852 0-3.671-0.275-5.427-0.819l-25.943 25.854c-1.573 1.567-3.667 2.431-5.889 2.431s-4.318-0.864-5.89-2.431l-0.087-0.087c-3.25-3.238-3.25-8.508 0-11.747l23.75-23.669c0.66-0.657 1.046-1.529 1.090-2.456l0.173-3.404c-0.070-0.657-0.105-1.308-0.105-1.939 0-10.074 8.221-18.267 18.327-18.267 3.298 0 6.532 0.883 9.353 2.555 0.602 0.357 1.005 0.979 1.083 1.675 0.011 0.098 0.017 0.161 0.020 0.237 0.044 1.158-0.297 1.536-9.858 10.586l3.847 3.921c1.149-1.058 3.185-2.929 8.997-8.27 0.542-0.497 1.293-0.697 2.010-0.534 0.719 0.163 1.311 0.668 1.583 1.351 0.856 2.147 1.291 4.418 1.292 6.745zM59.819 22.4c0.395-1.346 0.595-2.737 0.594-4.132 0-1.194-0.141-2.367-0.422-3.507-2.922 2.685-8.959 8.231-9.040 8.307-0.536 0.494-1.37 0.474-1.88-0.046l-6.953-7.087c-0.252-0.258-0.39-0.605-0.384-0.965s0.158-0.702 0.42-0.95c2.985-2.825 7.47-7.107 9.54-9.166-1.884-0.84-3.936-1.278-6.022-1.278-8.129 0-14.742 6.59-14.742 14.691 0 0.533 0.032 1.090 0.096 1.654 0.007 0.071 0.010 0.142 0.007 0.214l-0.174 3.646c-0.087 1.818-0.847 3.528-2.138 4.816l-23.75 23.668c-1.85 1.844-1.85 4.844 0 6.688l0.087 0.087c0.897 0.893 2.088 1.385 3.356 1.385s2.46-0.492 3.355-1.385l26.429-26.338c0.2-0.199 0.419-0.39 0.693-0.601 0.377-0.292 0.882-0.363 1.326-0.187 1.743 0.692 3.578 1.044 5.456 1.044 6.243 0 11.831-3.943 13.905-9.811 0.044-0.126 0.107-0.244 0.187-0.351-0.002-0.134 0.016-0.268 0.054-0.396z"></path>
</symbol>
<symbol id="guides-documents" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31 32">
<path d="M6.7 28H1.2c-.4 0-.6-.4-.6-.8L.5.7c0-.4.3-.7.7-.7h21.1c.5 0 .7.3.7.7V2c0 .5-.2.7-.7.7-.4 0-.6-.2-.6-.7v-.6H1.8L2 26.6h4.8c.4 0 .7.2.7.6 0 .4-.3.7-.7.7z"></path>
<path d="M8 6.8H6c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7h2c.5 0 .7.3.7.7 0 .4-.2.7-.7.7zM8 10.9H6c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7h2c.5 0 .7.3.7.7 0 .4-.2.7-.7.7zM8 15H6c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7h2c.5 0 .7.3.7.7 0 .4-.2.7-.7.7zM8 19H6c-.4 0-.7-.2-.7-.6 0-.4.3-.7.7-.7h2c.5 0 .7.3.7.7 0 .4-.2.7-.7.7z"></path>
<path d="M29.8 4H8.7c-.5 0-.7.4-.7.8v26.5c0 .4.3.7.7.7h21.1c.4 0 .7-.3.7-.7V4.8c0-.4-.3-.7-.7-.7zm-.6 26.6H9.4V5.4h19.8v25.2z"></path>
<path d="M18.1 22.8h-.6l.6-3.8h-1.9c-.2 0-.3-.1-.3-.3v-.2l3.4-5.8h.7l-.7 3.8h2c.2 0 .3.1.3.3v.2L18 22.8z"></path>
</symbol>
<symbol id="learn" viewBox="0 0 64 64">
<path d="M57.674 35.257c0 1.779 1.416 3.221 3.163 3.221s3.163-1.442 3.163-3.221c0-1.155-0.602-2.16-1.498-2.728v-8.973c0-0.682-0.401-1.297-1.018-1.563l-29.585-12.716c-0.413-0.178-0.881-0.178-1.295 0l-29.586 12.716c-0.617 0.265-1.018 0.881-1.018 1.563s0.401 1.297 1.018 1.562l6.662 2.863v17.587c0 4.624 7.288 9.29 23.571 9.29s23.571-4.666 23.571-9.29v-17.587l4.349-1.869v6.417c-0.896 0.569-1.497 1.573-1.497 2.728zM51.491 45.567c0 1.575-4.797 5.898-20.24 5.898s-20.24-4.323-20.24-5.898v-16.155l19.593 8.421c0.207 0.089 0.427 0.134 0.647 0.134s0.441-0.045 0.647-0.134l19.593-8.421v16.155zM31.251 34.43l-25.303-10.875 25.303-10.875 25.302 10.875-25.302 10.875z"></path>
</symbol>
<symbol id="examples-flyout" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 20">
<g>
<path d="M20 19.3a.9.9 0 1 1 0-1.7 1.9 1.9 0 0 0 1.9-1.9v-3a3.6 3.6 0 0 1 1.3-2.7 3.6 3.6 0 0 1-1.3-2.8v-3A1.9 1.9 0 0 0 20 2.3a.9.9 0 1 1 0-1.7 3.6 3.6 0 0 1 3.6 3.6v3a1.9 1.9 0 0 0 2 2v1.6a1.9 1.9 0 0 0-2 2v3a3.6 3.6 0 0 1-3.6 3.5zm-14 0a3.6 3.6 0 0 1-3.6-3.6v-3a1.9 1.9 0 0 0-2-1.9V9.1a1.9 1.9 0 0 0 2-1.9v-3A3.6 3.6 0 0 1 6 .6a.9.9 0 1 1 0 1.8A1.9 1.9 0 0 0 4 4.2v3A3.6 3.6 0 0 1 2.8 10a3.6 3.6 0 0 1 1.3 2.7v3A1.9 1.9 0 0 0 6 17.6a.9.9 0 1 1 0 1.7z"></path>
<g transform="translate(5.8 8.5)">
<circle cx="12.3" cy="1.4" r="1.4"></circle>
<circle cx="7.3" cy="1.4" r="1.4"></circle>
<circle cx="2.2" cy="1.4" r="1.4"></circle>
</g>
</g>
</symbol>
<symbol id="template" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<path d="M1.44 0h62.56v64h-64v-64h1.44zM20.64 60.88v-39.52h-17.76v39.6h17.76zM23.44 21.36v39.6h37.44v-39.6h-37.44zM2.88 18.24h58.080v-15.36h-58.080v15.36z"></path>
</symbol>
<symbol id="components-flyout" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 22">
<path d="M8.7 17l-2.5-2.2-4-3.5-.9-.8v1l2.5-2.2 4-3.5 1-.8c.2-.3.2-.8 0-1a.8.8 0 0 0-1.2 0L5.1 6l-4 3.6-.8.8c-.3.2-.3.8 0 1l2.5 2.2 4 3.6.8.8c.3.2.8.3 1.1 0 .3-.3.3-.8 0-1.1zM19.3 5l2.5 2.2 4 3.5.9.8v-1l-2.5 2.2-4 3.5-.9.8c-.3.3-.3.8 0 1 .3.4.8.3 1 0L23 16l4-3.6.9-.8c.3-.2.3-.8 0-1l-2.5-2.3-4-3.5-1-.8c-.2-.3-.7-.3-1 0-.3.3-.3.8 0 1zm-8 16.4l.7-2 1.6-5a3563.7 3563.7 0 0 1 2-5.8l1.7-5.1.8-2.5c.2-.4-.1-.9-.5-1a.8.8 0 0 0-1 .6c-.1.7-.4 1.3-.6 2l-1.6 4.9-2 5.9-1.7 5-.8 2.6c-.2.4.1.8.5 1a.8.8 0 0 0 1-.6z"></path>
</symbol>
<symbol id="amp-email" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<defs>
<linearGradient id="gradient-email" x1="76.2776137%" x2="20.8316146%" y1="-25.8400575%" y2="121.578822%">
<stop offset="0%" stop-color="#F1F068"></stop>
<stop offset="46.2139774%" stop-color="#96D64F"></stop>
<stop offset="100%" stop-color="#2DB932"></stop>
</linearGradient>
</defs>
<path d="M64 14.080c0-3.291-2.56-5.851-5.851-5.851h-52.297c-3.291 0-5.851 2.56-5.851 5.851v35.84c0 3.291 2.56 5.851 5.851 5.851h52.297c3.291 0 5.851-2.56 5.851-5.851v-35.84zM5.851 11.154h52.297c0.183 0 0.366 0 0.549 0l-24.503 25.417c-0.549 0.549-1.28 0.914-2.194 0.914-0.731 0-1.646-0.366-2.194-0.914l-24.32-25.417c0 0 0.183 0 0.366 0zM2.926 14.080c0-0.366 0-0.731 0.183-1.097l15.36 16.091-15.543 19.2v-34.194zM58.149 52.846h-52.297c-0.731 0-1.646-0.366-2.194-0.914l16.823-20.663 7.131 7.497c1.097 1.097 2.56 1.829 4.206 1.829s3.109-0.731 4.206-1.829l6.583-6.949 17.371 20.114c-0.366 0.549-1.097 0.914-1.829 0.914v0zM61.074 48.274l-16.091-18.834 15.909-16.64c0.183 0.366 0.183 0.731 0.183 1.097v34.377z"></path>
</symbol>
<symbol id="amp-ads" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<defs>
<linearGradient id="gradient-ads" x1="100%" x2="14.5415777%" y1="0%" y2="123.368881%">
<stop offset="0%" stop-color="#FF52E1"></stop>
<stop offset="100%" stop-color="#5500D7"></stop>
</linearGradient>
</defs>
<path d="M56.399 14.68c3.654-3.846 9.616-10.963 6.924-13.847-2.885-2.885-10.001 3.269-13.847 6.731l-0.577-0.577c-0.385-0.385-0.962-0.577-1.539-0.385l-15.963 3.077c-0.385 0-0.577 0.192-0.769 0.385l-30.195 30.195c-0.577 0.577-0.577 1.731 0 2.308l20.963 20.963c0.385 0.385 0.769 0.385 1.154 0.385s0.769-0.192 1.154-0.385l30.003-30.003c0.192-0.192 0.385-0.577 0.385-0.769v0l3.077-15.963c0.192-0.577 0-1.154-0.385-1.539l-0.385-0.577zM53.899 16.988l-2.885 14.424-28.464 28.656-18.655-18.655 28.656-28.656 14.424-2.885c-1.539 1.731-4.039 4.423-5.962 7.116-1.923-0.192-3.654 0.385-5.193 1.923-2.5 2.5-2.5 6.731 0 9.232s6.731 2.5 9.232 0c1.346-1.346 2.116-3.27 1.923-5.193-0.192-1.154-0.577-2.308-1.154-3.077-0.192-0.385-0.385-0.577-0.769-0.769-0.192-0.192-0.577-0.577-0.769-0.769 1.154-1.731 2.885-3.654 5.193-5.962l2.5 2.5 1.923 2.116zM43.321 24.873c-0.192 0.385-0.385 0.577-0.577 0.962-1.346 1.346-3.27 1.346-4.616 0s-1.346-3.27 0-4.616c0.192-0.192 0.577-0.385 0.962-0.577 1.154-0.577 2.308-0.385 3.462 0.385 0.192 0 0.192 0.192 0.385 0.192 0 0 0.192 0.192 0.192 0.385 0.577 0.962 0.769 2.116 0.192 3.27zM54.091 12.372l-2.5-2.5c4.039-3.846 7.308-5.77 8.847-6.347-0.577 1.539-2.5 4.616-6.347 8.847z"></path>
</symbol>
<symbol id="amp-stories" viewBox="0 0 36 32">
<defs>
<linearGradient id="gradient-stories" x1="81.726943%" x2="23.7165981%" y1="-28.3832685%" y2="119.978062%">
<stop offset="0%" stop-color="#FFF300"></stop>
<stop offset="100%" stop-color="#FF8F00"></stop>
</linearGradient>
</defs>
<path d="M7.111 0h21.333v32h-21.333v-32zM9.481 2.37v27.259h16.593v-27.259h-16.593zM0 4.741h2.37v22.519h-2.37v-22.519zM33.185 4.741h2.37v22.519h-2.37v-22.519z"></path>
</symbol>
<symbol id="amp-websites" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<defs>
<linearGradient id="gradient-websites" x1="81.8129399%" x2="33.8766928%" y1="0%" y2="94.4849088%">
<stop offset="0%" stop-color="#00DCC0"></stop>
<stop offset="100%" stop-color="#005AF0"></stop>
</linearGradient>
</defs>
<path d="M63.196 4.646h-62.253c-0.566 0-0.943 0.377-0.943 0.755v53.010c0 0.566 0.377 0.943 0.943 0.943h62.253c0.566 0 0.755-0.377 0.755-0.755v-53.198c0.189-0.377-0.189-0.755-0.755-0.755zM3.395 18.040h57.348v33.202h-57.348v-33.202zM60.744 7.853v6.98h-57.348v-6.98h57.348zM3.395 56.147v-1.509h57.348v1.509h-57.348zM9.055 7.853c1.132 0 1.886 0.754 1.886 1.886s-0.755 1.886-1.886 1.886-1.886-0.755-1.886-1.886 0.943-1.886 1.886-1.886zM12.828 7.853c1.132 0 1.886 0.754 1.886 1.886s-0.755 1.886-1.886 1.886-1.886-0.755-1.886-1.886 0.943-1.886 1.886-1.886zM18.487 7.853c1.132 0 1.886 0.754 1.886 1.886s-0.755 1.886-1.886 1.886-1.886-0.755-1.886-1.886 0.943-1.886 1.886-1.886zM51.123 39.734l-11.13-13.96c-0.189-0.189-0.377-0.377-0.755-0.377v0c-0.189 0-0.566 0-0.755 0.377l-8.3 9.621-4.716-6.225c-0.189-0.189-0.377-0.377-0.755-0.377s-0.566 0-0.755 0.377l-8.866 10.376c-0.377 0.377-0.189 0.943 0 1.132s0.377 0.189 0.566 0.189c0.189 0 0.566 0 0.754-0.377l8.3-9.621 4.528 5.471-2.452 3.018c-0.377 0.377-0.189 0.943 0 1.132 0.377 0.189 0.943 0.189 1.132 0l11.319-13.017 10.376 13.205c0.189 0.189 0.377 0.377 0.755 0.377 0.189 0 0.377 0 0.566-0.189 0.377-0.377 0.566-0.943 0.189-1.132zM27.165 26.718c1.509 0 2.641-1.132 2.641-2.641 0-1.321-1.132-2.641-2.641-2.641s-2.641 1.132-2.641 2.641c0 1.509 1.132 2.641 2.641 2.641zM27.165 23.322c0.566 0 0.943 0.377 0.943 0.943s-0.377 0.943-0.943 0.943-0.943-0.377-0.943-0.943c0-0.566 0.377-0.943 0.943-0.943z"></path>
</symbol>
<symbol id="angle-down-solid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<path d="M56.293 16.003c1.761-1.645 4.553-1.645 6.314 0 1.857 1.734 1.857 4.623 0 6.357l-27.45 25.638c-1.761 1.645-4.553 1.645-6.314 0l-27.45-25.638c-0.899-0.839-1.393-1.963-1.393-3.178s0.494-2.339 1.393-3.178c1.761-1.645 4.553-1.645 6.314 0l24.293 22.689 24.293-22.689z"></path>
</symbol>
<symbol id="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
<g fill="none" fill-rule="evenodd">
<path fill="#FFF" d="M0 15c0 8.284 6.716 15 15 15 8.285 0 15-6.716 15-15 0-8.284-6.715-15-15-15C6.716 0 0 6.716 0 15z"></path>
<path fill="#005AF0" fill-rule="nonzero" d="M13.85 24.098h-1.14l1.128-6.823-3.49.005h-.05a.57.57 0 0 1-.568-.569c0-.135.125-.363.125-.363l6.272-10.46 1.16.005-1.156 6.834 3.508-.004h.056c.314 0 .569.254.569.568 0 .128-.05.24-.121.335L13.85 24.098zM15 0C6.716 0 0 6.716 0 15c0 8.284 6.716 15 15 15 8.285 0 15-6.716 15-15 0-8.284-6.715-15-15-15z"></path>
</g>
</symbol>
</defs>
</svg>
<header class="ap--header" [class]="mainmenuopen ? 'ap--header mainmenuopen' : 'ap--header'">
<div class="-tf">
<a href="/events/amp-conf-2019" class="-tl">
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"></use>
</svg>
AMP Conf 2019. April 17/18. Tokyo.
</a>
</div>
<div class="-th">
<a class="-tp" href="/">
<svg class="-td">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#logo"></use>
</svg>
<span class="-tm">AMP</span>
</a>
<nav class="-tg">
<div class="-ty">
<button class="-tb -to">
About
<div class="ap-a-ico -tw">
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"></use>
</svg>
</div>
</button>
<ul class="-tx">
<li class="-tq">
<a class="-tz websites" href="/about/websites">
<div class="-nr websites">
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#amp-websites"></use>
</svg>
</div>
<div class="-ne ap-o-header-flyout-primary-item-link-info-websites">
<div class="-t_">AMP Websites</div>
<div class="-tj">Create flawless web experiences</div>
</div>
</a>
</li>
<li class="-tq">
<a class="-tz stories" href="/about/stories">
<div class="-nr stories">
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#amp-stories"></use>
</svg>
</div>
<div class="-ne -nt">
<div class="-t_">AMP Stories</div>
<div class="-tj">Snackable formats for everyone</div>
</div>
</a>
</li>
<li class="-tq">
<a class="-tz ads" href="/about/ads">
<div class="-nr ads">
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#amp-ads"></use>
</svg>
</div>
<div class="-ne ap-o-header-flyout-primary-item-link-info-ads">
<div class="-t_">AMP Ads</div>
<div class="-tj">Super fast ads on the web</div>
</div>
</a>
</li>
<li class="-tq">
<a class="-tz email" href="/about/email">
<div class="-nr email">
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#amp-email"></use>
</svg>
</div>
<div class="-ne -nn">
<div class="-t_">AMP Email</div>
<div class="-tj">Next gen email</div>
</div>
</a>
</li>
<li class="-tk"><a class="-t_ secondary" href="/about/how-amp-works">How AMP works</a></li>
<li class="-tk"><a class="-t_ secondary" href="/about/mission-and-vision">Vision and Mission</a></li>
<li class="-tk"><a class="-t_ secondary" href="/about/use-cases">Use cases</a></li>
<li class="-tk"><a class="-t_ secondary" href="/success-stories/">Success Stories</a></li>
</ul>
</div>
<div class="-ty">
<button class="-tb -to">
Documentation
<div class="ap-a-ico -tw">
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"></use>
</svg>
</div>
</button>
<ul class="-tx">
<li class="-tq">
<a class="-tz" href="/documentation/components/">
<div class="-nr">
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#components-flyout"></use>
</svg>
</div>
<div class="-ne">
<div class="-t_">Components</div>
<div class="-tj">The complete AMP library</div>
</div>
</a>
</li>
<li class="-tq">
<a class="-tz" href="/documentation/templates/">
<div class="-nr">
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#template"></use>
</svg>
</div>
<div class="-ne">
<div class="-t_">Templates</div>
<div class="-tj">Ready to use</div>
</div>
</a>
</li>
<li class="-tq">
<a class="-tz" href="/documentation/examples/">
<div class="-nr">
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#examples-flyout"></use>
</svg>
</div>
<div class="-ne">
<div class="-t_">Examples</div>
<div class="-tj">Hands on Introduction to AMP</div>
</div>
</a>
</li>
<li class="-tq">
<a class="-tz" href="/documentation/courses/">
<div class="-nr">
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#learn"></use>
</svg>
</div>
<div class="-ne">
<div class="-t_">Courses</div>
<div class="-tj">Learn AMP with free courses</div>
</div>
</a>
</li>
<li class="-tq">
<a class="-tz" href="/documentation/guides-and-tutorials/">
<div class="-nr">
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#guides-documents"></use>
</svg>
</div>
<div class="-ne">
<div class="-t_">Guides &amp; Tutorials</div>
<div class="-tj">Get started with AMP</div>
</div>
</a>
</li>
<li class="-tq">
<a class="-tz" href="/documentation/tools">
<div class="-nr">
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wrench"></use>
</svg>
</div>
<div class="-ne">
<div class="-t_">Tools</div>
<div class="-tj">Begin building</div>
</div>
</a>
</li>
</ul>
</div>
<div class="-ty">
<button class="-tb -to">
Community
<div class="ap-a-ico -tw">
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"></use>
</svg>
</div>
</button>
<ul class="-tx">
<li class="-tk"><a class="-t_ secondary" href="/documentation/guides-and-tutorials/contribute/">Contribute</a></li>
<li class="-tk"><a class="-t_ secondary" href="/community/platform-and-vendor-partners">Platform and vendor partners</a></li>
<li class="-tk"><a class="-t_ secondary" href="/community/roadmap">Roadmap</a></li>
<li class="-tk"><a class="-t_ secondary" href="/community/governance">Governance</a></li>
</ul>
</div>
<div class="-ty">
<button class="-tb -to">
Events
<div class="ap-a-ico -tw">
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"></use>
</svg>
</div>
</button>
<ul class="-tx">
<li class="-tk"><a class="-t_ secondary" href="/events/amp-conf-2019">AMP Conf 2019</a></li>
<li class="-tk"><a class="-t_ secondary" href="/events/amp-roadshow">AMP Roadshow</a></li>
</ul>
</div>
<div class="-ty"><a class="-tb -to" href="https://blog.amp.dev">Blog</a></div>
<div class="-ty"><a class="-tb -to" href="/support/">Support</a></div>
</nav>
<div class="-tn">
<button class="-tr" aria-label="Select a language">
<span class="-to">EN</span>
<div class="ap-a-ico -ti">
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"></use>
</svg>
</div>
</button>
<div class="-ts" role="list">
<a class="-to" href="/fr/" role="listitem">Français</a> <a class="-to" href="/ar/" role="listitem">العربية</a> <a class="-to" href="/es/" role="listitem">Español</a> <a class="-to" href="/it/" role="listitem">Italiano</a> <a class="-to" href="/id/" rol
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.