body{margin:0;font-family:Arial;background:#faf7fc;color:#4b2354}
header{background:linear-gradient(135deg,#e9d5ff,#c084fc);padding:20px;color:#fff}
.nav{display:flex;justify-content:space-between;align-items:center}
.nav a,.quote a{background:#7e22ce;color:#fff;padding:12px 18px;border-radius:30px;text-decoration:none}
.hero{text-align:center;padding:80px 20px}
.brands{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}
img{width:100%;border-radius:20px}
section{padding:50px 20px;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.grid div{background:#fff;padding:24px;border-radius:18px;box-shadow:0 6px 16px rgba(0,0,0,.08)}
.quote{background:#f3e8ff}
footer{text-align:center;padding:30px}
@media(max-width:768px){.brands{grid-template-columns:1fr}}