.blog-article{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--main-container-padding-x);padding-left:var(--main-container-padding-x);--main-container-padding-x:20px;padding-top:80px;padding-bottom:64px}.blog-article__inner{width:100%;max-width:1100px;margin-right:auto;margin-left:auto}.blog-article__main{min-width:0;max-width:820px}.blog-article-header{padding-bottom:40px;box-shadow:inset 0 -1px 0 0 hsla(220,13%,10%,.08)}.blog-article-header__meta{align-items:center;margin-top:12px;margin-bottom:28px;color:hsl(208,7%,39%);font-weight:500;display:flex;min-width:0;position:relative;font-size:var(--font-size-label);letter-spacing:0;line-height:var(--line-height-label);gap:14px}.blog-article-header__meta span+span{position:relative}.blog-article-header__meta span+span:before{position:absolute;top:50%;left:-8px;width:2px;height:2px;border-radius:50%;background-color:hsl(208,7%,39%);content:"";transform:translateY(-50%)}.blog-article-header__meta .blog-article-header__provider{display:inline-flex;width:20px;height:20px;align-items:center}.blog-article-header__meta .blog-article-header__provider:before{display:none}.blog-article-header__tutorial{color:hsl(219,70%,37%);text-decoration:none;transition:color .15s ease}@media only screen and (any-hover:hover){.blog-article-header__tutorial.__is-hovered,.blog-article-header__tutorial:hover{color:hsl(215,70%,26%);text-decoration:underline}}.blog-article-header__title{color:hsl(220,13%,10%);font-size:var(--font-size-h2);font-weight:inherit;letter-spacing:-.016em;line-height:var(--line-height-h2)}.blog-article-header__description{max-width:720px;color:hsl(205,7%,34%);font-size:14px;letter-spacing:0;line-height:20px}.blog-article-body{padding-top:40px;color:hsl(200,10%,19%)}.blog-article-body h2,.blog-article-body h3{scroll-margin-top:calc(var(--header-height) + 24px)}.blog-article-body h2{margin-top:48px;margin-bottom:16px;color:hsl(220,13%,10%);font-size:var(--font-size-h3);font-weight:inherit;letter-spacing:-.01em;line-height:var(--line-height-h3);font-weight:500}.blog-article-body h2:first-child{margin-top:0}.blog-article-body h3{margin-top:32px;margin-bottom:12px;color:hsl(210,11%,15%);font-size:var(--font-size-h3);font-weight:inherit;letter-spacing:-.01em;line-height:var(--line-height-h3);font-weight:500}.blog-article-body em{color:hsl(215,70%,26%);font-style:normal;font-weight:500}.blog-article-body strong{color:hsl(220,13%,10%);font-weight:600}.blog-article-body__heading-link{position:relative;display:inline-block;color:inherit;text-decoration:none;transition:color .2s ease}@media only screen and (any-hover:hover){.blog-article-body__heading-link.__is-hovered,.blog-article-body__heading-link:hover{color:hsl(219,70%,37%)}.blog-article-body__heading-link.__is-hovered .blog-article-body__heading-anchor,.blog-article-body__heading-link:hover .blog-article-body__heading-anchor{opacity:1;transform:translateX(0)}.blog-article-body__heading-link.__is-hovered .blog-article-body__heading-text,.blog-article-body__heading-link:hover .blog-article-body__heading-text{transform:translateX(8px)}}.blog-article-body__heading-anchor{position:absolute;top:0;right:100%;padding-right:8px;color:inherit;font-weight:500;line-height:inherit;opacity:0;transform:translateX(8px);transition:opacity .2s ease,transform .2s ease}.blog-article-body__heading-text{display:inline-block;transform:translateX(0);transition:transform .2s ease}.blog-article-body li,.blog-article-body p{color:hsl(204,8%,24%);font-size:14px;letter-spacing:0;line-height:20px}.blog-article-body p{margin-top:14px;margin-bottom:14px}.blog-article-body ol,.blog-article-body ul{padding-left:24px;margin-top:14px;margin-bottom:14px}.blog-article-body li+li{margin-top:8px}.blog-article-body pre{padding:20px;border-radius:8px;margin-top:24px;margin-bottom:24px;background-color:hsl(180,5%,95%);box-shadow:inset 0 0 0 1px hsla(220,13%,10%,.08);overflow-x:auto}.blog-article-body__code{position:relative;margin-top:24px;margin-bottom:24px}.blog-article-body__code pre{padding-right:56px;margin-top:0;margin-bottom:0;border-radius:10px}.blog-article-body__code-action{position:absolute;top:4px;right:4px;display:flex;min-width:0}.blog-article-body__code.__is-scrollable pre{max-height:var(--blog-article-code-max-height);overflow-y:auto;overscroll-behavior:contain}.blog-article-body code{font-family:Hack,menlo,monaco,consolas,Liberation Mono,Courier New,monospace;font-size:13px;letter-spacing:0;line-height:18px}.blog-article-body li code,.blog-article-body p code{padding:2px 5px;border-radius:4px;background-color:hsl(180,5%,95%);color:hsl(210,11%,15%)}.blog-article-body blockquote{padding:16px 20px;border-radius:12px;margin-top:20px;margin-bottom:20px;background-color:hsla(220,68%,48%,.06);box-shadow:inset 3px 0 0 0 hsl(220,68%,48%),inset 0 0 0 1px hsla(220,68%,48%,.08);color:hsl(200,10%,19%)}.blog-article-body blockquote p{margin-top:0;margin-bottom:0}.blog-article-body blockquote p+p,.blog-article-body blockquote p+ul,.blog-article-body blockquote ul+p{margin-top:10px}.blog-article-body blockquote ul{padding-left:20px;margin-top:10px;margin-bottom:0}.blog-article-figure{padding:24px;border-radius:12px;margin-top:24px;margin-bottom:24px;background-color:hsl(180,5%,95%);box-shadow:inset 0 0 0 1px hsla(220,13%,10%,.08)}.blog-article-figure.__type-portrait img{max-width:410px;margin-right:auto;margin-left:auto}.blog-article-figure img{display:block;width:100%;height:auto;border-radius:8px;background-color:hsl(0,0%,100%);box-shadow:inset 0 0 0 1px hsla(220,13%,10%,.08),0 1px 0 0 hsla(223,14%,10%,.02),0 0 0 1px hsla(223,14%,10%,.02),0 1px 8px -4px hsla(223,14%,10%,.04),0 4px 12px -6px hsla(223,14%,10%,.04),0 1px 3px 1px hsla(223,14%,10%,.01)}.blog-article-figure__trigger{display:block;width:100%;padding:0;border:0;border-radius:8px;background:none;cursor:zoom-in;transition:transform .2s ease}@media only screen and (any-hover:hover){.blog-article-figure__trigger.__is-hovered img,.blog-article-figure__trigger:hover img{box-shadow:inset 0 0 0 1px hsla(220,68%,48%,.32),0 1px 0 0 hsla(223,14%,10%,.02),0 0 0 1px hsla(223,14%,10%,.02),0 1px 8px -4px hsla(223,14%,10%,.04),0 4px 12px -6px hsla(223,14%,10%,.04),0 1px 3px 1px hsla(223,14%,10%,.01)}}.blog-article-figure__placeholder{min-height:180px;align-items:center;justify-content:center;padding:24px;border-radius:8px;background-color:hsla(0,0%,100%,.8);box-shadow:inset 0 0 0 1px hsla(220,13%,10%,.08);color:hsl(205,7%,34%);text-align:center;display:flex;min-width:0;position:relative;font-size:var(--font-size-label);letter-spacing:0;line-height:var(--line-height-label)}.blog-article-figure__caption{margin-top:12px;color:hsl(205,7%,34%);text-align:center;position:relative;font-size:var(--font-size-label);letter-spacing:0;line-height:var(--line-height-label)}.blog-article-video{padding:24px;border-radius:12px;margin-top:24px;margin-bottom:24px;background-color:hsl(180,5%,95%);box-shadow:inset 0 0 0 1px hsla(220,13%,10%,.08)}.blog-article-video__player{display:block;width:100%;border:0;border-radius:8px;aspect-ratio:16/9;background-color:hsl(220,13%,10%)}.blog-article-video__caption{margin-top:12px;color:hsl(205,7%,34%);text-align:center;position:relative;font-size:var(--font-size-label);letter-spacing:0;line-height:var(--line-height-label)}.blog-article-agenda{display:none}.blog-article-agenda__title{color:hsl(205,7%,34%);font-weight:500;position:relative;font-size:var(--font-size-label);letter-spacing:0;line-height:var(--line-height-label)}.blog-article-agenda__list{padding:0;margin:12px 0 0;list-style:none}.blog-article-agenda__item+.blog-article-agenda__item{margin-top:10px}.blog-article-agenda__link{display:block;color:hsl(202,8%,29%);text-decoration:none;transition:color .15s ease;position:relative;font-size:var(--font-size-label);letter-spacing:0;line-height:var(--line-height-label)}@media only screen and (any-hover:hover){.blog-article-agenda__link.__is-hovered,.blog-article-agenda__link:hover{color:hsl(220,13%,10%)}}.blog-article-agenda__link.__is-active{color:hsl(219,70%,37%);font-weight:500}.blog-article-example{margin-top:24px;margin-bottom:24px}.blog-article-example-message{padding:24px;border-radius:12px;background-color:hsla(220,68%,48%,.06);box-shadow:inset 0 0 0 1px hsla(220,68%,48%,.12);grid-area:message;margin-bottom:24px}.blog-article-example-message__label{color:hsl(215,70%,26%);font-weight:500;position:relative;font-size:var(--font-size-label);letter-spacing:0;line-height:var(--line-height-label)}.blog-article-example-message__copy{margin-top:16px}.blog-article-example-message__copy p{margin-top:0;margin-bottom:0;color:hsl(210,11%,15%)}.blog-article-example-message__copy p+p{margin-top:12px}.blog-article-example-message__framework{padding-top:16px;margin-top:20px;box-shadow:inset 0 1px 0 0 hsla(220,68%,48%,.16)}.blog-article-example-message__framework-label,.blog-article-example-message__framework-value{display:block;position:relative;font-size:var(--font-size-label);letter-spacing:0;line-height:var(--line-height-label)}.blog-article-example-message__framework-label{color:hsl(205,7%,34%)}.blog-article-example-message__framework-value{margin-top:4px;color:hsl(200,10%,19%);font-weight:500}.blog-article-example-video{width:100%;max-width:360px;margin:0 auto;grid-area:video}.blog-article-example-video__player{display:block;width:100%;border:0;border-radius:12px;aspect-ratio:9/16}.blog-article-example-video__caption{margin-top:12px;color:hsl(205,7%,34%);text-align:center;position:relative;font-size:var(--font-size-label);letter-spacing:0;line-height:var(--line-height-label)}.blog-article-cta{padding:24px;border-radius:12px;margin-top:56px;background-color:hsla(220,68%,48%,.06);box-shadow:0 1px 0 0 hsla(223,14%,10%,.02),0 0 0 1px hsla(223,14%,10%,.02),0 1px 8px -4px hsla(223,14%,10%,.04),0 4px 12px -6px hsla(223,14%,10%,.04),0 1px 3px 1px hsla(223,14%,10%,.01);box-shadow:inset 0 0 0 1px hsla(220,68%,48%,.08)}.blog-article-cta__title{color:hsl(220,13%,10%);font-weight:600;font-size:var(--font-size-h3);font-weight:inherit;letter-spacing:-.01em;line-height:var(--line-height-h3)}.blog-article-cta__description{max-width:640px;margin-top:8px;color:hsl(202,8%,29%);position:relative;font-size:var(--font-size-label);letter-spacing:0;line-height:var(--line-height-label)}.blog-article-cta__actions{flex-wrap:wrap;align-items:center;margin-top:20px;gap:8px;display:flex;min-width:0}.blog-related-articles{padding-top:40px;margin-top:56px;box-shadow:inset 0 1px 0 0 hsla(220,13%,10%,.08)}.blog-related-articles__title{color:hsl(220,13%,10%);font-size:var(--font-size-h2);font-weight:inherit;letter-spacing:-.016em;line-height:var(--line-height-h2)}.blog-related-articles__list{display:grid;margin-top:20px;gap:12px}.blog-related-articles-card{display:block;padding:18px;border-radius:8px;background-color:hsla(0,0%,100%,.8);box-shadow:0 1px 0 0 hsla(223,14%,10%,.02),0 0 0 1px hsla(223,14%,10%,.04),0 1px 8px -4px hsla(223,14%,10%,.04),0 4px 12px -6px hsla(223,14%,10%,.08),0 1px 3px 1px hsla(223,14%,10%,.01);text-decoration:none;transition-duration:.15s;transition-property:background-color,box-shadow;transition-timing-function:ease-out}@media only screen and (any-hover:hover){.blog-related-articles-card.__is-hovered,.blog-related-articles-card:hover{background-color:hsl(0,0%,100%);box-shadow:0 0 0 1px hsla(223,14%,10%,.05),0 2px 8px 0 hsla(223,14%,10%,.04),0 2px 12px -10px hsla(223,14%,10%,.04),0 3px 14px -10px hsla(223,14%,10%,.06),0 4px 16px -10px hsla(223,14%,10%,.08),0 5px 18px -10px hsla(223,14%,10%,.1),0 6px 22px -10px hsla(223,14%,10%,.11),0 7px 24px -10px hsla(223,14%,10%,.13)}}.blog-related-articles-card.__is-active,.blog-related-articles-card:active,.blog-related-articles-card[data-state=open]:not(.__without-active-state){background-color:hsla(220,13%,10%,.08);box-shadow:0 1px 0 0 hsla(223,14%,10%,.02),0 0 0 1px hsla(223,14%,10%,.02),0 1px 8px -4px hsla(223,14%,10%,.04),0 4px 12px -6px hsla(223,14%,10%,.04),0 1px 3px 1px hsla(223,14%,10%,.01)}.blog-related-articles-card__meta{align-items:center;color:hsl(208,7%,39%);font-weight:500;gap:14px;display:flex;min-width:0;position:relative;font-size:var(--font-size-label);letter-spacing:0;line-height:var(--line-height-label)}.blog-related-articles-card__meta span+span{position:relative}.blog-related-articles-card__meta span+span:before{position:absolute;top:50%;left:-8px;width:2px;height:2px;border-radius:50%;background-color:hsl(208,7%,39%);content:"";transform:translateY(-50%)}.blog-related-articles-card__meta .blog-related-articles-card__provider{display:inline-flex;align-items:center}.blog-related-articles-card__meta .blog-related-articles-card__provider:before{display:none}.blog-related-articles-card__provider{width:18px;height:18px;color:hsl(220,13%,10%)}.blog-related-articles-card__title{display:block;margin-top:8px;color:hsl(210,11%,15%);font-weight:500;font-size:14px;letter-spacing:0;line-height:20px}.blog-related-articles-card__description{display:block;margin-top:8px;color:hsl(205,7%,34%);position:relative;font-size:var(--font-size-label);letter-spacing:0;line-height:var(--line-height-label)}.blog-index{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--main-container-padding-x);padding-left:var(--main-container-padding-x);--main-container-padding-x:20px;padding-top:80px;padding-bottom:64px}.blog-index__inner{width:100%;max-width:1100px;margin-right:auto;margin-left:auto}.blog-index-header{padding-bottom:32px;margin-bottom:32px;box-shadow:inset 0 -1px 0 0 hsla(220,13%,10%,.08)}.blog-index-header__title{color:hsl(220,13%,10%);font-weight:600;font-size:var(--font-size-h2);font-weight:inherit;letter-spacing:-.016em;line-height:var(--line-height-h2)}.blog-index-header__description{max-width:720px;margin-top:12px;color:hsl(205,7%,34%);font-size:14px;letter-spacing:0;line-height:20px}.blog-lightbox{position:fixed;z-index:100;align-items:center;justify-content:center;padding:80px 40px 40px;background-color:hsla(0,0%,0%,.88);cursor:zoom-out;inset:0;display:flex;min-width:0}.blog-lightbox__image{display:block;max-width:100%;max-height:100%;border-radius:8px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08),0 24px 48px hsla(0,0%,0%,.32);cursor:default;-o-object-fit:contain;object-fit:contain}.blog-lightbox__close{position:absolute;top:16px;right:16px;width:40px;height:40px;align-items:center;justify-content:center;padding:0;border:0;border-radius:999px;background-color:hsla(0,0%,100%,.08);color:hsl(0,0%,100%);cursor:pointer;transition:background-color .15s ease;display:flex;min-width:0}@media only screen and (any-hover:hover){.blog-lightbox__close.__is-hovered,.blog-lightbox__close:hover{background-color:hsla(0,0%,100%,.16)}}.blog-lightbox__close .twain-icon{color:hsl(0,0%,100%)}.blog-lightbox__caption{position:absolute;top:28px;right:72px;left:40px;color:hsla(0,0%,100%,.8);font-weight:500;text-align:center;font-size:var(--font-size-label);letter-spacing:0;line-height:var(--line-height-label)}.preview-lead-details{background-color:hsla(0,0%,100%,.8);box-shadow:inset 0 1.5px 0 0 hsl(0,0%,100%),0 1px 0 0 hsla(223,14%,10%,.02),0 0 0 1px hsla(223,14%,10%,.02),0 1px 8px -4px hsla(223,14%,10%,.04),0 4px 12px -6px hsla(223,14%,10%,.04),0 1px 3px 1px hsla(223,14%,10%,.01);border-radius:10px}@media only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){[data-browser=chrome] .blog-article-header__meta{top:-.5px}[data-browser=chrome] .blog-article-figure__placeholder{top:-.5px}[data-browser=chrome] .blog-article-figure__caption{top:-.5px}[data-browser=chrome] .blog-article-video__caption{top:-.5px}[data-browser=chrome] .blog-article-agenda__title{top:-.5px}[data-browser=chrome] .blog-article-agenda__link{top:-.5px}[data-browser=chrome] .blog-article-example-message__label{top:-.5px}[data-browser=chrome] .blog-article-example-message__framework-label,[data-browser=chrome] .blog-article-example-message__framework-value{top:-.5px}[data-browser=chrome] .blog-article-example-video__caption{top:-.5px}[data-browser=chrome] .blog-article-cta__description{top:-.5px}[data-browser=chrome] .blog-related-articles-card__meta{top:-.5px}[data-browser=chrome] .blog-related-articles-card__description{top:-.5px}}@media (min-width:800px){.blog-article{--main-container-padding-x:48px}.blog-article{padding-top:96px;padding-bottom:72px}.blog-article__columns{display:grid;align-items:start;gap:64px;grid-template-columns:minmax(0,1fr) 220px}.blog-article-header__description{font-size:15px;letter-spacing:var(--letter-spacing-base,0);line-height:22px}.blog-article-body li,.blog-article-body p{font-size:15px;letter-spacing:var(--letter-spacing-base,0);line-height:22px}.blog-article-agenda{position:sticky;top:96px;display:block;padding-top:40px}.blog-related-articles-card__title{font-size:15px;letter-spacing:var(--letter-spacing-base,0);line-height:22px}.blog-index{--main-container-padding-x:48px}.blog-index{padding-top:96px;padding-bottom:72px}.blog-index-header__description{font-size:15px;letter-spacing:var(--letter-spacing-base,0);line-height:22px}}@media only screen and (min-width:800px) and (min-device-pixel-ratio:2),only screen and (min-width:800px) and (min-resolution:192dpi),only screen and (min-width:800px) and (min-resolution:2dppx){[data-browser=chrome] .blog-article-header__meta{top:0}[data-browser=chrome] .blog-article-figure__placeholder{top:0}[data-browser=chrome] .blog-article-figure__caption{top:0}[data-browser=chrome] .blog-article-video__caption{top:0}[data-browser=chrome] .blog-article-agenda__title{top:0}[data-browser=chrome] .blog-article-agenda__link{top:0}[data-browser=chrome] .blog-article-example-message__label{top:0}[data-browser=chrome] .blog-article-example-message__framework-label,[data-browser=chrome] .blog-article-example-message__framework-value{top:0}[data-browser=chrome] .blog-article-example-video__caption{top:0}[data-browser=chrome] .blog-article-cta__description{top:0}[data-browser=chrome] .blog-related-articles-card__meta{top:0}[data-browser=chrome] .blog-related-articles-card__description{top:0}}@media (min-width:1320px){.blog-article{max-width:1352px;--main-container-padding-x:24px}.blog-article{padding-top:120px;padding-bottom:96px}.blog-article-body li,.blog-article-body p{font-size:16px;letter-spacing:var(--letter-spacing-base,0);line-height:24px}.blog-article-body__code pre{border-radius:11px}.blog-article-example.__with-message{align-items:start;gap:24px;grid-template-areas:"video message";grid-template-columns:260px minmax(0,1fr);display:grid}.blog-article-example-message{margin-bottom:0}.blog-index{max-width:1352px;--main-container-padding-x:24px}.blog-index{padding-top:120px;padding-bottom:96px}.preview-lead-details{border-radius:12px}}@media (min-width:1536px){.blog-article{max-width:1384px}.blog-index{max-width:1384px}}@media (min-width:1920px){.blog-article{max-width:1448px}.blog-article-body__code pre{border-radius:12px}.blog-index{max-width:1448px}.preview-lead-details{border-radius:14px}}@media only screen and (min-width:1920px) and (min-device-pixel-ratio:2),only screen and (min-width:1920px) and (min-resolution:192dpi),only screen and (min-width:1920px) and (min-resolution:2dppx){[data-browser=chrome] .blog-article-header__meta{top:-.5px}[data-browser=chrome] .blog-article-figure__placeholder{top:-.5px}[data-browser=chrome] .blog-article-figure__caption{top:-.5px}[data-browser=chrome] .blog-article-video__caption{top:-.5px}[data-browser=chrome] .blog-article-agenda__title{top:-.5px}[data-browser=chrome] .blog-article-agenda__link{top:-.5px}[data-browser=chrome] .blog-article-example-message__label{top:-.5px}[data-browser=chrome] .blog-article-example-message__framework-label,[data-browser=chrome] .blog-article-example-message__framework-value{top:-.5px}[data-browser=chrome] .blog-article-example-video__caption{top:-.5px}[data-browser=chrome] .blog-article-cta__description{top:-.5px}[data-browser=chrome] .blog-related-articles-card__meta{top:-.5px}[data-browser=chrome] .blog-related-articles-card__description{top:-.5px}}@media (max-width:799.98px){.blog-article-header{padding-bottom:20px}.blog-article-header__meta .blog-article-header__provider{display:none}.blog-article-header__author,.blog-article-header__read{display:none}.blog-article-body{padding-top:20px}.blog-related-articles-card__tutorial{display:none}.blog-index-header{padding-bottom:20px;margin-bottom:20px}}