body{margin:0;font-family:Arial,sans-serif;color:#222}
.container{width:min(1180px,92%);margin:auto}
.header{position:sticky;top:0;background:#fff;border-bottom:1px solid #ddd}
.header .container{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
nav{display:flex;gap:20px}
nav a{text-decoration:none;color:#333}
.btn{background:#5b2ca0;color:#fff;padding:12px 20px;border-radius:999px;text-decoration:none}
.hero{padding:80px 0;background:#f6f3fb}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.hero-box{height:380px;border-radius:24px;background:#2b2140;color:#fff;display:grid;place-items:center}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:60px 0}
.card{border:1px solid #ddd;padding:24px;border-radius:20px}
footer{text-align:center;padding:40px;background:#111;color:#fff}
@media(max-width:768px){.hero-grid,.features{grid-template-columns:1fr}nav{display:none}}