.dev-how-it-works{background-color:#fff;padding-top:var(--dev-how-it-works-padding-top, 80px);padding-bottom:var(--dev-how-it-works-padding-bottom, 80px)}.dev-how-it-works__inner{display:flex;flex-direction:column;align-items:center;gap:48px}.dev-how-it-works__header{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:720px}.dev-how-it-works__eyebrow{display:flex;align-items:center;gap:8px;font-family:var(--dev-font-primary, "Montserrat", sans-serif);font-weight:700;font-size:12px;line-height:1.6;letter-spacing:1.2px;text-transform:uppercase;color:#8fc745}.dev-how-it-works__eyebrow-dash{display:block;width:20px;height:2px;border-radius:1px;background-color:#8fc745}.dev-how-it-works__heading{text-align:center;width:100%}.dev-how-it-works__heading>*{font-family:var(--dev-font-primary, "Montserrat", sans-serif);font-weight:800;font-size:42px;line-height:1.15;letter-spacing:-1.26px;color:#212529;margin:0}.dev-how-it-works__heading strong{color:#213d8e;font-weight:inherit}.dev-how-it-works__description{text-align:center;width:100%}.dev-how-it-works__description>*{font-family:var(--dev-font-primary, "Montserrat", sans-serif);font-weight:400;font-size:16px;line-height:1.7;color:#5e6770;margin:0}.dev-how-it-works__diagram{position:relative;width:100%;max-width:1180px;aspect-ratio:1180 / 640;margin:0 auto}.dev-how-it-works__main{position:absolute;top:50%;left:50%;width:48.1356%;aspect-ratio:1;border-radius:3.5211%;overflow:hidden;background:#f5f6f7;transform:translate(-50%,-50%);z-index:1}.dev-how-it-works__main-image{width:100%;height:100%;object-fit:cover;display:block}.dev-how-it-works__main-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dev-how-it-works__main-placeholder .placeholder-svg{width:60%;height:60%}.dev-how-it-works__feature{position:absolute;display:flex;flex-direction:column;align-items:center;gap:20px;width:15.2542%;z-index:2}.dev-how-it-works__feature--top-left{top:0;left:0}.dev-how-it-works__feature--top-right{top:0;right:0}.dev-how-it-works__feature--bottom-left{bottom:0;left:0}.dev-how-it-works__feature--bottom-right{bottom:0;right:0}.dev-how-it-works__circle{position:relative;width:100%;aspect-ratio:1;border-radius:50%;border:1px solid #eaecf0;overflow:hidden;background:#fff;flex-shrink:0}.dev-how-it-works__circle-image{width:100%;height:100%;object-fit:cover;display:block}.dev-how-it-works__circle-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dev-how-it-works__circle-placeholder .placeholder-svg{width:60%;height:60%}.dev-how-it-works__feature-title{font-family:var(--dev-font-primary, "Montserrat", sans-serif);font-weight:800;font-size:24px;line-height:1.27;color:#213d8e;margin:0;text-align:center;width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dev-how-it-works__connector{position:absolute;pointer-events:none;width:12.3729%;height:19.0625%;z-index:0}.dev-how-it-works__connector--top-left{left:15.2542%;top:-4%;border-bottom:1px solid #eaecf0}.dev-how-it-works__connector--top-right{right:15.2542%;top:-4%;border-bottom:1px solid #eaecf0}.dev-how-it-works__connector--bottom-left{left:15.2542%;top:72%;border-top:1px solid #eaecf0}.dev-how-it-works__connector--bottom-right{right:15.2542%;top:72%;border-top:1px solid #eaecf0}@media(max-width:1099px)and (min-width:750px){.dev-how-it-works__inner{gap:40px}.dev-how-it-works__heading>*{font-size:36px;letter-spacing:-1.08px}.dev-how-it-works__feature{gap:12px}.dev-how-it-works__feature-title{font-size:18px;line-height:1.25}}@media(max-width:749px){.dev-how-it-works{padding-top:var(--dev-how-it-works-padding-top-mobile, 48px);padding-bottom:var(--dev-how-it-works-padding-bottom-mobile, 48px)}.dev-how-it-works__inner{gap:32px}.dev-how-it-works__header{gap:10px;max-width:358px}.dev-how-it-works__heading>*{font-size:30px;line-height:1.17}.dev-how-it-works__diagram{max-width:358px;aspect-ratio:auto;height:472px}.dev-how-it-works__main{width:200px;aspect-ratio:1;border-radius:20px}.dev-how-it-works__feature{width:150px;gap:12px}.dev-how-it-works__feature--top-left{top:0;left:0;flex-direction:column-reverse}.dev-how-it-works__feature--top-right{top:0;right:0;flex-direction:column-reverse}.dev-how-it-works__feature--bottom-left{top:auto;bottom:0;left:0}.dev-how-it-works__feature--bottom-right{top:auto;bottom:0;right:0}.dev-how-it-works__circle{width:64px;height:64px}.dev-how-it-works__feature-title{font-size:20px;line-height:1.25;min-height:2.5em}.dev-how-it-works__connector{width:24px;height:30px}.dev-how-it-works__connector--top-left{top:126px;left:75px;right:auto;bottom:auto;border:none;border-left:1px solid #eaecf0}.dev-how-it-works__connector--top-right{top:126px;right:75px;left:auto;bottom:auto;border:none;border-right:1px solid #eaecf0}.dev-how-it-works__connector--bottom-left{top:auto;bottom:126px;left:75px;right:auto;border:none;border-left:1px solid #eaecf0}.dev-how-it-works__connector--bottom-right{top:auto;bottom:126px;right:75px;left:auto;border:none;border-right:1px solid #eaecf0}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/dev-how-it-works.css.map */