*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body{font-family:"Red Hat Display",Arial,Helvetica,sans-serif;background-color:var(--white);color:var(--slate-600)}input,button{font-family:"Red Hat Display",Arial,Helvetica,sans-serif}img{display:block;width:100%;height:auto}a{text-decoration:none}.visually-hidden{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}@font-face{font-display:swap;font-family:"Red Hat Display";font-style:normal;font-weight:400;src:url("../fonts/red-hat-display-v20-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Red Hat Display";font-style:normal;font-weight:500;src:url("../fonts/red-hat-display-v20-latin-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Red Hat Display";font-style:normal;font-weight:900;src:url("../fonts/red-hat-display-v20-latin-900.woff2") format("woff2")}h1,h2{font-weight:900}h1{font-size:2.5rem;font-size:clamp(2.5rem,1.74rem + 3.22vw,4rem);line-height:1.1;color:var(--slate-900)}h2{font-size:2rem;font-size:clamp(2rem,1.75rem + 1.074vw,2.5rem);line-height:1.1;color:var(--slate-900)}p{font-size:1rem;font-size:clamp(1rem,.94rem + .27vw,1.125rem);font-weight:500;line-height:1.5}:root{--white: hsl(0, 0%, 98%);--cyan-600: hsl(192, 37%, 48%);--cyan-300: hsl(192, 90%, 77%);--overlay: hsla(192, 37%, 28%, 0.8);--purple-600: hsl(268, 34%, 53%);--purple-300: hsl(268, 100%, 86%);--button-purple-hover: hsl(268, 55%, 71%);--slate-900: hsl(240, 21%, 20%);--slate-600: hsl(240, 10%, 57%);--slate-300: hsl(240, 18%, 85%)}.wrapper{width:min(100% - 4rem,70rem);margin-inline:auto}.topnav__wrapper{display:flex;justify-content:center;align-items:center;padding-block-start:48px}@media(min-width: 56.25em){.topnav__wrapper{padding-block-start:80px}}.topnav__logo{width:7.375rem}.hero{display:flex;flex-direction:column;max-width:100%;padding-block:64px 32px}@media(min-width: 43.75em){.hero{padding-block:64px}}@media(min-width: 43.75em){.hero{padding-block:87px}}.hero picture{margin-bottom:48px}@media(min-width: 43.75em){.hero picture{margin-bottom:72px}}@media(min-width: 56.25em){.hero picture{display:none}}.hero__image{width:100%;height:auto}@media(min-width: 56.25em){.hero__image{display:none}}@media(min-width: 43.75em){.hero__wrapper{width:448px}}@media(min-width: 56.25em){.hero__wrapper{display:flex;justify-content:center;align-items:center;position:relative;gap:clamp(40px,8vw,127.85px);max-width:1120px;margin:0 auto}}.hero__image-left{display:none}@media(min-width: 56.25em){.hero__image-left{display:block;align-self:flex-start;width:394px;height:303px;flex-shrink:0;margin-top:-30px}}.hero__text-wrapper{display:grid;gap:24px;text-align:center}@media(min-width: 56.25em){.hero__text-wrapper{width:448px;flex-shrink:0}}.hero__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.hero__button{display:inline-block;gap:16px;padding:16px 40px;font-size:1rem;line-height:1.5;font-weight:900;color:var(--white);border-radius:29px;transition:background-color 120ms ease-in-out}.hero span{color:var(--cyan-300);margin-left:2.5px}.hero .button-cyan{background-color:var(--cyan-600)}.hero .button-cyan:hover{background-color:var(--cyan-300)}.hero .button-purple{background-color:var(--purple-600)}.hero .button-purple:hover{background-color:var(--button-purple-hover)}.hero__image-right{display:none}@media(min-width: 56.25em){.hero__image-right{display:block;align-self:flex-end;width:394px;height:303px;flex-shrink:0;margin-bottom:-30px}}.feature{padding-block:32px 64px}@media(min-width: 43.75em){.feature{padding-block:56px 64px}}@media(min-width: 56.25em){.feature{padding-block:56px 72px}}.feature__wrapper{display:flex;flex-direction:column;gap:64px;justify-content:center;align-items:center}.feature__number-wrapper{display:flex;flex-direction:column;align-items:center;width:56px}.feature__line{width:1px;height:80px;background-color:var(--slate-300);margin-bottom:-1px}.feature__circle{width:56px;height:56px;border:1px solid var(--slate-300);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1rem;line-height:1.5;color:var(--slate-600)}.feature__image-wrapper{display:grid;grid-template-columns:repeat(2, 1fr);gap:clamp(1rem,.5454545455rem + 1.9393939394vw,2rem)}@media(min-width: 43.75em){.feature__image-wrapper{grid-template-columns:repeat(4, 1fr);gap:24px}}@media(min-width: 56.25em){.feature__image-wrapper{gap:32px}}.feature__image{border-radius:10px}@media(min-width: 43.75em){.feature__image{width:152px;height:160px}}@media(min-width: 56.25em){.feature__image{width:256px;height:256px}}.feature__text-wrapper{display:grid;gap:32px;text-align:center}@media(min-width: 43.75em){.feature__text-wrapper{width:30.625rem}}@media(min-width: 56.25em){.feature__text-wrapper{width:34rem}}.feature__title span{display:inline-block;font-size:0.75rem;font-size:clamp(0.75rem,.64rem + .485vw,1rem);line-height:1.1;letter-spacing:4px;text-transform:uppercase;color:var(--cyan-600);margin-bottom:16px}@media(min-width: 56.25em){.feature__title{max-width:445px;margin-inline:auto}}.footer{display:flex;flex-direction:column;align-items:center;position:relative}.footer__number-wrapper{display:flex;flex-direction:column;align-items:center;width:56px;z-index:3}.footer__line{width:1px;height:80px;background-color:var(--slate-300);margin-bottom:-1px}.footer__circle{width:56px;height:56px;border:1px solid var(--slate-300);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1rem;line-height:1.5;color:var(--slate-600);background-color:var(--white)}.footer__text-wrapper{width:100%;height:374px;padding:64px 32px;background-image:url("/img/image-footer-mobile.jpg");background-size:cover;background-position:center;position:relative;margin-top:-28px;display:flex;justify-content:center}@media(min-width: 43.75em){.footer__text-wrapper{background-image:url("/img/image-footer-tablet.jpg");height:320px}}@media(min-width: 56.25em){.footer__text-wrapper{background-image:url("/img/image-footer-desktop.jpg");height:312px;padding-block:112px}}.footer__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay);z-index:1}.footer__text{width:100%;max-width:1120px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:24px;z-index:2;padding:0 32px}@media(min-width: 56.25em){.footer__text{display:grid;grid-template-columns:repeat(4, 1fr);gap:32px;text-align:left;align-items:flex-start;justify-content:center;margin:0 auto;height:88px}}.footer__title{color:var(--white)}@media(min-width: 56.25em){.footer__title{grid-column:1/3}}.footer__description{color:var(--white)}@media(min-width: 56.25em){.footer__description{grid-column:3/4;width:355px}}.footer__button{display:inline-block;gap:16px;padding:16px 40px;font-size:1rem;line-height:1.5;font-weight:900;color:var(--white);border-radius:29px;transition:background-color 200ms ease-in-out}@media(min-width: 56.25em){.footer__button{grid-column:4/5;justify-self:flex-end;width:auto}}.footer span{color:var(--purple-300);margin-left:2.5px}.footer .button-purple{background-color:var(--purple-600)}.footer .button-purple:hover{background-color:var(--button-purple-hover)}/*# sourceMappingURL=style.css.map */