
*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Arial}
body{background:#f4f4f4;color:#222}
header{background:#fff url('../images/bg-abstract.jpg') center/cover no-repeat;padding:30px 60px 100px}
nav{display:flex;justify-content:space-between;align-items:center}
nav ul{list-style:none;display:flex;gap:20px}
nav a{text-decoration:none;color:#111;font-weight:600}
nav a:hover{color:#f36b00}
.hero{text-align:center;margin-top:80px}
.hero h1{font-size:42px}
.hero span{display:block;width:80px;height:4px;background:#f36b00;margin:15px auto}
.hero p{max-width:720px;margin:auto;color:#444}
.btn{display:inline-block;background:#f36b00;color:#fff;padding:14px 28px;margin-top:25px;text-decoration:none;border-radius:5px}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;padding:60px}
.card{background:#fff;padding:25px;border-left:6px solid #f36b00;border-radius:6px}
footer{background:#111;color:#aaa;text-align:center;padding:20px}
.float-icons{position:fixed;right:20px;bottom:20px}
.float-icons a{display:block;background:#f36b00;color:#fff;padding:12px;margin-top:10px;border-radius:50%;text-align:center;text-decoration:none}
