.top-section{background-repeat:no-repeat;background-size:cover;transition:background 1s ease-in-out;position:relative}.top-section .top-section__bg-preload{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.top-section .top-content{flex-direction:column;align-items:center;max-width:1220px;height:100%;margin:0 auto;padding-bottom:17rem;display:flex}@media (max-width:767px){.top-section .top-content{padding-left:2rem;padding-right:2rem}}.top-section .top-subcontent{text-align:center;flex-direction:column;align-items:center;margin-top:24rem;display:flex}@media (max-width:767px){.top-section .top-subcontent{width:100%;margin-top:18rem}}.top-section .top-title{color:#fff;margin-bottom:3.5rem;font-size:4.8rem;font-weight:700;line-height:7rem}@media (max-width:768px){.top-section .top-title{font-size:clamp(3.2rem,4vw,4rem);line-height:1.3}}.top-section .top-gradient{background:linear-gradient(90deg,#36bbff 10.12%,#877cff 40.08%,#d83cff 94.04%);-webkit-text-fill-color:#0000;-webkit-background-clip:text}.top-section .top-wrapper{flex-direction:column;align-items:center;display:flex}.top-section .top-subtitle{color:#fff;margin-bottom:4.5rem;font-size:1.8rem;font-weight:600;line-height:3rem}@media (max-width:768px){.top-section .top-subtitle{width:100%}}.top-section .top-cta-button{border-radius:1rem;justify-content:center;align-items:center;gap:1rem;width:180px;height:44px;padding:.7rem 1.6rem;font-size:1.6rem;font-weight:700;text-decoration:none;display:inline-flex}.top-section--dark .top-cta-button{color:#fff;background-image:linear-gradient(90deg,#491acc,#7650b7 100%)}.top-section--light .top-cta-button{color:#491acc;background:#fff}