.hero-section{-webkit-backdrop-filter:blur(167px);background:linear-gradient(#2cd4ed 0%,#3169ff 100%);align-items:center;width:100%;padding-top:100px;padding-bottom:50px;position:relative}.hero-wrapper{align-items:center;gap:60px;width:100%;display:flex}.hero-content{text-align:left;flex:1;min-width:0;padding-right:20px}.hero-screenshots{aspect-ratio:1;flex:1;justify-content:center;align-items:center;width:100%;max-width:600px;display:flex;position:relative;overflow:hidden}.circle-bg{z-index:1;pointer-events:none;background:linear-gradient(135deg,#2cd4ed 0%,#fff0 100%);border-radius:50%;position:absolute}.circle-bg-large{aspect-ratio:1;opacity:.5;width:90%;top:0%;right:0%;transform:rotate(50deg)}.circle-bg-small{aspect-ratio:1;opacity:.5;width:30%;bottom:10%;left:0;transform:rotate(90deg)}.screenshot{z-index:2;object-fit:contain;width:auto;position:absolute}.screenshot-back{z-index:2;height:85%;top:50%;right:5%;transform:translateY(-50%)rotate(10.76deg)}.screenshot-front{z-index:3;height:90%;top:50%;left:8%;transform:translateY(-50%)rotate(-11.32deg)}.hero-content h1{letter-spacing:0%;text-transform:capitalize;color:#fff;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:1.5rem;font-family:Urbanist,sans-serif;font-size:3rem;font-weight:600;line-height:3.5rem}.hero-content .hero-subtitle{letter-spacing:0%;color:#fff;margin-bottom:2rem;font-family:DM Sans,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.75rem}.hero-content .cta-buttons{justify-content:flex-start;align-items:center;display:flex}@media (min-width:1920px){.hero-section{max-height:880px}}@media (max-width:1229px){.hero-content h1{font-size:2.5rem;line-height:3rem}.hero-screenshots{max-width:500px}}@media (max-width:1024px){.hero-screenshots{max-width:450px}}@media (max-width:790px){.hero-section{max-height:none}.hero-wrapper{flex-direction:column;gap:3rem}.hero-content{text-align:left;width:500px;max-width:100%}.hero-content h1{font-size:2rem;line-height:2rem}.hero-content .hero-subtitle{font-size:1rem;line-height:1.5rem}.hero-content .cta-buttons{justify-content:flex-start;width:100%}.hero-screenshots{align-self:center;width:90%;max-width:500px}}