
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:#f5f8fc;color:#111;line-height:1.6}
.container{width:90%;max-width:1200px;margin:auto}
header{background:#062b52;padding:15px 0;position:sticky;top:0;z-index:1000}
.nav{display:flex;justify-content:space-between;align-items:center;gap:20px}
.logo-area{display:flex;align-items:center;gap:15px}
.logo-area img{width:60px;height:60px;border-radius:50%;object-fit:cover}
.logo-area h1{color:white;font-size:1.4rem}
nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
nav a{color:white;text-decoration:none;font-weight:600}
.lang-switch{display:flex;gap:8px}
.lang-switch a{border:1px solid rgba(255,255,255,.45);padding:5px 9px;border-radius:8px;font-size:.85rem}
.lang-switch a.active{background:white;color:#062b52}
.hero{height:90vh;background:url('https://images.unsplash.com/photo-1581578731548-c64695cc6952?q=80&w=1600&auto=format&fit=crop') center/cover;position:relative;display:flex;align-items:center}
.overlay{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.hero-content{position:relative;z-index:2;color:white}
.hero h2{font-size:3.5rem;max-width:780px;margin-bottom:20px}
.hero p{font-size:1.2rem;margin-bottom:30px}
.buttons{display:flex;gap:15px;flex-wrap:wrap}
.btn{padding:14px 28px;border-radius:10px;font-weight:700;text-decoration:none}
.primary{background:#0b74ff;color:white}.whatsapp{background:#25D366;color:white}
.services,.contact,.reviews,.seo-section{padding:80px 0}
.services h2,.contact h2,.reviews h2,.seo-section h2{text-align:center;margin-bottom:40px;color:#062b52;font-size:2.2rem}
.service-grid,.review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}
.card,.review-card{background:white;padding:30px;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.08)}
.card h3{margin-bottom:15px;color:#0b74ff}.seo-section{background:white;text-align:center}.seo-section p{max-width:900px;margin:15px auto}
.map iframe{width:100%;height:400px;border:0}
.contact-form{max-width:700px;margin:auto;display:flex;flex-direction:column;gap:15px}
.contact-form input,.contact-form textarea{padding:15px;border-radius:10px;border:1px solid #ccc;font-size:1rem}
.contact-form textarea{height:150px}
.contact-form button{padding:15px;background:#0b74ff;color:white;border:none;border-radius:10px;font-weight:700;cursor:pointer}
.contact-info{margin-top:40px;text-align:center}
footer{background:#062b52;color:white;padding:25px 0;text-align:center}
@media(max-width:768px){.nav{flex-direction:column}.hero h2{font-size:2.2rem}nav{justify-content:center}.hero{height:auto;min-height:80vh;padding:80px 0}}
