*{margin:0;padding:0;box-sizing:border-box;font-family:Arial}
body{background:#f5f5f5;color:#222}

.container{width:90%;margin:auto}
.header{background:#111;color:#fff;padding:15px 0}
.nav{display:flex;justify-content:space-between;align-items:center}
.nav a{color:#fff;margin-left:20px;text-decoration:none}
.btn{background:#ff7a00;padding:8px 15px;border-radius:4px}

.hero{background:url('../images/bg.jpg') center/cover;padding:80px 0;color:#fff}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}

.section{padding:60px 0}
.section.white{background:#fff}
.section.dark{background:#111;color:#fff}

.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}

.card,.panel,.service,.opt,.blog{
background:#222;color:#fff;padding:20px;border-radius:8px;text-align:center
}
.white .card,.white .panel{background:#f9f9f9;color:#000}

button{background:#ff7a00;color:#fff;border:none;padding:10px;margin-top:10px}

.stats{display:flex;justify-content:space-around;background:#ff7a00;color:#fff;padding:40px}

.footer{background:#111;color:#aaa;padding:40px}
.footer a{color:#aaa;display:block;text-decoration:none}