body {font-family: Arial, sans-serif; margin:0; padding:0;}
.navbar {position:sticky; top:0; display:flex; justify-content:space-between; align-items:center; background:#0077cc; color:white; padding:10px 20px;}
.navbar nav a {color:white; margin:0 8px; text-decoration:none;}
.navbar nav a:hover {text-decoration:underline;}
.hero {background:linear-gradient(to right, #0077cc, #00aaff); color:white; padding:60px 20px; text-align:center;}
.hero .cta-button {display:inline-block; margin-top:20px; padding:10px 20px; background:white; color:#0077cc; text-decoration:none; border-radius:5px;}
.features {padding:20px; text-align:center;}
.feature {margin:20px 0;}
footer {background:#f1f1f1; text-align:center; padding:15px; margin-top:30px;}
footer .footer-links a {color:#0077cc; margin:0 8px; text-decoration:none;}
footer .footer-links a:hover {text-decoration:underline;}
@media (max-width:600px){.navbar nav a{display:block; margin:5px 0;} .hero{padding:40px 10px; font-size:90%;}}