/* Global Styles */
*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;}
body{background:#f7f7f7;color:#222;line-height:1.6;}
.container{width:min(1100px,90%);margin:auto;}
/* Header */
.header{background:#fff;border-bottom:1px solid:#ddd;padding:1rem 0;position:sticky;top:0;z-index:10;}
.nav-container{display:flex;justify-content:space-between;align-items:center;}
.logo{font-weight:700;font-size:1.25rem;}
.nav a{margin-left:1.5rem;text-decoration:none;color:#333;font-weight:500;}
.nav a:hover{color:#0074d9;}
/* Hero */
.hero{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),
url('https://images.unsplash.com/photo-1581090700227-1e37b190418e?auto=format&fit=crop&w=1600&q=80')
center/cover no-repeat;color:#fff;padding:6rem 0;text-align:center;}
.hero-inner{max-width:700px;margin:auto;}
.hero h1{font-size:2.75rem;margin-bottom:1rem;}
.hero p{font-size:1.2rem;margin-bottom:2rem;}
.btn-primary{background:#0074d9;color:#fff;padding:.9rem 1.8rem;border:none;border-radius:5px;text-decoration:none;font-weight:600;display:inline-block;cursor:pointer;}
.btn-primary:hover{background:#005fa8;}
/* Services */
.section{padding:4rem 0;background:#f7f7f7;}
.alt-section{background:#fff;}
h2{text-align:center;font-size:2rem;margin-bottom:2rem;}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;}
.service-card{background:#fff;padding:2rem 1.5rem;border-radius:8px;border:1px solid:#ddd;box-shadow:0 4px 10px rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease;}
.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.1);}
.service-card h3{font-size:1.4rem;margin-bottom:1rem;}
.service-card p{font-size:1rem;color:#555;}
/* About */
.about-container{display:flex;flex-direction:column;gap:2rem;}
.about-text p{margin-bottom:1rem;font-size:1rem;color:#555;}
/* Contact */
.contact-container{max-width:700px;margin:auto;background:#fff;padding:2rem;border-radius:8px;border:1px solid:#ddd;box-shadow:0 4px 10px rgba(0,0,0,.05);}
.contact-container h2{text-align:center;margin-bottom:1.5rem;}
.contact-container label{display:block;margin-bottom:.5rem;font-weight:600;}
.contact-container input,.contact-container textarea{width:100%;padding:.7rem;margin-bottom:1rem;border-radius:5px;border:1px solid:#ccc;}
.contact-container button.btn-primary{width:100%;}
/* Footer */
.footer{background:#222;color:#ccc;padding:2rem 0;text-align:center;}
.footer-inner p{margin:0;}
/* Responsive */
@media(max-width:768px){
.hero h1{font-size:2rem;}
.services-grid{grid-template-columns:1fr;}
.nav{display:none;}
}