.HomeBanner-section-os{background:var(--primary-background);padding:2rem 0}.HomeBanner-col-os{width:calc(50% - 1.5rem)}.HomeBanner-row-os{flex-wrap:wrap;align-items:center;gap:3rem;display:flex}.HomeBanner-col-os h1{min-height:160px;padding-bottom:1rem}.HomeBanner-col-os p{padding-bottom:1.5rem}.HomeBanner-col-os h1 .developer-os{color:var(--brand-color)}.HomeBanner-col-os img{border-radius:20px;display:flex}.HomeBanner-col-1-os h1{color:var(--primary-color);font-size:62px;font-weight:800;line-height:72px}@media screen and (max-width:1600px){.HomeBanner-row-os{max-width:80%;margin:0 auto}.HomeBanner-col-os h1{min-height:140px}.HomeBanner-col-1-os h1{font-size:52px;line-height:62px}}@media screen and (max-width:1028px){.HomeBanner-col-os h1{min-height:120px}.HomeBanner-section-os{padding:4rem 0}.HomeBanner-col-1-os h1{font-size:42px;line-height:52px}}@media screen and (max-width:768px){.HomeBanner-row-os{max-width:100%}}@media screen and (max-width:767px){.HomeBanner-col-os{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.HomeBanner-row-os{flex-direction:column-reverse;gap:2rem}.HomeBanner-col-2-os{justify-content:center;display:flex}.HomeBanner-col-os img{width:auto;max-height:400px}.HomeBanner-col-os h1{min-height:58px}.HomeBanner-col-1-os h1{font-size:35px;line-height:42px}}@media screen and (max-width:576px){.HomeBanner-col-os img{width:100%;height:auto;max-height:100%}.HomeBanner-col-os h1{min-height:100px}}