.why{display:grid;gap:12px;margin-top:28px}
@media(min-width:800px){.why{grid-template-columns:repeat(3,1fr)}}
.why article{background:#fff;border:1px solid #eadff4;border-radius:22px;padding:20px;box-shadow:0 12px 28px rgba(70,30,110,.06)}
.why b{color:#6E4BA8;letter-spacing:.12em;font-size:12px}
.why h3{margin:8px 0;font-size:22px}
.why p{margin:0;color:#4a4254;line-height:1.55}
.versus{display:grid;gap:14px;margin-top:22px}
@media(min-width:800px){.versus{grid-template-columns:1fr 1fr}}
.versus article{background:#fff;border-radius:24px;padding:22px;border:1px solid #eadff4}
.versus .on{background:#2A1838;color:#fff}
.versus .on h3,.versus .on li{color:#fff}
.versus ul{padding-left:18px;line-height:1.7}
.home-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;display:flex;gap:8px;background:#fff;border:1px solid #eadff4;border-radius:999px;padding:8px;box-shadow:0 12px 30px rgba(40,20,60,.18)}
.home-bar a{flex:1;text-align:center}
@media(min-width:900px){.home-bar{display:none}}
body.home{padding-bottom:76px}
@media(min-width:900px){body.home{padding-bottom:0}}