CINXE.COM

<!doctype html><html amp lang="pl" 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="AMP is a simple and robust format to ensure your website is fast, user-first, and makes money. AMP provides long-term success for your web strategy with distribution across ..."><meta name="twitter:card" content="summary_large_image"><meta name="twitter:description" content="AMP is a simple and robust format to ensure your website is fast, user-first, and makes money. AMP provides long-term success for your web strategy with distribution across ..."><meta name="twitter:title" content="AMP Websites"><meta name="twitter:creator" content="@ampproject"><meta name="twitter:site" content="@ampproject"><meta name="twitter:image" content="https://amp.dev/static/img/sharing/about-websites-600x314.png"><meta property="og:title" content="AMP Websites"><meta property="og:url" content="https://amp.dev/pl/about/websites/"><meta property="og:image" content="https://amp.dev/static/img/sharing/about-websites-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="pl"><meta http-equiv="origin-trial" content="AviuuiVhVdQ3GpVtxSpyMT+XsL/qGGYmyiyLvYSKPL3rRDLipe/ard5x+DXVlrATtolwX75VtpSKc9IEzLDd4AkAAABmeyJvcmlnaW4iOiJodHRwczovL2FtcC5kZXY6NDQzIiwiZmVhdHVyZSI6IkV4cGVyaW1lbnRhbEF1dG9wbGF5RHluYW1pY0RlbGVnYXRpb24iLCJleHBpcnkiOjE1NzA1Nzg0NDF9"><style amp-runtime i-amphtml-version="012502032353000">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><link rel="shortcut icon" href="/static/img/favicon.png"><link rel="canonical" href="https://amp.dev/pl/about/websites/"><link rel="alternate" hreflang="x-default" href="https://amp.dev/about/websites/"><link rel="alternate" hreflang="en" href="https://amp.dev/about/websites/"><link rel="alternate" hreflang="de" href="https://amp.dev/de/about/websites/"><link rel="alternate" hreflang="fr" href="https://amp.dev/fr/about/websites/"><link rel="alternate" hreflang="ar" href="https://amp.dev/ar/about/websites/"><link rel="alternate" hreflang="es" href="https://amp.dev/es/about/websites/"><link rel="alternate" hreflang="it" href="https://amp.dev/it/about/websites/"><link rel="alternate" hreflang="id" href="https://amp.dev/id/about/websites/"><link rel="alternate" hreflang="ja" href="https://amp.dev/ja/about/websites/"><link rel="alternate" hreflang="ko" href="https://amp.dev/ko/about/websites/"><link rel="alternate" hreflang="pt_BR" href="https://amp.dev/pt_br/about/websites/"><link rel="alternate" hreflang="ru" href="https://amp.dev/ru/about/websites/"><link rel="alternate" hreflang="tr" href="https://amp.dev/tr/about/websites/"><link rel="alternate" hreflang="zh_CN" href="https://amp.dev/zh_cn/about/websites/"><link rel="alternate" hreflang="vi" href="https://amp.dev/vi/about/websites/"><title>AMP Websites - amp.dev</title><script type="application/ld+json">{"@context":"http://schema.org","@type":"Webpage","url":"https://amp.dev/pl/about/websites/ ","name":"amp.dev","headline":"AMP Websites","description":"AMP is a simple and robust format to ensure your website is fast, user-first, and makes money. AMP provides long-term success for your web strategy with distribution across ...","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-websites-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}.-tt{grid-column:2/24;width:100%;margin-bottom:7em}@media(min-width:768px){.-tt{margin-bottom:8vw}}.-tn{grid-column:1/12;min-width:100%}.-tr{grid-column:13/-1}.-ti{line-height:1.6rem;font-weight:400;color:#48525c}.-ts *{position:relative}.-to.-tu{position:absolute;margin-top:-48px;margin-left:-40px;font-size:140px;max-width:calc(100% + 40px);overflow:hidden}@media(min-width:768px){.-to.-tu{margin-top:-25px;margin-left:-150px}}.-tu{font-family:Poppins,system;font-weight:700;line-height:1.2em;color:#20202a;font-size:26vw;line-height:1em;margin:0 0 40px;color:#ebebf0}@media(min-width:768px){.-tu{font-size:13vw;line-height:.85}}@media(min-width:1280px){.-tu{font-size:140px}}.-tt .-ta{padding:3em 0;margin-bottom:0}.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}.-ox{height:auto;display:grid;grid-template-columns:13fr 23fr 1fr 7fr 19fr 33fr 4fr;grid-template-rows:18fr 28fr 28fr 4fr 8fr 7fr 7fr;padding-bottom:2em}.-ok{grid-column:3/7;grid-row:2/4}.-o_:before{content:"";width:100%;height:100%;position:absolute;left:-3px;top:-3px;border:3px solid #00dcc0}@media(min-width:768px){.-o_:before{left:-4px;top:-4px;border-width:4px}}@media(min-width:1024px){.-o_:before{left:-5px;top:-5px;border-width:5px}}.-o_: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){.-o_:after{left:-4px;padding:5px 10px;font-size:1.25vw}}@media(min-width:1024px){.-o_:after{left:-5px}}@media(min-width:1280px){.-o_:after{font-size:inherit}}.-oj{grid-column:2/8;grid-row:1/7;box-shadow:0 25px 50px -5px rgba(0,0,0,.25)}.-oq{grid-column:1/5;grid-row:3/6}.-oz{grid-column:4/6;grid-row:5/8}.-oz .-ta{font-size:.8125rem}.-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}.-in{padding:0;grid-template-columns:11.1fr 32.4fr 18.1fr 32.1fr 7fr;grid-template-rows:3.5fr 56.3fr 25.1fr 12.3fr 3.3fr}.-in:after{transform-origin:left bottom;animation:rotateShadow 10s ease-in-out 3.5s infinite both}.-in .-it{grid-column:2/5;grid-row:1/5;max-width:8.125em;transform:translate3d(0,3%,0) scale(.9);animation:none}@media(min-width:768px){.-in .-it{max-width:100%}}.-in .-rq{grid-column:3/6;grid-row:2/6;max-width:5.625em;box-shadow:20px 40px 60px -5px rgba(0,0,0,.25);animation:slide 10s ease-in-out 3.5s infinite both}.-in .-rq:before{border-color:#00dcc0}.-in .-rq:after{background:linear-gradient(225deg,#00dcc0,#005af0 75%)}@media(min-width:768px){.-in .-rq{max-width:100%}}.-in .-ir{font-size:.9rem}.-in .-ii{position:relative;color:#e6db74}.-in .-ii span{position:absolute;left:0;top:0}.-in .-ii span:before{content:"";position:absolute;display:block;width:calc(100% - 25px);height:100%;top:-1px;left:8px;z-index:-1;background-color:#eb49e1;animation:handleCodeMarker 10s ease-in-out 3.5s infinite both}.-in .-ii span:after{content:">";color:#fff}.-in .-ii span:first-child{animation:handleValueRight 10s ease-in-out 3.5s infinite both}.-in .-ii span:nth-child(2){animation:handleValueEmpty 10s ease-in-out 3.5s infinite both}.-in .-ii span:nth-child(3){animation:handleValueLeft 10s ease-in-out 3.5s infinite both}.-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,#00dcc0,#005af0 75%);grid-column:1/-1;position:relative;width:100%;margin-left:30px;border-bottom-left-radius:4em;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 2em),4em 100%,0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 2em),4em 100%,0 100%)}@media(min-width:768px){.-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{fill:#fff;display:flex;font-size:medium;box-sizing:initial;justify-content:center;width:1.375em;height:1.375em;position:absolute;left:0;bottom:calc(100% + 1em);padding:.5em;border:1px solid #fff;border-radius:50%}@media(min-width:768px){.-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;margin-bottom:.75em}@media(min-width:768px){.-se{font-size:.875rem}}@media(min-width:1024px){.-se{font-size:1.125rem}}.-st{color:#005af0;background-color:#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%}}.-oo{overflow:hidden;margin-bottom:7em}@media(min-width:768px){.-oo{margin-bottom:12vw}}.-ou{grid-column:4/10;order:2;margin:auto 0}@media(min-width:768px){.-ou{order:inherit}}.-os{margin:3em 1em 0 0}.-oa{width:100%;grid-column:13/25;order:1}@media(min-width:768px){.-oa{order:inherit}}.ap--main>.-tf:first-child{padding-top:54px;padding-bottom:3rem}.-of .-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){.-of .-tf{padding:0 15px}.-of .-tf>div,.-of .-tf section{min-width:0}}@media(min-width:768px){.-of .-tf{display:grid;grid-gap:30px;grid-template-columns:repeat(24,minmax(0,1fr));padding:0 30px}}.-of .-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){.-of .-tc>div,.-of .-tc section{min-width:0}}@media(min-width:768px){.-of .-tc{display:grid;grid-gap:30px;grid-template-columns:repeat(24,minmax(0,1fr));padding:0}}.-of .-t{padding-left:30px;padding-right:30px;margin-bottom:7em}@media(min-width:768px){.-of .-t{padding-left:0;padding-right:0;margin-bottom:8vw}}.-of .-t .-tf{padding:0}.-of .-t .ap-m-copy:last-child,.-of .-t .ap-m-copy p:last-child{margin-bottom:0}.-of .-oo{overflow:visible}.-of .-ol{display:flex;justify-content:space-between;grid-column:6/15}.-of .-oo .-os{margin-right:15px}.-of .-oo .-ou{padding-left:30px;padding-right:30px}@media(min-width:768px){.-of .-oo .-ou{padding-left:0;padding-right:0}}.-of .-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}.-of .-ig .-iy{margin:auto}.-of .-ig .-iy:first-child{grid-column:2/5;grid-row:3/9}.-of .-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}.-of .-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)}.-of .-ig .-iy:nth-child(2){grid-column:1/3;grid-row:2/10}.-of .-ig .-iy:nth-child(3){grid-column:8/13;grid-row:3/7}.-of .-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)}.-of .-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}.-of .-ig .-iy:nth-child(4){grid-column:6/9;grid-row:2/10}.-of .-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)}.-of .-ig .-iy:nth-child(5){grid-column:4/7;grid-row:4/8}.-of .-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}.-of .-ig .-iy:nth-child(6){grid-column:10/13;grid-row:5/9;z-index:1}.-of .-ig .-iy:nth-child(7){grid-column:12/14;grid-row:3/8}.-of .-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)}.-of .-ig .ap-m-copy{padding-left:30px;padding-right:30px}@media(min-width:768px){.-of .-ig .ap-m-copy{padding-left:0;padding-right:0}}.-of .-is .-st{margin-right:.5em}@media(max-width:767px){.-of .-is .-i_{margin-bottom:50px}.-of .-is .-ij{margin-top:20em;margin-bottom:4em}}@media(min-width:768px){.-of .-is+.-t{margin-top:-15%}}.-of .-is+.-t h1{font-size:2.125rem}@media(min-width:768px){.-of .-is+.-t h1{font-size:2.125rem}}@media(min-width:1024px){.-of .-is+.-t h1{font-size:4.5rem}}.-of .ap--tools-widget div.-rf{grid-column:4/25}.-of .-rf{grid-column:4/22;width:100%;margin-bottom:7em}@media(min-width:768px){.-of .-rf{margin-bottom:19.5em}}@media(min-width:1024px){.-of .-rf{margin-bottom:calc(12.5em + 8vw)}}.-of .-rl{display:flex;padding-top:40px;overflow:scroll}@media(min-width:768px){.-of .-rl{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:60px 30px;overflow:visible;padding-top:0;align-items:flex-start}}.-of .-rl .-rt{margin:0 20px}@media(min-width:768px){.-of .-rl .-rt{grid-column:span 4;margin:0}}.-of .-oc{grid-column:3/19;margin-top:0;font-size:1.65rem}@media(min-width:768px){.-of .-oc{font-size:2.125rem}}@media(min-width:1024px){.-of .-oc{font-size:4rem}}.-of .-tt{align-items:end}.-of .-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="external" viewBox="0 0 64 64"> <path d="M28.879 11.24c-0.841-0.841-2.206-0.841-3.048 0s-0.841 2.207 0 3.048l15.543 15.543h-39.241c-1.219 0-2.133 0.987-2.133 2.133 0 1.219 0.914 2.207 2.133 2.207h39.241l-15.616 15.543c-0.841 0.841-0.841 2.206 0 3.048 0.835 0.841 2.206 0.841 3.048 0l19.273-19.279c0.841-0.841 0.841-2.206 0-3.048l-19.2-19.194zM59.429 27.392c2.511 0 4.571 2.060 4.571 4.571s-2.060 4.571-4.571 4.571-4.571-2.060-4.571-4.571 2.060-4.571 4.571-4.571z"/> </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="fast-loading" viewBox="0 0 64 64"> <path d="M31.879 55.333c-0.736 0-1.333-0.597-1.333-1.333v0l-0.133-44c0-0.736 0.597-1.333 1.333-1.333v0 0l30.921 0.044c0.736 0 1.333 0.597 1.333 1.333v0 43.612c0 0 0 0 0 0 0 0.731-0.589 1.325-1.318 1.333h-0.001l-30.788 0.344zM62.667 53.656v0zM33.088 11.333l0.12 41.317 28.125-0.313v-40.961z"/> <path d="M46.133 45.815h-1.663l1.637-10.044-5.137 0.008c-0.457-0.004-0.827-0.375-0.827-0.833 0-0.002 0-0.004 0-0.006v0c0.031-0.2 0.095-0.379 0.187-0.541l-0.004 0.008 9.105-15.395h1.683l-1.677 10.059h5.176c0.002 0 0.004 0 0.006 0 0.454 0 0.823 0.368 0.823 0.823 0 0.194-0.067 0.372-0.179 0.512l0.001-0.002z"/> <path d="M25.333 26h-24c-0.736 0-1.333-0.597-1.333-1.333s0.597-1.333 1.333-1.333v0h24c0.736 0 1.333 0.597 1.333 1.333s-0.597 1.333-1.333 1.333v0z"/> <path d="M25.333 34h-18.667c-0.736 0-1.333-0.597-1.333-1.333s0.597-1.333 1.333-1.333v0h18.667c0.736 0 1.333 0.597 1.333 1.333s-0.597 1.333-1.333 1.333v0z"/> <path d="M25.333 42h-12c-0.736 0-1.333-0.597-1.333-1.333s0.597-1.333 1.333-1.333v0h12c0.736 0 1.333 0.597 1.333 1.333s-0.597 1.333-1.333 1.333v0z"/> </symbol><symbol id="components" viewBox="0 0 64 64"> <path d="M9.001 36.945h-7.577c-0.735 0-1.33-0.596-1.33-1.33v0l-0.093-33.569c0-0.735 0.596-1.33 1.33-1.33v0 0l24.091 0.029c0.735 0 1.33 0.596 1.33 1.33v0 4.007c0 0.735-0.596 1.33-1.33 1.33s-1.33-0.596-1.33-1.33v0-2.678l-21.426-0.031 0.085 30.911h6.253c0.735 0 1.33 0.596 1.33 1.33s-0.596 1.33-1.33 1.33v0z"/> <path d="M13.396 44.927c-0.735 0-1.33-0.596-1.33-1.33v0l-0.093-33.569c0-0.735 0.596-1.33 1.33-1.33v0 0l22.76 0.029c0.735 0 1.33 0.596 1.33 1.33v0 33.274c0 0 0 0 0 0 0 0.729-0.587 1.321-1.313 1.33h-0.001l-22.667 0.266zM36.063 43.33v0zM14.637 11.355l0.085 30.891 20.011-0.23v-30.631z"/> <path d="M23.886 37.372h-1.219l1.205-7.394h-3.777c-0.337-0.002-0.609-0.276-0.609-0.613 0-0.001 0-0.003 0-0.004v0c0.021-0.149 0.068-0.284 0.136-0.405l-0.003 0.006 6.706-11.334h1.238l-1.235 7.406h3.81c0.001 0 0.002 0 0.003 0 0.334 0 0.605 0.271 0.605 0.605 0 0.142-0.049 0.272-0.13 0.375l0.001-0.001z"/> <path d="M42.798 24.706c0 0 0 0 0 0-0.732 0-1.326-0.591-1.33-1.322v-0l-0.083-13.352c0-0.002 0-0.005 0-0.008 0-0.735 0.596-1.33 1.33-1.33 0 0 0 0 0 0l19.955 0.013c0.735 0 1.33 0.596 1.33 1.33v0 13.235c0 0 0 0 0 0 0 0.732-0.592 1.327-1.323 1.33h-0l-19.872 0.104zM62.67 23.272v0zM44.053 11.354l0.067 10.692 17.22-0.097v-10.581z"/> <path d="M42.798 40.67c0 0 0 0-0 0-0.731 0-1.324-0.59-1.33-1.319v-0.001l-0.083-10.692c0-0.003-0-0.007-0-0.011 0-0.735 0.596-1.33 1.33-1.33 0 0 0 0 0 0l19.955 0.011c0.735 0 1.33 0.596 1.33 1.33v0 10.599c0 0.735-0.596 1.33-1.33 1.33v0l-19.867 0.083zM62.67 39.257v0zM44.056 29.978l0.061 8.031 17.222-0.077v-7.943z"/> <path d="M24.039 63.285c0 0 0 0-0 0-0.731 0-1.325-0.59-1.33-1.321v-0.001l-0.093-13.352c0-0.003-0-0.006-0-0.009 0-0.735 0.596-1.33 1.33-1.33 0 0 0 0 0 0l22.76 0.013c0.735 0 1.33 0.596 1.33 1.33v0 13.235c0 0.735-0.596 1.33-1.33 1.33v0l-22.661 0.104zM46.706 61.851v0zM25.288 49.933l0.073 10.692 20.015-0.098v-10.58z"/> <path d="M50.431 15.527c0 1.029-0.834 1.862-1.862 1.862s-1.862-0.834-1.862-1.862c0-1.029 0.834-1.862 1.862-1.862v0c0.013-0 0.029-0.001 0.044-0.001 1.004 0 1.819 0.814 1.819 1.819 0 0.016-0 0.031-0.001 0.047l0-0.002z"/> <path d="M40.054 56.633h-9.312c-0.735 0-1.33-0.596-1.33-1.33s0.596-1.33 1.33-1.33v0h9.312c0.735 0 1.33 0.596 1.33 1.33s-0.596 1.33-1.33 1.33v0z"/> </symbol><symbol id="content-modules" viewBox="0 0 64 64"> <path d="M25.427 29.091h-20.308c-2.424-0.002-4.389-1.967-4.391-4.391v-20.309c0.002-2.424 1.967-4.389 4.391-4.391h20.309c2.424 0.002 4.389 1.967 4.391 4.391v20.309c-0.002 2.424-1.967 4.389-4.391 4.391h-0zM5.119 2.909c-0.818 0.001-1.481 0.664-1.482 1.482v20.308c0.001 0.818 0.664 1.481 1.482 1.482h20.308c0.818-0.001 1.481-0.664 1.482-1.482v-20.308c-0.001-0.818-0.664-1.481-1.482-1.482h-0z"/> <path d="M2.182 26.182c-0.803-0-1.454-0.651-1.454-1.454 0-0.402 0.163-0.765 0.426-1.028l9.756-9.756 4.364 4.364 8.727-8.727 5.392 5.392c0.253 0.261 0.408 0.618 0.408 1.011 0 0.803-0.651 1.454-1.454 1.454-0.393 0-0.749-0.156-1.011-0.409l-3.335-3.335-8.727 8.727-4.364-4.364-7.699 7.699c-0.263 0.263-0.627 0.426-1.028 0.426v0z"/> <path d="M13.818 8c0 1.205-0.977 2.182-2.182 2.182s-2.182-0.977-2.182-2.182c0-1.205 0.977-2.182 2.182-2.182s2.182 0.977 2.182 2.182z"/> <path d="M54.545 10.182h-11.636c-0.803 0-1.455-0.651-1.455-1.454s0.651-1.454 1.455-1.454v0h11.636c0.803 0 1.455 0.651 1.455 1.454s-0.651 1.454-1.455 1.454v0z"/> <path d="M54.545 16h-11.636c-0.803 0-1.455-0.651-1.455-1.454s0.651-1.454 1.455-1.454v0h11.636c0.803 0 1.455 0.651 1.455 1.454s-0.651 1.454-1.455 1.454v0z"/> <path d="M54.545 21.818h-11.636c-0.803 0-1.455-0.651-1.455-1.454s0.651-1.454 1.455-1.454v0h11.636c0.803 0 1.455 0.651 1.455 1.454s-0.651 1.454-1.455 1.454v0z"/> <path d="M58.882 29.091h-20.308c-2.424-0.002-4.389-1.967-4.391-4.391v-20.309c0.002-2.424 1.967-4.389 4.391-4.391h20.309c2.424 0.002 4.389 1.967 4.391 4.391v20.309c-0.002 2.424-1.967 4.389-4.391 4.391h-0zM38.573 2.909c-0.818 0.001-1.481 0.664-1.482 1.482v20.308c0.001 0.818 0.664 1.481 1.482 1.482h20.308c0.818-0.001 1.481-0.664 1.482-1.482v-20.308c-0.001-0.818-0.664-1.481-1.482-1.482h-0z"/> <path d="M58.882 64h-53.763c-2.424-0.002-4.389-1.967-4.391-4.391v-23.218c0.002-2.424 1.967-4.389 4.391-4.391h53.763c2.424 0.002 4.389 1.967 4.391 4.391v23.218c-0.002 2.424-1.967 4.389-4.391 4.391h-0zM5.119 34.909c-0.818 0.001-1.481 0.664-1.482 1.482v23.218c0.001 0.818 0.664 1.481 1.482 1.482h53.763c0.818-0.001 1.481-0.664 1.482-1.482v-23.218c-0.001-0.818-0.664-1.481-1.482-1.482h-0z"/> <path d="M28.364 55.273c-0.803 0-1.454-0.651-1.454-1.455v0-11.539c0-0.803 0.651-1.454 1.454-1.454 0.298 0 0.576 0.090 0.807 0.244l-0.005-0.003 8.727 5.769c0.395 0.264 0.652 0.709 0.652 1.213s-0.257 0.949-0.647 1.21l-0.005 0.003-8.727 5.77c-0.226 0.151-0.503 0.241-0.801 0.241h-0zM29.818 44.985v6.128l4.636-3.065z"/> </symbol><symbol id="interaction" viewBox="0 0 64 64"> <path d="M18.722 63.74c-0.734-0.001-1.33-0.596-1.33-1.331 0-0.616 0.419-1.135 0.988-1.286l0.009-0.002 12.671-3.284c0.694-0.163 1.253-0.635 1.533-1.26l0.006-0.014c0.108-0.268 0.17-0.579 0.17-0.905 0-0.424-0.106-0.822-0.293-1.171l0.007 0.013c-0.65-1.018-1.584-1.804-2.69-2.256l-0.038-0.014-4.88 3.658c-0.218 0.163-0.494 0.261-0.792 0.261-0.735 0-1.331-0.596-1.331-1.331 0-0.392 0.17-0.745 0.439-0.988l13.027-11.579c0.406-0.433 0.655-1.017 0.655-1.659 0-0.67-0.271-1.276-0.71-1.715l0 0c-0.41-0.415-0.98-0.672-1.609-0.672-0.665 0-1.264 0.287-1.678 0.745l-0.002 0.002-7.88 7.519c-0.24 0.235-0.569 0.38-0.932 0.38-0.736 0-1.332-0.596-1.332-1.332 0-0.373 0.153-0.71 0.4-0.952l0-0c0.41-0.411 1.264-1.263 1.238-1.556 0 0-0.044-0.225-0.624-0.63-0.655-0.409-1.13-0.184-2.662 1.313-0.246 0.243-0.585 0.394-0.958 0.394-0.099 0-0.196-0.011-0.29-0.031l0.009 0.002c-0.448-0.094-0.807-0.403-0.97-0.811l-0.003-0.009c-0.048-0.196-0.075-0.421-0.075-0.652 0-0.523 0.14-1.014 0.384-1.437l-0.007 0.014c0.043-0.108 0.1-0.253 0.148-0.385-0.13-0.172-0.31-0.3-0.517-0.365l-0.007-0.002c-0.424-0.090-1.198 0.441-1.807 0.86-0.362 0.27-0.771 0.524-1.202 0.741l-0.047 0.022c-0.164 0.078-0.357 0.123-0.56 0.123-0.735 0-1.331-0.596-1.331-1.331 0-0.385 0.164-0.733 0.426-0.976l0.001-0.001c-0.017-0.075-0.042-0.14-0.075-0.201l0.002 0.004c-0.097-0.011-0.209-0.017-0.323-0.017-0.779 0-1.491 0.293-2.029 0.774l0.003-0.003-9.463 11.654c-0.246 0.322-0.629 0.527-1.061 0.527-0.735 0-1.331-0.596-1.331-1.331 0-0.336 0.125-0.643 0.33-0.877l-0.001 0.002 9.549-11.731c0.039-0.049 0.079-0.092 0.122-0.132l0.001-0.001c1.019-0.951 2.391-1.534 3.899-1.534 0.388 0 0.768 0.039 1.134 0.112l-0.037-0.006c0.687 0.211 1.241 0.679 1.56 1.29l0.007 0.014c0.616-0.4 1.369-0.638 2.177-0.638 0.199 0 0.394 0.014 0.585 0.042l-0.022-0.003c1.018 0.236 1.862 0.849 2.395 1.681l0.009 0.015c0.080 0.088 0.15 0.187 0.207 0.294l0.004 0.008c0.39-0.165 0.842-0.261 1.318-0.261 0.745 0 1.434 0.235 1.999 0.635l-0.011-0.007c0.495 0.333 0.916 0.734 1.26 1.194l0.010 0.013 4.534-4.327c0.895-0.926 2.148-1.501 3.535-1.501 1.364 0 2.599 0.556 3.489 1.454l0 0c0.92 0.919 1.489 2.19 1.489 3.593s-0.569 2.674-1.489 3.593v0l-6.615 5.876c1.407 0.745 2.552 1.82 3.359 3.126l0.021 0.037c0.383 0.705 0.608 1.543 0.608 2.434 0 0.695-0.137 1.357-0.385 1.963l0.013-0.035c-0.615 1.407-1.832 2.453-3.316 2.821l-0.034 0.007-12.643 3.278c-0.101 0.029-0.217 0.047-0.337 0.049h-0.001z"/> <path d="M42.808 44.744c-0.004 0-0.009 0-0.014 0-0.735 0-1.331-0.596-1.331-1.331 0-0.524 0.303-0.977 0.743-1.194l0.008-0.004c2.019-1.009 3.381-3.061 3.381-5.43 0-3.342-2.709-6.051-6.051-6.051-2.078 0-3.911 1.047-5.001 2.643l-0.013 0.021c-0.243 0.353-0.645 0.581-1.1 0.581-0.735 0-1.331-0.596-1.331-1.331 0-0.28 0.087-0.54 0.234-0.754l-0.003 0.005c1.59-2.31 4.22-3.806 7.2-3.806 4.812 0 8.713 3.901 8.713 8.713 0 3.403-1.951 6.35-4.795 7.785l-0.050 0.023c-0.169 0.083-0.367 0.132-0.577 0.132-0.004 0-0.008 0-0.013-0h0.001z"/> <path d="M41.858 51.95c-0 0-0 0-0.001 0-0.735 0-1.331-0.596-1.331-1.331 0-0.654 0.472-1.198 1.093-1.31l0.008-0.001c5.948-1.084 10.399-6.225 10.399-12.406 0-6.959-5.641-12.6-12.6-12.6-5.481 0-10.144 3.499-11.878 8.386l-0.027 0.088c-0.186 0.526-0.679 0.895-1.258 0.895-0.735 0-1.331-0.596-1.331-1.331 0-0.156 0.027-0.306 0.076-0.445l-0.003 0.009c2.133-6.026 7.782-10.265 14.421-10.265 8.429 0 15.262 6.833 15.262 15.262 0 7.488-5.392 13.716-12.505 15.013l-0.093 0.014c-0.069 0.014-0.148 0.021-0.23 0.021-0.001 0-0.001 0-0.002 0h0z"/> <path d="M58.677 10.907c-2.94 0-5.323-2.383-5.323-5.323s2.383-5.323 5.323-5.323c2.94 0 5.323 2.383 5.323 5.323v0c0 2.94-2.383 5.323-5.323 5.323v0zM58.677 2.922c-1.47 0-2.662 1.192-2.662 2.662s1.192 2.662 2.662 2.662c1.47 0 2.662-1.192 2.662-2.662v0c0-1.47-1.192-2.662-2.662-2.662v0z"/> <path d="M6.775 21.553c-2.94 0-5.323-2.383-5.323-5.323s2.383-5.323 5.323-5.323c2.94 0 5.323 2.383 5.323 5.323v0c0 2.94-2.383 5.323-5.323 5.323v0zM6.775 13.568c-1.47 0-2.662 1.192-2.662 2.662s1.192 2.662 2.662 2.662c1.47 0 2.662-1.192 2.662-2.662v0c0-1.47-1.192-2.662-2.662-2.662v0z"/> <path d="M32.060 10.907c-2.94 0-5.323-2.383-5.323-5.323s2.383-5.323 5.323-5.323c2.94 0 5.323 2.383 5.323 5.323v0c0 2.94-2.383 5.323-5.323 5.323v0zM32.060 2.922c-1.47 0-2.662 1.192-2.662 2.662s1.192 2.662 2.662 2.662c1.47 0 2.662-1.192 2.662-2.662v0c0-1.47-1.192-2.662-2.662-2.662v0z"/> <path d="M50.692 24.215c-0.735-0-1.331-0.596-1.331-1.331 0-0.367 0.149-0.7 0.39-0.941l7.595-7.595v-4.772c0-0.735 0.596-1.331 1.331-1.331s1.331 0.596 1.331 1.331v0 5.874l-8.375 8.375c-0.241 0.241-0.573 0.39-0.941 0.39v0z"/> <path d="M33.39 21.553c-0.619-0.001-1.139-0.426-1.286-1l-0.002-0.009-1.372-5.645v-5.323c0-0.735 0.596-1.331 1.331-1.331s1.331 0.596 1.331 1.331v0 5.16l1.291 5.165c0.025 0.097 0.040 0.208 0.040 0.322 0 0.62-0.424 1.141-0.998 1.289l-0.009 0.002c-0.097 0.025-0.209 0.040-0.325 0.040h-0z"/> <path d="M25.406 26.876c-0.001 0-0.002 0-0.003 0-0.402 0-0.762-0.18-1.004-0.464l-0.002-0.002-7.588-8.85h-6.042c-0.735 0-1.331-0.596-1.331-1.331s0.596-1.331 1.331-1.331v0h7.266l8.384 9.781c0.199 0.231 0.319 0.534 0.319 0.865 0 0.735-0.596 1.331-1.331 1.331 0 0-0 0-0 0v0z"/> </symbol><symbol id="star" viewBox="0 0 64 64"> <path d="M13.16 62.478c-0.84 0-1.54-0.7-1.54-1.54 0-0.14 0-0.14 0-0.28l3.5-20.16-14.7-14.28c-0.56-0.56-0.56-1.54 0-2.24 0.28-0.28 0.56-0.42 0.84-0.42l20.3-2.94 9.1-18.34c0.42-0.7 1.4-0.98 2.24-0.56 0.14 0.14 0.28 0.28 0.42 0.56l9.1 18.34 20.3 2.94c0.84 0.14 1.4 0.84 1.26 1.68 0 0.28-0.14 0.7-0.42 0.84l-14.7 14.42 3.5 20.16c0.14 0.84-0.42 1.68-1.26 1.82-0.28 0-0.7 0-0.98-0.14l-18.2-9.52-18.2 9.52c-0.14 0.14-0.42 0.14-0.56 0.14zM4.76 26.219l13.020 12.74c0.42 0.42 0.56 0.84 0.42 1.4l-3.080 17.92 16.1-8.4c0.42-0.28 0.98-0.28 1.4 0l16.1 8.4-2.94-18.060c-0.14-0.56 0.14-0.98 0.42-1.4l13.020-12.74-18.060-2.66c-0.56-0.14-0.98-0.42-1.12-0.84l-8.12-16.24-8.12 16.38c-0.28 0.42-0.7 0.7-1.12 0.84l-17.92 2.66z"/> <path d="M29.959 46.238h-1.54l1.54-9.1h-4.62c-0.42 0-0.7-0.28-0.7-0.7 0 0 0 0 0 0 0-0.14 0.14-0.28 0.14-0.42l8.26-14h1.54l-1.54 9.1h4.76c0.42 0 0.7 0.28 0.7 0.7 0 0 0 0 0 0 0 0.14 0 0.28-0.14 0.42l-8.4 14z"/> </symbol><symbol id="ux-improvement" viewBox="0 0 64 64"> <path d="M31.972 60.18c-0.867 0-1.734-0.434-2.457-1.011l-24.421-24.999c-6.792-7.081-6.792-18.063 0-25.144 6.647-6.792 17.63-6.792 24.421-0.289 0.145 0.145 0.145 0.145 0.289 0.289l2.168 2.312 2.168-2.312c6.503-6.792 17.485-6.936 24.277-0.434 0.145 0.145 0.289 0.289 0.434 0.434 5.636 5.78 6.792 14.595 2.746 21.531-0.434 0.723-1.301 0.867-2.023 0.433s-0.867-1.301-0.578-1.879c3.324-5.78 2.601-13.15-2.312-18.063-5.491-5.636-14.595-5.78-20.231-0.289-0.145 0.145-0.289 0.145-0.434 0.289l-4.191 4.191-4.191-4.191c-5.347-5.636-14.595-5.78-20.231-0.289-0.144 0.145-0.144 0.289-0.289 0.289-5.78 5.925-5.78 15.173 0 21.098l24.421 24.999c0.145 0.145 0.578 0.145 0.723 0l0.434-0.434c0.578-0.578 1.445-0.578 2.023 0s0.578 1.445 0 2.023l-0.578 0.578c-0.434 0.578-1.301 0.867-2.168 0.867z"/> <path d="M46.422 59.457c-8.815 0-15.896-7.081-15.896-15.896s7.081-15.896 15.896-15.896 15.896 7.081 15.896 15.896-7.081 15.896-15.896 15.896zM46.422 30.556c-7.225 0-13.005 5.78-13.005 13.006s5.78 13.005 13.005 13.005 13.005-5.78 13.005-13.005-5.78-13.005-13.005-13.005z"/> <path d="M52.203 43.562c-0.434 0-0.723-0.145-1.011-0.434l-4.769-4.769-4.769 4.769c-0.578 0.578-1.445 0.578-2.023 0s-0.578-1.445 0-2.023l5.78-5.78c0.578-0.578 1.445-0.578 2.023 0l5.78 5.78c0.578 0.578 0.578 1.445 0 2.023-0.289 0.289-0.578 0.434-1.011 0.434z"/> <path d="M46.422 52.232c-0.867 0-1.445-0.578-1.445-1.445v-13.005c0-0.867 0.578-1.445 1.445-1.445s1.445 0.578 1.445 1.445v13.005c0 0.867-0.578 1.445-1.445 1.445z"/> </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="/pl/"> <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 "> Informacje <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="/pl/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">Witryny internetowe AMP</div> <div class="ap-o-header-flyout-item-description">Tworzenie nienagannych rozwiązań internetowych</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link stories" href="/pl/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">Relacje, które każdy może udostępnić wszystkim</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link ads" href="/pl/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">Reklamy AMP</div> <div class="ap-o-header-flyout-item-description">Superszybkie reklamy w Internecie</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link email" href="/pl/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">Poczta e-mail AMP</div> <div class="ap-o-header-flyout-item-description">Poczta elektroniczna nowej generacji</div> </div> </a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="/pl/about/how-amp-works/">Jak działa AMP</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="/pl/about/mission-and-vision/">Wizja i misja</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="/pl/about/use-cases/">Przykładowe realizacje</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="/pl/success-stories/">Historie sukcesu</a> </li> </ul> </div> <div class="ap-o-header-main-item"> <button class="ap-o-header-main-link -tw "> Dokumentacja <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="/pl/documentation/">Rozpocznij</a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link " href="/pl/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">Przewodniki i samouczki</div> <div class="ap-o-header-flyout-item-description">Zacznij korzystać z AMP</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link " href="/pl/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">Składniki</div> <div class="ap-o-header-flyout-item-description">Pełna biblioteka AMP</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link " href="/pl/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">Przykłady</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="/pl/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">Kursy</div> <div class="ap-o-header-flyout-item-description">Opanuj AMP dzięki bezpłatnym kursom</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link " href="/pl/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">Szablony</div> <div class="ap-o-header-flyout-item-description">Gotowe do użycia</div> </div> </a> </li> <li class="ap-o-header-flyout-primary-item"> <a class="ap-o-header-flyout-primary-item-link " href="/pl/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">Narzędzia</div> <div class="ap-o-header-flyout-item-description">Zacznij tworzyć</div> </div> </a> </li> </ul> </div> <div class="ap-o-header-main-item"> <button class="ap-o-header-main-link -tw "> Społeczność <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="/pl/documentation/guides-and-tutorials/contribute/">Udział</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="/pl/community/roadmap/">Plan działania</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="/pl/community/governance/">Zarządzanie</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="/pl/community/working-groups/access-subscriptions/">Grupy robocze</a> </li> </ul> </div> <div class="ap-o-header-main-item"> <button class="ap-o-header-main-link -tw "> Wydarzenia <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="/pl/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="/pl/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 "> Pomoc techniczna <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="/pl/support/">Pomoc</a> </li> <li class="ap-o-header-flyout-item-secondary"> <a class="ap-o-header-flyout-item-title secondary" href="/pl/support/faq/">FAQ</a> </li> </ul> </div> </nav> <div class="-tv"> <span class="-tm" aria-label="Wybierz język" tabindex="-1"> <span class="-tw">PL</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/websites/" role="listitem">English</a> <a class="-tw" href="/de/about/websites/" role="listitem">Deutsch</a> <a class="-tw" href="/fr/about/websites/" role="listitem">Français</a> <a class="-tw" href="/ar/about/websites/" role="listitem">العربية</a> <a class="-tw" href="/es/about/websites/" role="listitem">Español</a> <a class="-tw" href="/it/about/websites/" role="listitem">Italiano</a> <a class="-tw" href="/id/about/websites/" role="listitem">Indonesia</a> <a class="-tw" href="/ja/about/websites/" role="listitem">日本語</a> <a class="-tw" href="/ko/about/websites/" role="listitem">한국어</a> <a class="-tw" href="/pt_br/about/websites/" role="listitem">Português</a> <a class="-tw" href="/ru/about/websites/" role="listitem">Русский</a> <a class="-tw" href="/tr/about/websites/" role="listitem">Türkçe</a> <a class="-tw" href="/zh_cn/about/websites/" role="listitem">中文</a> <a class="-tw" href="/vi/about/websites/" role="listitem">Tiếng việt</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 hamburgerowe" 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 "> Informacje </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="/pl/about/websites/"> Witryny internetowe AMP </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/pl/about/stories/"> Web Stories </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/pl/about/ads/"> Reklamy AMP </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/pl/about/email/"> Poczta e-mail AMP </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/pl/about/how-amp-works/"> Jak działa AMP </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/pl/about/mission-and-vision/"> Wizja i misja </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/pl/about/use-cases/"> Przykładowe realizacje </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/pl/success-stories/"> Historie sukcesu </a> </li> </ul> </li> <li class="-tp"> <label class="ap-o-burger-menu-link -tw "> Dokumentacja </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="/pl/documentation/"> Rozpocznij </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/pl/documentation/guides-and-tutorials/"> Przewodniki i samouczki </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/pl/documentation/components/"> Składniki </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/pl/documentation/examples/"> Przykłady </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/pl/documentation/courses/"> Kursy </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/pl/documentation/templates/"> Szablony </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/pl/documentation/tools/"> Narzędzia </a> </li> </ul> </li> <li class="-tp"> <label class="ap-o-burger-menu-link -tw "> Społeczność </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="/pl/documentation/guides-and-tutorials/contribute/"> Udział </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/pl/community/roadmap/"> Plan działania </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/pl/community/governance/"> Zarządzanie </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/pl/community/working-groups/access-subscriptions/"> Grupy robocze </a> </li> </ul> </li> <li class="-tp"> <label class="ap-o-burger-menu-link -tw "> Wydarzenia </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="/pl/events/amp-fest-2020/"> AMP Fest 2020 </a> </li> <li class="-tp"> <a class="ap-o-burger-menu-link -tx" href="/pl/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="/pl/support/"> Pomoc </a> </li> </ul> </nav> <main class="ap--main -of"> <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">Przekonująco, płynnie i błyskawicznie</h2> <h1 class="-iz">Z łatwością utwórz pierwsze witryny internetowe użytkowników za pomocą AMP.</h1> <a href="/pl/documentation/guides-and-tutorials/start/create/?format=websites" class="-st ap-a-btn">Rozpocznij</a> </div> </div> </div> <div class="-io -in"> <div class="-iu -it"> <amp-img src="/static/img/component-visual-site.jpg" layout="responsive" width="130" height="231" alt="Zrzut ekranu witryny internetowej." 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.6923%"></i-amphtml-sizer></amp-img> </div> <div class="-iu -rq" title="<amp-sidebar>"> <amp-img src="/static/img/component-visual-nav.jpg" layout="responsive" width="100" height="256" alt="Zrzut ekranu przedstawiający składnik amp-sidebar." 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:256%"></i-amphtml-sizer></amp-img> </div> <div class="-ir"> <div class="-ta"> <pre><span class="p"><</span><span class="nt">amp-sidebar</span> <span class="na">id</span><span class="o">=</span><span class="s">"sidebar"</span> <span class="na">layout</span><span class="o">=</span><span class="s">"nodisplay"</span> <span class="na">side</span><span class="o">=</span><span class="-ii"><span>"right"</span><span>" "</span><span>"left"</span></span> <span class="p"></</span><span class="nt">amp-sidebar</span><span class="p">></span> </pre> </div> </div> </div></section> <section class="-t"> <div class="-tc"> <div class="ap-m-copy ap-m-copy-left-small"> <h1>Co to jest<br> AMP?</h1> <h5>Strony internetowe, które są przekonujące, płynnie działają i są ładowane niemal natychmiast</h5> </div> </div> </section> <section class="-oo"> <div class="ap-o-component-visual -tc"> <div class="-ou ap-m-copy ap-m-copy-left-small" amp-fx="fade-in fly-in-left" data-duration="1s" data-fly-in-distance="5%" data-margin-start="0%"> <p>AMP to prosty i niezawodny format sprawiający, że witryna internetowa jest szybka, zorientowana na użytkownika i zarabia pieniądze. AMP zapewnia długoterminowy sukces Twojej strategii internetowej dzięki dystrybucji na popularnych platformach oraz obniżeniu kosztów operacyjnych i rozwoju.</p> <div class="-os"> <a href="/pl/documentation/guides-and-tutorials/" 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">Rozpocznij</span> </a> </div> </div> <div class="-oa"> <div class="-ox"> <div class="-oj" amp-fx="fade-in fly-in-bottom" data-duration="1s" data-fly-in-distance="5%" data-margin-start="40%"> <amp-img src="/static/img/the-blog.jpg" layout="responsive" height="517" width="682" 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:75.8065%"></i-amphtml-sizer> </amp-img></div> <div class="-ok"> <div class="-o_" title="<amp-img>" amp-fx="fade-in fly-in-right" data-duration="1s" data-fly-in-distance="5%" data-margin-start="40%"> <amp-img src="/static/img/beach.jpg" layout="responsive" height="313" width="469" 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:66.7377%"></i-amphtml-sizer> </amp-img></div> </div> <div class="-oq" amp-fx="fade-in fly-in-bottom" data-duration="1s" data-fly-in-distance="5%" data-margin-start="30%"> <div class="-ta"><pre><span></span><code><span class="p"><</span><span class="nt">amp-img</span> <span class="na">class</span><span class="o">=</span><span class="s">"resp-img"</span> <span class="na">alt</span><span class="o">=</span><span class="s">"Desktop"</span> <span class="na">width</span><span class="o">=</span><span class="s">"550"</span> <span class="na">height</span><span class="o">=</span><span class="s">"368"</span> <span class="na">src</span><span class="o">=</span><span class="s">"images/Desktop.jpeg"</span><span class="p">></span> <span class="p"></</span><span class="nt">amp-img</span><span class="p">></span> </code></pre></div> </div> <div class="-oz" amp-fx="fade-in fly-in-bottom" data-duration="1s" data-fly-in-distance="5%" data-margin-start="25%"> <div class="-ta"><pre><span></span><code><span class="p"><</span><span class="nt">style</span> <span class="na">amp-custom</span><span class="p">></span> <span class="p">.</span><span class="nc">resp-img</span> <span class="p">{</span> <span class="k">max-width</span><span class="p">:</span> <span class="mi">700</span><span class="kt">px</span><span class="p">;</span> <span class="p">}</span> <span class="p"></</span><span class="nt">style</span><span class="p">></span> </code></pre></div> </div> </div> </div> </div> </section> <section class="-ra -tf"> <div class="-rf"> <div class="-rl"> <div class="-rt -re" [hidden]="filter.category != 'none' && filter.category != 'publishers'" i-amphtml-binding> <a href="/pl/success-stories/indiatoday/"> <div class="ap-m-tag ap-m-tag-general -rr">wydawcy</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">Większy całkowity ruch</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/indiatoday/indiatoday_logo.jpg" layout="fill" alt="India Today" i-amphtml-layout="fill"></amp-img> </div> <h4 class="-ru">India Today zachwyca czytelników i zwiększa przychody dzięki AMP</h4> </div> </div> </a> </div> <div class="-rt -re" [hidden]="filter.category != 'none' && filter.category != 'publishers'" i-amphtml-binding> <a href="/pl/success-stories/washingtonpost/"> <div class="ap-m-tag ap-m-tag-general -rr">wydawcy</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">23%</span> <span class="ap-m-kpi-text">Wzrost liczby powracających użytkowników z wyszukiwarek mobilnych</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/washington_post/washington_post_logo.png" layout="fill" alt="Washington Post" i-amphtml-layout="fill"></amp-img> </div> <h4 class="-ru">AMP pomaga Washington Post zwiększyć liczbę powracających użytkowników z wyszukiwarek mobilnych o 23%</h4> </div> </div> </a> </div> <div class="-rt -re" [hidden]="filter.category != 'none' && filter.category != 'publishers'" i-amphtml-binding> <a href="/pl/success-stories/gizmodo/"> <div class="ap-m-tag ap-m-tag-general -rr">wydawcy</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">3x</span> <span class="ap-m-kpi-text">Krótszy czas ładowania strony</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/Gizmodo/gizmodo_logo.png" layout="fill" alt="Gizmodo" i-amphtml-layout="fill"></amp-img> </div> <h4 class="-ru">AMP trzykrotnie przyspiesza Gizmodo na urządzeniach mobilnych</h4> </div> </div> </a> </div> </div> </div> </section> <section class="-ig"> <div class="-tc"> <div class="ap-m-copy ap-m-copy-left-small" amp-fx="fade-in fly-in-left" data-duration="1s" data-fly-in-distance="5%"> <h3>Wywołuj wspaniałe doznania użytkowników w całym otwartym Internecie</h3> <p>AMP umożliwia tworzenie witryn internetowych i reklam, które są konsekwentnie szybkie, piękne i mają wysoką skuteczność na różnych urządzeniach i platformach dystrybucji. Wydawcy i reklamodawcy mogą decydować o tym, jak zaprezentować treści, aby podkreślić swoją orientację na użytkownika.</p> </div> <div class="-im"> <div class="-iy"> <amp-img data-hero src="/static/img/case-band-post-mobile.jpg" alt="Zrzut ekranu witryny internetowej korzystającej z AMP." layout="responsive" width="750" height="1334" i-amphtml-ssr 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.8667%"></i-amphtml-sizer><img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" alt="Zrzut ekranu witryny internetowej korzystającej z AMP." src="/static/img/case-band-post-mobile.jpg"></amp-img> </div> <div class="-iy"> <amp-img data-hero src="/static/img/case-band-vox-mobile.jpg" alt="Zrzut ekranu witryny internetowej korzystającej z AMP." layout="responsive" width="750" height="1334" i-amphtml-ssr 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.8667%"></i-amphtml-sizer><img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" alt="Zrzut ekranu witryny internetowej korzystającej z AMP." src="/static/img/case-band-vox-mobile.jpg"></amp-img> </div> <div class="-iy"> <amp-img data-hero src="/static/img/case-band-iene-desktop.jpg" alt="Zrzut ekranu witryny internetowej korzystającej z AMP." layout="responsive" width="1440" height="900" 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:62.5%"></i-amphtml-sizer></amp-img> </div> <div class="-iy"> <amp-img data-hero src="/static/img/case-band-bmw-mobile.jpg" alt="Zrzut ekranu witryny internetowej korzystającej z AMP." layout="responsive" width="750" height="1334" 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.8667%"></i-amphtml-sizer></amp-img> </div> <div class="-iy"> <amp-img data-hero src="/static/img/case-band-magebit-desktop.jpg" alt="Zrzut ekranu witryny internetowej korzystającej z AMP." layout="responsive" width="1440" height="900" 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:62.5%"></i-amphtml-sizer></amp-img> </div> <div class="-iy"> <amp-img data-hero src="/static/img/case-band-renovationbrands-desktop.jpg" alt="Zrzut ekranu witryny internetowej korzystającej z AMP." layout="responsive" width="1440" height="900" 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:62.5%"></i-amphtml-sizer></amp-img> </div> <div class="-iy"> <amp-img data-hero src="/static/img/case-band-tasty-mobile.jpg" alt="Zrzut ekranu witryny internetowej korzystającej z AMP." layout="responsive" width="750" height="1334" 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.8667%"></i-amphtml-sizer></amp-img> </div> </div> </div> </section> <section class="ap--benefits-overview"> <div class="ap-o-benefits -tf"> <div class="-sb -sw"> <div class="-sa"> <div class="-sf"> <svg class="-sf"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ux-improvement"/></svg> </div> <div class="-sl"> <span class="-sc"> Zachowaj elastyczność i kontrolę oraz zmniejsz złożoność kodu</span> <span class="-sh">Za pomocą CSS można dostosowywać styl, a dane dynamiczne umożliwiają pobieranie w razie potrzeby najnowszych danych.</span> </div> </div> <div class="-sa"> <div class="-sf"> <svg class="-sf"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#star"/></svg> </div> <div class="-sl"> <span class="-sc"> Bloki konstrukcyjne zapewniające wydajność działania</span> <span class="-sh">Utworzenie świetnej witryny internetowej wymaga czasu i pracy. Składniki AMP są już zoptymalizowane pod kątem najlepszej wydajności.</span> </div> </div> <div class="-sa"> <div class="-sf"> <svg class="-sf"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#interaction"/></svg> </div> <div class="-sl"> <span class="-sc"> Przyczyń się do zrównoważonego rozwoju w przyszłości, w Internecie otwartym dla wszystkich</span> <span class="-sh">Projekt AMP to inicjatywa open source, mająca na celu ochronę przyszłości Internetu poprzez zapewnienie lepszego, szybszego i bardziej przyjaznego dla użytkownika działania stron internetowych.</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="#content-modules"/></svg> </div> <div class="-sl"> <span class="-sc"> Szybkość strony internetowej poprawia komfort użytkowania i podstawowe wskaźniki biznesowe</span> <span class="-sh">Strony AMP są ładowane niemal natychmiast — na wszystkich urządzeniach i platformach.</span> </div> </div> <div class="-sa"> <div class="-sf"> <svg class="-sf"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#components"/></svg> </div> <div class="-sl"> <span class="-sc"> Tworzenie stron AMP jest łatwe</span> <span class="-sh">Całe swoje archiwum można nierzadko przekonwertować w kilka dni, zwłaszcza jeśli korzystasz z popularnego CMS, takiego jak WordPress lub Drupal.</span> </div> </div> <div class="-sa"> <div class="-sf"> <svg class="-sf"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fast-loading"/></svg> </div> <div class="-sl"> <span class="-sc"> AMP można stosować w różnych internetowych punktach kontaktu z klientem</span> <span class="-sh">Used by global platforms like Google and Bing, AMP allows users a native-feeling experience across all platforms by defaulting to AMP pages when available.</span> </div> </div> </div> <div class="-s_"> <a href="/pl/documentation/guides-and-tutorials/" 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">Zacznij korzystać z 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 class="ap-a-img ap-a-img-static"> <amp-img src="/static/img/logo-dummy-washingtonpost.png" layout="responsive" height="96" width="630" alt="placeholder" 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:15.2381%"></i-amphtml-sizer> </amp-img></div> </div> <div class="-ss"> <blockquote> <p class="ap-a-txt">Dokładamy wszelkich starań, aby poprawić szybkość we wszystkich obszarach. Jeśli załadowanie naszej witryny zajmuje dużo czasu, nie ma znaczenia jak wspaniałe jest nasze dziennikarstwo, niektórzy ludzie opuszczą stronę, jeszcze nim zobaczą, co na niej jest.</p><p> </p></blockquote> <p>David Merrell, starszy menedżer produktu</p> <a href="/pl/success-stories/washingtonpost/" 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">Przeczytaj historię sukcesu</span> </a> </div> </div> </section> <div class="-tf"> <h1 class="-oc">Składniki AMPHTML</h1> </div> <section class="-tc -tt"> <div class="-tn"> <div class="-ta"><pre><span></span><code><span class="cp"><!DOCTYPE HTML></span> <span class="p"><</span><span class="nt">html</span> <span class="err">⚡</span><span class="p">></span> <span class="p"><</span><span class="nt">head</span><span class="p">></span> <span class="p"><</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">"utf-8"</span><span class="p">></span> <span class="p"><</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">"canonical"</span> <span class="na">href</span><span class="o">=</span><span class="s">"hello-world.html"</span><span class="p">></span> <span class="p"><</span><span class="nt">meta</span> <span class="na">name</span><span class="o">=</span><span class="s">"viewport"</span> <span class="na">content</span><span class="o">=</span><span class="s">"width=device-width"</span><span class="p">></span> <span class="p"><</span><span class="nt">style</span> <span class="na">amp-boilerplate</span><span class="p">></span><span class="nt">body</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="o">-</span><span class="n">amp-start</span> <span class="mi">8</span><span class="kt">s</span> <span class="nb">steps</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="kc">end</span><span class="p">)</span> <span class="mi">0</span><span class="kt">s</span> <span class="mi">1</span> <span class="kc">normal</span> <span class="kc">both</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">animation</span><span class="p">:</span><span class="o">-</span><span class="n">amp-start</span> <span class="mi">8</span><span class="kt">s</span> <span class="nb">steps</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="kc">end</span><span class="p">)</span> <span class="mi">0</span><span class="kt">s</span> <span class="mi">1</span> <span class="kc">normal</span> <span class="kc">both</span><span class="p">;</span><span class="kp">-ms-</span><span class="k">animation</span><span class="p">:</span><span class="o">-</span><span class="n">amp-start</span> <span class="mi">8</span><span class="kt">s</span> <span class="nb">steps</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="kc">end</span><span class="p">)</span> <span class="mi">0</span><span class="kt">s</span> <span class="mi">1</span> <span class="kc">normal</span> <span class="kc">both</span><span class="p">;</span><span class="k">animation</span><span class="p">:</span><span class="o">-</span><span class="n">amp-start</span> <span class="mi">8</span><span class="kt">s</span> <span class="nb">steps</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="kc">end</span><span class="p">)</span> <span class="mi">0</span><span class="kt">s</span> <span class="mi">1</span> <span class="kc">normal</span> <span class="kc">both</span><span class="p">}@</span><span class="k">-webkit-keyframes</span> <span class="nt">-amp-start</span><span class="p">{</span><span class="nt">from</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="p">}</span><span class="nt">to</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="p">}}@</span><span class="k">-moz-keyframes</span> <span class="nt">-amp-start</span><span class="p">{</span><span class="nt">from</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="p">}</span><span class="nt">to</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="p">}}@</span><span class="k">-ms-keyframes</span> <span class="nt">-amp-start</span><span class="p">{</span><span class="nt">from</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="p">}</span><span class="nt">to</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="p">}}@</span><span class="k">-o-keyframes</span> <span class="nt">-amp-start</span><span class="p">{</span><span class="nt">from</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="p">}</span><span class="nt">to</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="p">}}@</span><span class="k">keyframes</span> <span class="nt">-amp-start</span><span class="p">{</span><span class="nt">from</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">hidden</span><span class="p">}</span><span class="nt">to</span><span class="p">{</span><span class="k">visibility</span><span class="p">:</span><span class="kc">visible</span><span class="p">}}</</span><span class="nt">style</span><span class="p">><</span><span class="nt">noscript</span><span class="p">><</span><span class="nt">style</span> <span class="na">amp-boilerplate</span><span class="p">></span><span class="nt">body</span><span class="p">{</span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="kp">-moz-</span><span class="k">animation</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="kp">-ms-</span><span class="k">animation</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="k">animation</span><span class="p">:</span><span class="kc">none</span><span class="p">}</</span><span class="nt">style</span><span class="p">></</span><span class="nt">noscript</span><span class="p">></span> <span class="p"><</span><span class="nt">script</span> <span class="na">async</span> <span class="na">src</span><span class="o">=</span><span class="s">"https://cdn.ampproject.org/v0.js"</span><span class="p">></</span><span class="nt">script</span><span class="p">></span> <span class="p"><</span><span class="nt">script</span> <span class="na">async</span> <span class="na">custom-element</span><span class="o">=</span><span class="s">"amp-geo"</span> <span class="na">src</span><span class="o">=</span><span class="s">"https://cdn.ampproject.org/v0/amp-geo-0.1.js"</span><span class="p">></</span><span class="nt">script</span><span class="p">></span> <span class="p"><</span><span class="nt">script</span> <span class="na">async</span> <span class="na">custom-element</span><span class="o">=</span><span class="s">"amp-bind"</span> <span class="na">src</span><span class="o">=</span><span class="s">"https://cdn.ampproject.org/v0/amp-bind-0.1.js"</span><span class="p">></</span><span class="nt">script</span><span class="p">></span> <span class="p"></</span><span class="nt">head</span><span class="p">></span> <span class="p"><</span><span class="nt">body</span><span class="p">></span> <span class="p"><</span><span class="nt">amp-geo</span> <span class="na">layout</span><span class="o">=</span><span class="s">"nodisplay"</span><span class="p">></span> <span class="p"><</span><span class="nt">script</span> <span class="na">type</span><span class="o">=</span><span class="s">"application/json"</span><span class="p">></span> <span class="p">{</span> <span class="s2">"AmpBind"</span><span class="o">:</span> <span class="kc">true</span> <span class="p">}</span> <span class="p"></</span><span class="nt">script</span><span class="p">></span> <span class="p"></</span><span class="nt">amp-geo</span><span class="p">></span> <span class="p"><</span><span class="nt">h1</span><span class="p">></span>Hello in <span class="p"><</span><span class="nt">span</span> <span class="na">[text]</span><span class="o">=</span><span class="s">"country"</span><span class="p">></span>...<span class="p"></</span><span class="nt">span</span><span class="p">></span>!<span class="p"></</span><span class="nt">h1</span><span class="p">></span> <span class="p"><</span><span class="nt">button</span> <span class="na">on</span><span class="o">=</span><span class="s">"tap:AMP.setState({'country': ampGeo.ISOCountry.toUpperCase()})"</span><span class="p">></span>Where am I?<span class="p"></</span><span class="nt">button</span><span class="p">></span> <span class="p"></</span><span class="nt">body</span><span class="p">></span> <span class="p"></</span><span class="nt">html</span><span class="p">></span> </code></pre></div> </div> <div class="-tr"> <h2 class="-tu">Hello<br> World!</h2> </div> </section> <section class="-t"> <div class="-tf"> <div class="ap-m-copy ap-m-copy-left"> <h2>Składniki wbudowane</h2> <p>AMPHTML to HTML z pewnymi ograniczeniami, zapewniającymi niezawodność działania.</p> <p>Chociaż większość znaczników na stronie AMPHTML to zwykłe znaczniki HTML, niektóre z nich zastępowane są znacznikami specyficznymi dla AMP (patrz także punkt Znaczniki HTML w sekcji Specyfikacja AMP). Te niestandardowe elementy, zwane składnikami AMPHTML, ułatwiają stosowanie typowych wzorców w wydajny sposób.</p> <p>Znacznik tag amp-img na przykład zapewnia pełną obsługę atrybutu srcset, nawet w przeglądarkach, które jeszcze go nie obsługują. Dowiedz się jak utworzyć pierwszą stronę w AMPHTML.</p> <p>Strony AMP są wykrywane przez wyszukiwarki i inne platformy za pomocą znacznika HTML. Można mieć wersję strony inną niż AMP i wersję AMP lub tylko wersję AMP. </p> <div class="ap-m-copy-left-link"> <a href="/pl/documentation/guides-and-tutorials/optimize-and-measure/discovery/?format=websites" 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">Dowiedz się więcej w artykule Ułatw znalezienie swoich stron.</span> </a> </div> </div> <div class="ap-m-copy ap-m-copy-right"> <h2>Serwery AMP Cache</h2> <p>Strony AMP można buforować w celu umożliwienia niemal natychmiastowego ładowania w Internecie. Platformy takie jak Google obsługują serwery AMP Cache, aby umożliwić szybkie ładowanie treści z ich usług.</p> <p>Google AMP Cache to oparta na serwerach proxy sieć dystrybucji treści, służąca do dostarczania wszystkich ważnych dokumentów AMP. Pobiera strony AMPHTML, buforuje je i automatycznie poprawia działanie strony. W razie korzystania z Google AMP Cache dokument, wszystkie pliki JS i wszystkie obrazy są ładowane z tego samego źródła za pomocą zapewniającego maksymalną wydajność protokołu HTTP 2.0. <br> Serwery buforujące są również wyposażone we wbudowany system sprawdzania poprawności, który sprawdza, czy strona działa poprawnie i nie jest zależna od zasobów zewnętrznych. System sprawdzania poprawności uruchamia serię asercji sprawdzających, czy znaczniki strony są zgodne ze specyfikacją AMPHTML.</p> <p>Kolejna wersja walidatora jest dołączana do każdej strony AMP. Wersja ta może rejestrować błędy sprawdzania poprawności bezpośrednio w konsoli przeglądarki podczas wyświetlania strony, co pozwala sprawdzić jak złożone zmiany mogą wpłynąć na działanie i doznania użytkownika.</p> <div class="ap-m-copy-right-link"> <a href="/pl/documentation/guides-and-tutorials/learn/amp-caches-and-cors/how_amp_pages_are_cached/" 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">Dowiedz się więcej o buforowaniu w AMP</span> </a> </div> </div> </div> </section> <section class="-rd"> <div class="-tf"> <h1 class="-rm">Poznaj przykładowe realizacje witryn AMP</h1> </div> <div class="-tc"> <div class="-rv"> <div class="-rg -rb"> <a target="_blank" rel="noopener" href="https://amp-article.herokuapp.com/" title="Zbyt duży wybór"> <div class="-ry"> <h4>Zbyt duży wybór</h4> <span class="-n"> <div class="ap-a-ico -i"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#external"/></svg> </div> <span class="-r">Otwórz przykładową realizację</span> </span> </div> <amp-img src="/static/img/case-grid-choices.jpg" layout="responsive" width="200" height="220" alt="Zrzut ekranu przykładowej realizacji: Zbyt duży wybór" 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:110%"></i-amphtml-sizer></amp-img> </a> </div> <div class="-rg -rx"> <a target="_blank" rel="noopener" href="https://amp-article.herokuapp.com/" title="Storytelling z paralaksą w AMP"> <div class="-ry"> <h4>Storytelling z paralaksą w AMP</h4> <span class="-n"> <div class="ap-a-ico -i"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#external"/></svg> </div> <span class="-r">Otwórz przykładową realizację</span> </span> </div> <amp-img src="/static/img/case-grid-data.jpg" layout="responsive" width="135" height="99" alt="Zrzut ekranu przykładowej realizacji: Storytelling z paralaksą w AMP" 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:73.3333%"></i-amphtml-sizer></amp-img> </a> </div> <div class="-rg -rw"> <a target="_blank" rel="noopener" href="https://amp-article.herokuapp.com/" title="Artykuł odredakcyjny w technologii AMP"> <div class="-ry"> <h4>Artykuł odredakcyjny w technologii AMP</h4> <span class="-n"> <div class="ap-a-ico -i"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#external"/></svg> </div> <span class="-r">Otwórz przykładową realizację</span> </span> </div> <amp-img src="/static/img/case-grid-education.jpg" layout="responsive" width="189" height="125" alt="Zrzut ekranu przykładowej realizacji: Artykuł odredakcyjny w technologii AMP" 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:66.1376%"></i-amphtml-sizer></amp-img> </a> </div> <div class="-rg -rk"> <a target="_blank" rel="noopener" href="https://amp-concert.herokuapp.com/" title="Strona zespołu w AMP"> <div class="-ry"> <h4>Strona zespołu w AMP</h4> <span class="-n"> <div class="ap-a-ico -i"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#external"/></svg> </div> <span class="-r">Otwórz przykładową realizację</span> </span> </div> <amp-img src="/static/img/case-grid-band.jpg" layout="responsive" width="140" height="121" alt="Zrzut ekranu przykładowej realizacji: Strona zespołu w AMP" 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:86.4286%"></i-amphtml-sizer></amp-img> </a> </div> <div class="-r_"> <a href="/pl/about/use-cases/" 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">Zobacz wszystkie przykładowe realizacje</span> </a> </div> </div> </div> </section> </main> <footer class="ap--footer"> <div class="-a"> <div class="-f"> <div class="ap-o-footer-hint">Oczywiście ta witryna została wykonana przy użyciu AMP!</div> <div class="-l"> <h5 class="-c">Obserwuj nas</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">Omówienie</h5> <ul class="-y"> <li class="-b"><a href="/pl/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>Framework AMP</a></li> <li class="-b"><a href="/pl/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>Przykładowe realizacje</a></li> <li class="-b"><a href="/pl/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>Historie sukcesu</a></li> <li class="-b"><a href="/pl/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>Funkcjonalność</a></li> </ul> </div> <div class="-m"> <h5 class="-g">Dokumenty</h5> <ul class="-y"> <li class="-b"><a href="/pl/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>Rozpocznij</a></li> <li class="-b"><a href="/pl/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>Przewodniki i samouczki</a></li> <li class="-b"><a href="/pl/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>Składniki</a></li> <li class="-b"><a href="/pl/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>Przykłady</a></li> <li class="-b"><a href="/pl/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>Szablony projektów</a></li> <li class="-b"><a href="/pl/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>Narzędzia</a></li> </ul> </div> <div class="-m"> <h5 class="-g">Społeczność</h5> <ul class="-y"> <li class="-b"><a href="/pl/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>Partnerzy platformy i dostawcy</a></li> <li class="-b"><a href="/pl/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>Udział</a></li> <li class="-b"><a href="/pl/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>Plan działania</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">Wydarzenia</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>AMP Conf 2020</a></li> <li class="-b"><a href="/pl/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">Materiały dotyczące marki 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>Instrukcje stylistyczne</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>Logotypy</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">Zasady ochrony prywatności</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="Zamknij zgodę"> <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="Wyraź zgodę na pliki cookie">Rozumiem!</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 roll{0%{opacity:0;transform:translateY(-100%)}6%{opacity:1;transform:translateY(0)}24%{opacity:1;transform:translateY(0)}32%{opacity:1;transform:translateY(100%)}42%{opacity:0;transform:translateY(100%)}to{opacity:0;transform:translateY(100%)}}@keyframes slide{0%,9%,18%,36%,90%,to{transform:translateX(0)}45%,54%,63%,72%,81%{transform:translateX(-90%)}}@keyframes rotateShadow{0%,9%,18%,36%,90%,to{transform:rotate(-5deg) scaleY(1.1) skew(-25deg)}45%,54%,63%,72%,81%{transform:rotate(-10deg) scaleY(1.1) skew(-22deg)}}@keyframes handleValueRight{0%,18%{opacity:1}18.01%,81%{opacity:0}81.01%,to{opacity:1}}@keyframes handleValueEmpty{0%,18%{opacity:0}18.01%,36%{opacity:1}36.01%,72%{opacity:0}72.01%,81%{opacity:1}81.01%,to{opacity:0}}@keyframes handleValueLeft{0%,36%{opacity:0}36.01%,72%{opacity:1}72.01%,to{opacity:0}}@keyframes handleCodeMarker{0%{opacity:0}9%,36%{opacity:1}45%,54%{opacity:0}63%,81%{opacity:1}90%,to{opacity: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>