.hero{align-items:middle;display:flex;flex-direction:column;margin:96px auto 80px;max-width:100%;text-align:center;width:784px}.hero h1{margin:0 auto 16px}.hero p{margin:0 auto 32px;width:576px}.purple{color:#73f}.hero .cta{font-size:18px;font-weight:400;letter-spacing:-.01em;line-height:24px}.hero .cta a{background:#73f;border-radius:64px;box-shadow:0 4px 24px 0 #7733ff3d;opacity:90%;padding:24px,48px}.hero .cta a:hover{background:var(--linear,linear-gradient(135deg,#7258f5 0,#8c58f5 100%));cursor:pointer}