/* GROUPE KA global styles */
:root{
  --primary:#0b2545;
  --dark:#071228;
  --muted:#95a5b2;
  --accent:#ff7a18;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:'Poppins',sans-serif;background:#fff;color:#222121;-webkit-font-smoothing:antialiased}
a{transition:all .15s ease}
.logo{max-width:420px;height:auto}
.hero{
  background:linear-gradient(90deg, rgba(7,18,40,0.9), rgba(11,37,69,0.72)), url('../images/hero-bg.jpg') center/cover no-repeat;
  min-height:520px;
}
.hero .badge{letter-spacing:.08em}
.hero-panel{
  background:rgba(7, 21, 49, 0.45);
  backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,0.12);
  border-radius:18px;
  padding:1.75rem;
}
.hero-panel .icon-circle{background:rgba(255,255,255,0.1)}
.hero-features{font-size:.95rem; gap:1rem}
.hero-features .list-inline-item{margin-right:1rem; color:rgba(255,255,255,0.85)}
.hero-trust .partner-pill{
  border:1px solid rgba(255,255,255,0.24);
  border-radius:999px;
  padding:.45rem 1.25rem;
  font-weight:500;
  backdrop-filter:blur(4px);
}
.border-white-25{border-color:rgba(255,255,255,0.25)!important}
.hero .typewriter-accent{color:var(--accent);font-weight:600}
.btn-accent{background:var(--accent);border:0;color:#fff}
.btn-accent:hover{filter:brightness(.95)}
.section-title{font-weight:700;margin-bottom:.75rem}
.letter-spacing{letter-spacing:.4em}
.link-arrow{font-weight:600;color:var(--primary);text-decoration:none}
.link-arrow:hover{color:var(--accent)}
.feature-card{
  background:#fff;
  border-radius:16px;
  padding:1.75rem 1.5rem;
  box-shadow:0 18px 40px -28px rgba(7,18,40,0.45);
  border:1px solid rgba(11,37,69,0.06);
  transition:transform .2s ease, box-shadow .2s ease;
}
.feature-card:hover{transform:translateY(-6px);box-shadow:0 24px 45px -30px rgba(7,18,40,0.6)}
.feature-card p{color:#4f5b68}
.icon-circle{
  width:48px;
  height:48px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--primary);
  color:#fff;
  font-size:1.1rem;
}
.icon-circle.icon-primary{background:rgba(11,37,69,0.09);color:var(--primary)}
.icon-circle.icon-translucent{
  background:rgba(255,255,255,0.1);
  color:#fff;
  border:1px solid rgba(255,255,255,0.2);
}
.stats-section{
  background:linear-gradient(135deg, rgba(7,18,40,0.92), rgba(11,37,69,0.92));
  color:#fff;
}
.stat-card{
  background:rgba(255,255,255,0.04);
  border-radius:20px;
  padding:2rem 1.5rem;
  border:1px solid rgba(255,255,255,0.08);
  height:100%;
}
.stat-card .counter{color:#fff}
.about-list li{
  display:flex;
  gap:.75rem;
  margin-bottom:.75rem;
  color:#4f5b68;
}
.about-list i{color:var(--accent);margin-top:.2rem}
.testimonial-card{
  background:#fff;
  border-radius:16px;
  padding:2rem 1.75rem;
  box-shadow:0 18px 40px -28px rgba(7,18,40,0.35);
  border-left:4px solid var(--accent);
}
.testimonial-header{display:flex;gap:1rem;align-items:center;margin-bottom:1.25rem}
.testimonial-quote{font-style:italic;color:#344055;margin-bottom:1.5rem}
.testimonial-author{font-weight:600;color:var(--primary)}
.cta-section{
  background:linear-gradient(135deg, var(--accent), #ff9f1c);
  border-top:1px solid rgba(255,255,255,0.25);
  border-bottom:1px solid rgba(255,255,255,0.25);
}
.cta-section .btn-outline-light:hover{background:#fff;color:var(--accent)}
.contact-panel{
  background:#fff;
  border-radius:20px;
  padding:2rem;
  box-shadow:0 18px 34px -30px rgba(7,18,40,0.3);
  border:1px solid rgba(11,37,69,0.08);
}
.contact-list li{
  display:flex;
  gap:1rem;
  margin-bottom:1.25rem;
  align-items:flex-start;
}
.contact-list strong{display:block;margin-bottom:.15rem}
.footer-link{color:#f8f9fa;text-decoration:none}
.footer-link:hover{color:var(--accent)}
.footer-icon{
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,0.35);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
}
.footer-icon:hover{color:var(--accent);border-color:var(--accent)}
.callbar{background:linear-gradient(90deg, rgba(7,18,40,.95), rgba(11,37,69,.95)); z-index:1050;}
.whatsapp-float{position:fixed; right:20px; bottom:90px; width:60px; height:60px; border-radius:50%; background:#25D366; color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 20px rgba(0,0,0,0.2); z-index:1040; transition:transform .18s ease;}
.whatsapp-float:hover{transform:translateY(-6px)}
.back-to-top{position:fixed; right:20px; bottom:20px; width:44px; height:44px; border-radius:8px; background:var(--dark); color:#fff; display:none; align-items:center; justify-content:center; z-index:1060; border:0}
.badges .badge{font-weight:600}
.card img{object-fit:cover; height:180px}
.carousel-caption{background:linear-gradient(180deg, rgba(0,0,0,0.5), transparent); padding:1rem; border-radius:8px;}
.typewriter, .typewriter-accent, .typewriter-dark{display:inline-block; border-right:2px solid rgba(255,255,255,0.12); padding-right:2px; white-space:nowrap; overflow:hidden; vertical-align:bottom}
.typewriter-dark{color:var(--primary)}
@media (max-width:767px){
  .logo{max-width:220px}
  .hero{min-height:420px;padding:2.5rem 1rem;text-align:center}
  .hero-panel{margin-top:1.5rem}
  .hero-features .list-inline-item{display:block;margin-right:0}
  .feature-card{padding:1.5rem}
  .contact-panel{padding:1.5rem}
  .whatsapp-float{display:none}
}