*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-white)}nav{width:100%;display:flex;justify-content:center}.NavLogo{margin-block-start:3rem}.HeroSection{width:100vw;padding-block:var(--size-800) var(--size-400);position:relative;z-index:0;text-align:center;overflow-x:hidden}.HeroImgTablet{width:100%;transform:scale(1.2);margin-block-end:3rem}.HeroImgLeft{display:none;position:absolute;left:0}.HeroImgRight{display:none;position:absolute;right:0}.HeroTextContainer{width:clamp(305px,80vw,500px);padding-inline:var(--size-400);display:flex;flex-direction:column;gap:var(--size-300);align-items:center}.HeroTitle{color:var(--color-slate-900)}.HeroParagraph{color:var(--color-slate-600)}.HeroBtnGroup{display:flex;flex-direction:column;align-items:center;gap:var(--size-200)}.CyanBtn,.PurpleBtn{width:fit-content;padding:var(--size-200) 3rem;border:none;border-radius:29px}.CyanBtn{background-color:var(--color-cyan-600);color:var(--color-white)}.CyanBtn:hover{background-color:var(--color-cyan-hover)}.CyanBtn>.AppVersion{color:var(--color-cyan-300)}.PurpleBtn{background-color:var(--color-purple-600);color:var(--color-white)}.PurpleBtn:hover{background-color:var(--color-purple-hover)}.PurpleBtn>.AppVersion{color:var(--color-purple-300)}.NumberShape{display:flex;flex-direction:column;align-items:center;transform:translateY(var(--size-400));position:relative;z-index:3}.NumberStick{width:1px;height:var(--size-1000);background-color:var(--color-slate-300)}.NumberCircle{width:var(--size-700);height:var(--size-700);border:1px solid var(--color-slate-300);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-slate-600);background-color:var(--color-white)}main{padding:0px var(--size-400) var(--size-400) var(--size-400);display:flex;flex-direction:column;gap:var(--size-800);text-align:center}.MainImgGroup{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--size-200);padding-block-start:var(--size-400)}.MainImgGroup>img{width:100%;border-radius:var(--size-100)}.MainTextGroup{display:flex;flex-direction:column;gap:var(--size-400)}.MainTextGroup>:first-child{display:flex;flex-direction:column;gap:var(--size-200)}.MainTextSubheading{color:var(--color-cyan-600);text-transform:uppercase}.MainTextParagraph{color:var(--color-slate-600)}.FooterWrapper{position:relative;z-index:0;background-image:url(/image-footer-tablet.jpg);background-position:center;background-repeat:no-repeat}.FooterContent{padding:var(--size-800) var(--size-400);display:flex;flex-direction:column;align-items:center;gap:var(--size-300);text-align:center;position:relative;z-index:2}.CyanCover{position:absolute;width:100%;height:100%;background-color:var(--color-cyan-600);opacity:.8;z-index:1}.FooterContent>h2,p{color:var(--color-white)}@media (min-width: 768px){.HeroSection{display:flex;flex-direction:column;align-items:center;padding:var(--size-800) var(--size-400)}.HeroBtnGroup{flex-direction:row}main{padding:0px var(--size-400) var(--size-400) var(--size-400);display:flex;flex-direction:column;gap:var(--size-800);text-align:center}.MainImgGroup{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;gap:var(--size-200)}.MainImgGroup>img{width:100%;border-radius:var(--size-100)}.FooterWrapper{background-image:url(/image-footer-desktop.jpg)}}@media (min-width: 1280px){.HeroSection{display:flex;flex-direction:row;justify-content:center;align-items:center;align-items:normal;position:relative}.HeroImgTablet{display:none}.HeroImgLeft,.HeroImgRight{display:block}}:root{--color-white: hsl(0deg, 0%, 98%);--color-cyan-300: hsl(192deg, 90%, 77%);--color-cyan-600: hsl(192deg, 37%, 48%);--color-cyan-hover: hsl(192deg, 54%, 64%);--color-purple-300: hsl(268deg, 100%, 86%);--color-purple-600: hsl(268deg, 34%, 53%);--color-purple-hover: hsl(268deg, 55%, 71%);--color-slate-300: hsl(240deg, 18%, 85%);--color-slate-600: hsl(240deg, 10%, 57%);--color-slate-900: hsl(240deg, 21%, 20%);--size-50: .25rem;--size-100: .5rem;--size-200: 1rem;--size-300: 1.5rem;--size-400: 2rem;--size-500: 2.5rem;--size-700: 3.5rem;--size-800: 4rem;--size-900: 4.5rem;--size-1000: 5rem;--size-1400: 7rem;--font-family: "Red Hat Display", sans-serif}.TextPresetOne,.TextPresetTwo,.TextPresetThree,.TextPresetFour,.TextPresetFive{font-family:var(--font-family)}.TextPresetOne{font-size:var(--size-500);line-height:110%;font-weight:900}.TextPresetTwo{font-size:var(--size-400);line-height:110%;font-weight:900}.TextPresetThree{font-size:.75rem;line-height:110%;letter-spacing:var(--size-50);font-weight:900}.TextPresetFour{font-size:var(--size-200);line-height:150%;font-weight:500}.TextPresetFive{font-size:var(--size-200);line-height:150%;font-weight:900}@media (min-width: 768px){.TextPresetOne{font-size:3rem}.TextPresetTwo{font-size:2.25rem}.TextPresetThree{font-size:14px}}@media (min-width: 1440px){.TextPresetOne{font-size:var(--size-800)}.TextPresetTwo{font-size:var(--size-500)}.TextPresetThree{font-size:var(--size-200)}.TextPresetFour{font-size:18px}.TextPresetFive{font-size:var(--size-200)}}