body{font-family:'Segoe UI', sans-serif;overflow-x:hidden;}
    html{scroll-behavior:smooth;}
    a{text-decoration:none;}
    .navbar{backdrop-filter:blur(8px);}
    .navbar-brand{font-weight:700;font-size:22px;}
    .nav-link{font-weight:500;margin-right:15px;}
    .navbar-custom{transition:all 0.4s ease;padding:20px 0;background:transparent;}
    .navbar-scrolled{background:rgba(255,255,255,0.98)!important;box-shadow:0 5px 20px rgba(0,0,0,0.1);padding:10px 0;}
    .navbar-custom .nav-link{color:white;font-weight:500;}
    .navbar-custom .navbar-brand{color:#fff!important;}
    .navbar-scrolled .nav-link{color:#222!important;}
    .navbar-scrolled .navbar-brand{color:#0d6efd!important;}
    .navbar-scrolled .btn{background:#0d6efd;color:white;}
    .navbar-toggler{border:1px solid rgba(255,255,255,0.4);}
    .navbar-toggler:focus{box-shadow:none;}
    .navbar-custom .navbar-toggler-icon{filter:brightness(0) invert(1);}
    .navbar-scrolled .navbar-toggler{border:1px solid rgba(0,0,0,0.15);}
    .navbar-scrolled .navbar-toggler-icon{filter:none;}
    .mega-menu .dropdown-menu{border-radius:18px;}
    .mega-menu .dropdown-item{padding:6px 0;font-size:14px;}
    .mega-menu h6{color:#0d6efd;margin-bottom:10px;}

    .lang-dropdown .lang-select-btn{
      min-width:170px;
      border-radius:12px;
      font-weight:600;
      border:none;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      padding:10px 16px;
    }

    .navbar-custom .lang-select-btn{
      background:rgba(255,255,255,0.96);
      color:#222;
    }

    .navbar-scrolled .lang-select-btn{
      background:#f8f9fa;
      color:#222;
      border:1px solid rgba(0,0,0,0.08);
    }

    .lang-dropdown .dropdown-menu{
      border-radius:14px;
      min-width:190px;
      padding:8px;
    }

    .lang-dropdown .dropdown-item{
      border-radius:10px;
      padding:10px 12px;
      font-weight:500;
    }

    .lang-dropdown .dropdown-item.active,
    .lang-dropdown .dropdown-item:active{
      background:#0d6efd;
      color:#fff;
    }

    @media (min-width: 992px){
      .mega-menu .dropdown-menu{width:800px;left:-300px;}
    }

    @media (max-width: 991.98px){
      .mega-menu .dropdown-menu{width:100%;left:0;}
      .navbar-collapse{background:#fff;padding:20px;border-radius:16px;margin-top:15px;box-shadow:0 15px 35px rgba(0,0,0,0.08);}
      .navbar-collapse .nav-link{color:#222!important;}
      .navbar-collapse .btn{margin-top:10px;}
      .lang-dropdown .lang-select-btn{width:100%;}
    }

    .hero{background:url("img/nuelle.png") center/cover no-repeat;min-height:650px;position:relative;color:white;display:flex;align-items:center;}
    .hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.65);}
    #particles-js{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;}
    .hero-content{position:relative;z-index:2;padding-top:120px;padding-bottom:70px;}
    .hero h1{font-size:48px;font-weight:700;line-height:1.15;}
    .hero p{font-size:20px;opacity:0.95;max-width:620px;}
    .contact-card{background:white;border-radius:18px;box-shadow:0 15px 40px rgba(0,0,0,0.2);padding:30px;}
    .contact-card .form-control{min-height:48px;border-radius:12px;}
    .contact-card textarea.form-control{min-height:auto;}
    .services{padding:60px 0;background:#f7f9fc;}
    .service-card{border-radius:16px;overflow:hidden;transition:0.3s;cursor:pointer;position:relative;}
    .service-card img{height:220px;object-fit:cover;}
    .service-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px rgba(0,0,0,0.2);}
    .service-title{position:absolute;bottom:15px;left:15px;right:15px;color:white;font-weight:600;font-size:18px;z-index:2;}
    .service-title h4{font-size:20px;margin-bottom:8px;text-transform:capitalize;}
    .service-title p{font-size:14px;margin:0;line-height:1.4;}
    .service-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.8),transparent);z-index:1;}
    .service-container{position:relative;height:100%;}
    .it-problems{background:#f8f9fb;}
    .problem-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.06);transition:0.4s;height:100%;}
    .problem-card img{height:230px;object-fit:cover;width:100%;}
    .problem-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,0.12);}
    .services-clone{background:#f3f3f3;}
    .services-heading{font-size:3.2rem;font-weight:800;line-height:1.1;color:#031b4e;margin-bottom:12px;}
    .services-description{max-width:620px;color:#607091;font-size:1.05rem;line-height:1.55;margin-bottom:0;}
    .services-arrows{display:flex;gap:14px;margin-top:20px;}
    .arrow-btn{width:52px;height:52px;border:none;background:transparent;color:#e2c063;font-size:2.1rem;display:flex;align-items:center;justify-content:center;transition:0.3s ease;pointer-events:none;opacity:.6;}
    .stats-section{background:#f3f3f3;padding-top:70px;padding-bottom:70px;}
    .stats-title{font-size:clamp(2.2rem, 4vw, 4rem);line-height:1.05;font-weight:800;color:#031b4e;max-width:900px;margin:0;letter-spacing:-1px;}
    .stats-btn{display:inline-flex;align-items:center;gap:10px;background:#03102f;color:#fff;font-weight:600;padding:16px 28px;clip-path:polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%);transition:0.35s ease;}
    .stats-btn i{font-size:1.3rem;transition:0.35s ease;}
    .stats-btn:hover{background:#0a1f59;color:#fff;transform:translateY(-3px);}
    .stats-btn:hover i{transform:translateX(4px);}
    .stat-card h3{font-size:2.5rem;font-weight:800;color:#1538a5;margin-bottom:8px;line-height:1;}
    .stat-card p{color:#5e6f91;font-size:1.02rem;line-height:1.45;min-height:78px;margin-bottom:20px;}
    .stat-line{width:100%;height:6px;background:#dfe3ea;border-radius:50px;position:relative;overflow:hidden;}
    .stat-line::before{content:"";position:absolute;top:0;left:0;width:85%;height:100%;background:#1738a8;border-radius:50px;}
    .next-footer{position:relative;background:linear-gradient(90deg,#02266e 0%, #2e46b9 48%, #07008f 100%);color:#fff;overflow:hidden;padding-top:95px;padding-bottom:20px;}
    .footer-top-shape{position:absolute;top:0;left:0;width:100%;height:72px;background:#f2f2f2;clip-path:polygon(0 0, 46% 0, 50% 50px, 100% 50px, 100% 0);z-index:1;}
    .footer-inner{position:relative;z-index:2;padding-top:30px;}
    .footer-brand h2{font-size:2.5rem;font-weight:900;letter-spacing:-2px;margin:0;color:#fff;line-height:1;text-transform:uppercase;}
    .footer-info-block h5{font-size:1.9rem;font-weight:800;margin-bottom:10px;color:#fff;}
    .footer-info-block p{font-size:1.15rem;line-height:1.55;margin:0;color:rgba(255,255,255,.96);}
    .footer-social li + li{margin-top:8px;}
    .footer-social a{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:1.15rem;transition:.3s ease;}
    .footer-social a:hover{color:#dfe8ff;transform:translateX(3px);}
    .footer-divider{margin-top:85px;margin-bottom:28px;height:1px;background:rgba(255,255,255,.55);}
    .footer-copy{font-size:1rem;color:rgba(255,255,255,.55);}
    .footer-links a{color:#fff;font-size:1rem;font-weight:600;transition:.3s ease;}
    .footer-links a:hover{color:#dfe8ff;}
    .footer-scroll-top{position:absolute;left:32px;bottom:28px;width:48px;height:48px;background:#f0aa17;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;z-index:3;transition:.3s ease;border-radius:50%;}
    .footer-scroll-top:hover{background:#d9950f;color:#fff;transform:translateY(-3px);}
    .chat-btn{position:fixed;bottom:25px;right:25px;width:60px;height:60px;border-radius:50%;background:#0d6efd;display:flex;align-items:center;justify-content:center;color:white;font-size:25px;box-shadow:0 5px 20px rgba(0,0,0,0.3);z-index:999;transition:.3s ease;}
    .chat-btn:hover{color:#fff;transform:translateY(-3px) scale(1.03);}
    @media (max-width:575.98px){
      .hero{min-height:auto;}
      .hero-content{padding-top:110px;padding-bottom:50px;}
      .hero h1{font-size:34px;}
      .hero p{font-size:17px;}
      .services-heading{font-size:2rem;}
      .next-footer{padding-top:70px;padding-bottom:90px;}
      .footer-brand h2{font-size:1.6rem;}
      .footer-scroll-top{width:44px;height:44px;bottom:24px;left:20px;}
      .chat-btn{width:56px;height:56px;right:18px;bottom:18px;}
    }
  
.history-section{
  position: relative;
  padding: 110px 0;
  background: linear-gradient(180deg, #f7f9fc 0%, #eef3f9 100%);
  overflow: hidden;
}

.history-section::before{
  content: "";
  position: absolute;
  top: -120px;
  left: -120px;
  width: 280px;
  height: 280px;
  background: rgba(13, 110, 253, 0.06);
  border-radius: 50%;
  filter: blur(10px);
}

.history-section::after{
  content: "";
  position: absolute;
  right: -100px;
  bottom: -100px;
  width: 240px;
  height: 240px;
  background: rgba(255, 193, 7, 0.10);
  border-radius: 50%;
  filter: blur(10px);
}

.history-visual{
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.history-logo{
  max-width: 460px;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 18px 40px rgba(0,0,0,0.08));
  transition: transform 0.4s ease;
}

.history-logo:hover{
  transform: scale(1.02);
}

.history-content{
  position: relative;
  z-index: 2;
}

.history-badge{
  display: inline-block;
  padding: 8px 18px;
  border-radius: 50px;
  background: rgba(13, 110, 253, 0.10);
  color: #0d6efd;
  font-weight: 600;
  font-size: 0.95rem;
  margin-bottom: 18px;
}

.history-title{
  font-size: clamp(2.2rem, 4vw, 3.8rem);
  font-weight: 800;
  color: #0b1f4d;
  line-height: 1.1;
  margin-bottom: 30px;
}

.history-content p{
  color: #5d6f8f;
  font-size: 1.08rem;
  line-height: 1.95;
  margin-bottom: 22px;
}

.mission-section{
  position: relative;
  padding: 110px 0;
  background: #f3f4f6;
  overflow: hidden;
}

.mission-section::before{
  content: "";
  position: absolute;
  top: -80px;
  left: -80px;
  width: 220px;
  height: 220px;
  background: rgba(13, 42, 131, 0.05);
  border-radius: 50%;
  filter: blur(8px);
}

.mission-section::after{
  content: "";
  position: absolute;
  right: -80px;
  bottom: -80px;
  width: 220px;
  height: 220px;
  background: rgba(255, 193, 7, 0.08);
  border-radius: 50%;
  filter: blur(8px);
}

.mission-content,
.mission-stats{
  position: relative;
  z-index: 2;
}

.mission-badge{
  display: inline-block;
  padding: 8px 16px;
  border-radius: 50px;
  background: rgba(13, 42, 131, 0.08);
  color: #102a83;
  font-size: .95rem;
  font-weight: 600;
  margin-bottom: 18px;
}

.mission-title{
  font-size: clamp(2.3rem, 4vw, 4.2rem);
  line-height: 1.08;
  font-weight: 800;
  color: #03163f;
  margin-bottom: 28px;
  letter-spacing: -0.02em;
}

.mission-intro{
  font-size: 1.15rem;
  color: #667896;
  line-height: 1.8;
  margin-bottom: 24px;
}

.mission-content p{
  font-size: 1.08rem;
  line-height: 1.9;
  color: #667896;
  margin-bottom: 22px;
}

.mission-content strong{
  color: #051735;
  font-weight: 700;
}

.mission-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  background: #020b20;
  color: #fff;
  text-decoration: none;
  padding: 16px 30px;
  font-weight: 600;
  border-radius: 0;
  clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);
  transition: transform .3s ease, background .3s ease;
}

.mission-btn:hover{
  background: #0b1f4d;
  color: #fff;
  transform: translateY(-2px);
}

.mission-stats{
  padding-left: 34px;
}

.stat-item{
  margin-bottom: 38px;
}

.stat-item:last-child{
  margin-bottom: 0;
}

.stat-item h3{
  font-size: clamp(2.2rem, 4vw, 3.3rem);
  line-height: 1;
  font-weight: 800;
  color: #1432a0;
  margin-bottom: 8px;
}

.stat-item p{
  font-size: 1rem;
  color: #667896;
  margin-bottom: 14px;
}

.stat-bar{
  width: 100%;
  height: 8px;
  background: #dde1e9;
  border-radius: 50px;
  overflow: hidden;
}

.bar-fill{
  display: block;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, #1734a8 0%, #2238b5 100%);
  border-radius: 50px;
  transition: width 1.6s ease;
}

@media (max-width: 991.98px){
  .history-section,
  .mission-section{
    padding: 80px 0;
  }

  .history-visual{
    margin-bottom: 10px;
  }

  .history-logo{
    max-width: 300px;
  }

  .history-content,
  .mission-content{
    text-align: left;
  }

  .mission-stats{
    padding-left: 0;
    margin-top: 10px;
  }

  .stat-item{
    margin-bottom: 30px;
  }
}

@media (max-width: 575.98px){
  .mission-title{
    font-size: 2.2rem;
  }

  .mission-intro,
  .mission-content p,
  .history-content p{
    font-size: 1rem;
    line-height: 1.8;
  }

  .mission-btn{
    padding: 14px 24px;
    font-size: .95rem;
  }
}

.why-section{
  padding: 110px 0;
  background: #f3f4f6;
}

.why-header{
  margin-bottom: 40px;
}

.why-header h2{
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 800;
  color: #0f172a;
  margin: 0;
}

.why-card{
  position: relative;
  min-height: 530px;
  padding: 28px 22px 28px 22px;
  overflow: hidden;
  clip-path: polygon(0 0, 88% 0, 100% 8%, 100% 100%, 0 100%);
  display: flex;
  align-items: flex-end;
  transition: transform .35s ease, box-shadow .35s ease;
}

.why-card:hover{
  transform: translateY(-8px);
  box-shadow: 0 24px 50px rgba(15,23,42,.18);
}

.why-card-yellow{
  background:
    linear-gradient(135deg, rgba(255,166,0,.95), rgba(255,221,0,.95));
}

.why-card-blue{
  background:
    linear-gradient(135deg, rgba(27,72,185,.98), rgba(35,14,193,.96));
  color: #fff;
}

.why-card-dark{
  background:
    radial-gradient(circle at center, rgba(90,90,90,.25), rgba(20,20,20,.96)),
    linear-gradient(135deg, #1b1b1b, #3a3a3a);
  color: #fff;
}

.why-arrow{
  position: absolute;
  top: 0;
  left: 10%;
  width: 100%;
  height: 100%;
  opacity: .22;
  background: rgba(255,255,255,.65);
  clip-path: polygon(0 0, 42% 0, 78% 50%, 42% 100%, 0 100%, 36% 50%);
}

.why-icon{
  position: absolute;
  top: 26px;
  left: 18px;
  z-index: 2;
  font-size: 1.7rem;
  line-height: 1;
}

.why-card-yellow .why-icon{
  color: #111;
}

.why-card-blue .why-icon,
.why-card-dark .why-icon{
  color: #fff;
}

.why-content{
  position: relative;
  z-index: 2;
  max-width: 85%;
}

.why-content h3{
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 14px;
}

.why-content p{
  font-size: 1.02rem;
  line-height: 1.6;
  margin: 0;
}

.why-card-yellow .why-content{
  color: #111;
}

.why-card-blue .why-content,
.why-card-dark .why-content{
  color: #fff;
}

@media (max-width: 991.98px){
  .why-section{
    padding: 85px 0;
  }

  .why-card{
    min-height: 460px;
  }

  .why-content{
    max-width: 90%;
  }
}

@media (max-width: 575.98px){
  .why-section{
    padding: 65px 0;
  }

  .why-card{
    min-height: 390px;
    padding: 24px 18px;
  }

  .why-content h3{
    font-size: 1.6rem;
  }

  .why-content p{
    font-size: .96rem;
  }
}