CINXE.COM

<!doctype html><html amp lang="vi" i-amphtml-binding i-amphtml-layout i-amphtml-no-boilerplate transformed="self;v=1"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width"><link rel="preload" href="/static/fonts/poppins-v5-latin-700.woff2" as="font" crossorigin><link rel="preload" href="/static/fonts/noto-sans-v7-latin-700.woff2" as="font" crossorigin><meta name="theme-color" content="#005af0"><meta name="robots" content="noindex,follow"><meta name="description" content="A growing number of publishers and advertisers are adopting AMP to deliver faster and more engaging content to their users. As your clients embrace the speed of AMP and ..."><meta name="twitter:card" content="summary_large_image"><meta name="twitter:description" content="A growing number of publishers and advertisers are adopting AMP to deliver faster and more engaging content to their users. As your clients embrace the speed of AMP and ..."><meta name="twitter:title" content="AMP Ads"><meta name="twitter:creator" content="@ampproject"><meta name="twitter:site" content="@ampproject"><meta name="twitter:image" content="https://amp.dev/static/img/sharing/about-ads-600x314.png"><meta property="og:title" content="AMP Ads"><meta property="og:url" content="https://amp.dev/vi/about/ads/"><meta property="og:image" content="https://amp.dev/static/img/sharing/about-ads-600x314.png"><meta property="og:image:width" content="600"><meta property="og:image:height" content="314"><meta name="supported-amp-formats" content="websites,stories,ads,email"><meta name="page-locale" content="vi"><meta http-equiv="origin-trial" content="AviuuiVhVdQ3GpVtxSpyMT+XsL/qGGYmyiyLvYSKPL3rRDLipe/ard5x+DXVlrATtolwX75VtpSKc9IEzLDd4AkAAABmeyJvcmlnaW4iOiJodHRwczovL2FtcC5kZXY6NDQzIiwiZmVhdHVyZSI6IkV4cGVyaW1lbnRhbEF1dG9wbGF5RHluYW1pY0RlbGVnYXRpb24iLCJleHBpcnkiOjE1NzA1Nzg0NDF9"><style amp-runtime i-amphtml-version="012406131415000">html{overflow-x:hidden!important}html.i-amphtml-fie{height:100%!important;width:100%!important}html:not([amp4ads]),html:not([amp4ads]) body{height:auto!important}html:not([amp4ads]) body{margin:0!important}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}html.i-amphtml-singledoc.i-amphtml-embedded{-ms-touch-action:pan-y pinch-zoom;touch-action:pan-y pinch-zoom}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-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{visibility:visible}#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}#i-amphtml-wrapper.i-amphtml-scroll-disabled,.i-amphtml-scroll-disabled{overflow-x:hidden!important;overflow-y:hidden!important}amp-instagram{padding:54px 0px 0px!important;background-color:#fff}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}amp-experiment,amp-live-list>[update]{display:none}amp-list[resizable-children]>.i-amphtml-loading-container.amp-hidden{display:none!important}amp-list [fetch-error],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-list[diffable] div[role=list]{display:block}amp-story-page,amp-story[standalone]{min-height:1px!important;display:block!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;width:100%!important}amp-story[standalone]{background-color:#000!important;position:relative!important}amp-story-page{background-color:#757575}amp-story .amp-active>div,amp-story .i-amphtml-loader-background{display:none!important}amp-story-page:not(:first-of-type):not([distance]):not([active]){transform:translateY(1000vh)!important}amp-autocomplete{position:relative!important;display:inline-block!important}amp-autocomplete>input,amp-autocomplete>textarea{padding:0.5rem;border:1px solid rgba(0,0,0,.33)}.i-amphtml-autocomplete-results,amp-autocomplete>input,amp-autocomplete>textarea{font-size:1rem;line-height:1.5rem}[amp-fx^=fly-in]{visibility:hidden}amp-script[nodom],amp-script[sandboxed]{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden} /*# sourceURL=/css/ampdoc.css*/[hidden]{display:none!important}.i-amphtml-element{display:inline-block}.i-amphtml-blurry-placeholder{transition:opacity 0.3s cubic-bezier(0.0,0.0,0.2,1)!important;pointer-events:none}[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][heights]:not([layout]):not(.i-amphtml-layout-responsive),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-layout-responsive){display:block;position:relative}.i-amphtml-layout-intrinsic,[layout=intrinsic][width][height]:not(.i-amphtml-layout-intrinsic){display:inline-block;position:relative;max-width:100%}.i-amphtml-layout-intrinsic .i-amphtml-sizer{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]:not(.i-amphtml-layout-fixed-height){display:block;position:relative}.i-amphtml-layout-fill,.i-amphtml-layout-fill.i-amphtml-notbuilt,[layout=fill]:not(.i-amphtml-layout-fill),body noscript>*{display:block;overflow:hidden!important;position:absolute;top:0;left:0;bottom:0;right:0}body noscript>*{position:absolute!important;width:100%;height:100%;z-index:2}body noscript{display:inline!important}.i-amphtml-layout-flex-item,[layout=flex-item]:not(.i-amphtml-layout-flex-item){display:block;position:relative;-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}@supports (aspect-ratio:1/1){i-amphtml-sizer.i-amphtml-disable-ar{display:none!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-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-select-disabled{-webkit-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.i-amphtml-notbuilt,[layout]:not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([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)>*,[width][height][heights]:not([layout]):not(.i-amphtml-element)>*,[width][height][sizes]:not([layout]):not(.i-amphtml-element)>*{display:none}amp-img:not(.i-amphtml-element)[i-amphtml-ssr]>img.i-amphtml-fill-content{display:block}.i-amphtml-notbuilt:not(.i-amphtml-layout-container),[layout]:not([layout=container]):not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){color:transparent!important;line-height:0!important}.i-amphtml-ghost{visibility:hidden!important}.i-amphtml-element>[placeholder],[layout]:not(.i-amphtml-element)>[placeholder],[width][height][heights]:not([layout]):not(.i-amphtml-element)>[placeholder],[width][height][sizes]:not([layout]):not(.i-amphtml-element)>[placeholder]{display:block;line-height:normal}.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}amp-img[i-amphtml-ssr]:not(.i-amphtml-element)>[placeholder]{z-index:auto}.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-element>[overflow]{cursor:pointer;position:relative;z-index:2;visibility:hidden;display:initial;line-height:normal}.i-amphtml-layout-size-defined>[overflow]{position:absolute}.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-analytics,amp-auto-ads,amp-story-auto-ads{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}amp-story{visibility:hidden!important}html.i-amphtml-fie>amp-analytics{position:initial!important}[visible-when-invalid]:not(.visible),form [submit-error],form [submit-success],form [submitting]{display:none}amp-accordion{display:block!important}@media (min-width:1px){:where(amp-accordion>section)>:first-child{margin:0;background-color:#efefef;padding-right:20px;border:1px solid #dfdfdf}:where(amp-accordion>section)>:last-child{margin:0}}amp-accordion>section{float:none!important}amp-accordion>section>*{float:none!important;display:block!important;overflow:hidden!important;position:relative!important}amp-accordion,amp-accordion>section{margin:0}amp-accordion:not(.i-amphtml-built)>section>:last-child{display:none!important}amp-accordion:not(.i-amphtml-built)>section[expanded]>:last-child{display:block!important} /*# sourceURL=/css/ampshared.css*/</style><script async src="https://cdn.ampproject.org/v0.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0.js" crossorigin="anonymous"></script><script async src="https://cdn.ampproject.org/v0/amp-analytics-0.1.mjs" custom-element="amp-analytics" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js" crossorigin="anonymous" custom-element="amp-analytics"></script><script async src="https://cdn.ampproject.org/v0/amp-bind-0.1.mjs" custom-element="amp-bind" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-bind-0.1.js" crossorigin="anonymous" custom-element="amp-bind"></script><script async src="https://cdn.ampproject.org/v0/amp-consent-0.1.mjs" custom-element="amp-consent" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-consent-0.1.js" crossorigin="anonymous" custom-element="amp-consent"></script><script async src="https://cdn.ampproject.org/v0/amp-fx-collection-0.1.mjs" custom-element="amp-fx-collection" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js" crossorigin="anonymous" custom-element="amp-fx-collection"></script><script async src="https://cdn.ampproject.org/v0/amp-geo-0.1.mjs" custom-element="amp-geo" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-geo-0.1.js" crossorigin="anonymous" custom-element="amp-geo"></script><script async src="https://cdn.ampproject.org/v0/amp-install-serviceworker-0.1.mjs" custom-element="amp-install-serviceworker" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-install-serviceworker-0.1.js" crossorigin="anonymous" custom-element="amp-install-serviceworker"></script><script async src="https://cdn.ampproject.org/v0/amp-video-0.1.mjs" custom-element="amp-video" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-video-0.1.js" crossorigin="anonymous" custom-element="amp-video"></script><link rel="shortcut icon" href="/static/img/favicon.png"><link rel="canonical" href="https://amp.dev/vi/about/ads/"><link rel="alternate" hreflang="x-default" href="https://amp.dev/about/ads/"><link rel="alternate" hreflang="en" href="https://amp.dev/about/ads/"><link rel="alternate" hreflang="de" href="https://amp.dev/de/about/ads/"><link rel="alternate" hreflang="fr" href="https://amp.dev/fr/about/ads/"><link rel="alternate" hreflang="ar" href="https://amp.dev/ar/about/ads/"><link rel="alternate" hreflang="es" href="https://amp.dev/es/about/ads/"><link rel="alternate" hreflang="it" href="https://amp.dev/it/about/ads/"><link rel="alternate" hreflang="id" href="https://amp.dev/id/about/ads/"><link rel="alternate" hreflang="ja" href="https://amp.dev/ja/about/ads/"><link rel="alternate" hreflang="ko" href="https://amp.dev/ko/about/ads/"><link rel="alternate" hreflang="pt_BR" href="https://amp.dev/pt_br/about/ads/"><link rel="alternate" hreflang="ru" href="https://amp.dev/ru/about/ads/"><link rel="alternate" hreflang="tr" href="https://amp.dev/tr/about/ads/"><link rel="alternate" hreflang="zh_CN" href="https://amp.dev/zh_cn/about/ads/"><link rel="alternate" hreflang="pl" href="https://amp.dev/pl/about/ads/"><title>AMP Ads - amp.dev</title><script type="application/ld+json">{"@context":"http://schema.org","@type":"Webpage","url":"https://amp.dev/vi/about/ads/ ","name":"amp.dev","headline":"AMP Ads","description":"A growing number of publishers and advertisers are adopting AMP to deliver faster and more engaging content to their users. As your clients embrace the speed of AMP and ...","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/about-ads-600x314.png","width":600,"height":314}}</script><style amp-custom>@font-face{font-family:system;font-style:normal;font-weight:300;src:local(".SFNSText-Light"),local(".HelveticaNeueDeskInterface-Light"),local(".LucidaGrandeUI"),local("Ubuntu Light"),local("Segoe UI Light"),local("Roboto-Light"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system;font-style:italic;font-weight:300;src:local(".SFNSText-LightItalic"),local(".HelveticaNeueDeskInterface-Italic"),local(".LucidaGrandeUI"),local("Ubuntu Light Italic"),local("Segoe UI Light Italic"),local("Roboto-LightItalic"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system;font-style:normal;font-weight:400;src:local(".SFNSText-Regular"),local(".HelveticaNeueDeskInterface-Regular"),local(".LucidaGrandeUI"),local("Ubuntu"),local("Segoe UI"),local("Roboto-Regular"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system;font-style:italic;font-weight:400;src:local(".SFNSText-Italic"),local(".HelveticaNeueDeskInterface-Italic"),local(".LucidaGrandeUI"),local("Ubuntu Italic"),local("Segoe UI Italic"),local("Roboto-Italic"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system;font-style:normal;font-weight:500;src:local(".SFNSText-Medium"),local(".HelveticaNeueDeskInterface-MediumP4"),local(".LucidaGrandeUI"),local("Ubuntu Medium"),local("Segoe UI Semibold"),local("Roboto-Medium"),local("DroidSans-Bold"),local("Tahoma Bold")}@font-face{font-family:system;font-style:italic;font-weight:500;src:local(".SFNSText-MediumItalic"),local(".HelveticaNeueDeskInterface-MediumItalicP4"),local(".LucidaGrandeUI"),local("Ubuntu Medium Italic"),local("Segoe UI Semibold Italic"),local("Roboto-MediumItalic"),local("DroidSans-Bold"),local("Tahoma Bold")}@font-face{font-family:system;font-style:normal;font-weight:700;src:local(".SFNSText-Bold"),local(".HelveticaNeueDeskInterface-Bold"),local(".LucidaGrandeUI"),local("Ubuntu Bold"),local("Roboto-Bold"),local("DroidSans-Bold"),local("Segoe UI Bold"),local("Tahoma Bold")}@font-face{font-family:system;font-style:italic;font-weight:700;src:local(".SFNSText-BoldItalic"),local(".HelveticaNeueDeskInterface-BoldItalic"),local(".LucidaGrandeUI"),local("Ubuntu Bold Italic"),local("Roboto-BoldItalic"),local("DroidSans-Bold"),local("Segoe UI Bold Italic"),local("Tahoma Bold")}@font-face{font-family:Noto Sans;font-style:normal;font-weight:400;font-display:optional;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:optional;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:optional;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:optional;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:240px;color:#48525c;background-color:#fff;font-size:16px;font-family:Noto Sans,system;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}@media(max-width:240px){body,html{font-size:14px}}body>*>:not(.ap-o-code-preview)>*>.amp-carousel-button{width:3em;height:3em;border-radius:50%;box-shadow:0 10px 15px 0 rgba(0,0,0,.4);transition:.4s;background-color:#fff;position:relative;box-sizing:border-box;margin:1em;border-style:none;background-position:50% 50%;background-repeat:no-repeat;z-index:10;pointer-events:all}body>*>:not(.ap-o-code-preview)>*>.amp-carousel-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23005AF0'%3E%3Cpath d='M15 8.25H5.87l4.19-4.19L9 3 3 9l6 6 1.06-1.06-4.19-4.19H15v-1.5z'/%3E%3C/svg%3E")}body>*>:not(.ap-o-code-preview)>*>.amp-carousel-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23005AF0' %3E%3Cpath d='M9 3L7.94 4.06l4.19 4.19H3v1.5h9.13l-4.19 4.19L9 15l6-6z'/%3E%3C/svg%3E")}body>*>:not(.ap-o-code-preview)>*>.amp-carousel-button:hover{cursor:pointer;box-shadow:0 20px 30px 0 rgba(0,0,0,.2);background-color:#fff}:target:before{content:"";display:block;visibility:hidden;height:120px;margin-top:-120px}@media(min-width:1024px){h1:target:before{height:75px;margin-top:-75px}h2:target:before{height:81px;margin-top:-81px}h3:target:before{height:87px;margin-top:-87px}h4:target:before{height:90px;margin-top:-90px}h5:target:before{height:93px;margin-top:-93px}h6:target:before{height:97px;margin-top:-97px}}h1,h2,h3,h4,h5{margin-top:1.5rem;margin-bottom:.75em;font-family:Poppins,system;font-weight:700;line-height:1.2em;color:#20202a}h1{font-size:2.2rem;margin-top:3rem}section.-t h1:first-of-type{margin-top:0}@media(min-width:768px){section.-t h1:first-of-type{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}.-t .intro,.ap--section .intro{font-size:1rem;padding:0}.-t .intro *,.ap--section .intro *{font-size:inherit}.-t p,.ap--section p{line-height:1.6rem;font-weight:400;color:#48525c;display:block;margin-top:1.1em;margin-bottom:0;font-size:1rem}.-t p small,.ap--section p small{font-size:.875rem}.-t code,.ap--section code{display:inline;padding:2px 4px;font-family:Fira Mono,monospace;font-weight:500;word-break:normal;color:#000;background-color:#e2e5e6;font-size:.9em}.-t code,.-t p,.ap--section code,.ap--section p{overflow-wrap:break-word}.-t a,.ap--section a{position:relative;z-index:10}.-t a code,.ap--section a code{color:#005af0;z-index:-1}.-t pre,.ap--section pre{font-family:Fira Mono,monospace;font-weight:500;font-size:1rem;white-space:pre-wrap}.-t>ol,.-t>ul,.ap--section>ol,.ap--section>ul{line-height:1.6rem;font-weight:400;color:#48525c;display:block;padding-left:2em;margin:1.5em 0}.-t>ol ol,.-t>ol ul,.-t>ul ol,.-t>ul ul,.ap--section>ol ol,.ap--section>ol ul,.ap--section>ul ol,.ap--section>ul ul{padding-left:2em;margin:0}.-t>ol li,.-t>ul li,.ap--section>ol li,.ap--section>ul li{padding-left:.5em}.-t>ol li p,.-t>ul li p,.ap--section>ol li p,.ap--section>ul li p{font-size:1em}.-t figure figcaption,.ap--section figure figcaption{line-height:1.6rem;font-weight:400;color:#48525c;font-size:.8125rem;margin-top:.3em}.-t hr,.ap--section hr{height:1px;margin:.75em 0;background-color:#ebebf0;border:none}.-n{display:flex;align-items:center;text-decoration:none;padding:0 0 1.5em;margin:0}.-r{line-height:1.6rem;font-weight:400;color:#48525c;font-size:.875rem;font-weight:700;color:#005af0;line-height:1.3;transition:transform .3s ease}.-i{fill:#005af0;padding:.438em 0;margin-bottom:auto;margin-right:.625em;box-sizing:initial;transition:transform .3s ease}.-n:hover .-i,.-n:hover .-r{transform:translateX(10px)}.-s{border-bottom:1px solid #ebebf0}.-s .-r{font-size:1rem;font-family:Poppins,system;font-weight:700;color:#000;padding-left:10px}.-s .-i{width:1.375em;height:1.375em;fill:#fff;background-color:#005af0;overflow:hidden;padding:.563em}.-s .-i,.-s:hover .-i{box-shadow:0 10px 20px 0 rgba(0,0,0,.25)}.-s:hover .-i svg{animation:duepduep .3s ease}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:#e2e5e6;font-size:.9em;color:#005af0}.ap-a-ico{display:flex;font-size:medium;box-sizing:initial;justify-content:center;width:1em;height:1em}.-o{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){.-o{max-width:500px}}.-u{position:absolute;right:15px;top:15px;-webkit-appearance:none;background-color:transparent;border:none;padding:0}.-u svg{width:10px;height:10px}.-o button{cursor:pointer}.ap--footer{position:relative;z-index:15;padding:3em 0 2em;line-height:1.6rem;font-weight:400;color:#48525c;font-size:1rem;color:#fff;background:linear-gradient(45deg,#48525c,#20202a)}.-a{width:100%;max-width:1440px;padding:0 20px;margin:0 auto}.-f{padding-bottom:4em}@media(min-width:768px){.-f{display:flex;align-items:center}}.-l{display:flex;flex-direction:column;margin-left:auto}@media(min-width:1024px){.-l{flex-direction:row}}.-c{margin:3em 2em 1em 0;color:#fff}@media(min-width:768px){.-c{margin:auto 2em auto 1em}}.-h{display:flex;list-style:none;padding:0;margin:0}.-p{flex:1 0 auto}@media(min-width:768px){.-p{margin:16px}}.-d{width:2.5em;height:2.5em;fill:#fff}@media(max-width:240px){.-d{font-size:14px}}@media(min-width:768px){.-v{display:grid;grid-gap:30px;grid-template-columns:repeat(12,1fr)}}.-m{flex:1 1 100%}.-m:nth-child(odd){grid-column:span 3}@media(max-width:1023px){.-m:nth-child(odd){grid-column:span 6}}.-m:nth-child(2n+2){grid-column:span 3}@media(max-width:1023px){.-m:nth-child(2n+2){grid-column:span 6}}.-g{color:#fff}.-y{list-style:none;padding:0}@media(min-width:768px){.-y+.-g{margin-top:2.5em}}.-b{position:relative}.-w{padding-left:35px;font-size:.8125rem;color:#fff}.-x{position:absolute;left:10px;top:8px;width:12px;height:12px;fill:#fff}.-k{display:flex;flex-direction:column;padding-top:4em}@media(min-width:768px){.-k{flex-direction:row;align-items:flex-end}}.-_{width:50%;max-width:200px;margin-bottom:40px;margin-right:auto}@media(min-width:768px){.-_{margin-bottom:0}}.-j{list-style:none;padding:0;margin:0}.-q{display:inline-block;margin-right:1em}.-z{font-size:.8125rem;font-weight:400;color:#fff}.-te{display:block;font-size:.875rem;margin-top:2em;color:#e2e5e6}.-te a{color:#fafafc}section.ap--tools .-rf{grid-column:1/-1;width:100%;margin-bottom:2em}section.ap--tools .-rl{display:grid;grid-template-columns:1fr;grid-gap:50px;margin:0;align-items:stretch}@media(min-width:575px){section.ap--tools .-rl{grid-template-columns:repeat(12,1fr);margin:0}}@media(min-width:768px){section.ap--tools .-rl{grid-gap:30px}}section.ap--tools .-rl .-rn{display:flex;flex-direction:column;width:100%;margin:0;border-radius:4px;box-shadow:inset 0 0 0 1px #ebebf0,0 30px 75px -13px rgba(0,0,0,.25)}section.ap--tools .-rl .-rn:hover{box-shadow:inset 0 0 0 1px #ebebf0,0 40px 100px -13px rgba(0,0,0,.15)}section.ap--tools .-rl .-rn>div:last-child{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between}section.ap--tools .-rl .-rs{position:relative;padding-left:15px;padding-right:15px}section.ap--tools .-rl .-rr{right:13px;top:auto;bottom:10px;padding:5px 20px;line-height:1.6rem;font-size:12px;font-family:Noto Sans,system;font-weight:700;border-radius:20px;transition:transform .3s ease;cursor:pointer}section.ap--tools .-rl .-rr:hover+a{transform:translateY(-2px)}section.ap--tools .-rl .-rr:hover+a>.-rn{box-shadow:inset 0 0 0 1px #ebebf0,0 25px 60px 0 rgba(0,0,0,.1)}section.ap--tools .-rl .-sq{display:inline-flex;margin:0 2px 2px 0;vertical-align:middle;font-size:19px}section.ap--tools .-rl .-sz{fill:#fff}section.ap--tools .-rl .-oe{fill:#20202a}section.ap--tools .-rl .-ot{fill:#fff}section.ap--tools .-rl .-on{fill:#20202a}section.ap--tools .-rl .-rt:hover .-rr{transform:translateY(-2px)}section.ap--tools .-rl .-ri{position:absolute;left:30px;bottom:100%;margin:0 0 3px;width:20px;height:20px;fill:#005af0}section.ap--tools .-rl .-ri svg{z-index:2}section.ap--tools .-rl .-ri:before{content:"";position:absolute;left:10px;bottom:-4px;transform:translateX(-50%);width:70px;height:28px;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 28'%3E%3Cpath d='M35 0.4v0c-20.5 0-11.8 26.6-35 26.6v1h70v-1c-23.2 0-14.5-26.6-35-26.6z' fill='%23fff'/%3E%3C/svg%3E")}section.ap--tools .-rl .-ro.contain amp-img{margin:0 10px}@media(min-width:768px){section.ap--tools .-rl .-ro.contain amp-img{margin:15px 30px}}section.ap--tools .-rl .-ro.contain:before{opacity:.5}section.ap--tools .-rl .-or .-rn{background-color:#20202a}section.ap--tools .-rl .-or .-rn .-rs>*{color:#fff}section.ap--tools .-rl .-or .-rn .-ri{fill:#fff;background-color:#20202a}section.ap--tools .-rl .-or .-rn .-ri:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 28'%3E%3Cpath d='M35 0.4v0c-20.5 0-11.8 26.6-35 26.6v1h70v-1c-23.2 0-14.5-26.6-35-26.6z' fill='%23333D47'/%3E%3C/svg%3E")}section.ap--tools .-rl .-oi{display:flex;align-items:center;height:55px;padding:0 120px 0 15px;font-size:.8125rem;color:#48525c;border-top:2px solid #e2e5e6}section.ap--tools .-rl .-os{color:#fff}section.ap--tools .-rl .-rt{grid-column:1;margin:0;display:flex}@media(min-width:575px){section.ap--tools .-rl .-rt{grid-column:span 6}}@media(min-width:768px){section.ap--tools .-rl .-rt{grid-column:span 4}}@media(min-width:1120px){section.ap--tools .-rl .-rt{grid-column:span 3}}section.ap--tools .-rl .-rt amp-img img{object-fit:cover}section.ap--tools .-rl .-rt amp-img.contain img{object-fit:contain}section.ap--tools .-rl .-rt>a{display:flex;width:100%}section.ap--tools .-rl .-rt p{color:#20202a;font-weight:400;font-size:.8em;margin-bottom:0}section.ap--tools-widget{margin-bottom:0}section.ap--tools-widget .-rf{margin-bottom:0}section.ap--tools-widget .-rl{display:flex;overflow:auto;margin:-40px 0 -120px;padding:0 10px 70px}@media(min-width:768px){section.ap--tools-widget .-rl{padding:0 0 70px}}section.ap--tools-widget .-rl .-rt{display:flex;margin:40px 20px;max-width:300px}@media(min-width:768px){section.ap--tools-widget .-rl .-rt:first-child{margin-left:calc((100vw - 690px)/ 24*3 + 90px)}}section.ap--tools .-t{margin-bottom:2em}section.ap--tools .-oo{grid-column:4/25}.ap-m-ghost-frame-mobile{background:hsla(0,0%,100%,.9);border-radius:8px;box-shadow:0 20px 50px -5px rgba(0,0,0,.25);width:60%;padding:8% 4% 5%;position:relative;z-index:0}.ap-m-ghost-frame-mobile.left,.ap-m-ghost-frame-mobile.left-flat,.ap-m-ghost-frame-mobile.right,.ap-m-ghost-frame-mobile.right-flat{border-radius:16px}.ap-m-ghost-frame-mobile.left-flat{transform-origin:center;transform:rotateX(45deg) rotateY(5deg) rotate(-50deg)}.ap-m-ghost-frame-mobile.left,.ap-m-ghost-frame-mobile.left-flat{box-shadow:-40px 40px 100px -35px rgba(0,0,0,.7),inset 25px -25px 10px -25px hsla(0,0%,100%,.8),inset 25px -25px 20px -30px rgba(0,0,0,.7)}.ap-m-ghost-frame-mobile.left{transform-origin:center;transform:rotateY(30deg)}.ap-m-ghost-frame-mobile.right-flat{transform-origin:center;transform:rotateX(45deg) rotateY(-5deg) rotate(50deg)}.ap-m-ghost-frame-mobile.right,.ap-m-ghost-frame-mobile.right-flat{box-shadow:40px 40px 100px -35px rgba(0,0,0,.7),inset -25px -25px 10px -25px hsla(0,0%,100%,.8),inset -25px -25px 20px -30px rgba(0,0,0,.7)}.ap-m-ghost-frame-mobile.right{transform-origin:center;transform:rotateY(-30deg)}.ap-m-ghost-frame-mobile:before{background-repeat:no-repeat;background:#e2e5e6;border-radius:50px;content:"";height:1%;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;top:2%;width:15%;z-index:1}.ap-m-ghost-frame-mobile-content,.ap-m-ghost-frame-mobile amp-img,.ap-m-ghost-frame-mobile amp-video,.ap-m-ghost-frame-mobile amp-vimeo{border:1px solid rgba(0,0,0,.1)}.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}}.-ny{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){.-ny{margin:0}}.-nb{box-shadow:0 15px 30px 0 rgba(0,0,0,.15)}.-nw{transition:transform .3s ease,box-shadow .3s ease}.-nw:hover{transform:translateY(-.125em);box-shadow:0 25px 60px 0 rgba(0,0,0,.1)}.-ny .ap-m-ghost-frame-mobile{width:100%;margin:auto}.-nx{display:block;height:100%}.-nk{grid-column:1/13;grid-row:1/3}@media(min-width:1024px){.-nk{grid-column:2/12}}@media(min-width:1280px){.-nk{grid-column:3/12}}.-nk.small{grid-column:5/12}.-n_{grid-column:13/25;grid-row:2/4;margin-bottom:0}@media(min-width:1024px){.-n_{grid-column:14/24}}@media(min-width:1280px){.-n_{grid-column:14/23}}.-n_.small{grid-column:14/21}.-nj{padding:0 2.5rem;font-size:1.2rem}@media(min-width:768px){.-nj{padding:0 5rem;font-size:1.414rem;margin-top:1.8rem}}.-nq{margin-bottom:.5em}.-nz,.-nq{line-height:1.6rem;font-weight:400;color:#48525c;font-size:.875rem}.-nz{padding:0 2.5rem}@media(min-width:768px){.-nz{padding:0 3rem;font-size:1rem}}.ap-m-kpi{position:relative;box-shadow:0 10px 25px -5px rgba(0,0,0,.25);display:block;flex:1 0 20em;margin:0 1.875rem 2.125em 0;padding-top:25%;transition:transform .3s ease}@media(min-width:768px){.ap-m-kpi{margin-right:0}}.ap-m-kpi:nth-child(3n+1){grid-column:1/9}@media(min-width:1024px){.ap-m-kpi:nth-child(3n+1){grid-column:4/10}}.ap-m-kpi:nth-child(3n+2){grid-column:9/17}@media(min-width:1024px){.ap-m-kpi:nth-child(3n+2){grid-column:10/16}}.ap-m-kpi:nth-child(3n+3){grid-column:17/25}@media(min-width:1024px){.ap-m-kpi:nth-child(3n+3){grid-column:16/22}}.ap-m-kpi-teaser{margin:0}.ap-m-kpi-content{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:100%;height:auto;min-height:100%;left:0;top:0;padding:0 1.5em 1em}.ap-m-kpi-fluid{padding-bottom:0}.ap-m-kpi-fluid .ap-m-kpi-content{position:static}.ap-m-kpi-icon{width:1.375em;height:1.375em;fill:#fff}.ap-m-kpi-text{margin-top:1.1em;margin-bottom:0}.ap-m-kpi-number,.ap-m-kpi-text{line-height:1.6rem;font-weight:400;color:#48525c;display:block;font-weight:700;line-height:1em}.ap-m-kpi-number{font-family:Poppins,system;color:#fff;font-size:3em}.ap-m-kpi-websites{background:linear-gradient(225deg,#00dcc0,#005af0 75%)}.ap-m-kpi-websites .ap-m-kpi-icon{fill:#fff}.ap-m-kpi-websites .ap-m-kpi-number,.ap-m-kpi-websites .ap-m-kpi-text{color:#fff}.ap-m-kpi-stories{background:linear-gradient(225deg,#ec6600,#ffdc00 75%)}.ap-m-kpi-stories .ap-m-kpi-icon{fill:#20202a}.ap-m-kpi-stories .ap-m-kpi-number,.ap-m-kpi-stories .ap-m-kpi-text{color:#20202a}.ap-m-kpi-ads{background:linear-gradient(225deg,#eb49e1,#5500d7 75%)}.ap-m-kpi-ads .ap-m-kpi-icon{fill:#fff}.ap-m-kpi-ads .ap-m-kpi-number,.ap-m-kpi-ads .ap-m-kpi-text{color:#fff}.ap-m-kpi-e-mails{background:linear-gradient(225deg,#09a600,#e1eb64 75%)}.ap-m-kpi-e-mails .ap-m-kpi-icon{fill:#20202a}.ap-m-kpi-e-mails .ap-m-kpi-number,.ap-m-kpi-e-mails .ap-m-kpi-text{color:#20202a}.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,#005af0 75%)}.ap-m-tag-stories{color:#20202a;background:linear-gradient(225deg,#ec6600,#ffdc00 75%)}.ap-m-tag-ads{color:#fff;background:linear-gradient(225deg,#eb49e1,#5500d7 75%)}.ap-m-tag-email{color:#20202a;background:linear-gradient(225deg,#09a600,#e1eb64 75%)}.ap-m-tag-general{color:#fff;background-color:#005af0}.-re.-rt{position:relative;flex:1 0 15em;margin:0 20px 20px 0}@media(min-width:575px){.-re.-rt{margin:0 0 2em}}.-re.-rt>a{position:relative;display:block;transition:transform .3s ease}.-re.-rt>a:hover{transform:translateY(-2px)}.-re.-rt>a:hover .-rn{box-shadow:inset 0 0 0 1px #ebebf0,0 25px 60px 0 rgba(0,0,0,.1)}.-re .-rr{position:absolute;right:16px;top:-15px;z-index:1;border-radius:15px;font-family:Poppins,system}.-re .-rn{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 ease}@media(max-width:767px){.-re .-rn{margin-bottom:60px}}.-re .-rn .-ri{width:100%;max-width:100px;position:relative;width:110px;height:30px;margin-bottom:1em}.-re .-rn .-ri amp-img.contain img{object-fit:contain;object-position:left center}.-re .-rs{padding:25px}.-re .-ro{position:relative}.-re .-ro:before{content:"";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);height:150px;background:linear-gradient(0deg,rgba(0,0,0,.12),transparent);z-index:1}.-re .-ru{font-family:Poppins,system;font-weight:700;line-height:1.2em;color:#20202a;font-size:1rem;margin:0}.-ta{display:flex;overflow-x:auto;margin:1.1rem 0 0;padding:0 1em;color:#fff;line-height:1.3em;background:#20202a;font-size:.9em}.-ta:after{content:" ";-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.-ta::-webkit-scrollbar{width:6px;height:6px}.-ta::-webkit-scrollbar-thumb{border-radius:3px;background-color:#91979d}.-ta::-webkit-scrollbar-corner{background-color:transparent}.-ta::-webkit-scrollbar-thumb{border-radius:0}@media(min-width:768px){.-ta{max-width:100%;margin-right:-30px}}.-ta code,.-ta pre{font-family:Fira Mono,monospace;font-weight:500;white-space:pre;font-size:.9rem;padding:unset;word-break:normal;color:inherit;background:0 0}.-ta .hll{background-color:#49483e}.-ta .c{color:#75715e}.-ta .k{color:#66d9ef}.-ta .l{color:#ae81ff}.-ta .n{color:#f8f8f2}.-ta .o{color:#f15a5a}.-ta .p{color:#f8f8f2}.-ta .c1,.-ta .ch,.-ta .cm,.-ta .cp,.-ta .cpf,.-ta .cs{color:#75715e}.-ta .gd{color:#f15a5a}.-ta .ge{font-style:italic}.-ta .gi{color:#a6e22e}.-ta .gs{font-weight:700}.-ta .gu{color:#75715e}.-ta .kc,.-ta .kd{color:#66d9ef}.-ta .kn{color:#f15a5a}.-ta .kp,.-ta .kr,.-ta .kt{color:#66d9ef}.-ta .ld{color:#e6db74}.-ta .m{color:#ae81ff}.-ta .s{color:#e6db74}.-ta .na{color:#a6e22e}.-ta .nb{color:#f8f8f2}.-ta .nc{color:#a6e22e}.-ta .no{color:#66d9ef}.-ta .nd{color:#a6e22e}.-ta .ni{color:#f8f8f2}.-ta .ne,.-ta .nf{color:#a6e22e}.-ta .nl,.-ta .nn{color:#f8f8f2}.-ta .nx{color:#fff}.-ta .py{color:#f8f8f2}.-ta .nt{color:#f15a5a}.-ta .nv{color:#f8f8f2}.-ta .ow{color:#f15a5a}.-ta .w{color:#f8f8f2}.-ta .mb,.-ta .mf,.-ta .mh,.-ta .mi,.-ta .mo{color:#ae81ff}.-ta .dl,.-ta .s2,.-ta .sa,.-ta .sb,.-ta .sc,.-ta .sd{color:#e6db74}.-ta .se{color:#ae81ff}.-ta .s1,.-ta .sh,.-ta .si,.-ta .sr,.-ta .ss,.-ta .sx{color:#e6db74}.-ta .bp{color:#f8f8f2}.-ta .fm{color:#a6e22e}.-ta .vc,.-ta .vg,.-ta .vi,.-ta .vm{color:#f8f8f2}.-ta .il{color:#ae81ff}.-rz{grid-template-columns:12% auto 12%;grid-template-rows:16fr auto 9fr}.-rz .-rq:before{border-color:#eb49e1}.-rz .-rq:after{background:linear-gradient(225deg,#eb49e1,#5500d7 75%)}.-is .-io{grid-column:11/-1;position:absolute;left:50%;top:0;margin-left:-30%}@media(min-width:768px){.-is .-io{position:static;margin-top:-50%;margin-left:auto;margin-right:auto}}@media(min-width:1024px){.-is .-io{margin-top:-40%}}.-io{width:100%;max-width:16em;padding:1.5em 0;margin:0 auto;transform:rotate3d(135,-90,90,50deg);display:grid}@media(min-width:768px){.-io{width:50%;max-width:100%;position:relative;padding:0;margin-bottom:5em}}.-io: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) scaleY(1.1) skew(-25deg);transform-origin:center;background:linear-gradient(-225deg,transparent 30%,#000);filter:blur(20px);z-index:-1}@media(min-width:768px){.-io:after{padding-top:100%;transform-origin:right bottom}}.-iu{width:100%;height:auto;margin:auto}.-it{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){.-it{max-width:100%}}.-rq{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:bounce 10s ease-in-out -4s infinite}.-rq:before{content:"";width:100%;height:100%;position:absolute;left:-3px;top:-3px;border:3px solid #00dcc0}@media(min-width:768px){.-rq:before{left:-4px;top:-4px;border-width:4px}}@media(min-width:1024px){.-rq:before{left:-5px;top:-5px;border-width:5px}}.-rq: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:#00dcc0}@media(min-width:768px){.-rq:after{left:-4px;padding:5px 10px;font-size:1.25vw}}@media(min-width:1024px){.-rq:after{left:-5px}}@media(min-width:1280px){.-rq:after{font-size:inherit}}@media(min-width:768px){.-rq{max-width:100%}}.-ir{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){.-ir{font-size:1.25vw;transform:translate(50%,-75px)}}.-ir .-ta{margin:0;box-shadow:15px 30px 45px -5px rgba(0,0,0,.25);animation:bounce 10s ease-in-out infinite}.ap-a-btn{font-family:Poppins,system;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 ease,box-shadow .3s ease}.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}}.-is{overflow:hidden}.-i_{background:linear-gradient(225deg,#eb49e1,#5500d7 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){.-i_{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%)}}.-i_ div.-tc{padding:0 2em}@media(min-width:768px){.-i_ div.-tc{padding:0 2.5em;margin-left:-64px}}.-ij{position:relative;margin:10vw 0 22vw}@media(min-width:768px){.-ij{grid-column:3/13;margin:7vw 0 11vw 3em}}@media(min-width:1024px){.-ij{grid-column:3/19;margin-left:5em}}@media(min-width:1280px){.-ij{grid-column:3/16}}.-iq{display:flex;font-size:medium;box-sizing:initial;justify-content:center;width:1.375em;height:1.375em;fill:#fff;position:absolute;left:0;bottom:calc(100% + 1em);padding:.5em;border:1px solid #fff;border-radius:50%}@media(min-width:768px){.-iq{left:auto;bottom:auto;right:calc(100% + .75em);top:-.6em}}@media(min-width:1024px){.-iq{width:3em;height:3em;right:calc(100% + 1em);top:-1.5em;padding:1em;border-width:2px}}.-iz{font-family:Poppins,system;font-weight:700;line-height:1.2em;color:#20202a;font-size:1.65rem;color:#fff;margin:0}@media(min-width:768px){.-iz{font-size:2.125rem}}@media(min-width:1024px){.-iz{font-size:4rem}}@media(min-width:768px){.-iz br{display:none}}.-se{line-height:1.6rem;font-weight:400;color:#48525c;font-size:1rem;color:#fff;margin-top:0}@media(min-width:768px){.-se{font-size:.875rem}}@media(min-width:1024px){.-se{font-size:1.125rem}}.-st{color:#005af0;background:#fff;margin-top:20px}.ap-o-burger-menu{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:110px 20px 80px;z-index:16;background-color:#fff}@media(max-width:240px){.ap-o-burger-menu{padding:37px 20px 0}.has-banner~.ap-o-burger-menu{padding:calc(37px + 31px) 0 0 20px}}.ap-o-burger-menu-label{position:fixed;z-index:1001;top:12px;right:20px;cursor:pointer}.ap-o-burger-menu-label.mainmenuopen{z-index:1004}.has-banner+.ap-o-burger-menu-label{top:calc(12px + 31px)}.amp-hidden+.has-banner+.ap-o-burger-menu-label,amp-user-notification[hidden]+.has-banner+.ap-o-burger-menu-label{top:12px}@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}@media(min-width:1024px){.ap-o-burger-menu{display:none}}.ap-o-burger-menu.mainmenuopen{display:block;z-index:1003}.ap-o-burger-menu.mainmenuopen~.ap--main{max-height:calc(100vh - 55px)}.has-banner+.ap-o-burger-menu.mainmenuopen~.ap--main{max-height:calc(100vh - 55px - 31px)}.ap-o-burger-menu.mainmenuopen~.ap--footer{display:none}.-th{list-style:none;display:flex;flex-direction:column;height:100%;margin:1rem 0 0;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-width:240px){.-th{padding:1rem 0}}.-th .-th{margin-top:1rem}.-th .-th .-tp:last-child{margin-bottom:0}.-tp{margin-bottom:1rem;position:relative}.-tp:last-child{margin-top:auto}.-tp ul{display:none}.-td{position:absolute;left:0;top:0;width:100%;height:36px;padding:0;margin:0;background:none transparent;border:none;cursor:pointer;-webkit-appearance:none}.-td:focus{outline:5px auto -webkit-focus-ring-color}.-td:checked~ul{display:block}.-td:checked+.nav-icon .ap-a-ico{transform:rotate(0)}.-td+.nav-icon .ap-a-ico{display:inline-block;transform:rotate(-90deg)}.-tp .ap-a-ico{height:.6em;margin-bottom:.3em;margin-left:.3em;width:.6em}.-tv{position:relative;margin-right:20px;padding-bottom:10px;display:none}@media(max-width:240px){.-tv{margin-right:0}}@media(min-width:1024px){.-tv{margin-right:0;padding-right:30px;display:block}}.-tm{display:flex;align-items:center;font-size:11px;border:none;background:0 0}.-tm:hover{color:#005af0}.-tg{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;border:0;-webkit-appearance:none}@media(min-width:1024px){.-tg{width:calc(100% - 30px)}}.-ty{width:10px;height:10px;margin-left:5px}.-tb{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)}@media(max-width:240px){.-tb{overflow:auto;max-height:calc(100vh - 55px - 31px)}}.-tb:hover,.-tg:checked~.-tb,.-tg:hover~.-tb,.-tv .-tw{display:block}.-tb:focus-within{display:block}.mainmenuopen .-tv{display:block}.-tw{font-family:Poppins,system;font-weight:700;font-size:1.5em;color:#000}@media(min-width:1024px){.-tw{font-size:1rem}}.-tx{line-height:1.6rem;font-weight:400;color:#48525c;font-size:1rem}@media(min-width:1024px){.-tx{font-size:.875rem}}.-tx.active{text-decoration:underline}.-tw:hover{color:#005af0}.-tw.active{font-weight:700;color:#005af0}.ap--header{width:100%;max-width:2020px;margin:0 auto;position:-webkit-sticky;position:sticky;top:0;z-index:1001;background-color:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.07)}.ap--header.mainmenuopen{z-index:1004}.ap--header.mainmenuopen~.ap--main{max-width:100vw;overflow-x:hidden}@media(min-width:1024px){.ap--header{top:0}.ap--header.has-banner{top:-31px}}.ap-o-header{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;max-width:1460px;padding:10px 0 0 20px;margin:0 auto}@media(min-width:1024px){.ap-o-header{display:flex;padding-left:30px}}.ap-o-header-home{position:-webkit-sticky;position:sticky;top:10px;display:flex;align-items:center;margin-right:auto;padding-bottom:10px;overflow:hidden}.ap-o-header-home-logo{height:30px;margin-right:6px;width:30px}.ap-o-header-home-sub-title,.ap-o-header-home-title{margin-left:4px;font-family:Poppins,system;font-weight:700;font-size:1.5em;color:#005af0}@media(min-width:1024px){.ap-o-header-home-sub-title,.ap-o-header-home-title{font-size:1.125rem}}.ap-o-header-home-sub-title{color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ap-o-header-main{display:none;flex:1 1 auto;padding:0 30px}@media(min-width:1024px){.ap-o-header-main{display:flex}}.ap-o-header-main-item{position:relative;display:flex;align-items:center;margin:0 18px -5px}.ap-o-header-main-link{display:flex;align-items:center;padding:0 0 14px;border:0;background:0 0}.ap-o-header-main-link-icon{font-size:8px;margin-left:5px;transform:rotate(0);transition:transform .2s ease}.ap-o-header-flyout:hover,.ap-o-header-main-link:focus~.ap-o-header-flyout,.ap-o-header-main-link:hover~.ap-o-header-flyout{opacity:1;pointer-events:all;transition:opacity .2s ease}.ap-o-header-flyout:focus-within{opacity:1;pointer-events:all;transition:opacity .2s ease}.ap-o-header-flyout{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 ease}.ap-o-header-flyout:before{content:"";display:block;background:linear-gradient(180deg,rgba(0,0,0,.07) 0,hsla(0,0%,100%,.07));height:8px;margin-bottom:10px}.ap-o-header-flyout-item-secondary{margin:20px 0;white-space:nowrap;min-width:200px}.ap-o-header-flyout-item-secondary a:hover{color:#005af0}.ap-o-header-flyout-item-title{line-height:1.6rem;font-weight:400;color:#48525c;font-size:.875rem;font-family:Poppins,system;font-weight:700;color:#000;line-height:1.4em}.ap-o-header-flyout-item-title.secondary{padding:0 15px}.ap-o-header-flyout-item-description{line-height:1.6rem;font-weight:400;color:#48525c;font-size:.8125rem;opacity:.75;line-height:1.25em}.ap-o-header-flyout-primary-item{position:relative;width:300px}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link{box-shadow:0 10px 25px 0 rgba(0,0,0,.2);background-color:#005af0}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link-info>*{color:#fff}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link-info-stories .ap-o-header-flyout-item-description,.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link-info-stories .ap-o-header-flyout-item-title{color:#20202a}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link-info-email .ap-o-header-flyout-item-description,.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link-info-email .ap-o-header-flyout-item-title{color:#20202a}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link-icon{fill:#fff}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link-icon.email,.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link-icon.stories{fill:#20202a}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link.websites{background:linear-gradient(225deg,#00dcc0,#005af0 75%)}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link.stories{background:linear-gradient(225deg,#ec6600,#ffdc00 75%)}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link.ads{background:linear-gradient(225deg,#eb49e1,#5500d7 75%)}.ap-o-header-flyout-primary-item:hover .ap-o-header-flyout-primary-item-link.email{background:linear-gradient(225deg,#09a600,#e1eb64 75%)}.ap-o-header-flyout-primary-item-link{display:flex;align-items:center;border-radius:4px;padding:10px;margin:0 5px}.ap-o-header-flyout-primary-item-link-info{margin:0 20px 0 15px}.ap-o-header-flyout-primary-item-link-icon{display:flex;font-size:medium;box-sizing:initial;justify-content:center;width:2em;height:2em}.ap-o-header-flyout-primary-item-link-icon.websites{fill:url(#gradient-websites) #000}.ap-o-header-flyout-primary-item-link-icon.stories{fill:url(#gradient-stories) #000}.ap-o-header-flyout-primary-item-link-icon.ads{fill:url(#gradient-ads) #000}.ap-o-header-flyout-primary-item-link-icon.email{fill:url(#gradient-email) #000}#blm-banner{background:#111;color:#eee;display:block;text-align:center;padding:.5em}.-so{display:block;width:100%;height:1px;margin-bottom:.813em;background-color:#fafafc}@media(min-width:768px){.-so{display:none}.-su{display:block}}section.-t.benefits.ads .-r,section.-t.benefits.ads h3-text,section.-t.benefits.websites .-r,section.-t.benefits.websites h3-text{color:#fff}section.-t.benefits.ads .-i,section.-t.benefits.ads h3-icon,section.-t.benefits.websites .-i,section.-t.benefits.websites h3-icon{fill:#005af0;background:#fff}section.-t.benefits.e-mails .-r,section.-t.benefits.e-mails h3-text,section.-t.benefits.stories .-r,section.-t.benefits.stories h3-text{color:#000}.-sa{position:relative;display:flex;margin:20px}@media(min-width:768px){.-sa{padding:0;margin:50px 0;flex:0 0 calc(33.333333333% - 40px)}}.-sf{width:2.5em;height:2.5em;fill:#005af0;margin-right:10px}.-sl{display:flex;flex-direction:column}.-sc{line-height:1.6rem;font-weight:400;color:#48525c;font-weight:700;color:#000;margin-bottom:.3em}.-sh{line-height:1.6rem;font-weight:400;color:#48525c;font-size:.875rem;margin-bottom:10px}.-sl b{font-size:.875rem}.-sp{background:linear-gradient(225deg,#00dcc0,#005af0 75%)}.-sd{box-shadow:0 50px 100px 0 rgba(0,0,0,.25);z-index:1}@media(min-width:768px){.-sd{margin-left:55px}}.-sv{box-shadow:0 25px 50px 0 rgba(0,0,0,.21)}.-sm{padding:45px 50px}.-sg{width:60px;height:4px;background-color:#005af0}@media(min-width:1024px){.-sg{margin-bottom:3em}}.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-m-headline-icon{display:flex}.ap-m-headline-icon-icon{display:flex;font-size:medium;box-sizing:initial;justify-content:center;max-width:10em;max-height:10em;height:auto;width:100%}.ap-m-headline-icon-hl{margin-top:1.5rem;font-family:Poppins,system;font-weight:700;line-height:1.2em;color:#20202a;font-size:2.5rem;padding-top:80px;margin-bottom:0;margin-left:-1em}@media(min-width:768px){.ap-m-headline-icon-hl{font-size:3.5rem}}.-sn{margin-bottom:7em}@media(min-width:768px){.-sn{margin-bottom:8vw}}.-sr{grid-column:6/20;display:flex;flex-direction:column}@media(min-width:768px){.-sr{flex-direction:row}}.-si{flex:0 0 auto;display:flex;width:80%;align-items:flex-start}@media(min-width:768px){.-si{flex:0 0 30%;width:100%;flex-direction:column;align-items:flex-end}}.-si .ap-a-img{position:relative;width:150px;height:30px}.-si .ap-a-img amp-img.contain img{object-fit:contain;object-position:right top}.-si .ap-a-ico{width:40px;height:40px;margin:0 1em 0 0;fill:#005af0}@media(min-width:768px){.-si .ap-a-ico{width:100px;height:100px;margin:0 0 .5em auto}}.-ss{padding:0 0 0 3.375em}@media(min-width:768px){.-ss{padding:50px 0 0 30px}}.-ss blockquote{flex:0 0 70%;margin:0 0 2em}.-ss blockquote p.ap-a-txt{margin-top:1.5rem;margin-bottom:.75em;font-family:Poppins,system;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){.-ss blockquote p.ap-a-txt{font-size:1.2rem;line-height:2}}.-ss blockquote p.ap-a-txt:before{content:"“"}.-ss blockquote p.ap-a-txt:after{content:"”"}.-ss p{line-height:1.6rem;font-weight:400;color:#48525c;font-size:.8125rem}@media(min-width:768px){.-ss p{font-size:.875rem}}.ap--benefits-overview{margin-bottom:7em}@media(min-width:1024px){.ap--benefits-overview{margin-bottom:8vw}}.-sy{grid-column:1/16}@media(min-width:1024px){.-sy{grid-column:1/12}}@media(min-width:1280px){.-sy{grid-column:1/10}}.-sb{grid-column:1/13}.-sb h2{margin-top:0}.-sb .-sa{margin:20px 20px 0 0}.-sb .-sf{margin-right:15px}.-sb .-sa.principles{margin:50px 20px 100px 0}@media(min-width:1024px){.-sw{grid-column:2/10}}.-sx{grid-column:13/25}@media(min-width:768px){.-sx{margin-top:5em}}@media(min-width:1024px){.-sx{grid-column:14/22}.-sk{grid-column:3/10}}.-s_{grid-column:17/-1;width:100%;margin-top:2em}@media(min-width:768px){.-s_{width:auto;margin-top:0}}.-is .-im{grid-column:1/-1;width:150vw;margin-top:-40%;margin-right:-150vw;pointer-events:none}@media(min-width:768px){.-is .-im{width:100%;margin-top:-30%;margin-right:0}}.-ig{overflow:hidden;margin-bottom:7em}@media(min-width:768px){.-ig{margin-bottom:8vw}}.-ig .ap-m-copy h3{margin-top:0}.-im{grid-column:2/-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}.-iy{width:100%;height:auto;margin-top:auto;animation:levitate 7s ease-in-out infinite forwards}@media(prefers-reduced-motion:reduce){.-iy{animation:none}}.-iy:first-child{grid-column:2/5;grid-row:1/8;animation-delay:-5s}.-iy:nth-child(2){grid-column:1/3;grid-row:2/10;animation-delay:-6s}.-iy:nth-child(3){grid-column:8/12;grid-row:3/7;animation-delay:-2s}.-iy:nth-child(4){grid-column:6/9;grid-row:2/11;animation-delay:-3s}.-iy:nth-child(5){grid-column:4/7;grid-row:4/9;animation-delay:-4s}.-rd{margin-bottom:7em}@media(min-width:768px){.-rd{margin-bottom:calc(16vw + 6em)}}.-rv{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){.-rv{grid-template-columns:32fr 5fr 4fr 10fr 7fr 10fr 8fr 24fr}}.-rm{grid-column:3/16;font-size:1.65rem;margin-top:0}@media(min-width:768px){.-rm{font-size:2.125rem}}@media(min-width:1024px){.-rm{font-size:4rem}}.-rg:hover{z-index:2;transform:translateY(-2%);transition:transform .3s ease}.-rg:hover .-ry{opacity:1;transform:translateY(0)}.-rg a{position:relative;display:block}.-rg amp-img{transition:box-shadow .3s ease}.-ry{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 ease}@media(max-width:1023px){.-ry{display:none}}.-rb{grid-column:1/3;grid-row:2/6}.-rb amp-img{box-shadow:0 6.6vw 7vw 0 rgba(0,0,0,.5)}.-rb amp-img:hover{box-shadow:0 7.6vw 8vw 0 rgba(0,0,0,.4)}.-rw{grid-column:4/8;grid-row:1/4}.-rw amp-img{box-shadow:0 2.3vw 4.2vw -.7vw rgba(0,0,0,.33)}.-rw amp-img:hover{box-shadow:0 3.3vw 5.2vw -.7vw rgba(0,0,0,.23)}.-rx{grid-column:5/8;grid-row:3/7}@media(min-width:768px){.-rx{grid-column:7/9;grid-row:3/7}}.-rx amp-img{box-shadow:0 1.4vw 2.8vw 1.4vw rgba(0,0,0,.2)}.-rx amp-img:hover{box-shadow:0 2.4vw 3.8vw 1.4vw rgba(0,0,0,.1)}.-rk{grid-column:2/6;grid-row:5/8}.-rk amp-img{box-shadow:0 .3vw 1vw 0 rgba(0,0,0,.2)}.-rk amp-img:hover{box-shadow:0 1.3vw 2vw 0 rgba(0,0,0,.1)}.-r_{padding:40px 20px 0;grid-column:1/-1;grid-row:auto}@media(min-width:768px){.-r_{grid-column:6/9;grid-row:7/8;padding:12% 24% 0 12%}}.-ou{overflow:hidden;margin-bottom:7em}@media(min-width:768px){.-ou{margin-bottom:12vw}}.-oa{grid-column:4/10;order:2;margin:auto 0}@media(min-width:768px){.-oa{order:inherit}}.-oo{margin:3em 1em 0 0}.-of{width:100%;grid-column:13/25;order:1}@media(min-width:768px){.-of{order:inherit}}.ap--main>.-tf:first-child{padding-top:54px;padding-bottom:3rem}.-ol .-tf{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){.-ol .-tf{padding:0 15px}.-ol .-tf>div,.-ol .-tf section{min-width:0}}@media(min-width:768px){.-ol .-tf{display:grid;grid-gap:30px;grid-template-columns:repeat(24,minmax(0,1fr));padding:0 30px}}.-ol .-tc{position:relative;display:flex;flex-wrap:wrap;width:100%;padding:0;margin-left:auto;margin-right:auto;max-width:1920px}@media(max-width:767px){.-ol .-tc>div,.-ol .-tc section{min-width:0}}@media(min-width:768px){.-ol .-tc{display:grid;grid-gap:30px;grid-template-columns:repeat(24,minmax(0,1fr));padding:0}}.-ol .-t{padding-left:30px;padding-right:30px;margin-bottom:7em}@media(min-width:768px){.-ol .-t{padding-left:0;padding-right:0;margin-bottom:8vw}}.-ol .-t .-tf{padding:0}.-ol .-t .ap-m-copy:last-child,.-ol .-t .ap-m-copy p:last-child{margin-bottom:0}.-ol .-ou{overflow:visible}.-ol .-oc{display:flex;justify-content:space-between;grid-column:6/15}.-ol .-ou .-oo{margin-right:15px}.-ol .-ou .-oa{padding-left:30px;padding-right:30px}@media(min-width:768px){.-ol .-ou .-oa{padding-left:0;padding-right:0}}.-ol .-ig .-im{grid-template-columns:14fr 5.5fr 3fr 9fr 7fr 12.5fr 3fr 5fr 4fr 4fr 12.5fr 6fr 10.5fr;grid-template-rows:5fr 6fr 12.5fr 12.5fr 25fr 5fr 5fr 5fr 5fr 5fr;padding:0}.-ol .-ig .-iy{margin:auto}.-ol .-ig .-iy:first-child{grid-column:2/5;grid-row:3/9}.-ol .-ig .-iy:first-child:before{content:"";width:100%;height:100%;position:absolute;bottom:-1px;left:0;background:linear-gradient(270deg,transparent 30%,#000);z-index:1}.-ol .-ig .-iy:first-child:after{content:"";width:100%;height:45%;position:absolute;bottom:45%;right:0;transform:translateY(50%);transform-origin:center;background:linear-gradient(90deg,transparent 30%,#000);z-index:1;filter:blur(15px)}.-ol .-ig .-iy:nth-child(2){grid-column:1/3;grid-row:2/10}.-ol .-ig .-iy:nth-child(3){grid-column:8/13;grid-row:3/7}.-ol .-ig .-iy:nth-child(3):before{content:"";width:100%;height:45%;position:absolute;bottom:0;right:0;opacity:.3;background:linear-gradient(90deg,transparent 20%,#000);z-index:1;filter:blur(15px)}.-ol .-ig .-iy:nth-child(3):after{content:"";width:100%;height:100%;position:absolute;bottom:0;left:0;opacity:.5;background:linear-gradient(270deg,rgba(0,0,0,.5),rgba(0,0,0,.2) 40%,#000);z-index:1}.-ol .-ig .-iy:nth-child(4){grid-column:6/9;grid-row:2/10}.-ol .-ig .-iy:nth-child(4):before{content:"";width:100%;height:60%;position:absolute;bottom:42%;left:0;opacity:.3;transform:translateY(50%);transform-origin:center;background:linear-gradient(270deg,transparent -60%,#000);z-index:1;filter:blur(40px)}.-ol .-ig .-iy:nth-child(5){grid-column:4/7;grid-row:4/8}.-ol .-ig .-iy:nth-child(5):before{content:"";width:100%;height:calc(100% + 2px);position:absolute;bottom:-1px;left:0;opacity:.2;background:linear-gradient(270deg,transparent 50%,#303030);z-index:1}.-ol .-ig .-iy:nth-child(6){grid-column:10/13;grid-row:5/9;z-index:1}.-ol .-ig .-iy:nth-child(7){grid-column:12/14;grid-row:3/8}.-ol .-ig .-iy:nth-child(7):before{content:"";width:100%;height:42%;position:absolute;bottom:0;right:0;opacity:.4;background:linear-gradient(200deg,transparent -20%,#000);z-index:1;filter:blur(0)}.-ol .-ig .ap-m-copy{padding-left:30px;padding-right:30px}@media(min-width:768px){.-ol .-ig .ap-m-copy{padding-left:0;padding-right:0}}.-ol .-is .-st{margin-right:.5em}@media(max-width:767px){.-ol .-is .-i_{margin-bottom:50px}.-ol .-is .-ij{margin-top:20em;margin-bottom:4em}}@media(min-width:768px){.-ol .-is+.-t{margin-top:-15%}}.-ol .-is+.-t h1{font-size:2.125rem}@media(min-width:768px){.-ol .-is+.-t h1{font-size:2.125rem}}@media(min-width:1024px){.-ol .-is+.-t h1{font-size:4.5rem}}.-ol .ap--tools-widget div.-rf{grid-column:4/25}.-ol .-rf{grid-column:4/22;width:100%;margin-bottom:7em}@media(min-width:768px){.-ol .-rf{margin-bottom:19.5em}}@media(min-width:1024px){.-ol .-rf{margin-bottom:calc(12.5em + 8vw)}}.-ol .-rl{display:flex;padding-top:40px;overflow:scroll}@media(min-width:768px){.-ol .-rl{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:60px 30px;overflow:visible;padding-top:0;align-items:flex-start}}.-ol .-rl .-rt{margin:0 20px}@media(min-width:768px){.-ol .-rl .-rt{grid-column:span 4;margin:0}}.-ol .-oh{grid-column:3/19;margin-top:0;font-size:1.65rem}@media(min-width:768px){.-ol .-oh{font-size:2.125rem}}@media(min-width:1024px){.-ol .-oh{font-size:4rem}}.-ol .-tt{align-items:end}.-ol .-tu{margin-bottom:-.688rem}</style><link rel="manifest" href="/manifest.json"></head><body class="ap--websites"> <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"/> </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"/></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"/> </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"/></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"/></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"/> </symbol><symbol id="download" viewBox="0 0 64 64"> <path d="M8.8 62.32c0-0.88 0.72-1.68 1.68-1.68 10.8 0 32.32 0 43.040 0 0.88 0 1.68 0.72 1.68 1.68 0 0.88-0.72 1.68-1.68 1.68-10.8 0-32.32 0-43.040 0-0.96 0-1.68-0.72-1.68-1.68z"/> <path d="M49.44 34.56c0.72-0.72 0.72-1.84 0-2.56s-1.84-0.72-2.56 0l-13.040 13.040v-43.28c0-0.96-0.88-1.76-1.84-1.76-1.040 0-1.84 0.8-1.84 1.76v43.28l-13.040-13.12c-0.72-0.72-1.84-0.72-2.56 0s-0.72 1.84 0 2.56l16.24 16.24c0.72 0.72 1.84 0.72 2.56 0l16.080-16.16z"/> </symbol><symbol id="logo-transparent" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path 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"/></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 offset="100%" stop-color="#005AF0"/></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)"/></symbol><symbol id="circle-arrows-money" viewBox="0 0 64 64"> <path d="M31.521 48.303c-9.003-0.001-16.301-7.3-16.301-16.303s7.299-16.303 16.303-16.303 16.303 7.299 16.303 16.303v0c-0.011 9-7.304 16.293-16.303 16.303h-0.001zM31.521 18.541c-7.433 0.001-13.457 6.026-13.457 13.459s6.026 13.459 13.459 13.459 13.459-6.026 13.459-13.459v0c-0.009-7.43-6.030-13.451-13.459-13.459h-0.001z"/> <path d="M33.231 27.589c0.396 0.27 0.653 0.719 0.653 1.228 0 0.026-0.001 0.052-0.002 0.078l0-0.004h2.441c-0.002-1.243-0.569-2.354-1.459-3.087l-0.007-0.005c-0.591-0.469-1.304-0.81-2.084-0.971l-0.032-0.006v-2.275h-2.442v2.275c-0.812 0.167-1.525 0.509-2.126 0.985l0.010-0.008c-0.897 0.739-1.465 1.849-1.465 3.093s0.568 2.354 1.458 3.087l0.007 0.005c0.872 0.711 1.997 1.141 3.222 1.141 0.067 0 0.134-0.001 0.2-0.004l-0.010 0c0.038-0.002 0.082-0.003 0.126-0.003 0.644 0 1.229 0.249 1.666 0.656l-0.001-0.001c0.397 0.3 0.651 0.772 0.651 1.303s-0.254 1.002-0.647 1.3l-0.004 0.003c-0.49 0.38-1.113 0.61-1.79 0.61s-1.301-0.23-1.797-0.615l0.007 0.005c-0.396-0.27-0.653-0.719-0.653-1.228 0-0.026 0.001-0.053 0.002-0.078l-0 0.004h-2.436c0.002 1.243 0.569 2.353 1.458 3.087l0.007 0.005c0.592 0.467 1.305 0.808 2.083 0.971l0.033 0.006v2.275h2.441v-2.275c0.812-0.168 1.524-0.509 2.127-0.985l-0.011 0.008c0.898-0.738 1.466-1.849 1.466-3.093s-0.568-2.354-1.459-3.087l-0.007-0.006c-0.87-0.711-1.993-1.141-3.216-1.141-0.069 0-0.138 0.001-0.206 0.004l0.010-0c-0.037 0.002-0.081 0.003-0.125 0.003-0.644 0-1.231-0.249-1.668-0.656l0.001 0.001c-0.397-0.3-0.651-0.771-0.651-1.302s0.254-1.002 0.647-1.299l0.004-0.003c0.49-0.38 1.113-0.609 1.79-0.609s1.299 0.229 1.795 0.613l-0.007-0.005z"/> <path d="M32.006 63.994c0 0-0 0-0 0-7.985 0-15.286-2.925-20.891-7.762l0.041 0.035 1.848-2.156c5.076 4.397 11.744 7.076 19.038 7.076 16.099 0 29.15-13.051 29.15-29.15 0-8.046-3.26-15.331-8.531-20.606l0 0 2.016-2.006c5.761 5.785 9.323 13.764 9.323 22.575 0 17.67-14.324 31.994-31.994 31.994-0 0-0 0-0 0v0z"/> <path d="M53.969 17.021l-2.844-0.063 0.186-8.529 8.529 0.186-0.061 2.844-5.688-0.125-0.122 5.686z"/> <path d="M5.213 49.832c-3.227-5.058-5.159-11.215-5.201-17.82l-0-0.011c0.005-17.671 14.331-31.994 32.003-31.994 5.841 0 11.317 1.565 16.031 4.299l-0.154-0.082-1.413 2.467c-4.154-2.414-9.142-3.839-14.463-3.839-16.101 0-29.154 13.050-29.16 29.15v0.001c0.038 6.047 1.803 11.674 4.827 16.421l-0.075-0.125z"/> <path d="M8.061 52.552l-8.061-2.793 0.931-2.689 5.375 1.863 1.861-5.375 2.688 0.931-2.794 8.063z"/> </symbol><symbol id="bar-chart-money" viewBox="0 0 64 64"> <path d="M40.276 63.208h-16.31c-0.819 0-1.483-0.664-1.483-1.483v0-22.241c0-0 0-0 0-0 0-0.558 0.309-1.045 0.765-1.298l0.008-0.004 16.31-8.896c0.205-0.114 0.45-0.181 0.71-0.181 0.819 0 1.483 0.664 1.483 1.483 0 0 0 0 0 0v0 31.138c0 0.819-0.664 1.483-1.483 1.483v0zM25.448 60.243h13.345v-27.157l-13.345 7.279z"/> <path d="M62.517 63.208h-16.31c-0.819 0-1.483-0.664-1.483-1.483v0-35.798c0.001-0.413 0.171-0.787 0.445-1.055l0-0 16.31-16.098c0.267-0.262 0.634-0.424 1.038-0.424 0.818 0 1.481 0.662 1.483 1.479v51.897c0 0.819-0.664 1.483-1.483 1.483v0zM47.69 60.243h13.345v-46.867l-13.345 13.171z"/> <path d="M18.035 63.208h-16.31c-0.819 0-1.483-0.664-1.483-1.483v0-16.31c0-0 0-0 0-0 0-0.68 0.458-1.253 1.082-1.428l0.010-0.002 16.31-4.448c0.117-0.033 0.251-0.052 0.39-0.052 0.819 0 1.483 0.664 1.483 1.483 0 0 0 0 0 0v0 20.759c0 0.819-0.664 1.483-1.483 1.483v0zM3.207 60.243h13.345v-17.333l-13.345 3.639z"/> <path d="M16.997 34.794c-9.388-0.002-16.997-7.613-16.997-17.001 0-9.389 7.612-17.001 17.001-17.001s17.001 7.612 17.001 17.001c0 0.001 0 0.001 0 0.002v-0c-0.011 9.386-7.619 16.992-17.005 17h-0.001zM16.997 3.759c-0 0-0.001 0-0.001 0-7.752 0-14.036 6.284-14.036 14.036s6.284 14.036 14.036 14.036c7.752 0 14.036-6.284 14.036-14.036v0c-0.008-7.748-6.287-14.027-14.033-14.036h-0.001z"/> <path d="M18.785 13.195c0.413 0.282 0.681 0.75 0.681 1.281 0 0.027-0.001 0.054-0.002 0.081l0-0.004h2.546c-0.002-1.296-0.593-2.454-1.52-3.221l-0.007-0.006c-0.617-0.488-1.361-0.843-2.174-1.011l-0.034-0.006v-2.372h-2.546v2.372c-0.846 0.174-1.59 0.53-2.217 1.026l0.011-0.008c-0.936 0.77-1.528 1.929-1.528 3.226s0.592 2.455 1.521 3.22l0.007 0.006c0.909 0.741 2.082 1.19 3.36 1.19 0.070 0 0.14-0.001 0.209-0.004l-0.010 0c0.039-0.002 0.085-0.003 0.131-0.003 0.671 0 1.282 0.26 1.737 0.684l-0.002-0.001c0.414 0.313 0.679 0.804 0.679 1.358s-0.265 1.045-0.675 1.354l-0.004 0.003c-0.51 0.397-1.161 0.637-1.867 0.637s-1.356-0.24-1.874-0.642l0.007 0.005c-0.413-0.281-0.681-0.748-0.681-1.279 0-0.027 0.001-0.055 0.002-0.082l-0 0.004h-2.54c0.002 1.296 0.593 2.454 1.52 3.219l0.007 0.006c0.617 0.487 1.36 0.843 2.172 1.011l0.034 0.006v2.378h2.546v-2.372c0.847-0.174 1.591-0.53 2.219-1.026l-0.011 0.009c0.936-0.77 1.528-1.928 1.528-3.225s-0.592-2.455-1.52-3.219l-0.007-0.006c-0.908-0.741-2.079-1.19-3.356-1.19-0.071 0-0.142 0.001-0.213 0.004l0.010-0c-0.039 0.002-0.085 0.003-0.131 0.003-0.672 0-1.283-0.259-1.739-0.684l0.002 0.001c-0.413-0.281-0.681-0.749-0.681-1.28 0-0.027 0.001-0.054 0.002-0.080l-0 0.004c-0.001-0.023-0.002-0.050-0.002-0.077 0-0.531 0.268-0.999 0.676-1.277l0.005-0.003c0.511-0.398 1.162-0.638 1.869-0.638 0.703 0 1.35 0.237 1.867 0.636l-0.007-0.005z"/> </symbol><symbol id="view" viewBox="0 0 64 64"> <path d="M31.434 55.465c-0.016 0-0.036 0-0.055 0-13.78 0-25.611-8.347-30.712-20.262l-0.083-0.218c-0.37-0.877-0.585-1.897-0.585-2.967 0-1.063 0.212-2.077 0.596-3.001l-0.019 0.052c5.199-12.166 17.064-20.537 30.884-20.537 0.198 0 0.396 0.002 0.593 0.005l-0.030-0h0.532c0.015 0 0.033-0 0.051-0 13.793 0 25.633 8.362 30.727 20.293l0.083 0.218 0.010 0.020c0.362 0.868 0.573 1.877 0.573 2.935s-0.21 2.067-0.592 2.987l0.019-0.052c-5.181 12.159-17.030 20.528-30.834 20.528-0.216 0-0.432-0.002-0.647-0.006l0.032 0zM31.532 11.378c-0.033-0-0.071-0-0.109-0-12.629 0-23.472 7.652-28.143 18.573l-0.076 0.199c-0.229 0.55-0.362 1.189-0.362 1.859 0 0.678 0.136 1.324 0.382 1.913l-0.012-0.033c4.751 11.098 15.579 18.731 28.189 18.731 0.026 0 0.053-0 0.079-0h-0.004c0.168 0 0.333 0 0.502 0 0.17 0.003 0.37 0.005 0.571 0.005 12.639 0 23.49-7.653 28.172-18.578l0.076-0.2c0.228-0.549 0.36-1.187 0.36-1.855s-0.132-1.306-0.372-1.888l0.012 0.033c-4.755-11.114-15.597-18.761-28.225-18.761-0.193 0-0.385 0.002-0.577 0.005l0.029-0z"/> <path d="M31.999 46.26c-7.876-0.006-14.258-6.392-14.258-14.269 0-1.781 0.326-3.486 0.923-5.059l-0.033 0.098c0.208-0.545 0.726-0.925 1.333-0.925 0.786 0 1.423 0.637 1.423 1.423 0 0.179-0.033 0.35-0.093 0.508l0.003-0.010c-0.451 1.178-0.712 2.541-0.712 3.965 0 6.298 5.105 11.403 11.403 11.403s11.403-5.105 11.403-11.403c0-6.298-5.105-11.403-11.403-11.403-1.356 0-2.656 0.236-3.862 0.671l0.079-0.025c-0.141 0.051-0.303 0.081-0.472 0.081-0.786 0-1.422-0.637-1.422-1.422 0-0.616 0.392-1.141 0.94-1.339l0.010-0.003c1.41-0.513 3.038-0.809 4.736-0.809 7.876 0 14.262 6.385 14.262 14.261 0 7.875-6.383 14.26-14.258 14.261h-0z"/> <path d="M35.696 31.999c0 2.042-1.656 3.698-3.698 3.698s-3.698-1.656-3.698-3.698c0-2.042 1.655-3.698 3.698-3.698v0c0.026-0.001 0.057-0.001 0.088-0.001 1.994 0 3.611 1.617 3.611 3.611 0 0.031-0 0.062-0.001 0.092l0-0.005z"/> </symbol><symbol id="community" viewBox="0 0 64 64"> <path d="M11.333 25.333c-3.682 0-6.667-2.985-6.667-6.667s2.985-6.667 6.667-6.667c3.682 0 6.667 2.985 6.667 6.667v0c-0.005 3.68-2.987 6.662-6.666 6.667h-0zM11.333 14.667c-2.209 0-4 1.791-4 4s1.791 4 4 4c2.209 0 4-1.791 4-4v0c0-2.209-1.791-4-4-4v0z"/> <path d="M20.667 37.333c-0.736 0-1.333-0.597-1.333-1.333v0c-0.007-0.677-0.291-6.667-8-6.667-7.909 0-8 6.4-8 6.667 0 0.736-0.597 1.333-1.333 1.333s-1.333-0.597-1.333-1.333v0c0-0.093 0.121-9.333 10.667-9.333s10.667 9.24 10.667 9.333c0 0.736-0.597 1.333-1.333 1.333v0z"/> <path d="M52.667 13.333c-3.682 0-6.667-2.985-6.667-6.667s2.985-6.667 6.667-6.667c3.682 0 6.667 2.985 6.667 6.667v0c-0.005 3.68-2.987 6.662-6.666 6.667h-0zM52.667 2.667c-2.209 0-4 1.791-4 4s1.791 4 4 4c2.209 0 4-1.791 4-4v0c0-2.209-1.791-4-4-4v0z"/> <path d="M62 25.333c-0.736 0-1.333-0.597-1.333-1.333v0c-0.007-0.676-0.291-6.667-8-6.667-7.909 0-8 6.4-8 6.667 0 0.736-0.597 1.333-1.333 1.333s-1.333-0.597-1.333-1.333v0c0-0.093 0.121-9.333 10.667-9.333s10.667 9.24 10.667 9.333c0 0.736-0.597 1.333-1.333 1.333v0z"/> <path d="M38 52c-3.682 0-6.667-2.985-6.667-6.667s2.985-6.667 6.667-6.667c3.682 0 6.667 2.985 6.667 6.667v0c-0.005 3.68-2.987 6.662-6.666 6.667h-0zM38 41.333c-2.209 0-4 1.791-4 4s1.791 4 4 4c2.209 0 4-1.791 4-4v0c0-2.209-1.791-4-4-4v0z"/> <path d="M47.333 64c-0.736 0-1.333-0.597-1.333-1.333v0c-0.007-0.677-0.291-6.667-8-6.667-7.909 0-8 6.4-8 6.667 0 0.736-0.597 1.333-1.333 1.333s-1.333-0.597-1.333-1.333v0c0-0.093 0.121-9.333 10.667-9.333s10.667 9.24 10.667 9.333c0 0.736-0.597 1.333-1.333 1.333v0z"/> <path d="M18.576 12.316c-0.001 0-0.002 0-0.003 0-0.736 0-1.333-0.597-1.333-1.333 0-0.457 0.23-0.861 0.581-1.101l0.005-0.003c4.184-2.861 9.354-4.569 14.923-4.569 3.228 0 6.321 0.574 9.185 1.625l-0.185-0.059c0.518 0.191 0.882 0.68 0.882 1.255 0 0.736-0.597 1.334-1.334 1.334-0.162 0-0.318-0.029-0.461-0.082l0.009 0.003c-2.41-0.892-5.193-1.408-8.097-1.408-5.010 0-9.66 1.536-13.507 4.163l0.083-0.053c-0.209 0.144-0.468 0.231-0.746 0.231-0 0-0 0-0 0v0z"/> <path d="M24.691 57.2c-0.152-0-0.298-0.026-0.435-0.072l0.009 0.003c-8.428-2.877-14.839-9.644-17.167-18.102l-0.044-0.186c-0.037-0.117-0.059-0.251-0.059-0.391 0-0.736 0.597-1.333 1.333-1.333 0.629 0 1.156 0.436 1.297 1.022l0.002 0.009c2.136 7.775 7.905 13.86 15.319 16.397l0.168 0.050c0.535 0.182 0.913 0.679 0.913 1.265 0 0.736-0.597 1.333-1.333 1.333-0.001 0-0.003 0-0.004 0h0z"/> <path d="M48.481 52.997c-0.736-0-1.333-0.597-1.333-1.333 0-0.42 0.194-0.795 0.498-1.039l0.003-0.002c5.515-4.403 9.017-11.126 9.017-18.667 0-0.018 0-0.036-0-0.053v0.003c-0-0.952-0.055-1.891-0.161-2.814l0.011 0.113c-0.005-0.044-0.008-0.096-0.008-0.148 0-0.736 0.597-1.334 1.334-1.334 0.684 0 1.248 0.515 1.325 1.179l0.001 0.006c0.106 0.899 0.167 1.941 0.167 2.997v0c0 0.017 0 0.038 0 0.059 0 8.379-3.893 15.849-9.968 20.7l-0.053 0.041c-0.224 0.182-0.513 0.292-0.828 0.292-0.001 0-0.002 0-0.003 0h0z"/> </symbol><symbol id="versions" viewBox="0 0 64 64"> <path d="M38.765 42.667c0 0 0 0 0 0-0.734 0-1.329-0.592-1.333-1.325v-0l-0.099-17.333c0-0.002 0-0.005 0-0.008 0-0.736 0.597-1.333 1.333-1.333 0 0 0 0 0 0l24 0.017c0.736 0 1.333 0.597 1.333 1.333v0 17.183c0 0 0 0 0 0 0 0.734-0.592 1.329-1.325 1.333l-23.902 0.133zM62.667 41.2v0zM40.008 25.333l0.083 14.657 21.243-0.124v-14.517z"/> <path d="M28 50.667c-0.736-0-1.333-0.597-1.333-1.333 0-0.368 0.149-0.701 0.39-0.943l4.391-4.391-4.391-4.391c-0.232-0.239-0.374-0.566-0.374-0.926 0-0.736 0.597-1.333 1.333-1.333 0.36 0 0.687 0.143 0.927 0.375l5.333 5.333c0.241 0.241 0.39 0.575 0.39 0.943s-0.149 0.701-0.39 0.943l-5.333 5.333c-0.241 0.241-0.575 0.391-0.943 0.391v0z"/> <path d="M33 45.333h-16c-0.736 0-1.333-0.597-1.333-1.333s0.597-1.333 1.333-1.333v0h16c0.736 0 1.333 0.597 1.333 1.333s-0.597 1.333-1.333 1.333v0z"/> <path d="M17 45.333c-0.736 0-1.333-0.597-1.333-1.333v0-5.333c0-0.736 0.597-1.333 1.333-1.333s1.333 0.597 1.333 1.333v0 5.333c0 0.736-0.597 1.333-1.333 1.333v0z"/> <path d="M38.765 64c0 0 0 0 0 0-0.734 0-1.329-0.592-1.333-1.325v-0l-0.099-16.049c0-0.002 0-0.005 0-0.008 0-0.736 0.597-1.333 1.333-1.333 0 0 0 0 0 0l24 0.016c0.736 0 1.333 0.597 1.333 1.333v0 15.908c0 0 0 0 0 0 0 0.734-0.593 1.33-1.326 1.333h-0l-23.9 0.125zM62.667 62.541v0zM40.008 47.952l0.083 13.381 21.243-0.119v-13.249z"/> <path d="M17.333 34.667c-9.573 0-17.333-7.76-17.333-17.333s7.76-17.333 17.333-17.333c9.573 0 17.333 7.76 17.333 17.333v0c-0.011 9.568-7.765 17.322-17.332 17.333h-0.001zM17.333 2.667c-8.1 0-14.667 6.566-14.667 14.667s6.566 14.667 14.667 14.667c8.1 0 14.667-6.566 14.667-14.667v0c-0.010-8.096-6.57-14.657-14.666-14.667h-0.001z"/> <path d="M15.655 28.273h-1.333l1.317-8.084h-4.136c0 0 0 0-0 0-0.368 0-0.667-0.299-0.667-0.667 0-0.003 0-0.006 0-0.008v0c0.025-0.161 0.077-0.306 0.151-0.437l-0.003 0.006 7.333-12.393h1.355l-1.352 8.109h4.167c0.364 0.005 0.657 0.302 0.657 0.667 0 0.151-0.050 0.29-0.135 0.402l0.001-0.002z"/> <path d="M50.055 38.649h-0.743l0.756-4.495-2.299-0.008c-0.204-0.002-0.368-0.168-0.368-0.372 0-0.001 0-0.003 0-0.004v0c0.014-0.090 0.043-0.171 0.084-0.243l-0.002 0.003 4.116-6.879h0.755l-0.781 4.508 2.319 0.008c0.204 0.002 0.368 0.168 0.368 0.372 0 0.002 0 0.004-0 0.006v-0c-0.002 0.084-0.032 0.16-0.081 0.221l0.001-0.001z"/> </symbol><symbol id="bolt-double-shield" viewBox="0 0 64 64"> <path d="M32.076 63.986h-0.145c-0.368-0.001-0.716-0.090-1.022-0.247l0.013 0.006c-30.921-16.060-30.921-51.748-30.921-52.106 0.005-0.71 0.344-1.341 0.867-1.742l0.005-0.004c3.004-2.263 6.435-4.223 10.103-5.723l0.307-0.111c6.129-2.558 13.25-4.044 20.718-4.044s14.589 1.486 21.083 4.178l-0.365-0.134c3.974 1.612 7.405 3.572 10.527 5.919l-0.118-0.085c0.529 0.405 0.868 1.035 0.873 1.745v0.001c0 0.361 0.007 36.049-30.902 52.103-0.298 0.154-0.65 0.244-1.022 0.244h-0zM2.909 12.002c0.089 3.555 1.66 34.608 29.091 49.027 27.414-14.404 28.996-45.45 29.091-49.027-2.735-2.020-5.857-3.784-9.185-5.147l-0.29-0.105c-5.803-2.421-12.545-3.827-19.615-3.827s-13.812 1.406-19.961 3.954l0.346-0.127c-3.619 1.468-6.741 3.231-9.596 5.336l0.119-0.084z"/> <path d="M30.060 41.309h-1.623l1.6-9.847h-5.040c-0.448-0.003-0.81-0.367-0.81-0.816 0-0.002 0-0.003 0-0.005v0c0.030-0.197 0.093-0.373 0.183-0.533l-0.004 0.008 8.931-15.097h1.651l-1.638 9.878h5.075c0.448 0.003 0.81 0.367 0.81 0.816 0 0.002 0 0.004 0 0.006v-0c-0.004 0.183-0.069 0.351-0.174 0.485l0.001-0.002z"/> <path d="M32.060 56.051c-0.023 0.001-0.051 0.001-0.078 0.001-0.358 0-0.697-0.085-0.996-0.237l0.013 0.006c-24.080-12.505-24.358-39.885-24.358-41.044 0.002-0.661 0.317-1.249 0.804-1.623l0.005-0.004c2.372-1.787 5.080-3.335 7.975-4.521l0.243-0.088c4.832-2.018 10.445-3.19 16.333-3.19s11.501 1.172 16.621 3.296l-0.288-0.106c3.136 1.274 5.843 2.821 8.307 4.674l-0.093-0.067c0.489 0.373 0.803 0.955 0.809 1.609v0.001c0 1.175-0.278 28.556-24.355 41.059-0.273 0.145-0.597 0.232-0.94 0.234h-0.001zM9.556 15.207c0.095 3.511 1.519 26.749 22.444 37.855 20.9-11.089 22.346-34.284 22.444-37.855-2.082-1.52-4.457-2.854-6.985-3.892l-0.226-0.082c-4.506-1.881-9.741-2.973-15.231-2.973s-10.725 1.092-15.5 3.072l0.269-0.099c-2.755 1.119-5.131 2.453-7.31 4.041l0.097-0.067z"/> </symbol><symbol id="exclamation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 248 249"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="123" cy="123.2" r="123" stroke="#EAEAEA" stroke-width="2"/><text fill="#EAEAEA" font-family="Poppins-Bold, Poppins" font-size="200" font-weight="bold"><tspan x="81" y="204.2">!</tspan></text></g></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"/></symbol><symbol id="bolt-solid" viewBox="0 0 64 64"> <path d="M36.178 0h4.158l-4.111 23.982 12.907-0.020c1.144 0 2.074 0.896 2.074 1.999 0 0.475-0.459 1.278-0.459 1.278l-22.868 36.761-4.227-0.017 4.213-24.019-12.995 0.017c-1.148 0-2.074-0.895-2.074-1.999 0-0.449 0.181-0.843 0.44-1.177l22.945-36.805z"/> </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 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 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"/> </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"/> </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"/></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"/> </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"/><g transform="translate(5.8 8.5)"><circle cx="12.3" cy="1.4" r="1.4"/><circle cx="7.3" cy="1.4" r="1.4"/><circle cx="2.2" cy="1.4" r="1.4"/></g></g></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"/></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 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 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 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"/></symbol><symbol id="start" viewBox="0 0 64 64"> <path d="M63.195 1.874c-0.143-0.52-0.549-0.926-1.069-1.069-10.765-2.978-20.385 2.978-24.355 6.948l-11.452 11.452-5.421-1.756c-3.551-1.163-7.454-0.217-10.078 2.443l-3.359 3.359c-0.582 0.594-0.582 1.544 0 2.138l7.329 7.329-4.199 6.948c-0.343 0.593-0.25 1.342 0.229 1.832l11.681 11.605c0.471 0.504 1.223 0.63 1.832 0.305l6.948-4.123h0.076l7.329 7.329c0.594 0.582 1.544 0.582 2.138 0l3.359-3.359c2.66-2.624 3.606-6.527 2.443-10.078l-1.756-5.421 11.452-11.452c3.894-4.047 9.849-13.666 6.871-24.431zM23.799 50.126l-9.925-9.925 3.13-5.268 12.063 12.063-5.268 3.13zM54.109 24.015l-12.139 12.139c-0.4 0.399-0.547 0.987-0.382 1.527l2.061 6.337c0.783 2.448 0.136 5.128-1.68 6.948l-2.29 2.29-29.012-29.012 2.29-2.29c1.819-1.815 4.5-2.463 6.948-1.68l6.337 2.061c0.54 0.165 1.128 0.018 1.527-0.382l12.216-12.063c3.436-3.359 11.452-8.398 20.461-6.337 2.061 9.085-2.978 17.102-6.337 20.461z"/> <path d="M10.667 51.195l-9.009 9.009c-0.478 0.358-0.703 0.963-0.576 1.547s0.583 1.040 1.167 1.167c0.584 0.127 1.188-0.098 1.547-0.576l9.009-9.009c0.456-0.608 0.396-1.459-0.142-1.996s-1.388-0.598-1.996-0.142z"/> <path d="M11.66 63.563c0.594 0.582 1.544 0.582 2.138 0l4.581-4.581c0.456-0.608 0.395-1.459-0.142-1.996s-1.388-0.598-1.996-0.142l-4.581 4.581c-0.582 0.594-0.582 1.544 0 2.138z"/> <path d="M1.505 52.798c0.403-0.006 0.787-0.17 1.069-0.458l4.581-4.581c0.478-0.358 0.703-0.963 0.576-1.547s-0.583-1.040-1.167-1.167c-0.584-0.127-1.188 0.098-1.547 0.576l-4.581 4.581c-0.428 0.436-0.554 1.086-0.322 1.65s0.78 0.937 1.391 0.945z"/> <path d="M43.726 13.021c-2.003 2.003-2.003 5.25 0 7.253s5.25 2.003 7.253 0c2.003-2.003 2.003-5.25 0-7.253s-5.25-2.003-7.253 0zM48.841 18.136c-0.699 0.692-1.79 0.794-2.605 0.243s-1.127-1.601-0.745-2.508c0.382-0.907 1.351-1.417 2.315-1.219s1.653 1.050 1.646 2.033c-0.004 0.545-0.223 1.067-0.611 1.451z"/> </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 offset="46.2139774%" stop-color="#96D64F"/> <stop offset="100%" stop-color="#2DB932"/> </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"/> </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 offset="100%" stop-color="#5500D7"/> </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"/> </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 offset="100%" stop-color="#FF8F00"/> </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"/> </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 offset="100%" stop-color="#005AF0"/> </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"/> </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"/> </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 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"/></g></symbol> </defs> </svg> <header class="ap--header " [class]="'ap--header ' + (mainmenuopen ? 'mainmenuopen' : '')" i-amphtml-binding> <div class="ap-o-header"> <a class="ap-o-header-home" href="/vi/"> <svg class="ap-o-header-home-logo"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#logo"/></svg> <span class="ap-o-header-home-title">AMP</span> </a> <nav class="ap-o-header-main"> <div class="ap-o-header-main-item"> <button class="ap-o-header-main-link -tw "> Giới thiệu <div class="ap-a-ico ap-o-header-main-link-icon"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"/></svg> </div> </button> <ul class="ap-o-header-flyout"> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link websites" href="/vi/about/websites/"> <div class="ap-o-header-flyout-primary-item-link-icon websites"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#amp-websites"/></svg> </div> <div class="ap-o-header-flyout-primary-item-link-info ap-o-header-flyout-primary-item-link-info-websites"> <div class="ap-o-header-flyout-item-title">Website AMP</div> <div class="ap-o-header-flyout-item-description">Tạo các trải nghiệm web hoàn hảo</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link stories" href="/vi/about/stories/"> <div class="ap-o-header-flyout-primary-item-link-icon stories"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#amp-stories"/></svg> </div> <div class="ap-o-header-flyout-primary-item-link-info ap-o-header-flyout-primary-item-link-info-stories"> <div class="ap-o-header-flyout-item-title">Web Stories</div> <div class="ap-o-header-flyout-item-description">Câu chuyện Ăn liền cho tất cả mọi người</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link ads" href="/vi/about/ads/"> <div class="ap-o-header-flyout-primary-item-link-icon ads"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#amp-ads"/></svg> </div> <div class="ap-o-header-flyout-primary-item-link-info ap-o-header-flyout-primary-item-link-info-ads"> <div class="ap-o-header-flyout-item-title">Quảng cáo AMP</div> <div class="ap-o-header-flyout-item-description">Quảng cáo cực nhanh trên web</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link email" href="/vi/about/email/"> <div class="ap-o-header-flyout-primary-item-link-icon email"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#amp-email"/></svg> </div> <div class="ap-o-header-flyout-primary-item-link-info ap-o-header-flyout-primary-item-link-info-email"> <div class="ap-o-header-flyout-item-title">Email AMP</div> <div class="ap-o-header-flyout-item-description">Email thế hệ kế tiếp</div> </div> </a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="/vi/about/how-amp-works/">Cách thức hoạt động của AMP</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="/vi/about/mission-and-vision/">Tầm nhìn & Sứ mệnh</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="/vi/about/use-cases/">Trường hợp sử dụng</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="/vi/success-stories/">Câu chuyện thành công</a> </li> </ul> </div> <div class="ap-o-header-main-item"> <button class="ap-o-header-main-link -tw "> Tài liệu <div class="ap-a-ico ap-o-header-main-link-icon"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"/></svg> </div> </button> <ul class="ap-o-header-flyout"> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="/vi/documentation/">Bắt đầu</a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link " href="/vi/documentation/guides-and-tutorials/"> <div class="ap-o-header-flyout-primary-item-link-icon "> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#guides-documents"/></svg> </div> <div class="ap-o-header-flyout-primary-item-link-info"> <div class="ap-o-header-flyout-item-title">Hướng dẫn & Tập luyện</div> <div class="ap-o-header-flyout-item-description">Bắt đầu với AMP</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link " href="/vi/documentation/components/"> <div class="ap-o-header-flyout-primary-item-link-icon "> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#components-flyout"/></svg> </div> <div class="ap-o-header-flyout-primary-item-link-info"> <div class="ap-o-header-flyout-item-title">Thành phần</div> <div class="ap-o-header-flyout-item-description">Thư viện AMP hoàn chỉnh</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link " href="/vi/documentation/examples/"> <div class="ap-o-header-flyout-primary-item-link-icon "> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#examples-flyout"/></svg> </div> <div class="ap-o-header-flyout-primary-item-link-info"> <div class="ap-o-header-flyout-item-title">Ví dụ</div> <div class="ap-o-header-flyout-item-description">Hands-on introduction to AMP</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link " href="/vi/documentation/courses/"> <div class="ap-o-header-flyout-primary-item-link-icon "> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#learn"/></svg> </div> <div class="ap-o-header-flyout-primary-item-link-info"> <div class="ap-o-header-flyout-item-title">Khóa học</div> <div class="ap-o-header-flyout-item-description">Tìm hiểu về AMP thông qua các khóa học miễn phí</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link " href="/vi/documentation/templates/"> <div class="ap-o-header-flyout-primary-item-link-icon "> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#template"/></svg> </div> <div class="ap-o-header-flyout-primary-item-link-info"> <div class="ap-o-header-flyout-item-title">Khuôn mẫu</div> <div class="ap-o-header-flyout-item-description">Sẵn sàng sử dụng</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link " href="/vi/documentation/tools/"> <div class="ap-o-header-flyout-primary-item-link-icon "> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wrench"/></svg> </div> <div class="ap-o-header-flyout-primary-item-link-info"> <div class="ap-o-header-flyout-item-title">Công cụ</div> <div class="ap-o-header-flyout-item-description">Bắt đầu tạo</div> </div> </a> </li> </ul> </div> <div class="ap-o-header-main-item"> <button class="ap-o-header-main-link -tw "> Cộng đồng <div class="ap-a-ico ap-o-header-main-link-icon"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"/></svg> </div> </button> <ul class="ap-o-header-flyout"> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="/vi/documentation/guides-and-tutorials/contribute/">Đóng góp</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="/vi/community/roadmap/">Lộ trình</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="/vi/community/governance/">Quản lý</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="/vi/community/working-groups/access-subscriptions/">Nhóm làm việc</a> </li> </ul> </div> <div class="ap-o-header-main-item"> <button class="ap-o-header-main-link -tw "> Sự kiện <div class="ap-a-ico ap-o-header-main-link-icon"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"/></svg> </div> </button> <ul class="ap-o-header-flyout"> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="/vi/events/amp-fest-2020/">AMP Fest 2020</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="/vi/events/amp-roadshow/">AMP Roadshow</a> </li> </ul> </div> <div class="ap-o-header-main-item"> <a class="ap-o-header-main-link -tw" href="https://blog.amp.dev">Blog</a> </div> <div class="ap-o-header-main-item"> <button class="ap-o-header-main-link -tw "> Hỗ trợ <div class="ap-a-ico ap-o-header-main-link-icon"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"/></svg> </div> </button> <ul class="ap-o-header-flyout"> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="/vi/support/">Trợ giúp</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="/vi/support/faq/">Câu hỏi thường gặp</a> </li> </ul> </div> </nav> <div class="-tv"> <span class="-tm" aria-label="Chọn một ngôn ngữ" tabindex="-1"> <span class="-tw">VI</span> <div class="ap-a-ico -ty"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"/></svg> </div> </span> <input class="-tg" type="checkbox" name="language-selector"> <div class="-tb" role="list"> <a class="-tw" href="/about/ads/" role="listitem">English</a> <a class="-tw" href="/de/about/ads/" role="listitem">Deutsch</a> <a class="-tw" href="/fr/about/ads/" role="listitem">Français</a> <a class="-tw" href="/ar/about/ads/" role="listitem">العربية</a> <a class="-tw" href="/es/about/ads/" role="listitem">Español</a> <a class="-tw" href="/it/about/ads/" role="listitem">Italiano</a> <a class="-tw" href="/id/about/ads/" role="listitem">Indonesia</a> <a class="-tw" href="/ja/about/ads/" role="listitem">日本語</a> <a class="-tw" href="/ko/about/ads/" role="listitem">한국어</a> <a class="-tw" href="/pt_br/about/ads/" role="listitem">Português</a> <a class="-tw" href="/ru/about/ads/" role="listitem">Русский</a> <a class="-tw" href="/tr/about/ads/" role="listitem">Türkçe</a> <a class="-tw" href="/zh_cn/about/ads/" role="listitem">中文</a> <a class="-tw" href="/pl/about/ads/" role="listitem">Polski</a> </div> </div> </div> </header> <label class="ap-o-burger-menu-label" on="tap:AMP.setState({mainmenuopen: !mainmenuopen, noScrollState: !noScrollState})" [class]="'ap-o-burger-menu-label ' + (mainmenuopen ? 'mainmenuopen ' : '')" for="burger-menu" tabindex="0" role="button" aria-label="Menu Burger" i-amphtml-binding> <div class="ap-a-ico ap-o-burger-menu-icon"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu"/></svg> </div> </label> <nav class="ap-o-burger-menu" [class]="mainmenuopen ? 'ap-o-burger-menu mainmenuopen' : 'ap-o-burger-menu'" i-amphtml-binding> <ul class="-th"> <li class="-tp"> <label class="ap-o-burger-menu-link -tw "> Giới thiệu </label> <input class="-td" type="checkbox" aria-label="About"> <span class="nav-icon"> <svg class="ap-a-ico"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"/></svg> </span> <ul class="-th"> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/vi/about/websites/"> Website AMP </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/vi/about/stories/"> Web Stories </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/vi/about/ads/"> Quảng cáo AMP </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/vi/about/email/"> Email AMP </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/vi/about/how-amp-works/"> Cách thức hoạt động của AMP </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/vi/about/mission-and-vision/"> Tầm nhìn & Sứ mệnh </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/vi/about/use-cases/"> Trường hợp sử dụng </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/vi/success-stories/"> Câu chuyện thành công </a> </li> </ul> </li> <li class="-tp"> <label class="ap-o-burger-menu-link -tw "> Tài liệu </label> <input class="-td" type="checkbox" aria-label="Documentation"> <span class="nav-icon"> <svg class="ap-a-ico"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"/></svg> </span> <ul class="-th"> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/vi/documentation/"> Bắt đầu </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/vi/documentation/guides-and-tutorials/"> Hướng dẫn & Tập luyện </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/vi/documentation/components/"> Thành phần </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/vi/documentation/examples/"> Ví dụ </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/vi/documentation/courses/"> Khóa học </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/vi/documentation/templates/"> Khuôn mẫu </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/vi/documentation/tools/"> Công cụ </a> </li> </ul> </li> <li class="-tp"> <label class="ap-o-burger-menu-link -tw "> Cộng đồng </label> <input class="-td" type="checkbox" aria-label="Community"> <span class="nav-icon"> <svg class="ap-a-ico"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"/></svg> </span> <ul class="-th"> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/vi/documentation/guides-and-tutorials/contribute/"> Đóng góp </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/vi/community/roadmap/"> Lộ trình </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/vi/community/governance/"> Quản lý </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/vi/community/working-groups/access-subscriptions/"> Nhóm làm việc </a> </li> </ul> </li> <li class="-tp"> <label class="ap-o-burger-menu-link -tw "> Sự kiện </label> <input class="-td" type="checkbox" aria-label="Events"> <span class="nav-icon"> <svg class="ap-a-ico"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"/></svg> </span> <ul class="-th"> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/vi/events/amp-fest-2020/"> AMP Fest 2020 </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/vi/events/amp-roadshow/"> AMP Roadshow </a> </li> </ul> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tw" href="https://blog.amp.dev">Blog</a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tw " href="/vi/support/"> Trợ giúp </a> </li> </ul> </nav> <main class="ap--main -ol"> <section class="-is -tc"> <div class="-i_"> <div class="-tc"> <div class="-ij"> <div class="-iq ap-a-ico"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#bolt-solid"/></svg> </div> <h2 class="-se">Quảng cáo AMP</h2> <h1 class="-iz">Sử dụng AMP để tạo và cung cấp quảng cáo an toàn, siêu nhanh cho các trang và câu chuyện.</h1> <a href="/vi/documentation/guides-and-tutorials/start/create_amphtml_ad/?format=ads" class="-st ap-a-btn">Bắt đầu phát triển</a> <a href="#tools" class="-st ap-a-btn">Khám phá các công cụ</a> </div> </div> </div> <div class="-io -rz"> <div class="-iu -it"> <amp-img src="/static/img/amp-ads-bottom.jpg" layout="responsive" width="144" height="256" i-amphtml-ssr data-hero class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:177.7778%"></i-amphtml-sizer><img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" loading="lazy" src="/static/img/amp-ads-bottom.jpg"></amp-img> </div> <div class="-iu -rq" title="<amp-ad>"> <amp-img src="/static/img/amp-ads-top.jpg" layout="responsive" width="176" height="144" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:81.8182%"></i-amphtml-sizer></amp-img> </div> <div class="-ir"> <div class="-ta"><pre><span></span><code><span class="p"><</span><span class="nt">amp-ad</span> <span class="na">type</span><span class="o">=</span><span class="s">"foo"</span> <span class="na">width</span><span class="o">=</span><span class="s">"300"</span> <span class="na">height</span><span class="o">=</span><span class="s">"250"</span><span class="p">></span> <span class="p"><</span><span class="nt">div</span> <span class="na">placeholder</span><span class="p">></span>...<span class="p"></</span><span class="nt">div</span><span class="p">></span> <span class="p"></</span><span class="nt">amp-ad</span><span class="p">></span> </code></pre></div> </div> </div></section> <section class="-t"> <div class="-tf"> <div class="ap-m-copy ap-m-copy-left" amp-fx="fade-in fly-in-left" data-margin-start="5%" data-duration="1s" data-fly-in-distance="5%"> <h1>Quảng cáo<br> AMP</h1> <h5>Ngày nay, nếu bạn không thực hiện ngay lập tức, thì có nghĩa là bạn không đủ nhanh. Kể cả những quảng cáo đáng nhớ nhất cũng là vô nghĩa nếu nó chậm và làm gián đoạn trải nghiệm của người dùng.</h5> <p>AMP đang thay đổi cơ bản cách các quảng cáo được tạo, được cung cấp và thống kê trên web, giúp chúng hoạt động nhanh hơn và giảm thiểu sự gián đoạn cho người dùng. Điều này làm tăng khả năng xem và tỷ lệ nhấp chuột để tăng thu nhập, làm hài lòng tất cả mọi người: người dùng, nhà phát hành cũng như nhà quảng cáo.</p> <p>Quảng cáo tiếp tục là trụ cột cho mô hình kinh doanh của mọi nhà phát hành; AMP đang thay đổi cách tạo và hiển thị quảng cáo trên web bằng cách hỗ trợ những quảng cáo nhanh, an toàn, thuyết phục và hiệu quả cho người dùng.</p> <div class="-oo"> <a href="/vi/documentation/guides-and-tutorials/?format=ads" class="-n -s"> <div class="ap-a-ico -i"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg> </div> <span class="-r">Bắt đầu</span> </a> </div> </div> </div> </section> <section class="-t"> <div class="-tf"> <div class="ap-m-copy ap-m-copy-left" amp-fx="fade-in fly-in-left" data-duration="1s" data-fly-in-distance="5%"> <h1>Một cách nhanh hơn để phát triển doanh nghiệp của bạn</h1> <p>Ngày càng có nhiều nhà phát hành và nhà quảng cáo sử dụng AMP để cung cấp các nội dung nhanh và gắn kết hơn cho người dùng. Khi các khách hàng của bạn đón nhận tốc độ của AMP và có nhiều người dùng truy cập nội dung trên các trang AMP, bạn cần đảm bảo rằng doanh nghiệp của mình bắt kịp tương lai và tích hợp AMP vào công nghệ của bạn. Tăng tốc hiển thị quảng cáo là cách nhanh nhất để tăng cường hiệu quả.</p> <p>Quảng cáo AMP sẽ tăng đáng kể chất lượng Internet di động thông qua thiết kế thông minh và các tính năng tải sẵn. Việc này cho phép tăng lưu lượng, tăng tỷ lệ chuyển đổi doanh số cũng như lượt xem trang trong mỗi lần truy cập - mang đến giá trị mà bạn luôn tìm kiếm trong quảng cáo của mình.</p> <p>Tuy các trang AMP vẫn hỗ trợ quảng cáo HTML truyền thống, tốc độ tải cho các quảng cáo này có thể chậm. Để các quảng cáo có tốc độ nhanh như phần còn lại của trang AMP, bạn có thể tạo quảng cáo trong AMPHTML.</p> <p>Các quảng cáo AMPHTML sẽ có tốc độ tải nhanh như nội dung, tăng khả năng xem và khuyến khích tương tác. Quảng cáo AMPHTML chỉ được hiển thị sau khi đã được xác thực, đảm bảo rằng chúng không chứa phần mềm độc hại.</p> <p>Các quảng cáo được tạo bằng AMPHTML sẽ được phục vụ trên cả các trang AMP lẫn không dùng AMP. Bằng cách tạo một quảng cáo với AMP, bạn có thể mang đến một trải nghiệm nhận diện thương hiệu ở bất cứ đâu mà không phải lo lắng về tốc độ và khả năng tương thích với nền tảng.</p> <div class="-oo"> <a href="/vi/documentation/guides-and-tutorials/start/create_amphtml_ad/" class="-n -s"> <div class="ap-a-ico -i"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg> </div> <span class="-r">Bắt đầu</span> </a> </div> </div> </div> </section> <section class="-ra -tf"> <div class="-rf"> <div class="-rl"> <div class="-rt -re" [hidden]="filter.category != 'none' && filter.category != 'advertisers'" i-amphtml-binding> <a href="/vi/success-stories/triplelift/"> <div class="ap-m-tag ap-m-tag-general -rr">nhà quảng cáo</div> <div class="-rn"> <div class="ap-m-kpi ap-m-kpi-teaser ap-m-kpi-websites"> <div class="ap-m-kpi-content"> <span class="ap-m-kpi-number">13%</span> <span class="ap-m-kpi-text">Tăng doanh thu</span> </div> </div> <div class="-rs"> <div class="ap-a-img -ri fixed-container"> <amp-img class="contain i-amphtml-layout-fill i-amphtml-layout-size-defined" src="/static/img/success-stories/triplelift/triplelift_logo.png" layout="fill" alt="Triplelift" i-amphtml-layout="fill"></amp-img> </div> <h4 class="-ru">Triplelift và Cloudflare tăng doanh thu của Time Inc. với Quảng cáo AMP</h4> </div> </div> </a> </div> <div class="-rt -re" [hidden]="filter.category != 'none' && filter.category != 'advertisers'" i-amphtml-binding> <a href="/vi/success-stories/teads/"> <div class="ap-m-tag ap-m-tag-general -rr">nhà quảng cáo</div> <div class="-rn"> <div class="ap-m-kpi ap-m-kpi-teaser ap-m-kpi-websites"> <div class="ap-m-kpi-content"> <span class="ap-m-kpi-number">200%</span> <span class="ap-m-kpi-text">Tăng tỷ lệ nhấp trung bình</span> </div> </div> <div class="-rs"> <div class="ap-a-img -ri fixed-container"> <amp-img class="contain i-amphtml-layout-fill i-amphtml-layout-size-defined" src="/static/img/success-stories/teads/teads_logo.png" layout="fill" alt="Teads" i-amphtml-layout="fill"></amp-img> </div> <h4 class="-ru">Teads cung cấp kho video di động được thích ứng với AMP cho 100 nhà phát hành</h4> </div> </div> </a> </div> <div class="-rt -re" [hidden]="filter.category != 'none' && filter.category != 'advertisers'" i-amphtml-binding> <a href="/vi/success-stories/teads/"> <div class="ap-m-tag ap-m-tag-general -rr">nhà quảng cáo</div> <div class="-rn"> <div class="ap-m-kpi ap-m-kpi-teaser ap-m-kpi-websites"> <div class="ap-m-kpi-content"> <span class="ap-m-kpi-number">6x</span> <span class="ap-m-kpi-text">Tăng tốc độ tải quảng cáo</span> </div> </div> <div class="-rs"> <div class="ap-a-img -ri fixed-container"> <amp-img class="contain i-amphtml-layout-fill i-amphtml-layout-size-defined" src="/static/img/success-stories/teads/teads_logo.png" layout="fill" alt="Teads" i-amphtml-layout="fill"></amp-img> </div> <h4 class="-ru">Teads cung cấp kho video di động được thích ứng với AMP cho 100 nhà phát hành</h4> </div> </div> </a> </div> </div> </div> </section> <section class="ap--benefits-overview"> <div class="ap-o-benefits-overview -tf"> <div class="-sy"> <div class="ap-m-headline-icon"> <div class="ap-m-headline-icon-icon"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#exclamation"/></svg> </div> <h1 class="ap-m-headline-icon-hl">Lợi ích của quảng cáo AMP</h1> </div> </div> <div class="-sb -sw"> <div class="-sa"> <div class="-sf"> <svg class="-sf"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#bolt-double-shield"/></svg> </div> <div class="-sl"> <span class="-sc">Kiểm soát trải nghiệm xuyên suốt</span> <span class="-sh"> Là chủ sở hữu các website và quảng cáo AMP, sẽ không có ai khác có thể sửa đổi hoặc bổ sung bất cứ nội dung gì, đảm bảo bạn luôn kiểm soát trải nghiệm người dùng và sẽ không có sự bất ngờ nào. Các quảng cáo là một phần của hệ sinh thái đặt người dùng làm ưu tiên hàng đầu và luôn hoạt động theo kỳ vọng hợp lý của một người dùng. Các quảng cáo AMP được tối ưu để không làm hao pin của thiết bị di động, việc nhấn vào các quảng cáo này sẽ đưa bạn đến các trang AMP, vốn cũng rất nhanh và giản lược.</span> </div> </div> <div class="-sa"> <div class="-sf"> <svg class="-sf"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#versions"/></svg> </div> <div class="-sl"> <span class="-sc">Giảm thiểu sự phức tạp trong hoạt động của bạn</span> <span class="-sh"> AMP rất đơn giản và trực quan, và đang nhanh chóng trở thành một giải pháp chìa khóa trao tay phổ biến khi xây dựng các trang web. AMP hỗ trợ cả quảng cáo truyền thống lẫn các quảng cáo AMPHTML nhanh và bảo mật hơn. Quảng cáo trên các trang AMP cũng giống như các tài nguyên bên ngoài khác và phải tuân thủ những hạn chế được đặt lên mọi tài nguyên khác trong AMP.</span> </div> </div> <div class="-sa"> <div class="-sf"> <svg class="-sf"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#community"/></svg> </div> <div class="-sl"> <span class="-sc">Cộng đồng hợp tác</span> <span class="-sh"> Dự án AMP có một mạng lưới tài nguyên rộng khắp để giúp bạn bắt đầu trong phần Tài liệu, bao gồm các khuôn mẫu quảng cáo tuyệt đẹp, các bản demo và ví dụ. Quảng cáo AMPHTML rất linh hoạt và năng động, cho phép nhiều định dạng quảng cáo khác nhau như băng chuyền, parallax và lightbox, v.v...</span> </div> </div> </div> <div class="-sb -sx"> <div class="-sa"> <div class="-sf"> <svg class="-sf"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#view"/></svg> </div> <div class="-sl"> <span class="-sc">Có thể định lượng khả năng xem</span> <span class="-sh"> Các quảng cáo AMPHTML được tải nhanh gấp 6 lần quảng cáo thưởng trên các trang AMP, giúp chúng được xem nhiều hơn, hiệu quả hơn và nhiều khả năng cho kết quả tốt hơn. Bạn có thể giám sát hiệu quả và điều chỉnh giá cả tương ứng, và mang đến những sản phẩm quảng cáo hấp dẫn nhất để tối ưu vị trí đặt quảng cáo. Với AMP, các nhà phát hành có thể dễ dàng tinh chỉnh các trang của mình để tăng tỷ lệ xem hoặc lượt xem sử dụng thuộc tính ‘data-loading-strategy’ (chiến lược tải dữ liệu) trên thành phần `amp-ad`.</span> </div> </div> <div class="-sa"> <div class="-sf"> <svg class="-sf"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#bar-chart-money"/></svg> </div> <div class="-sl"> <span class="-sc">Tối đa doanh thu của bạn</span> <span class="-sh"> Để gắn kết với thương hiệu và tăng hiệu quả cho chiến dịch của bạn, bạn cần tăng tốc hơn nữa. Các quảng cáo AMP trung bình tải nhanh gấp 5 lần phiên bản không phải AMP của chúng, cho tỷ lệ chuyển đổi cao hơn. Bởi các quảng cáo AMPHTML nhẹ gấp 3 lần quảng cáo thường, khung AMP đảm bảo rằng những quảng cáo này luôn hoạt động như ý định thiết kế, để người dùng luôn có một trải nghiệm tích cực với thương hiệu của bạn.</span> </div> </div> <div class="-sa"> <div class="-sf"> <svg class="-sf"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#circle-arrows-money"/></svg> </div> <div class="-sl"> <span class="-sc">Tối đa ROI của bạn</span> <span class="-sh"> Các quảng cáo AMP không bao giờ chứa phần mềm độc hại bởi các quảng cáo AMPHTML luôn được xác minh trước khi được phục vụ; nhờ đó, các nhà quảng cáo có thể đảm bảo một trải nghiệm người dùng an toàn và xây dựng niềm tin của người dùng đối với thương hiệu. Hãy thiết lập công ty của bạn như một nền tảng công nghệ quảng cáo cho mạng lưới web nhanh và tham gia cùng hàng trăm nền tảng công nghệ khác đang hỗ trợ hệ sinh thái AMP mã nguồn mở.</span> </div> </div> </div> <div class="-s_"> <a href="/vi/documentation/guides-and-tutorials/learn/intro-to-amphtml-ads/" class="-n -s"> <div class="ap-a-ico -i"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg> </div> <span class="-r">Tìm hiểu về quảng cáo AMP</span> </a> </div> </div> </section> <section class="-sn -tf"> <div class="-sr"> <div class="-si"> <div class="ap-a-ico"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#quote"/></svg> </div> </div> <div class="-ss"> <blockquote> <p class="ap-a-txt">Chúng có tốc độ tải nhanh hơn đáng kể. Người dùng luôn chú ý đến mọi sự chậm trễ dù là nhỏ nhất, và khi các quảng cáo được tải nhanh, điều này sẽ có tác động rất tích cực đến cảm nhận của người dùng cũng như hiệu quả quảng cáo.</p><p> </p></blockquote> <p>Shaun Zacharia, Chủ tịch & Đồng Sáng lập, Triplelift.</p> <a href="/vi/success-stories/triplelift/" class="-n"> <div class="ap-a-ico -i"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg> </div> <span class="-r">Đọc các Câu chuyện thành công</span> </a> </div> </div> </section> <section class="-t"> <div class="-tf"> <div class="ap-m-copy ap-m-copy-left" amp-fx="fade-in fly-in-left" data-margin-start="5%" data-duration="1s" data-fly-in-distance="5%"> <h1>AMP cho nhà quảng cáo</h1> <h5>Tăng sự gắn kết và tỷ lệ chuyển đổi thông qua các trải nghiệm nhanh hơn</h5> <p>Một website di động trung bình sẽ cần khoảng 19 giây để tải trên một kết nối 3G. Kết hợp với thực tế rằng tỷ lệ chuyển đổi sẽ giảm đi 12% cho mỗi giây bổ sung mà một trang web cần để tải, bạn có thể khẳng định hai điều: tốc độ là hiệu quả, và hầu hết các chiến dịch quảng cáo đều có thể được làm tốt hơn. Đó là đất dụng võ của bạn. Là một SSP, DSP, nhà cung cấp dịch vụ phân tích, hoặc sự kết hợp của các dịch vụ trên, chú trọng đến tốc độ có nghĩa là cải thiện hiệu quả của chiến dịch, đảm bảo người dùng có trải nghiệm tốt, và thiết lập bản thân bạn như một nền tảng công nghệ quảng cáo cho trang web nhanh. Hãy tham gia cùng hàng trăm nền tảng công nghệ hiện đang hỗ trợ hệ sinh thái mã nguồn mở AMP.</p> <p>AMP cho phép bạn mang đến người dùng một trải nghiệm nhanh hơn ở mọi nơi: trong các quảng cáo, trang đích hoặc trên toàn bộ website của bạn. Quảng cáo AMP cho phép người dùng gắn kết với thương hiệu của bạn và cải thiện hiệu quả cho các chiến dịch của bạn. Khi đối tượng khách hàng mục tiêu của bạn đến một trang AMP, họ sẽ tìm được đúng thứ họ muốn tại thời điểm họ quan tâm đến nó. Kết quả là – họ sẽ gắn kết hơn và dễ tiếp nhận thông điệp thương hiệu của bạn, và dễ thực hiện hành động mà bạn mong muốn, chẳng hạn như hoàn tất một đơn hàng.</p> <div class="-oo"> <a href="/vi/documentation/guides-and-tutorials/learn/intro-to-amphtml-ads/" class="-n -s"> <div class="ap-a-ico -i"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg> </div> <span class="-r">Bắt đầu</span> </a> </div> </div> </div> </section> <section class="ap--shift-cards"> <div class="-tf"> <div class="ap-m-copy ap-m-copy-left" amp-fx="fade-in fly-in-left" data-margin-start="5%" data-duration="1s" data-fly-in-distance="5%"> <h1>Điểm khác nhau giữa một quảng cáo AMPHTML và quảng cáo thông thường là gì? Những giây phút quý báu.</h1> </div> </div> <div class="ap--shift-cards-grid -tf"> <div class="-ny -nk small"> <div class="-nq">Quảng cáo AMPHTML</div> <div class="ap-m-ghost-frame-mobile"> <amp-video width="410" height="732" layout="responsive" src="/static/img/amp_ad_video_left.mp4" poster="/static/img/amp_ad_video_left.jpg" title="An ad implemented as AMPHTML Ad" autoplay loop class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:178.5366%"></i-amphtml-sizer></amp-video> </div> </div> <div class="-ny -n_ small"> <div class="-nq">Quảng cáo thông thường</div> <div class="ap-m-ghost-frame-mobile"> <amp-video width="410" height="732" layout="responsive" src="/static/img/amp_ad_video_right.mp4" poster="/static/img/amp_ad_video_right.jpg" title="A regular ad" autoplay loop class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:178.5366%"></i-amphtml-sizer></amp-video> </div> </div> </div> </section> <section class="ap--tools"> <section class="-t"> <div class="-tc"> <div class="ap-m-copy ap-m-copy-left-small"> <h1 id="tools">Bắt đầu tạo các quảng cáo</h1> <h5>Chọn một trình biên tập để bắt đầu tạo các quảng cáo mà không phải lo về lập trình.</h5> </div> </div> </section> <section class="ap--tools-widget -ra"> <div class="-rf"> <div class="-rl"> <div hidden class="-rt -re ap-m-teaser-card-wysiwyg editor ap--ads"> <a href="https://www.adobeexchange.com/creativecloud.details.101647.amphtml-ad.html"> <div class="-rn"> <div class="ap-a-img -ro"> <amp-img class="ap--media i-amphtml-layout-responsive i-amphtml-layout-size-defined" src="/static/img/tools/adobe_animate.jpg" layout="responsive" width="2" height="1" alt i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:50%"></i-amphtml-sizer></amp-img> </div> <div> <div class="-rs"> <h4 class="-ru"><div class="-ri ap-a-ico"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#logo-transparent"/></svg></div>Adobe Animate </h4> <p>Cho phép tạo ra các nội dung tiếp thị phong phú, bắt mắt với Adobe Animate.</p> </div> <div class="-oi ap-m-teaser-type-wysiwyg editor">Trình biên tập WYSIWYG</div> </div> </div> </a> </div><div hidden class="-rt -re ap-m-teaser-card-wysiwyg editor ap--ads"> <a href="https://www.bannersnack.com/amp-ads.html"> <div class="-rn"> <div class="ap-a-img -ro"> <amp-img class="ap--media i-amphtml-layout-responsive i-amphtml-layout-size-defined" src="/static/img/tools/bannersnack.png" layout="responsive" width="2" height="1" alt i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:50%"></i-amphtml-sizer></amp-img> </div> <div> <div class="-rs"> <h4 class="-ru">Bannersnack </h4> <p>Tạo các thiết kế riêng lẻ hoặc trọn bộ bao gồm các hình ảnh tiếp thị tĩnh hoặc hoạt họa tương thích với AMPHTML và sẵn sàng được đăng tải chỉ trong một vài phút.</p> </div> <div class="-oi ap-m-teaser-type-wysiwyg editor">Trình biên tập WYSIWYG</div> </div> </div> </a> </div><div hidden class="-rt -re ap-m-teaser-card-wysiwyg editor ap--ads"> <a href="https://support.google.com/webdesigner/answer/7529856?hl=en"> <div class="-rn"> <div class="ap-a-img -ro"> <amp-img class="ap--media i-amphtml-layout-responsive i-amphtml-layout-size-defined" src="/static/img/tools/google_web_designer.jpg" layout="responsive" width="2" height="1" alt i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:50%"></i-amphtml-sizer></amp-img> </div> <div> <div class="-rs"> <h4 class="-ru">Google Web Designer </h4> <p>Tạo các thiết kế và hình động hấp dẫn, tương tác theo tiêu chuẩn Quảng cáo AMPHTML có thể chạy trên bất kỳ thiết bị nào.</p> </div> <div class="-oi ap-m-teaser-type-wysiwyg editor">Trình biên tập WYSIWYG</div> </div> </div> </a> </div><div hidden class="-rt -re ap-m-teaser-card-wysiwyg editor ap--ads"> <a href="https://onlymega.com/amphtml-banner-maker/"> <div class="-rn"> <div class="ap-a-img -ro"> <amp-img class="ap--media i-amphtml-layout-responsive i-amphtml-layout-size-defined" src="/static/img/tools/onlymega.png" layout="responsive" width="2" height="1" alt i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:50%"></i-amphtml-sizer></amp-img> </div> <div> <div class="-rs"> <h4 class="-ru">Onlymega </h4> <p>Trình tạo bảng quảng cáo AMPHTML trực tuyến, cho phép bạn dễ dàng tạo các quảng cáo AMP mà không cần có kiến thức lập trình trước đó.</p> </div> <div class="-oi ap-m-teaser-type-wysiwyg editor">Trình biên tập WYSIWYG</div> </div> </div> </a> </div> </div> </div> </section> <section class="-t"> <div class="-tc"> <div class="-oo"> <a href="/vi/documentation/tools/" class="-n -s"> <div class="ap-a-ico -i"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg> </div> <span class="-r">Khám phá mọi công cụ</span> </a> </div> </div> </section> </section> </main> <footer class="ap--footer"> <div class="-a"> <div class="-f"> <div class="ap-o-footer-hint">Dĩ nhiên, website này được tạo bằng AMP!</div> <div class="-l"> <h5 class="-c">Theo dõi chúng tôi</h5> <ul class="-h"> <li class="-p"> <a class="ap-a-ico -d" href="https://twitter.com/AMPhtml" rel="noopener" title="Twitter"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#twitter"/></svg> </a> </li> <li class="-p"> <a class="ap-a-ico -d" href="https://www.youtube.com/channel/UCXPBsjgKKG2HqsKBhWA4uQw" rel="noopener" title="YouTube"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#youtube"/></svg> </a> </li> <li class="-p"> <a class="ap-a-ico -d" href="https://blog.amp.dev/" rel="noopener"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wordpress" title="WordPress"/></svg> </a> </li> <li class="-p"> <a class="ap-a-ico -d" href="https://github.com/ampproject" title="GitHub"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#github"/></svg> </a></li> <li class="-p"> <a class="ap-a-ico -d" href="https://stackoverflow.com/questions/tagged/amp-html" rel="noopener" title="Stackoverflow"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#stackoverflow"/></svg></a> </li> </ul> </div> </div> <div class="-v"> <div class="-m"> <h5 class="-g">Tổng quan</h5> <ul class="-y"> <li class="-b"><a href="/vi/about/websites/" class="-w"><div class="ap-a-ico -x"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg></div>Khung AMP</a></li> <li class="-b"><a href="/vi/about/use-cases/" class="-w"><div class="ap-a-ico -x"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg></div>Trường hợp sử dụng</a></li> <li class="-b"><a href="/vi/success-stories/" class="-w"><div class="ap-a-ico -x"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg></div>Câu chuyện thành công</a></li> <li class="-b"><a href="/vi/about/how-amp-works/" class="-w"><div class="ap-a-ico -x"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg></div>Chức năng</a></li> </ul> </div> <div class="-m"> <h5 class="-g">Tài liệu</h5> <ul class="-y"> <li class="-b"><a href="/vi/documentation/guides-and-tutorials/" class="-w"><div class="ap-a-ico -x"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg></div>Bắt đầu</a></li> <li class="-b"><a href="/vi/documentation/guides-and-tutorials/" class="-w"><div class="ap-a-ico -x"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg></div>Hướng dẫn và Tập luyện</a></li> <li class="-b"><a href="/vi/documentation/components/" class="-w"><div class="ap-a-ico -x"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg></div>Thành phần</a></li> <li class="-b"><a href="/vi/documentation/examples/" class="-w"><div class="ap-a-ico -x"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg></div>Ví dụ</a></li> <li class="-b"><a href="/vi/documentation/templates/" class="-w"><div class="ap-a-ico -x"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg></div>Khuôn mẫu Thiết kế</a></li> <li class="-b"><a href="/vi/documentation/tools/" class="-w"><div class="ap-a-ico -x"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg></div>Công cụ</a></li> </ul> </div> <div class="-m"> <h5 class="-g">Cộng đồng</h5> <ul class="-y"> <li class="-b"><a href="/vi/support/faq/platform-and-vendor-partners/" class="-w"><div class="ap-a-ico -x"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg></div>Nền tảng và Đối tác Cung cấp</a></li> <li class="-b"><a href="/vi/documentation/guides-and-tutorials/contribute/" class="-w"><div class="ap-a-ico -x"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg></div>Đóng góp</a></li> <li class="-b"><a href="/vi/community/roadmap/" class="-w"><div class="ap-a-ico -x"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg></div>Lộ trình</a></li> </ul> <h5 class="-g">OpenJS Foundation</h5> <ul class="-y"> <li class="-b"><a class="-w" href="https://openjsf.org" rel="noopener"><div class="ap-a-ico -x"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg></div>The OpenJS Foundation</a></li> <li class="-b"><a class="-w" href="https://bylaws.openjsf.org" rel="noopener"><div class="ap-a-ico -x"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg></div>OpenJS Foundation Bylaws</a></li> <li class="-b"><a class="-w" href="https://trademark-policy.openjsf.org" rel="noopener"><div class="ap-a-ico -x"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg></div>Trademark Policy</a></li> <li class="-b"><a class="-w" href="https://trademark-list.openjsf.org" rel="noopener"><div class="ap-a-ico -x"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg></div>Trademark List</a></li> </ul> </div> <div class="-m"> <h5 class="-g">Sự kiện</h5> <ul class="-y"> <li class="-b"><a href="https://blog.amp.dev/2020/02/20/amp-conf-2020-return-to-nyc/" class="-w"><div class="ap-a-ico -x"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg></div>Hội nghị AMP 2020</a></li> <li class="-b"><a href="/vi/events/amp-cs-2019/" class="-w"><div class="ap-a-ico -x"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#internal"/></svg></div>AMP Contributor Summit 2019</a></li> </ul> <h5 class="-g">Tài liệu Thương hiệu AMP</h5> <ul class="-y"> <li class="-b"><a href="/static/files/brand-material/AMP_Mini_Styleguide.pdf" class="-w"><div class="ap-a-ico -x"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#download"/></svg></div>Hướng dẫn phong cách</a></li> <li class="-b"><a href="/static/files/brand-material/AMP_Logo_Rebrush.zip" class="-w"><div class="ap-a-ico -x"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#download"/></svg></div>Logo</a></li> </ul> </div> </div> <div class="-k"> <div class="-_"> <amp-img src="/static/img/logo-openjsf.svg" alt="Logo of the OpenJS Foundation" width="315" height="100" layout="responsive" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:31.746%"></i-amphtml-sizer></amp-img> </div> <ul class="-j"> <li class="-q"><a class="-z" href="https://terms-of-use.openjsf.org" rel="noopener">Terms of Use</a></li> <li class="-q"><a class="-z" href="https://privacy-policy.openjsf.org" rel="noopener">Chính sách Quyền Riêng tư</a></li> <li class="-q"><a class="-z" href="https://www.linuxfoundation.org/cookies" rel="noopener">Cookie Policy</a></li> </ul> </div> <div class="-te"> © <a href="https://openjsf.org">OpenJS Foundation</a> and AMP Project contributors. All rights reserved. The <a href="https://openjsf.org">OpenJS Foundation</a> has registered trademarks and uses trademarks. For a list of trademarks of the <a href="https://openjsf.org">OpenJS Foundation</a>, please see our <a href="https://trademark-policy.openjsf.org">Trademark Policy</a> and <a href="https://trademark-list.openjsf.org">Trademark List</a>. Trademarks and logos not indicated on the <a href="https://trademark-list.openjsf.org">list of OpenJS Foundation trademarks</a> are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them. <br><br> The services available at <a href="https://cdn.ampproject.org">cdn.ampproject.org</a> are provided by Google and the respective <a href="https://policies.google.com/privacy?hl=en">privacy policy</a> applies. </div> </div> </footer> <amp-analytics type="gtag" data-credentials="include" data-block-on-consent class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"extraUrlParams":{"cd2":"${ampdocHost}"},"requests":{"CWV_EVENT":"${base}?v=1\u0026t=event\u0026tid=${gtag_id}\u0026cid=0\u0026ec=cwv","base":"https://google-analytics.com/collect/"},"triggers":{"banner":{"on":"click","selector":"#top-banner","vars":{"event_action":"click","event_category":"other","event_label":"banner","event_name":"banner"}},"cls":{"extraUrlParams":{"cls":"${cumulativeLayoutShift}"},"on":"visible","request":"CWV_EVENT"},"defaultPageview":{"on":"visible","request":"pageview","vars":{"title":"{{title}}"}},"fid":{"extraUrlParams":{"fid":"${firstInputDelay}"},"on":"visible","request":"CWV_EVENT"},"lcp":{"extraUrlParams":{"lcp":"${largestContentfulPaint}"},"on":"visible","request":"CWV_EVENT"},"navigation":{"on":"click","selector":".ap--header a, .ap-o-burger-menu-link","vars":{"event_action":"link","event_category":"other","event_label":"navigation","event_name":"navigation"}},"scrolledEnd":{"on":"scroll","scrollSpec":{"verticalBoundaries":[90]},"vars":{"event_action":"end","event_category":"other","event_label":"scroll","event_name":"scroll"}},"scrolledHalf":{"on":"scroll","scrollSpec":{"verticalBoundaries":[50]},"vars":{"event_action":"half","event_category":"other","event_label":"scroll","event_name":"scroll"}},"searchButton":{"on":"click","selector":"#searchTriggerOpen","vars":{"event_action":"open","event_category":"search","event_label":"search","event_name":"search"}}},"vars":{"config":{"G-TYM9BH1XCX":{"groups":"default"}},"gtag_id":"G-TYM9BH1XCX"}}</script> </amp-analytics><amp-geo layout="nodisplay" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"ISOCountryGroups":{"eu":["preset-eea"],"doubleOptIn":["de","at","no","gr","lu"]}}</script> </amp-geo> <amp-consent id="consent" class="-o i-amphtml-layout-nodisplay" layout="nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"consent","promptUI":"consent-popup","consentRequired":false,"geoOverride":{"eu":{"consentRequired":true}}}</script> <div id="consent-popup" class="consent-popup"> <button type="reset" class="-u" on="tap:consent.dismiss" role="button" tabindex="0" aria-label="Chấp thuận và đóng"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#close"/></svg> </button> <p class="ap-o-consent-text"> We use cookies to understand how you use our site and to improve your experience. By continuing to use our site, you accept our <a href="https://policies.google.com/technologies/cookies">use of cookies</a> and <a href="https://policies.google.com/privacy">privacy policy</a>. </p> <button on="tap:consent.accept" class="ap-a-btn" role="button" aria-label="Chấp nhận việc sử dụng cookie">Đã hiểu!</button> </div> </amp-consent> <amp-install-serviceworker src="/serviceworker.js" data-iframe-src="https://amp.dev/serviceworker.html" layout="nodisplay" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"></amp-install-serviceworker> <style amp-keyframes>@keyframes duepduep{0%{transform:translate(0)}49%{transform:translate(40px)}50%{transform:translate(-40px)}to{transform:translate(0)}}@keyframes bounce{0%{transform:translate(-1.5%,-3%)}50%{transform:translate(1.5%,3%)}to{transform:translate(-1.5%,-3%)}}@keyframes levitate{0%{transform:translate3d(0,-2.3%,0)}50%{transform:translate3d(0,2.3%,0)}to{transform:translate3d(0,-2.3%,0)}}</style></body></html>