*,::before,::after{box-sizing:border-box}html{background:#fff;font-family:-apple-system,"BlinkMacSystemFont","Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:24px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{padding:0}body,p,ul,ol,h1,h2,h3,h4,h5,h6{margin:0;font:inherit}ul,ol{padding:0;list-style:none}img{display:block;border:0}svg{fill:currentcolor}.br{display:block}.container{position:relative;display:block;background:currentcolor;overflow:hidden}.container__wrapper{position:relative;z-index:1;color:#fff}.examples{display:grid;width:100%}.examples--columns-2{grid-template-columns:repeat(2, 1fr)}.examples--columns-3{grid-template-columns:repeat(3, 1fr)}.examples--columns-4{grid-template-columns:repeat(4, 1fr)}.examples--gap-12{grid-gap:12px;padding:12px}.examples--gap-24{grid-gap:24px;padding:24px}.examples--gap-36{grid-gap:36px;padding:36px}.example{position:relative;overflow:hidden}.examples--gap-12 .example,.examples--gap-24 .example,.examples--gap-36 .example{border-radius:2px}.example__background,.example__bottom,.example__center,.example__top{position:absolute;top:0;right:0;bottom:0;left:0}.example__background--border-color{border:1px solid currentcolor;border-radius:2px}.example__background--brand-gradient-to-right-bottom{background:linear-gradient(to right bottom, #3858e9, currentcolor)}.example__background--brand-gradient-to-left-top{background:linear-gradient(to left top, #3858e9, currentcolor)}.example__top{bottom:unset;z-index:1}.example__center{display:flex;align-items:center;justify-content:center}.example__bottom{top:unset;z-index:1}.example--rows-2{grid-row:span 2}.example--color{background:currentcolor}.logo{display:block;margin:0 auto}.plan{display:flex;align-items:center;width:600px;margin:0 auto}.plan__icon{margin-right:120px}.plan__heading{position:relative;top:1px;left:-1px}.color-white{color:#fff}.color-black{color:#000}.color-gray-0{color:#f6f7f7}.color-gray-5{color:#dcdcde}.color-gray-10{color:#c3c4c7}.color-gray-20{color:#a7aaad}.color-gray-30{color:#8c8f94}.color-gray-40{color:#787c82}.color-gray,.color-gray-50{color:#646970}.color-gray-60{color:#50575e}.color-gray-70{color:#3c434a}.color-gray-80{color:#2c3338}.color-gray-90{color:#1d2327}.color-gray-100{color:#101517}.color-wordpress-blue-0,.color-blue-0{color:#fbfcfe}.color-wordpress-blue-5,.color-blue-5{color:#f7f8fe}.color-wordpress-blue-10,.color-blue-10{color:#d6ddf9}.color-wordpress-blue-20,.color-blue-20{color:#adbaf3}.color-wordpress-blue-30,.color-blue-30{color:#7b90ff}.color-wordpress-blue-40,.color-blue-40{color:#546ff3}.color-blue,.color-wordpress-blue-50,.color-blue-50{color:#3858e9}.color-wordpress-blue-60,.color-blue-60{color:#2a46ce}.color-wordpress-blue-70,.color-blue-70{color:#1d35b4}.color-wordpress-blue-80,.color-blue-80{color:#1f3286}.color-wordpress-blue-90,.color-blue-90{color:#14215a}.color-wordpress-blue-100,.color-blue-100{color:#0a112d}.color-purple-0{color:#f2e9ed}.color-purple-5{color:#ebcee0}.color-purple-10{color:#e3afd5}.color-purple-20{color:#d48fc8}.color-purple-30{color:#c475bd}.color-purple-40{color:#b35eb1}.color-purple,.color-purple-50{color:#984a9c}.color-purple-60{color:#7c3982}.color-purple-70{color:#662c6e}.color-purple-80{color:#4d2054}.color-purple-90{color:#35163b}.color-purple-100{color:#1e0c21}.color-pink-0{color:#f5e9ed}.color-pink-5{color:#f2ceda}.color-pink-10{color:#f7a8c3}.color-pink-20{color:#f283aa}.color-pink-30{color:#eb6594}.color-pink-40{color:#e34c84}.color-pink,.color-pink-50{color:#c9356e}.color-pink-60{color:#ab235a}.color-pink-70{color:#8c1749}.color-pink-80{color:#700f3b}.color-pink-90{color:#4f092a}.color-pink-100{color:#260415}.color-red-0{color:#f7ebec}.color-red-5{color:#facfd2}.color-red-10{color:#ffabaf}.color-red-20{color:#ff8085}.color-red-30{color:#f86368}.color-red-40{color:#e65054}.color-red,.color-red-50{color:#d63638}.color-red-60{color:#b32d2e}.color-red-70{color:#8a2424}.color-red-80{color:#691c1c}.color-red-90{color:#451313}.color-red-100{color:#240a0a}.color-orange-0{color:#f5ece6}.color-orange-5{color:#f7dcc6}.color-orange-10{color:#ffbf86}.color-orange-20{color:#faa754}.color-orange-30{color:#e68b28}.color-orange-40{color:#d67709}.color-orange,.color-orange-50{color:#b26200}.color-orange-60{color:#8a4d00}.color-orange-70{color:#704000}.color-orange-80{color:#543100}.color-orange-90{color:#361f00}.color-orange-100{color:#1f1200}.color-yellow-0{color:#f5f1e1}.color-yellow-5{color:#f5e6b3}.color-yellow-10{color:#f2d76b}.color-yellow-20{color:#f0c930}.color-yellow-30{color:#deb100}.color-yellow-40{color:#c08c00}.color-yellow,.color-yellow-50{color:#9d6e00}.color-yellow-60{color:#7d5600}.color-yellow-70{color:#674600}.color-yellow-80{color:#4f3500}.color-yellow-90{color:#320}.color-yellow-100{color:#1c1300}.color-green-0{color:#e6f2e8}.color-green-5{color:#b8e6bf}.color-green-10{color:#68de86}.color-green-20{color:#1ed15a}.color-green-30{color:#00ba37}.color-green-40{color:#00a32a}.color-green,.color-green-50{color:#008a20}.color-green-60{color:#007017}.color-green-70{color:#005c12}.color-green-80{color:#00450c}.color-green-90{color:#003008}.color-green-100{color:#001c05}.color-celadon-0{color:#e4f2ed}.color-celadon-5{color:#a7e8d3}.color-celadon-10{color:#66deb9}.color-celadon-20{color:#31cc9f}.color-celadon-30{color:#09b585}.color-celadon-40{color:#009e73}.color-celadon,.color-celadon-50{color:#008763}.color-celadon-60{color:#007053}.color-celadon-70{color:#005c44}.color-celadon-80{color:#004533}.color-celadon-90{color:#003024}.color-celadon-100{color:#001c15}.color-automattic-blue-0{color:#ebf4fa}.color-automattic-blue-5{color:#c4e2f5}.color-automattic-blue-10{color:#88ccf2}.color-automattic-blue-20{color:#5ab7e8}.color-automattic-blue,.color-automattic-blue-30{color:#24a3e0}.color-automattic-blue-40{color:#1490c7}.color-automattic-blue-50{color:#0277a8}.color-automattic-blue-60{color:#036085}.color-automattic-blue-70{color:#02506e}.color-automattic-blue-80{color:#02384d}.color-automattic-blue-90{color:#022836}.color-automattic-blue-100{color:#021b24}.color-simplenote-blue-0{color:#e9ecf5}.color-simplenote-blue-5{color:#ced9f2}.color-simplenote-blue-10{color:#abc1f5}.color-simplenote-blue-20{color:#84a4f0}.color-simplenote-blue-30{color:#618df2}.color-simplenote-blue-40{color:#4678eb}.color-simplenote-blue,.color-simplenote-blue-50{color:#3361cc}.color-simplenote-blue-60{color:#1d4fc4}.color-simplenote-blue-70{color:#113ead}.color-simplenote-blue-80{color:#0d2f85}.color-simplenote-blue-90{color:#09205c}.color-simplenote-blue-100{color:#05102e}.color-woocommerce-purple-0{color:#f2edff}.color-woocommerce-purple-5{color:#e1d7ff}.color-woocommerce-purple-10{color:#d1c1ff}.color-woocommerce-purple-20{color:#b999ff}.color-woocommerce-purple-30{color:#a77eff}.color-woocommerce-purple-40{color:#873eff}.color-woocommerce-purple,.color-woocommerce-purple-50{color:#720eec}.color-woocommerce-purple-60{color:#6108ce}.color-woocommerce-purple-70{color:#5007aa}.color-woocommerce-purple-80{color:#3c087e}.color-woocommerce-purple-90{color:#2c045d}.color-woocommerce-purple-100{color:#1f0342}.color-jetpack-green-0{color:#f0f2eb}.color-jetpack-green-5{color:#d0e6b8}.color-jetpack-green-10{color:#9dd977}.color-jetpack-green-20{color:#64ca43}.color-jetpack-green-30{color:#2fb41f}.color-jetpack-green,.color-jetpack-green-40{color:#069e08}.color-jetpack-green-50{color:#008710}.color-jetpack-green-60{color:#007117}.color-jetpack-green-70{color:#005b18}.color-jetpack-green-80{color:#004515}.color-jetpack-green-90{color:#003010}.color-jetpack-green-100{color:#001c09}.fill-white{fill:#fff}.fill-black{fill:#000}.fill-gray-0{fill:#f6f7f7}.fill-gray-5{fill:#dcdcde}.fill-gray-10{fill:#c3c4c7}.fill-gray-20{fill:#a7aaad}.fill-gray-30{fill:#8c8f94}.fill-gray-40{fill:#787c82}.fill-gray,.fill-gray-50{fill:#646970}.fill-gray-60{fill:#50575e}.fill-gray-70{fill:#3c434a}.fill-gray-80{fill:#2c3338}.fill-gray-90{fill:#1d2327}.fill-gray-100{fill:#101517}.fill-wordpress-blue-0,.fill-blue-0{fill:#fbfcfe}.fill-wordpress-blue-5,.fill-blue-5{fill:#f7f8fe}.fill-wordpress-blue-10,.fill-blue-10{fill:#d6ddf9}.fill-wordpress-blue-20,.fill-blue-20{fill:#adbaf3}.fill-wordpress-blue-30,.fill-blue-30{fill:#7b90ff}.fill-wordpress-blue-40,.fill-blue-40{fill:#546ff3}.fill-blue,.fill-wordpress-blue-50,.fill-blue-50{fill:#3858e9}.fill-wordpress-blue-60,.fill-blue-60{fill:#2a46ce}.fill-wordpress-blue-70,.fill-blue-70{fill:#1d35b4}.fill-wordpress-blue-80,.fill-blue-80{fill:#1f3286}.fill-wordpress-blue-90,.fill-blue-90{fill:#14215a}.fill-wordpress-blue-100,.fill-blue-100{fill:#0a112d}.fill-purple-0{fill:#f2e9ed}.fill-purple-5{fill:#ebcee0}.fill-purple-10{fill:#e3afd5}.fill-purple-20{fill:#d48fc8}.fill-purple-30{fill:#c475bd}.fill-purple-40{fill:#b35eb1}.fill-purple,.fill-purple-50{fill:#984a9c}.fill-purple-60{fill:#7c3982}.fill-purple-70{fill:#662c6e}.fill-purple-80{fill:#4d2054}.fill-purple-90{fill:#35163b}.fill-purple-100{fill:#1e0c21}.fill-pink-0{fill:#f5e9ed}.fill-pink-5{fill:#f2ceda}.fill-pink-10{fill:#f7a8c3}.fill-pink-20{fill:#f283aa}.fill-pink-30{fill:#eb6594}.fill-pink-40{fill:#e34c84}.fill-pink,.fill-pink-50{fill:#c9356e}.fill-pink-60{fill:#ab235a}.fill-pink-70{fill:#8c1749}.fill-pink-80{fill:#700f3b}.fill-pink-90{fill:#4f092a}.fill-pink-100{fill:#260415}.fill-red-0{fill:#f7ebec}.fill-red-5{fill:#facfd2}.fill-red-10{fill:#ffabaf}.fill-red-20{fill:#ff8085}.fill-red-30{fill:#f86368}.fill-red-40{fill:#e65054}.fill-red,.fill-red-50{fill:#d63638}.fill-red-60{fill:#b32d2e}.fill-red-70{fill:#8a2424}.fill-red-80{fill:#691c1c}.fill-red-90{fill:#451313}.fill-red-100{fill:#240a0a}.fill-orange-0{fill:#f5ece6}.fill-orange-5{fill:#f7dcc6}.fill-orange-10{fill:#ffbf86}.fill-orange-20{fill:#faa754}.fill-orange-30{fill:#e68b28}.fill-orange-40{fill:#d67709}.fill-orange,.fill-orange-50{fill:#b26200}.fill-orange-60{fill:#8a4d00}.fill-orange-70{fill:#704000}.fill-orange-80{fill:#543100}.fill-orange-90{fill:#361f00}.fill-orange-100{fill:#1f1200}.fill-yellow-0{fill:#f5f1e1}.fill-yellow-5{fill:#f5e6b3}.fill-yellow-10{fill:#f2d76b}.fill-yellow-20{fill:#f0c930}.fill-yellow-30{fill:#deb100}.fill-yellow-40{fill:#c08c00}.fill-yellow,.fill-yellow-50{fill:#9d6e00}.fill-yellow-60{fill:#7d5600}.fill-yellow-70{fill:#674600}.fill-yellow-80{fill:#4f3500}.fill-yellow-90{fill:#320}.fill-yellow-100{fill:#1c1300}.fill-green-0{fill:#e6f2e8}.fill-green-5{fill:#b8e6bf}.fill-green-10{fill:#68de86}.fill-green-20{fill:#1ed15a}.fill-green-30{fill:#00ba37}.fill-green-40{fill:#00a32a}.fill-green,.fill-green-50{fill:#008a20}.fill-green-60{fill:#007017}.fill-green-70{fill:#005c12}.fill-green-80{fill:#00450c}.fill-green-90{fill:#003008}.fill-green-100{fill:#001c05}.fill-celadon-0{fill:#e4f2ed}.fill-celadon-5{fill:#a7e8d3}.fill-celadon-10{fill:#66deb9}.fill-celadon-20{fill:#31cc9f}.fill-celadon-30{fill:#09b585}.fill-celadon-40{fill:#009e73}.fill-celadon,.fill-celadon-50{fill:#008763}.fill-celadon-60{fill:#007053}.fill-celadon-70{fill:#005c44}.fill-celadon-80{fill:#004533}.fill-celadon-90{fill:#003024}.fill-celadon-100{fill:#001c15}.fill-automattic-blue-0{fill:#ebf4fa}.fill-automattic-blue-5{fill:#c4e2f5}.fill-automattic-blue-10{fill:#88ccf2}.fill-automattic-blue-20{fill:#5ab7e8}.fill-automattic-blue,.fill-automattic-blue-30{fill:#24a3e0}.fill-automattic-blue-40{fill:#1490c7}.fill-automattic-blue-50{fill:#0277a8}.fill-automattic-blue-60{fill:#036085}.fill-automattic-blue-70{fill:#02506e}.fill-automattic-blue-80{fill:#02384d}.fill-automattic-blue-90{fill:#022836}.fill-automattic-blue-100{fill:#021b24}.fill-simplenote-blue-0{fill:#e9ecf5}.fill-simplenote-blue-5{fill:#ced9f2}.fill-simplenote-blue-10{fill:#abc1f5}.fill-simplenote-blue-20{fill:#84a4f0}.fill-simplenote-blue-30{fill:#618df2}.fill-simplenote-blue-40{fill:#4678eb}.fill-simplenote-blue,.fill-simplenote-blue-50{fill:#3361cc}.fill-simplenote-blue-60{fill:#1d4fc4}.fill-simplenote-blue-70{fill:#113ead}.fill-simplenote-blue-80{fill:#0d2f85}.fill-simplenote-blue-90{fill:#09205c}.fill-simplenote-blue-100{fill:#05102e}.fill-woocommerce-purple-0{fill:#f2edff}.fill-woocommerce-purple-5{fill:#e1d7ff}.fill-woocommerce-purple-10{fill:#d1c1ff}.fill-woocommerce-purple-20{fill:#b999ff}.fill-woocommerce-purple-30{fill:#a77eff}.fill-woocommerce-purple-40{fill:#873eff}.fill-woocommerce-purple,.fill-woocommerce-purple-50{fill:#720eec}.fill-woocommerce-purple-60{fill:#6108ce}.fill-woocommerce-purple-70{fill:#5007aa}.fill-woocommerce-purple-80{fill:#3c087e}.fill-woocommerce-purple-90{fill:#2c045d}.fill-woocommerce-purple-100{fill:#1f0342}.fill-jetpack-green-0{fill:#f0f2eb}.fill-jetpack-green-5{fill:#d0e6b8}.fill-jetpack-green-10{fill:#9dd977}.fill-jetpack-green-20{fill:#64ca43}.fill-jetpack-green-30{fill:#2fb41f}.fill-jetpack-green,.fill-jetpack-green-40{fill:#069e08}.fill-jetpack-green-50{fill:#008710}.fill-jetpack-green-60{fill:#007117}.fill-jetpack-green-70{fill:#005b18}.fill-jetpack-green-80{fill:#004515}.fill-jetpack-green-90{fill:#003010}.fill-jetpack-green-100{fill:#001c09}.text-brand{font-family:Recoleta,Georgia,serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.text-weight-400{font-weight:400}.text-weight-500{font-weight:500}.text-weight-600{font-weight:600}.text-weight-700{font-weight:700}.text-12{font-size:12px;line-height:20px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-13{font-size:13px;line-height:21px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-14{font-size:14px;line-height:22px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-16{font-size:16px;line-height:24px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-18{font-size:18px;line-height:26px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-20{font-size:20px;line-height:28px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-24{font-size:24px;line-height:32px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-32{font-size:32px;line-height:40px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-40{font-size:40px;line-height:48px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-48{font-size:48px;line-height:56px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-56{font-size:56px;line-height:64px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-64{font-size:64px;line-height:72px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-72{font-size:72px;line-height:80px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-line-height-short{line-height:1.15}.text-caps{text-transform:uppercase}.p{display:block}.pt-0,.py-0,.p-0{padding-top:0}.pr-0,.px-0,.p-0{padding-right:0}.pb-0,.py-0,.p-0{padding-bottom:0}.pl-0,.px-0,.p-0{padding-left:0}.p{display:block}.pt-6,.py-6,.p-6{padding-top:6px}.pr-6,.px-6,.p-6{padding-right:6px}.pb-6,.py-6,.p-6{padding-bottom:6px}.pl-6,.px-6,.p-6{padding-left:6px}.p{display:block}.pt-9,.py-9,.p-9{padding-top:9px}.pr-9,.px-9,.p-9{padding-right:9px}.pb-9,.py-9,.p-9{padding-bottom:9px}.pl-9,.px-9,.p-9{padding-left:9px}.p{display:block}.pt-12,.py-12,.p-12{padding-top:12px}.pr-12,.px-12,.p-12{padding-right:12px}.pb-12,.py-12,.p-12{padding-bottom:12px}.pl-12,.px-12,.p-12{padding-left:12px}.p{display:block}.pt-18,.py-18,.p-18{padding-top:18px}.pr-18,.px-18,.p-18{padding-right:18px}.pb-18,.py-18,.p-18{padding-bottom:18px}.pl-18,.px-18,.p-18{padding-left:18px}.p{display:block}.pt-24,.py-24,.p-24{padding-top:24px}.pr-24,.px-24,.p-24{padding-right:24px}.pb-24,.py-24,.p-24{padding-bottom:24px}.pl-24,.px-24,.p-24{padding-left:24px}.p{display:block}.pt-30,.py-30,.p-30{padding-top:30px}.pr-30,.px-30,.p-30{padding-right:30px}.pb-30,.py-30,.p-30{padding-bottom:30px}.pl-30,.px-30,.p-30{padding-left:30px}.p{display:block}.pt-36,.py-36,.p-36{padding-top:36px}.pr-36,.px-36,.p-36{padding-right:36px}.pb-36,.py-36,.p-36{padding-bottom:36px}.pl-36,.px-36,.p-36{padding-left:36px}.p{display:block}.pt-48,.py-48,.p-48{padding-top:48px}.pr-48,.px-48,.p-48{padding-right:48px}.pb-48,.py-48,.p-48{padding-bottom:48px}.pl-48,.px-48,.p-48{padding-left:48px}.p{display:block}.pt-72,.py-72,.p-72{padding-top:72px}.pr-72,.px-72,.p-72{padding-right:72px}.pb-72,.py-72,.p-72{padding-bottom:72px}.pl-72,.px-72,.p-72{padding-left:72px}.p{display:block}.pt-96,.py-96,.p-96{padding-top:96px}.pr-96,.px-96,.p-96{padding-right:96px}.pb-96,.py-96,.p-96{padding-bottom:96px}.pl-96,.px-96,.p-96{padding-left:96px}.p{display:block}.pt-120,.py-120,.p-120{padding-top:120px}.pr-120,.px-120,.p-120{padding-right:120px}.pb-120,.py-120,.p-120{padding-bottom:120px}.pl-120,.px-120,.p-120{padding-left:120px}.p{display:block}.pt-144,.py-144,.p-144{padding-top:144px}.pr-144,.px-144,.p-144{padding-right:144px}.pb-144,.py-144,.p-144{padding-bottom:144px}.pl-144,.px-144,.p-144{padding-left:144px}.p{display:block}.pt-180,.py-180,.p-180{padding-top:180px}.pr-180,.px-180,.p-180{padding-right:180px}.pb-180,.py-180,.p-180{padding-bottom:180px}.pl-180,.px-180,.p-180{padding-left:180px}.p{display:block}.pt-240,.py-240,.p-240{padding-top:240px}.pr-240,.px-240,.p-240{padding-right:240px}.pb-240,.py-240,.p-240{padding-bottom:240px}.pl-240,.px-240,.p-240{padding-left:240px}.p{display:block}.pt-360,.py-360,.p-360{padding-top:360px}.pr-360,.px-360,.p-360{padding-right:360px}.pb-360,.py-360,.p-360{padding-bottom:360px}.pl-360,.px-360,.p-360{padding-left:360px}.p{display:block}.pt-480,.py-480,.p-480{padding-top:480px}.pr-480,.px-480,.p-480{padding-right:480px}.pb-480,.py-480,.p-480{padding-bottom:480px}.pl-480,.px-480,.p-480{padding-left:480px}