*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:#fff}
header{background:#fff;padding:20px 0;box-shadow:0 2px 5px rgba(0,0,0,.1);position:sticky;top:0;z-index:100}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.header-content{display:flex;justify-content:space-between;align-items:center;gap:18pxposition:relative;}
.logo{display:flex;align-items:center;gap:10px;font-size:20px;color:#1e3a5f;font-weight:600;text-decoration:none}
.logo svg{width:28px;height:28px;flex:none}
.language-selector{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.lang-btn{padding:8px 12px;border:none;background:#f0f0f0;color:#666;cursor:pointer;font-size:14px;font-weight:600;border-radius:3px;transition:all .2s;text-decoration:none;display:inline-block}
.lang-btn.active,.lang-btn:hover{background:#ff8c42;color:#fff}
.hero{position:relative;padding:80px 0;background:#f8f9fa;overflow:hidden}
.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hero-text h1{font-size:48px;color:#1e3a5f;margin-bottom:18px;line-height:1.2}
.hero-text h1 span{color:#4a90e2}
.hero-bullets{margin-top:10px;color:#555}
.hero-bullets li{margin-left:18px;margin-top:6px}
.hero-buttons{display:flex;gap:15px;margin-top:26px;flex-wrap:wrap}
.btn{padding:14px 30px;border:none;cursor:pointer;font-size:16px;font-weight:700;border-radius:5px;transition:all .2s;text-decoration:none;display:inline-block}
.btn-primary{background:#ff8c42;color:#fff}
.btn-primary:hover{background:#e67a32;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,140,66,.3)}
.btn-secondary{background:#1e3a5f;color:#fff}
.btn-secondary:hover{background:#152a45;transform:translateY(-2px);box-shadow:0 4px 12px rgba(30,58,95,.3)}
.hero-image{position:relative;display:block}
.hero-image img{width:100%;height:auto;display:block;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.badge{font-size:12px;background:#fff;border:1px solid #e6e6e6;border-radius:999px;padding:6px 10px;color:#1e3a5f;font-weight:700}
.services-section{padding:80px 0;background:#fff}
.section-title{text-align:center;font-size:36px;color:#1e3a5f;margin-bottom:20px}
.section-subtitle{text-align:center;max-width:760px;margin:0 auto 60px;color:#666;line-height:1.8}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}
.service-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.1);transition:all .2s}
.service-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px rgba(0,0,0,.15)}
.service-image{width:100%;height:200px;object-fit:cover}
.service-content{padding:25px}
.service-content h3{color:#1e3a5f;font-size:22px;margin-bottom:15px}
.service-content p{color:#666;line-height:1.7;font-size:15px}
.social-proof{margin-top:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.proof{background:#f8f9fa;border:1px solid #eee;border-radius:10px;padding:14px}
.proof strong{color:#1e3a5f}
.contact-section{padding:80px 0;background:#f8f9fa}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.contact-info h2{font-size:32px;color:#1e3a5f;margin-bottom:20px}
.contact-info p{color:#666;margin-bottom:30px;line-height:1.8}
.contact-item{display:flex;align-items:center;gap:15px;margin-top:20px;color:#1e3a5f;font-weight:600}
.contact-icon{width:40px;height:40px;background:#ff8c42;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}
.contact-links a{color:#1e3a5f;font-weight:800;text-decoration:none}
.contact-links a:hover{text-decoration:underline}
.contact-form-container h2{font-size:28px;color:#1e3a5f;margin-bottom:20px}
.form-note{color:#666;font-size:13px;margin-bottom:14px}
.form-group{margin-bottom:20px}
.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600}
.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:5px;font-size:15px;font-family:inherit;transition:border-color .2s}
.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4a90e2}
.form-group textarea{resize:vertical;min-height:120px}
.footer{background:#0f223a;color:#cfe0ff}
.footer .container{padding:26px 20px}
.footer a{color:#cfe0ff;text-decoration:none}
.footer a:hover{text-decoration:underline}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px;align-items:start}
.footer h4{color:#fff;margin-bottom:10px}
.footer small{color:#b9c9e6}
.floating-wa{position:fixed;right:18px;bottom:18px;z-index:999}
.floating-wa a{display:flex;align-items:center;gap:10px;background:#25D366;color:#fff;font-weight:800;text-decoration:none;padding:12px 14px;border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.floating-wa a:hover{transform:translateY(-2px)}
.floating-wa svg{width:20px;height:20px;fill:#fff}
@media (max-width:968px){
  .hero-content,.contact-grid{grid-template-columns:1fr;gap:40px}
  .services-grid{grid-template-columns:1fr}
  .social-proof{grid-template-columns:1fr}
  .hero-text h1{font-size:36px}
  .section-title{font-size:28px}
  .footer-grid{grid-template-columns:1fr}
}
@media (max-width:600px){
  .hero-buttons{flex-direction:column}
  .btn{width:100%;text-align:center}
  .language-selector{justify-content:flex-start}
}

/* Mobile language menu */
.lang-toggle{display:none;align-items:center;gap:8px;background:#f0f0f0;color:#1e3a5f;border:0;border-radius:8px;padding:10px 12px;font-weight:800;cursor:pointer}
.lang-toggle:active{transform:translateY(1px)}
.lang-menu{display:none;position:absolute;right:20px;top:62px;background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.12);padding:10px;min-width:170px;z-index:1000}
.lang-menu a{display:block;padding:10px 10px;border-radius:10px;color:#1e3a5f;font-weight:800;text-decoration:none}
.lang-menu a:hover{background:#f8f9fa}
.lang-menu a.active{background:#ff8c42;color:#fff}
@media (max-width:768px){
  .language-selector{display:none !important}
  .lang-toggle{display:inline-flex}
  header{padding:14px 0}
}

@media (max-width:768px){
  .logo{font-size:18px}
  .logo svg{width:24px;height:24px}
}

.logo svg path {
  fill: #4a90e2;
  stroke: #4a90e2;
}
.logo {
  font-size: 22px;
  letter-spacing: 0.2px;
}

/* Tablet */
@media (max-width: 1024px) {
  .logo svg {
    width: 30px;
    height: 30px;
  }
  .logo {
    font-size: 20px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .logo svg {
    width: 28px;
    height: 28px;
  }
  .logo {
    font-size: 19px;
  }
}

@media (max-width:1024px){ .logo-mark{width:30px;height:30px} }
@media (max-width:600px){ .logo-mark{width:28px;height:28px} }



/* Tablet */
@media (max-width:1024px){
  .logo-mark{
    width:40px;
    height:40px;
  }
}

/* Mobile */
@media (max-width:600px){
  .logo-mark{
    width:34px;
    height:34px;
  }
}


/* === Logo balanced final size (forced) === */
.logo-mark{
  width:46px !important;
  height:46px !important;
  display:block;
}

.logo{
  gap:12px;
}

/* Tablet */
@media (max-width:1024px){
  .logo-mark{
    width:40px !important;
    height:40px !important;
  }
}

/* Mobile */
@media (max-width:600px){
  .logo-mark{
    width:34px !important;
    height:34px !important;
  }
}

/* Centered header for inner pages (services/legal) */
.header-centered{
  justify-content:center !important;
}
.header-centered .logo{
  justify-content:center;
}