/* Basic reset */
* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:Arial,Helvetica,sans-serif;line-height:1.6;color:#333;background:#f9f9f9;}
.container {max-width:1200px;margin:auto;padding:20px;}
header {background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.nav {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.logo {font-size:1.5rem;font-weight:bold;color:#0066cc;}
.nav-links {list-style:none;display:flex;gap:15px;}
.nav-links a {text-decoration:none;color:#333;transition:color .2s;}
.nav-links a:hover {color:#0066cc;}
.hero {display:flex;flex-wrap:wrap;align-items:center;background:#0066cc;color:#fff;padding:60px 0;}
.hero-content {flex:1;min-width:300px;}
.hero-content h1 {font-size:2.5rem;margin-bottom:15px;}
.hero-content p {font-size:1.2rem;margin-bottom:20px;}
.cta-button {background:#ff9800;color:#fff;padding:12px 25px;border:none;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block;}
.cta-button:hover {background:#e68a00;}
.service-grid, .solution-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px;}
.service-item, .solution-item {background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.service-item h3, .solution-item h3 {margin-bottom:10px;color:#0066cc;}
footer {background:#222;color:#ddd;padding:20px 0;text-align:center;margin-top:40px;}
footer a {color:#ff9800;}
.contact-form {display:flex;flex-direction:column;gap:15px;max-width:600px;}
.contact-form input, .contact-form textarea {padding:12px;border:1px solid #ccc;border-radius:4px;width:100%;}
.contact-form button {align-self:flex-start;}
.hidden {display:none;}
@media (max-width:768px){.hero{flex-direction:column;text-align:center;}}