body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#222}
nav{display:flex;justify-content:space-between;align-items:center;padding:20px 8%;background:#fff;position:sticky;top:0}
nav ul{display:flex;gap:20px;list-style:none}
nav a{text-decoration:none;color:#333}
.hero{background:linear-gradient(135deg,#2f61e9,#5a86ff);color:#fff;padding-bottom:80px}
.hero-content{padding:90px 8%}
button,.button{background:#fff;color:#2f61e9;border:none;padding:12px 18px;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block}
.section{padding:70px 8%}
.cards{display:flex;gap:20px;flex-wrap:wrap}
.card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.08);flex:1;min-width:220px}
pre{background:#111827;color:#eee;padding:18px;border-radius:8px}
.support{text-align:center;background:#eef4ff}
footer{text-align:center;padding:30px;background:#111827;color:#fff}