@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;700;800&display=swap";:root{color:#171318;background:#f7f4f5;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;overflow:hidden}nav{justify-content:space-between;align-items:center;max-width:1180px;height:88px;margin:auto;padding:0 28px;display:flex}nav img{width:168px;height:auto}.status{color:#615a60;align-items:center;gap:8px;font-size:13px;display:flex}.status i{background:#18a56b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #dff4eb}.hero{grid-template-columns:1.5fr .8fr;align-items:center;gap:80px;max-width:1180px;margin:65px auto 100px;padding:0 28px;display:grid}.eyebrow{color:#d90068;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700}h1{letter-spacing:-.055em;margin:18px 0 26px;font-family:Manrope,sans-serif;font-size:clamp(52px,6.2vw,90px);line-height:.99}h1 em{color:#d90068;font-style:normal}.intro{color:#625b61;max-width:620px;font-size:20px;line-height:1.6}.hero a{color:#fff;background:#171318;border-radius:4px;gap:28px;margin-top:22px;padding:16px 22px;font-weight:600;text-decoration:none;display:inline-flex}aside{color:#fff;background:#171318;border-radius:4px;padding:38px;box-shadow:18px 18px #d90068}aside>span{color:#f36cab;text-transform:uppercase;letter-spacing:.12em;font-size:12px}aside strong{margin:14px 0;font:700 31px Manrope;display:block}aside p{color:#c7c1c5;line-height:1.6}.metric{border-top:1px solid #40383e;align-items:center;gap:14px;margin-top:30px;padding-top:24px;display:flex}.metric b{color:#f23a91;font:800 46px Manrope}.metric small{color:#ddd6da;max-width:100px}.modules{background:#fff;padding:80px max(28px,50vw - 562px)}.grid{background:#e9e2e6;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:28px;display:grid}article{background:#fff;min-height:210px;padding:30px}article>span{color:#d90068;font-weight:700}article h2{margin:45px 0 8px;font:700 24px Manrope}article p{color:#6d656b;margin:0;line-height:1.5}@media (width<=780px){.hero{grid-template-columns:1fr;gap:50px;margin-top:30px}.grid{grid-template-columns:1fr 1fr}nav img{width:145px}}@media (width<=480px){.status{display:none}.grid{grid-template-columns:1fr}h1{font-size:48px}}