.dev-blog-cta{--dev-blog-cta-bg: #f4f8fc;--dev-blog-cta-border: #e1e8ef;--dev-blog-cta-title-color: #1a1c1d;--dev-blog-cta-body-color: #404751;--dev-blog-cta-accent: #1172ba;padding-top:var(--dev-blog-cta-pt-d);padding-bottom:var(--dev-blog-cta-pb-d);background:transparent}.dev-blog-cta__inner{width:100%}@media(min-width:1025px){.dev-blog-cta{position:relative;width:100vw;left:50%;margin-left:-50vw;margin-right:-50vw}.dev-blog-cta .dev-blog-cta__inner{max-width:1700px;margin-inline:auto}.dev-blog-cta--banner-host .dev-blog-cta__inner{max-width:1440px;padding-inline:clamp(64px,10vw,144px)}}.dev-blog-cta__card{background:var(--dev-blog-cta-bg);border:1px solid var(--dev-blog-cta-border);border-radius:16px;padding:40px 44px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px}.dev-blog-cta__content{display:flex;flex-direction:column;gap:20px;min-width:0;padding-top:24px;position:relative;overflow:hidden}.dev-blog-cta__gradient{position:absolute;pointer-events:none;max-width:100%;height:auto;z-index:0}.dev-blog-cta__gradient--primary-dark{top:0;left:0}.dev-blog-cta__content>*:not(.dev-blog-cta__gradient){position:relative;z-index:1}.dev-blog-cta__card--style-light-text-right .dev-blog-cta__gradient,.dev-blog-cta__card--style-light-text-left .dev-blog-cta__gradient{display:none}.dev-blog-cta__card--with-image{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"media content";gap:0;align-items:stretch;padding:0;background:transparent;border:0;border-radius:0}.dev-blog-cta__card--with-image .dev-blog-cta__media{grid-area:media;height:auto;aspect-ratio:auto;min-height:0;border-radius:0}.dev-blog-cta__card--with-image .dev-blog-cta__content{grid-area:content;justify-content:center;padding:40px 144px 40px 112px;gap:24px}.dev-blog-cta__card--with-image .dev-blog-cta__title{font-size:50px;line-height:55px;letter-spacing:0}.dev-blog-cta__card--with-image .dev-blog-cta__text{line-height:1.625;letter-spacing:.04em}.dev-blog-cta__card--with-image .dev-blog-cta__link-wrap{margin-top:8px}.dev-blog-cta__media{position:relative;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--dev-blog-cta-accent) 8%,transparent);min-height:220px}.dev-blog-cta__media img{height:100%;object-fit:cover}.dev-blog-cta__media-img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.dev-blog-cta__title{margin:0;font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:700;font-size:32px;line-height:1.15;letter-spacing:-.01em;color:var(--dev-blog-cta-title-color);text-transform:none}.dev-blog-cta__text{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:400;font-size:16px;line-height:1.55;color:var(--dev-blog-cta-body-color);margin-bottom:0}.dev-blog-cta__text>:first-child{margin-top:0}.dev-blog-cta__text>:last-child{margin-bottom:0}.dev-blog-cta__text p{margin:0 0 12px}.dev-blog-cta__text p:last-child{margin-bottom:0}.dev-blog-cta__text strong{color:var(--dev-blog-cta-accent);font-weight:700}.dev-blog-cta__text a{color:var(--dev-blog-cta-accent);text-decoration:underline;text-underline-offset:2px}.dev-blog-cta__link-wrap{display:flex}.dev-blog-cta__link{align-self:flex-start}@media(max-width:1024px){.dev-blog-cta__card{padding:36px 32px}.dev-blog-cta__card--with-image{padding:0;gap:0}.dev-blog-cta__card--with-image .dev-blog-cta__content{padding:32px 64px 32px 56px}.dev-blog-cta__card--media-right .dev-blog-cta__content{padding:32px 56px 32px 64px}.dev-blog-cta__title{font-size:28px}}@media(max-width:749px){.dev-blog-cta__card--with-image{grid-template-columns:minmax(0,1fr);grid-template-areas:"media" "content";gap:20px}.dev-blog-cta__media{min-height:0;aspect-ratio:16 / 10}.dev-blog-cta__card--banner{padding:40px 48px}}@media(max-width:749px){.dev-blog-cta{padding-top:var(--dev-blog-cta-pt-m);padding-bottom:var(--dev-blog-cta-pb-m)}.dev-blog-cta__card{padding:28px 22px;border-radius:14px;gap:16px}.dev-blog-cta__title{font-size:24px}.dev-blog-cta__text{font-size:15px}}.dev-blog-cta__inner--full-bleed{width:100%;max-width:none;padding-left:0;padding-right:0}.dev-blog-cta:has(.dev-blog-cta__card--style-light-text-right:not(.dev-blog-cta__card--variant-secondary)),.dev-blog-cta:has(.dev-blog-cta__card--style-light-text-left:not(.dev-blog-cta__card--variant-secondary)){background:#fff}.dev-blog-cta:has(.dev-blog-cta__card--style-dark-text-right:not(.dev-blog-cta__card--variant-secondary)),.dev-blog-cta:has(.dev-blog-cta__card--style-dark-text-left:not(.dev-blog-cta__card--variant-secondary)){background:#000}.dev-blog-cta__card--style-light-text-right,.dev-blog-cta__card--style-light-text-left,.dev-blog-cta__card--style-dark-text-right,.dev-blog-cta__card--style-dark-text-left{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:0;border:0;border-radius:0;align-items:stretch}.dev-blog-cta__card--style-light-text-right,.dev-blog-cta__card--style-light-text-left{background:#fff;--dev-blog-cta-title-color: #000000;--dev-blog-cta-body-color: #404751}.dev-blog-cta__card--style-dark-text-right,.dev-blog-cta__card--style-dark-text-left{background:#000;--dev-blog-cta-title-color: #ffffff;--dev-blog-cta-body-color: #cccccc}.dev-blog-cta__card--style-light-text-right,.dev-blog-cta__card--style-dark-text-right{grid-template-areas:"media content"}.dev-blog-cta__card--style-light-text-right .dev-blog-cta__content,.dev-blog-cta__card--style-dark-text-right .dev-blog-cta__content{padding:64px 144px 64px 112px}.dev-blog-cta__card--style-light-text-left,.dev-blog-cta__card--style-dark-text-left{grid-template-areas:"content media"}.dev-blog-cta__card--style-light-text-left .dev-blog-cta__content,.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__content{padding:64px 112px 64px 144px}.dev-blog-cta__card--style-light-text-right .dev-blog-cta__media,.dev-blog-cta__card--style-light-text-left .dev-blog-cta__media,.dev-blog-cta__card--style-dark-text-right .dev-blog-cta__media,.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__media{grid-area:media;border-radius:0;background:transparent;min-height:0;align-self:stretch;height:100%}.dev-blog-cta__card--style-light-text-right .dev-blog-cta__content,.dev-blog-cta__card--style-light-text-left .dev-blog-cta__content,.dev-blog-cta__card--style-dark-text-right .dev-blog-cta__content,.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__content{grid-area:content;gap:24px;padding-top:64px;padding-bottom:64px;justify-content:center}.dev-blog-cta__card--style-light-text-right .dev-blog-cta__link-wrap,.dev-blog-cta__card--style-light-text-left .dev-blog-cta__link-wrap,.dev-blog-cta__card--style-dark-text-right .dev-blog-cta__link-wrap,.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__link-wrap{margin-top:16px}.dev-blog-cta__card--style-light-text-right .dev-blog-cta__title,.dev-blog-cta__card--style-light-text-left .dev-blog-cta__title,.dev-blog-cta__card--style-dark-text-right .dev-blog-cta__title,.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__title{font-size:48px;line-height:55px;letter-spacing:-1px;font-weight:700;max-width:395px}.dev-blog-cta__card--style-light-text-right .dev-blog-cta__text,.dev-blog-cta__card--style-light-text-left .dev-blog-cta__text,.dev-blog-cta__card--style-dark-text-right .dev-blog-cta__text,.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__text{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:26px;max-width:480px}.dev-blog-cta__card--style-light-text-right .dev-blog-cta__text,.dev-blog-cta__card--style-light-text-right .dev-blog-cta__text p,.dev-blog-cta__card--style-light-text-right .dev-blog-cta__text li,.dev-blog-cta__card--style-light-text-left .dev-blog-cta__text,.dev-blog-cta__card--style-light-text-left .dev-blog-cta__text p,.dev-blog-cta__card--style-light-text-left .dev-blog-cta__text li{color:#404751}.dev-blog-cta__card--style-dark-text-right .dev-blog-cta__text,.dev-blog-cta__card--style-dark-text-right .dev-blog-cta__text p,.dev-blog-cta__card--style-dark-text-right .dev-blog-cta__text li,.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__text,.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__text p,.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__text li{color:#ccc}@media(max-width:1024px){.dev-blog-cta__card--style-light-text-right .dev-blog-cta__content,.dev-blog-cta__card--style-dark-text-right .dev-blog-cta__content,.dev-blog-cta__card--style-light-text-left .dev-blog-cta__content,.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__content{padding:48px}.dev-blog-cta__card--style-light-text-right .dev-blog-cta__title,.dev-blog-cta__card--style-light-text-left .dev-blog-cta__title,.dev-blog-cta__card--style-dark-text-right .dev-blog-cta__title,.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__title{font-size:38px;line-height:46px}}@media(max-width:749px){.dev-blog-cta__card--style-light-text-right,.dev-blog-cta__card--style-light-text-left,.dev-blog-cta__card--style-dark-text-right,.dev-blog-cta__card--style-dark-text-left{grid-template-columns:minmax(0,1fr);grid-template-areas:"media" "content";gap:0}.dev-blog-cta__card--style-light-text-left,.dev-blog-cta__card--style-dark-text-left{grid-template-areas:"content" "media"}.dev-blog-cta__card--style-light-text-right .dev-blog-cta__media,.dev-blog-cta__card--style-light-text-left .dev-blog-cta__media,.dev-blog-cta__card--style-dark-text-right .dev-blog-cta__media,.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__media{margin:0 24px;border-radius:8px;overflow:hidden;aspect-ratio:342 / 298;height:auto}.dev-blog-cta__card--style-light-text-right .dev-blog-cta__content,.dev-blog-cta__card--style-light-text-left .dev-blog-cta__content,.dev-blog-cta__card--style-dark-text-right .dev-blog-cta__content,.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__content{padding:40px 24px 0;gap:16px}.dev-blog-cta__card--style-light-text-left .dev-blog-cta__content,.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__content{padding:0 24px 40px}.dev-blog-cta__card--style-light-text-right .dev-blog-cta__link-wrap,.dev-blog-cta__card--style-light-text-left .dev-blog-cta__link-wrap,.dev-blog-cta__card--style-dark-text-right .dev-blog-cta__link-wrap,.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__link-wrap{width:100%;margin-top:24px}.dev-blog-cta__card--style-light-text-right .dev-blog-cta__title,.dev-blog-cta__card--style-light-text-left .dev-blog-cta__title,.dev-blog-cta__card--style-dark-text-right .dev-blog-cta__title,.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__title{font-size:38px;line-height:46px;letter-spacing:-1px;max-width:310px}.dev-blog-cta__card--style-light-text-right .dev-blog-cta__text,.dev-blog-cta__card--style-light-text-left .dev-blog-cta__text,.dev-blog-cta__card--style-dark-text-right .dev-blog-cta__text,.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__text{max-width:300px}.dev-blog-cta__card--style-light-text-right .dev-blog-cta__link,.dev-blog-cta__card--style-light-text-left .dev-blog-cta__link,.dev-blog-cta__card--style-dark-text-right .dev-blog-cta__link,.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__link{display:flex;width:100%}.dev-blog-cta__card--style-light-text-right:not(.dev-blog-cta__card--variant-secondary) .dev-blog-cta__gradient,.dev-blog-cta__card--style-light-text-left:not(.dev-blog-cta__card--variant-secondary) .dev-blog-cta__gradient,.dev-blog-cta__card--style-dark-text-right:not(.dev-blog-cta__card--variant-secondary) .dev-blog-cta__gradient,.dev-blog-cta__card--style-dark-text-left:not(.dev-blog-cta__card--variant-secondary) .dev-blog-cta__gradient{display:none}}.dev-blog-cta__inner--secondary{padding-inline:144px}.dev-blog-cta__card--variant-secondary{display:flex;flex-direction:column;align-items:stretch;background:#000;border:0;border-radius:24px;padding:48px 64px;position:relative;overflow:hidden;grid-template-columns:none;grid-template-areas:none;gap:0}.dev-blog-cta__card--variant-secondary .dev-blog-cta__content{width:100%;display:flex;flex-direction:column;gap:30px;padding:0;position:relative;z-index:1}.dev-blog-cta__card--variant-secondary .dev-blog-cta__title{font-family:Space Grotesk,system-ui,-apple-system,sans-serif;font-weight:700;font-size:40px;line-height:1.05;color:#fff;letter-spacing:0;text-transform:none;margin:0;max-width:none}.dev-blog-cta__card--variant-secondary .dev-blog-cta__text,.dev-blog-cta__card--variant-secondary .dev-blog-cta__text p,.dev-blog-cta__card--variant-secondary .dev-blog-cta__text li{font-family:Poppins,Inter,system-ui,-apple-system,sans-serif;font-weight:400;font-size:16px;line-height:30px;letter-spacing:.64px;color:#ccc}.dev-blog-cta__card--variant-secondary .dev-blog-cta__content{gap:16px}.dev-blog-cta__card--variant-secondary .dev-blog-cta__link-wrap{margin-top:14px}.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-dark-text-center .dev-blog-cta__content,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-center .dev-blog-cta__content{align-items:center;text-align:center}.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-dark-text-center .dev-blog-cta__text,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-center .dev-blog-cta__text{max-width:630px}.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__content,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-left .dev-blog-cta__content{align-items:flex-start;text-align:left}.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-dark-text-right .dev-blog-cta__content,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-right .dev-blog-cta__content{align-items:flex-end;text-align:right}.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__text,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-dark-text-right .dev-blog-cta__text,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-left .dev-blog-cta__text,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-right .dev-blog-cta__text{max-width:549px}.dev-blog-cta__card--variant-secondary .dev-blog-cta__gradient--secondary-center-dark{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none;z-index:0}.dev-blog-cta__card--variant-secondary .dev-blog-cta__gradient--secondary-side-dark{position:absolute;top:0;right:0;left:auto;width:100%;height:auto;max-width:none;pointer-events:none;z-index:0}.dev-blog-cta__card--variant-secondary .dev-blog-cta__media--secondary{position:absolute;top:-119px;width:466px;height:411px;pointer-events:none;mix-blend-mode:lighten;z-index:0;background:transparent;border-radius:0;min-height:0;overflow:visible}.dev-blog-cta__card--variant-secondary .dev-blog-cta__media--secondary .dev-blog-cta__media-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-dark-text-center .dev-blog-cta__media--secondary{right:-155px}.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__media--secondary,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-left .dev-blog-cta__media--secondary{right:0;left:auto}.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-dark-text-right .dev-blog-cta__media--secondary,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-right .dev-blog-cta__media--secondary{left:0;right:auto}.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-center,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-left,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-right{background:#fff}.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-center .dev-blog-cta__title,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-left .dev-blog-cta__title,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-right .dev-blog-cta__title{color:#000}.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-center .dev-blog-cta__text,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-center .dev-blog-cta__text p,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-center .dev-blog-cta__text li,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-left .dev-blog-cta__text,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-left .dev-blog-cta__text p,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-left .dev-blog-cta__text li,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-right .dev-blog-cta__text,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-right .dev-blog-cta__text p,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-right .dev-blog-cta__text li{color:#404751}@media(max-width:1024px){.dev-blog-cta__inner--secondary{padding-inline:64px}.dev-blog-cta__card--variant-secondary{padding:40px 48px}.dev-blog-cta__card--variant-secondary .dev-blog-cta__title{font-size:34px}}@media(max-width:749px){.dev-blog-cta__inner--secondary{padding-inline:24px}.dev-blog-cta__card--variant-secondary{padding:64px 24px;border-radius:24px}.dev-blog-cta__card--variant-secondary .dev-blog-cta__content,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__content,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-dark-text-right .dev-blog-cta__content,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-left .dev-blog-cta__content,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-right .dev-blog-cta__content{align-items:center;text-align:center;gap:16px}.dev-blog-cta__card--variant-secondary .dev-blog-cta__link-wrap{width:auto;margin-top:24px}.dev-blog-cta__card--variant-secondary .dev-blog-cta__link{display:inline-flex;width:auto}.dev-blog-cta__card--variant-secondary .dev-blog-cta__title{font-size:32px;line-height:1.1;max-width:none}.dev-blog-cta__card--variant-secondary .dev-blog-cta__text,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-dark-text-center .dev-blog-cta__text,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-dark-text-left .dev-blog-cta__text,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-dark-text-right .dev-blog-cta__text,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-center .dev-blog-cta__text,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-left .dev-blog-cta__text,.dev-blog-cta__card--variant-secondary.dev-blog-cta__card--style-light-text-right .dev-blog-cta__text{max-width:276px}.dev-blog-cta__card--variant-secondary .dev-blog-cta__gradient--secondary-center-dark,.dev-blog-cta__card--variant-secondary .dev-blog-cta__gradient--secondary-side-dark,.dev-blog-cta__card--variant-secondary .dev-blog-cta__media--secondary{display:none}.dev-blog-cta__card--variant-secondary .dev-blog-cta__gradient--secondary-mobile{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;pointer-events:none;z-index:0;display:block}}@media(min-width:750px){.dev-blog-cta__gradient--secondary-mobile{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/dev-blog-cta.css.map */