.hero{text-align:center;background-color:#fff3f7;padding:48px 32px}.hero h1{margin-bottom:24px;font-size:300%}.hero p{white-space:pre-wrap;max-width:900px;margin:0 auto;font-size:125%}.hero-pill{color:#7a576c;background-color:#fff;border:1px solid #e5d7df;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:28px;padding:6px 16px;font-size:87.5%;transition:border-color .3s,color .3s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.hero-pill:hover{color:#20141b;border-color:#d80482;text-decoration:none}.hero-pill:has(.hero-pill-tag){padding-left:.375rem}.hero-pill-tag{color:#fff;background-color:#d80482;border-radius:9999px;padding:.1rem .6rem;font-size:75%;font-weight:600}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:1.5rem;display:flex}@media (width<=900px){.hero h1{font-size:225%}}@media (width<=600px){.hero{padding:40px 24px}.hero h1{font-size:187.5%}}@media (prefers-color-scheme:dark){.hero{background-color:#250012}.hero-pill{color:#e6bdd8;background-color:#250012;border-color:#31212b;box-shadow:0 1px 2px #0003}.hero-pill:hover{color:#f5eff2;border-color:#ff3ca8}.hero-pill-tag{background-color:#ff3ca8}}