.hero-section{box-sizing:border-box;background-color:var(--surface-default);flex-direction:column;justify-content:center;align-items:center;gap:36px;width:100%;padding:48px 96px;display:flex}@media (max-width:768px){.hero-section{gap:24px;padding:24px}}@media (max-width:480px){.hero-section{padding:12px}}