:root{--grad:linear-gradient(118deg,#ff4f93 0%,#ff78ab 43%,#b04df3 100%)}
.hero h1{font-size:clamp(48px,4.6vw,60px);line-height:1.18;letter-spacing:-.055em;white-space:nowrap}
header,body.light header{background:#fff!important;border-bottom:1px solid #eee9ef!important;box-shadow:0 8px 30px rgba(43,20,35,.045)}header.scrolled,body.light header.scrolled{background:rgba(255,255,255,.96)!important;border-color:#e5dfe7!important}.nav nav a,body.light .nav nav a{color:#514a55}.nav nav a:hover,body.light .nav nav a:hover{color:#141116}.pill,body.light .pill{color:#9d1f5b!important;background:linear-gradient(118deg,rgba(255,79,147,.08),rgba(176,77,243,.08));border-color:#e5aac5}.menu i,body.light .menu i{background:#211b24}
.primary{background:var(--grad);color:#fff!important;box-shadow:0 14px 36px rgba(224,65,142,.2)}.primary:hover{box-shadow:0 18px 42px rgba(190,66,177,.26)}
.hero-text{max-width:570px}.hero-text p{margin:0;color:#aaa4ad;font-size:15px;line-height:1.75}.hero-text p+p{margin-top:8px;color:#77717b;font-size:13px;letter-spacing:.02em}body.light .hero-text p{color:#625c65}body.light .hero-text p+p{color:#817985}
@media(max-width:700px){.hero h1{font-size:42px;line-height:1.2}.nav nav,body.light .nav nav{background:#fff;border-color:#e4dee6;box-shadow:0 22px 50px rgba(44,20,35,.12)}}
