*{box-sizing:border-box}
body,html{margin:0;padding:0;font-family:'Segoe UI',sans-serif;color:#222;background:#fff}
header{background:url('images/hero.jpg') center/cover no-repeat;height:100vh;display:flex;align-items:center;justify-content:center;position:relative}
.logo{position:absolute;top:20px;left:20px;width:160px;height:auto}
.lang-switch{position:absolute;top:20px;right:20px}
.lang-switch a{color:white;text-decoration:none;margin-left:10px;font-weight:bold}
.overlay{background:rgba(0,0,0,.55);color:#fff;padding:60px;border-radius:12px;text-align:center;max-width:700px}
.overlay h1{font-size:3em;margin-bottom:10px}
.overlay p{font-size:1.2em;margin-bottom:20px}
.btn{background:#0073e6;color:#fff;text-decoration:none;padding:12px 25px;border-radius:6px;font-weight:bold}
.btn:hover{background:#005bb5}
.benefits{display:flex;justify-content:center;gap:30px;padding:40px 20px;background:#f9f9f9;flex-wrap:wrap}
.card{width:280px;text-align:center}
.card img{width:100%;height:180px;object-fit:cover;border-radius:10px}
.card p{margin-top:10px;font-size:1em}
.price-contact{display:flex;justify-content:center;align-items:flex-start;padding:40px 20px;gap:40px;flex-wrap:wrap}
.price h2{margin:0;font-size:1.8em;color:#0073e6}
.contact-form{display:flex;flex-direction:column;gap:10px;max-width:400px;width:100%}
.contact-form input,.contact-form select,.contact-form textarea{padding:10px;border:1px solid #ccc;font-size:1em;border-radius:5px}
.contact-form button{padding:12px;background:#0073e6;color:#fff;border:none;font-size:1em;border-radius:5px;cursor:pointer}
.contact-form button:hover{background:#005bb5}
footer{text-align:center;padding:20px;background:#eee;font-size:.9em;color:#555}
@media(max-width:768px){
  .overlay h1{font-size:2em}
  .benefits{gap:20px}
  .card{width:200px}
}