@charset "UTF-8";@media only screen and (min-width: 0rem) {#hero {display: flex;flex-direction: column-reverse;min-height: 100svh;padding-top: 6rem;overflow: hidden;}#hero .cs-hero-content {position: relative;display: flex;align-items: center;flex: 1 1 auto;background: linear-gradient(170deg, #f8f5fe 0%, #ede8f8 100%);padding: 3rem 1.125rem 2.5rem;overflow: hidden;}#hero .cs-hero-content::before {content: "";position: absolute;top: -4rem;right: -4rem;width: 18rem;height: 18rem;background: rgba(80, 39, 159, 0.12);border-radius: 50%;pointer-events: none;}#hero .cs-hero-content::after {content: "";position: absolute;bottom: -3rem;left: -3rem;width: 14rem;height: 14rem;background: rgba(226, 222, 237, 0.5);border-radius: 50%;pointer-events: none;}#hero .cs-inner {position: relative;z-index: 1;max-width: 30rem;width: 100%;margin: auto;}#hero .cs-badge {display: inline-block;background: var(--primaryLight);color: var(--headerColor);font-size: 0.75rem;font-weight: 800;letter-spacing: 0.03em;padding: 0.3rem 1rem;border-radius: 2rem;margin-bottom: 1.125rem;}#hero h1 {font-family: "Pacifico", cursive;font-size: clamp(1.875rem, 9.5vw, 2.75rem);font-weight: 400;color: var(--headerColor);line-height: 1.2;margin: 0 0 1rem;}#hero h1 em {display: block;font-style: normal;color: var(--primary);}#hero .cs-hero-text {font-size: 1.0625rem;line-height: 1.7;color: var(--bodyTextColor);margin: 0 0 2rem;max-width: 28rem;}#hero .cs-hero-btns {display: flex;flex-wrap: wrap;gap: 0.75rem;}#hero .cs-hero-image {flex: 0 0 auto;height: 55vw;max-height: 20rem;min-height: 13rem;overflow: hidden;}#hero .cs-hero-image picture {display: block;height: 100%;width: 100%;}#hero .cs-hero-image img {width: 100%;height: 100%;object-fit: cover;object-position: center 30%;display: block;}}@media only screen and (max-width: 24.9375rem) {#hero .cs-hero-btns {flex-direction: column;gap: 0.5rem;}#hero .cs-hero-btns .cs-button-solid, #hero .cs-hero-btns .cs-button-ghost {width: 100%;text-align: center;box-sizing: border-box;}}@media only screen and (min-width: 40rem) {#hero {flex-direction: row;min-height: 38rem;}#hero .cs-hero-content {flex: 0 0 54%;max-width: 54%;padding: 6rem 2.5rem 5rem;}#hero .cs-hero-image {flex: 0 0 46%;max-width: 46%;height: auto;min-height: unset;max-height: unset;}}@media only screen and (min-width: 64rem) {#hero {min-height: 100svh;padding-top: 5rem;}#hero .cs-hero-content {padding: 7rem 2.5rem 6rem 3.5rem;}#hero .cs-inner {max-width: 36rem;}#hero h1 {font-size: clamp(2.5rem, 3.25vw, 3.25rem);}}