/* Safari-safe hero stacking: the former fixed pseudo-element covered the hero. */
.nav::before{display:none!important}
body{background:linear-gradient(180deg,#fbfaff 0,#f7f6fb 900px)}
.nav{background:linear-gradient(105deg,#fff 0,#fdfcff 58%,#f6f3ff 100%);width:100%;max-width:none;padding-inline:clamp(35px,6vw,125px);border-radius:0;margin-top:0}
.hero{position:relative;z-index:1;width:100%;max-width:none;min-height:calc(100vh - 225px);margin-top:0;padding-inline:clamp(45px,8vw,165px);overflow:visible;background:radial-gradient(circle at 72% 26%,rgba(224,210,255,.72) 0,transparent 31%),radial-gradient(circle at 69% 88%,rgba(190,255,237,.62) 0,transparent 28%),linear-gradient(115deg,#fff 0,#fdfcff 66%,#f3f0ff 100%)}
.hero::before{content:"";position:absolute;inset:auto auto 58px -55px;width:125px;height:230px;border-radius:50%;background:#d8c8ff;opacity:.55;z-index:-1}
.hero-copy,.hero-visual{visibility:visible!important;opacity:1!important}
.hero h1{font-size:clamp(44px,3.8vw,62px);letter-spacing:-3.5px}
.stats{position:relative;z-index:2;width:calc(100% - 80px);max-width:none;margin:-1px 40px 30px}
@media(max-width:1100px){.nav,.hero{width:100%}.nav{padding-inline:25px}.hero{padding-inline:35px}.hero h1{font-size:46px}.stats{width:calc(100% - 40px);margin-inline:20px}}
@media(max-width:900px){.hero{overflow:hidden}.nav{border-radius:22px 22px 0 0}.hero{border-radius:0 0 22px 22px}}
@media(max-width:620px){.nav,.hero{width:100%}.nav{padding-inline:14px}.hero{padding-inline:14px;min-height:auto}.hero h1{font-size:37px;letter-spacing:-2.2px}.stats{width:calc(100% - 16px);margin-inline:8px}}