.apex-hero{position:relative;padding:64px 16px 96px;text-align:center;overflow:hidden}.apex-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(800px 400px at 50% 0,var(--c-primary-soft),transparent 60%),radial-gradient(600px 400px at 50% 100%,color-mix(in oklch,oklch(70% .2 320/.12) 100%,transparent),transparent 60%);z-index:-1}.apex-hero h1{font-size:44px;letter-spacing:-.04em;max-width:14ch;margin:16px auto 0}@media (min-width:768px){.apex-hero h1{font-size:80px}}