*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary)}:root{--font-primary: "Red Hat Display", sans-serif;--color-cyan-600: #4D96A9;--color-cyan-300: #8FE3F9;--color-purple-600: #855FB1;--color-purple-300: #D9B8FF;--color-slate-900: #28283D;--color-slate-600: #87879D;--color-slate-300: #D1D1DF;--color-white: #FAFAFA;--space-50: 4px;--space-100: 8px;--space-200: 16px;--space-300: 24px;--space-400: 32px;--space-500: 40px;--space-700: 56px;--space-800: 64px;--space-900: 72px;--space-1000: 80px;--space-1400: 112px}.hero{overflow:hidden;margin-bottom:var(--space-800)}.hero .logo{display:block;margin:0 auto;padding-top:var(--space-700)}.hero .hero-content-mobile{position:relative;padding-top:var(--space-800);padding-bottom:var(--space-500)}.hero .hero-content-mobile .image-hero-right,.hero .hero-content-mobile .image-hero-left{width:50%}.hero .hero-content-mobile .image-hero-left{margin-left:calc(-1 * var(--space-200))}.hero .hero-content-mobile .image-hero-right{position:absolute;right:calc(-1 * var(--space-200))}.hero .hero-content .image-hero-right,.hero .hero-content .image-hero-left{display:none}.hero .hero-content .middle{max-width:410px;margin:0 auto}.hero .hero-content .middle .title{text-align:center;padding:0 var(--space-900) var(--space-300)}.hero .hero-content .middle .subtitle{text-align:center;padding-bottom:var(--space-300)}.hero .hero-content .middle .buttons{display:flex;flex-direction:column;gap:var(--space-200);align-items:center}.hero .hero-content .middle .buttons button{width:fit-content}@media(min-width:768px){.hero{margin-bottom:120px}.hero .hero-content-mobile{padding-bottom:var(--space-900)}.hero .hero-content .middle .title{padding:0 var(--space-700) var(--space-300)}.hero .hero-content .middle .buttons{flex-direction:row}}@media(min-width:1024px){.hero .logo{padding-top:var(--space-1000)}.hero .hero-content-mobile{display:none}.hero .hero-content{display:flex;justify-content:center;padding-top:var(--space-1000);position:relative}.hero .hero-content .middle{width:450px;text-align:center;display:flex;flex-direction:column;gap:var(--space-400)}.hero .hero-content .middle .title,.hero .hero-content .middle .subtitle{padding:0}.hero .hero-content .middle .buttons{display:flex;justify-content:center;gap:var(--space-200)}.hero .hero-content .image-hero-right,.hero .hero-content .image-hero-left{display:block;position:absolute;height:200px}.hero .hero-content .image-hero-left{left:calc(-1 * var(--space-200))}.hero .hero-content .image-hero-right{right:calc(-1 * var(--space-200));bottom:0}}@media(min-width:1200px){.hero .hero-content{padding-bottom:var(--space-300)}.hero .hero-content .image-hero-right,.hero .hero-content .image-hero-left{height:300px}.hero .hero-content .image-hero-left{top:var(--space-800)}}.text-white{color:var(--color-white)}.text-cyan-300{color:var(--color-cyan-300)}.text-cyan-600{color:var(--color-cyan-600)}.text-purple{color:var(--color-purple-300)}.text-slate-300{color:var(--color-slate-300)}.text-slate-600{color:var(--color-slate-600)}.text-slate-900{color:var(--color-slate-900)}.text-preset-1{font-size:40px;line-height:110%;letter-spacing:0px}.text-preset-2{font-size:32px;line-height:110%;letter-spacing:0px}.text-preset-3{font-size:12px;line-height:110%;letter-spacing:4px}.text-preset-4{font-size:16px;line-height:110%;letter-spacing:0px}.text-preset-5{font-size:16px;line-height:150%;letter-spacing:0px}@media(min-width:768px){.text-preset-1{font-size:48px}.text-preset-2{font-size:36px}.text-preset-3{font-size:14px}.text-preset-4{font-size:16px}}@media(min-width:1024px){.text-preset-1{font-size:64px}.text-preset-2{font-size:40px}.text-preset-3{font-size:16px}.text-preset-4{font-size:18px}}.button{font-weight:700;padding:var(--space-200) var(--space-500);border-radius:29px;border:0;display:flex;flex-direction:row;gap:var(--space-50)}.button.blue{background-color:var(--color-cyan-600)}.button.blue:hover{background-color:#71c0d4;cursor:pointer}.button.purple{background-color:var(--color-purple-600)}.button.purple:hover{background-color:#b18bdd;cursor:pointer}.section-counter{display:flex;flex-direction:column;align-items:center}.section-counter .line{width:1px;height:80px;background-color:var(--color-slate-300)}.section-counter .label{padding:16px 19px;border-radius:50%;border:1px solid var(--color-slate-300);font-weight:700;background:#fff}.first-section{text-align:center;padding-top:var(--space-800)}.first-section .images{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:var(--space-200);grid-row-gap:var(--space-200);padding:0 var(--space-400) var(--space-800)}.first-section .images img{max-width:100%;height:auto;border-radius:var(--space-200)}.first-section .image1{grid-area:1/1/2/2}.first-section .image2{grid-area:1/2/2/3}.first-section .image3{grid-area:2/1/3/2}.first-section .image4{grid-area:2/2/3/3}.first-section .tagline{margin-bottom:var(--space-200);text-transform:uppercase;font-weight:700}.first-section .title{max-width:310px;margin:0 auto var(--space-400)}.first-section .description{max-width:310px;margin:0 auto var(--space-800)}@media(min-width:768px){.first-section .images{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;grid-column-gap:var(--space-300);grid-row-gap:0px}.first-section .images img{max-width:100%;height:auto}.first-section .image1{grid-area:1/1/2/2}.first-section .image2{grid-area:1/2/2/3}.first-section .image3{grid-area:1/3/2/4}.first-section .image4{grid-area:1/4/2/5}.first-section .title{max-width:450px}.first-section .description{max-width:500px}}@media(min-width:1024px){.first-section .images{grid-column-gap:var(--space-400)}}.footer{position:relative;margin-top:calc(-1 * var(--space-400));z-index:-1}.footer .image-mobile{display:block;width:100%}.footer .image-tablet,.footer .image-desktop{display:none;width:100%}.footer .overlay{position:absolute;top:0;bottom:0;background-color:#4d96a9bf;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-300);width:100%}.footer .overlay .title,.footer .overlay .description{max-width:300px;text-align:center}@media(min-width:768px){.footer .image-mobile{display:none}.footer .image-tablet{display:block}.footer .overlay .title,.footer .overlay .description{max-width:500px}}@media(min-width:1024px){.footer{height:312px}.footer .image-tablet{display:none}.footer .image-desktop{display:block;height:100%}.footer .overlay{padding:0 160px;flex-direction:row;justify-content:space-between}.footer .overlay .title{text-align:left;max-width:325px}.footer .overlay .description{text-align:left;max-width:340px}}