@charset "UTF-8";
:root{
  --bg:#f2f7fb;
  --surface:#ffffff;
  --surface-2:#f7fbff;
  --text:#0f2133;
  --muted:#65778c;
  --line:#dbe5ef;
  --brand:#0b66b1;
  --brand-2:#2eaeea;
  --dark:#071522;
  --shadow:0 18px 48px rgba(8,33,63,.10);
  --radius:26px;
}
*{box-sizing:border-box}
html,body{overflow-x:hidden}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top right, rgba(46,174,234,.10), transparent 26%),
    linear-gradient(180deg,#eef4fa 0%,#f8fbfe 42%,#f4f8fb 100%);
}
a{transition:.2s ease}
img{max-width:100%;display:block}

.topbar{
  background:#07131f;
  padding:.65rem 0;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.topbar-link{color:rgba(255,255,255,.78); text-decoration:none}
.topbar-link:hover{color:#fff}
.main-nav{
  background:rgba(5,20,35,.92);
  backdrop-filter:blur(12px);
  box-shadow:0 12px 32px rgba(4,18,35,.18);
}
.brand-wrap{display:flex;align-items:center;gap:.85rem;color:#fff;text-decoration:none}
.brand-wrap strong{display:block;line-height:1.1}
.brand-wrap small{display:block;color:rgba(255,255,255,.65);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}
.brand-mark{
  width:50px;height:50px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;font-size:1.18rem;
  box-shadow:0 12px 24px rgba(11,103,178,.28)
}
.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.84);font-weight:500}
.navbar-dark .navbar-nav .nav-link:hover{color:#fff}
.premium-toggler{border-color:rgba(255,255,255,.16); border-radius:14px; padding:.5rem .75rem}
.btn-brand,.btn-soft{
  border-radius:999px;padding:.85rem 1.25rem;font-weight:600
}
.btn-brand{
  color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));border:none;
  box-shadow:0 14px 30px rgba(11,103,178,.25)
}
.btn-brand:hover{color:#fff;transform:translateY(-1px)}
.btn-soft{
  background:#fff;color:var(--dark);border:1px solid rgba(255,255,255,.28)
}
.btn-soft:hover{transform:translateY(-1px)}

.hero{
  position:relative;
  padding:96px 0 72px;
  background:
    radial-gradient(circle at 84% 12%, rgba(73,198,255,.30), transparent 18%),
    linear-gradient(135deg,#081b2d 0%,#0d5a9c 58%,#21aae9 100%);
  color:#fff;
}
.hero:before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.52),transparent);
  pointer-events:none;
}
.hero-badge{
  display:inline-flex;align-items:center;gap:.55rem;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;
  padding:.58rem .95rem;border-radius:999px;margin-bottom:1rem;font-size:.92rem
}
.hero h1{
  font-size:clamp(2.3rem,4vw,4.25rem);line-height:1.02;letter-spacing:-.03em;margin-bottom:1rem
}
.hero p.lead{color:rgba(255,255,255,.82);font-size:1.07rem;line-height:1.8;max-width:640px}
.hero-actions{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:1.5rem}

.hero-panel{
  position:relative;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
  border-radius:32px;padding:1.25rem;box-shadow:0 30px 60px rgba(0,0,0,.18)
}
.slider-shell{
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.13);
  border-radius:26px;
  overflow:hidden;
  backdrop-filter:blur(10px);
}
.slider-track{position:relative; min-height:420px}
.slide-item{
  position:absolute; inset:0; opacity:0; visibility:hidden;
  transition:opacity .55s ease, transform .55s ease;
  transform:translateX(18px);
  padding:1rem;
}
.slide-item.active{opacity:1; visibility:visible; transform:translateX(0)}
.slide-media{
  height:255px; border-radius:22px; overflow:hidden; background:#0b1f33;
  box-shadow:0 16px 34px rgba(0,0,0,.15)
}
.slide-media img{width:100%;height:100%;object-fit:cover}
.slide-body{padding:1rem .25rem .2rem}
.slide-label{
  display:inline-flex;align-items:center;gap:.45rem;
  font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;
  color:rgba(255,255,255,.74)
}
.slide-body h3{font-size:1.55rem;margin:.65rem 0 .5rem}
.slide-body p{color:rgba(255,255,255,.78);line-height:1.75;margin:0}
.slider-dots{display:flex;gap:.55rem;padding:0 1.25rem 1.2rem}
.slider-dot{
  width:12px;height:12px;border-radius:999px;border:none;background:rgba(255,255,255,.28)
}
.slider-dot.active{background:#fff}
.hero-highlights{
  display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:1.1rem
}
.hi-box{
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:1rem
}
.hi-box strong{display:block;font-size:1.2rem}
.hi-box span{font-size:.9rem;color:rgba(255,255,255,.76)}

.section{padding:78px 0}
.section-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:2rem}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--brand);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}
.section-title{font-size:clamp(1.9rem,3vw,3rem);letter-spacing:-.03em;margin:.45rem 0}
.section-subtitle{color:var(--muted);max-width:760px;line-height:1.8}
.glass-card,.feature-card,.sector-card,.contact-card,.page-card,.cta-band,.product-detail-card{
  background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.85);backdrop-filter:blur(10px);box-shadow:var(--shadow);border-radius:var(--radius)
}
.product-card{
  height:100%;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#fff,#f7fbff);
  border:1px solid rgba(188,210,228,.8);box-shadow:var(--shadow);transition:.22s ease
}
.product-card:hover,.sector-card:hover,.feature-card:hover{transform:translateY(-5px)}
.product-media{
  position:relative;height:220px;overflow:hidden;background:#0b2033
}
.product-media img{width:100%;height:100%;object-fit:cover}
.product-body{padding:1.35rem 1.35rem 1.5rem}
.product-body h4{font-size:1.25rem;margin-bottom:.45rem}
.product-meta{
  display:inline-flex;align-items:center;gap:.45rem;background:#eef6fd;color:var(--brand);
  border-radius:999px;padding:.4rem .72rem;font-size:.86rem;font-weight:600
}
.product-summary{color:var(--muted);line-height:1.7;min-height:82px}
.link-arrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--brand);font-weight:700;text-decoration:none}

.about-shell{display:grid;grid-template-columns:1.12fr .88fr;gap:1.35rem}
.about-panel{padding:2rem}
.about-panel p{color:var(--muted);line-height:1.9}
.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem}
.metric-card{
  border-radius:22px;padding:1.2rem;background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid var(--line)
}
.metric-card i{font-size:1.3rem;color:var(--brand)}
.metric-card h5{margin:.75rem 0 .4rem}.metric-card p{margin:0;color:var(--muted)}
.capability-card{
  padding:1.35rem;border-radius:24px;background:linear-gradient(180deg,#0d1d2d,#11283d);color:#fff;height:100%
}
.capability-card p{color:rgba(255,255,255,.72)}
.capability-card .cap-icon{
  width:52px;height:52px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));margin-bottom:1rem
}
.sector-card{padding:1.25rem;height:100%;transition:.22s ease}
.sector-top{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem}
.icon-badge{
  width:56px;height:56px;min-width:56px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 16px 26px rgba(11,103,178,.2);font-size:1.3rem
}
.sector-card p{color:var(--muted);line-height:1.7;min-height:80px}

.page-hero{
  position:relative;padding:82px 0 52px;
  background:linear-gradient(135deg,#09192a,#0d5b9d 60%,#23aceb);color:#fff
}
.page-hero:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(180deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:40px 40px;opacity:.7
}
.page-hero .container{position:relative}
.page-card,.product-detail-card,.contact-card{padding:2rem}
.page-card p,.page-card li,.product-detail-card,.contact-card p{line-height:1.9;color:var(--muted)}
.page-card ul{padding-left:1.1rem}
.contact-card .info-row{display:flex;gap:.85rem;margin-bottom:1rem;align-items:flex-start}
.contact-card .info-row i{font-size:1.1rem;color:var(--brand)}
.form-control,.form-select{
  border-radius:16px;min-height:52px;border:1px solid #d6e2ee;box-shadow:none
}
textarea.form-control{min-height:160px}
.form-control:focus,.form-select:focus{border-color:#94c9ef;box-shadow:0 0 0 .22rem rgba(39,167,234,.12)}

.site-footer{margin-top:76px;padding:68px 0 22px;background:#081521;color:#fff}
.footer-grid{display:grid;grid-template-columns:1.2fr .75fr .75fr 1fr;gap:1.35rem}
.footer-brand{display:flex;gap:1rem;align-items:flex-start}
.footer-title{margin-bottom:1rem}
.footer-links,.footer-contact{list-style:none;padding:0;margin:0}
.footer-links li+li,.footer-contact li+li{margin-top:.7rem}
.footer-links a{color:rgba(255,255,255,.72);text-decoration:none}
.footer-links a:hover{color:#fff}
.footer-contact li{display:flex;gap:.7rem;color:rgba(255,255,255,.72)}
.footer-contact i{color:#6dc6ff;margin-top:.18rem}
.footer-bottom{
  margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.55);font-size:.94rem
}
.table td,.table th{vertical-align:middle}

@media (max-width:1199.98px){
  .about-shell,.footer-grid{grid-template-columns:1fr}
}
@media (max-width:991.98px){
  .hero{padding-top:72px}
  .slider-track{min-height:395px}
  .hero-highlights,.metric-grid{grid-template-columns:1fr}
  .navbar-collapse{
    margin-top:1rem;padding:1rem;border-radius:20px;background:rgba(255,255,255,.07);backdrop-filter:blur(10px)
  }
}
@media (max-width:767.98px){
  .section{padding:58px 0}
  .hero{
    padding:58px 0 44px;
    border-bottom-left-radius:22px;
    border-bottom-right-radius:22px;
  }
  .hero h1{
    font-size:clamp(2rem,9vw,3rem);
    line-height:1.02;
  }
  .hero p.lead{font-size:.98rem;line-height:1.7}
  .hero-actions{flex-direction:column}
  .btn-brand,.btn-soft{width:100%;justify-content:center}
  .slider-shell{border-radius:22px}
  .slider-track{min-height:355px}
  .slide-item{padding:.8rem}
  .slide-media{height:190px;border-radius:18px}
  .slide-body h3{font-size:1.25rem}
  .product-media{height:185px}
  .page-card,.product-detail-card,.contact-card,.about-panel{padding:1.25rem}
  .topbar .container{align-items:flex-start}
}


.product-media img,
.slide-media img{
  transform:scale(1.01);
}
.product-card:hover .product-media img,
.slide-item.active .slide-media img{
  transform:scale(1.04);
  transition:transform .45s ease;
}


.product-card-link{
  color:inherit;
}
.product-card-link:hover{
  color:inherit;
}
.product-card-link .link-arrow{
  pointer-events:none;
}

.lang-switcher{
  display:inline-flex;
  align-items:center;
  gap:.25rem;
  padding:.18rem;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.12);
}
.lang-switcher a{
  color:rgba(255,255,255,.72);
  text-decoration:none;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.06em;
  padding:.38rem .6rem;
  border-radius:999px;
}
.lang-switcher a.active{
  background:#fff;
  color:#0b66b1;
}


.lang-switcher{
  display:inline-flex; align-items:center; gap:.25rem; padding:.2rem;
  border-radius:999px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.12);
}
.lang-switcher a{
  color:rgba(255,255,255,.78); text-decoration:none; font-size:.76rem; font-weight:800;
  letter-spacing:.05em; padding:.38rem .62rem; border-radius:999px; display:inline-flex; align-items:center; gap:.35rem;
}
.lang-switcher a.active{ background:#fff; color:#0b66b1; }
.hero-v4{
  background:
    radial-gradient(circle at 82% 14%, rgba(118,225,255,.24), transparent 17%),
    radial-gradient(circle at 18% 30%, rgba(255,255,255,.08), transparent 20%),
    linear-gradient(135deg,#061320 0%, #0b4679 52%, #1697d3 100%);
}
.section-tight{ padding-top:26px; }
.v4-stat-row{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px;
}
.v4-stat-card{
  background:linear-gradient(180deg,#ffffff,#f8fbfe);
  border:1px solid #e0ebf4; border-radius:24px; padding:20px 22px;
  box-shadow:0 18px 38px rgba(8,30,56,.07);
}
.v4-stat-card strong{
  font-size:2rem; font-weight:800; letter-spacing:-.03em; display:block;
}
.v4-stat-card span{ color:var(--muted); font-weight:600; }
.capability-lite{
  height:100%; background:linear-gradient(180deg,#ffffff,#f8fbff);
  border:1px solid #e0ebf4; border-radius:26px; padding:1.45rem;
  box-shadow:0 18px 38px rgba(8,30,56,.07);
}
.capability-lite i{
  width:56px; height:56px; border-radius:18px; display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--brand),var(--brand-2)); color:#fff; font-size:1.25rem;
  box-shadow:0 14px 24px rgba(11,102,177,.16); margin-bottom:1rem;
}
.capability-lite p{ color:var(--muted); line-height:1.75; margin:0; }
.global-grid{
  display:grid; grid-template-columns:1.1fr .9fr; gap:1.25rem;
}
.world-panel{
  border-radius:30px; overflow:hidden; background:linear-gradient(180deg,#0b1928,#102e46);
  box-shadow:0 22px 46px rgba(7,23,38,.14); min-height:360px; position:relative;
}
.world-map-mock{
  position:absolute; inset:0;
  background:
    radial-gradient(circle at 20% 50%, rgba(255,255,255,.08), transparent 18%),
    radial-gradient(circle at 52% 38%, rgba(255,255,255,.1), transparent 16%),
    radial-gradient(circle at 78% 56%, rgba(255,255,255,.08), transparent 18%),
    linear-gradient(180deg,transparent,rgba(255,255,255,.02));
}
.world-map-mock:before{
  content:""; position:absolute; inset:34px;
  border-radius:22px; border:1px solid rgba(255,255,255,.06);
  background:
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:36px 36px;
}
.world-map-mock .dot{
  position:absolute; width:14px; height:14px; border-radius:50%;
  background:#7ad6ff; box-shadow:0 0 0 8px rgba(122,214,255,.14), 0 0 0 18px rgba(122,214,255,.08);
}
.dot-1{ left:24%; top:42%; } .dot-2{ left:48%; top:34%; } .dot-3{ left:64%; top:44%; } .dot-4{ left:74%; top:58%; }
.global-list{
  display:grid; gap:1rem;
}
.global-card{
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border:1px solid #e0ebf4; border-radius:24px; padding:1.35rem;
  box-shadow:0 18px 38px rgba(8,30,56,.07);
}
.global-card i{
  width:48px; height:48px; border-radius:16px; display:inline-flex; align-items:center; justify-content:center;
  background:#eef7fd; color:var(--brand); font-size:1.15rem; margin-bottom:.8rem;
}
.global-card p,.trust-card p{ color:var(--muted); line-height:1.75; margin:0; }
.trust-card{
  height:100%; background:linear-gradient(180deg,#fff,#f8fbff);
  border:1px solid #e0ebf4; border-radius:24px; padding:1.35rem;
  box-shadow:0 18px 38px rgba(8,30,56,.07);
}
.trust-card i{
  width:52px; height:52px; border-radius:16px; display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--brand),var(--brand-2)); color:#fff; font-size:1.2rem; margin-bottom:1rem;
}
.product-card-link{ color:inherit; }
.product-card-link:hover{ color:inherit; }
.product-card-link .link-arrow{ pointer-events:none; }
@media (max-width:991.98px){
  .v4-stat-row,.global-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:767.98px){
  .v4-stat-row,.global-grid{ grid-template-columns:1fr; }
  .lang-switcher{ width:100%; justify-content:center; }
}


.v4-stat-row,.global-grid{display:grid !important}
.v4-stat-card{
  background:linear-gradient(180deg,#ffffff,#f8fbfe) !important;
  border:1px solid #e0ebf4 !important;
  border-radius:24px !important;
  padding:20px 22px !important;
  box-shadow:0 18px 38px rgba(8,30,56,.07) !important;
}
.ultra-panel{
  background:linear-gradient(180deg,#ffffff,#f8fbfe) !important;
  border:1px solid #dfebf5 !important;
  border-radius:26px !important;
  padding:28px !important;
  box-shadow:0 20px 42px rgba(8,30,56,.08) !important;
  height:100%;
}
.ultra-info-card i,
.ultra-trust-card i{
  width:54px;
  height:54px;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  color:#fff;
  font-size:1.2rem;
  box-shadow:0 14px 24px rgba(11,102,177,.16);
  margin-bottom:1rem;
}
.ultra-info-card h5,
.ultra-trust-card h5{
  font-size:1.7rem;
  margin-bottom:.8rem;
  letter-spacing:-.02em;
}
.ultra-info-card p,
.ultra-trust-card p{
  color:var(--muted);
  line-height:1.8;
  margin:0;
  font-size:1.02rem;
}
.ultra-world{
  background:linear-gradient(180deg,#0b1928,#102e46) !important;
  position:relative;
  min-height:420px;
  overflow:hidden;
}
.ultra-world .world-map-mock{
  position:absolute;
  inset:0;
}
@media (max-width:767.98px){
  .ultra-panel{padding:20px !important}
}


.world-map-img{
  width:100%;
  height:100%;
  min-height:420px;
  object-fit:cover;
  border-radius:20px;
  display:block;
}
.ultra-world{
  padding:0 !important;
  overflow:hidden;
}


.topbar{
  background:#f5f7fa !important;
  color:#1f2937 !important;
  border-bottom:1px solid #e5e7eb !important;
}
.topbar .text-white-50,
.topbar .topbar-link,
.topbar .small{
  color:#1f2937 !important;
}
.topbar .topbar-link:hover{
  color:var(--brand) !important;
}
.topbar .lang-switcher{
  background:#ffffff !important;
  border:1px solid #d9e3ec !important;
}
.topbar .lang-switcher a{
  color:#374151 !important;
}
.topbar .lang-switcher a.active{
  background:linear-gradient(135deg,var(--brand),var(--brand-2)) !important;
  color:#fff !important;
}
.main-nav{
  background:#ffffff !important;
  border-bottom:1px solid #e5e7eb !important;
  box-shadow:0 10px 24px rgba(15,23,42,.04);
}
.main-nav .nav-link{
  color:#111827 !important;
}
.main-nav .nav-link:hover,
.main-nav .nav-link:focus{
  color:var(--brand) !important;
}
.brand-wrap{
  color:#111827 !important;
}
.brand-wrap strong,
.brand-wrap small{
  color:#111827 !important;
}
.brand-logo{
  height:52px;
  width:auto;
  max-width:220px;
  object-fit:contain;
  display:block;
}
.navbar-toggler{
  border-color:#cbd5e1 !important;
}
.navbar-toggler-icon{
  filter: invert(1) grayscale(1) contrast(2);
}
.product-card-link{
  color:inherit;
}
.product-card-link:hover,
.product-card-link:focus{
  color:inherit;
}
.product-card-link .link-arrow{
  pointer-events:none;
}
@media (max-width:767.98px){
  .brand-logo{
    height:44px;
    max-width:170px;
  }
}


/* Final mobile hamburger fix */
.navbar-light .navbar-toggler-icon,
.navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2817,24,39,0.95%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
  filter:none !important;
}


/* Strong hamburger visibility fix */
.navbar-toggler{
  border-color:#cbd5e1 !important;
}
.navbar-toggler-icon,
.navbar-light .navbar-toggler-icon,
.main-nav .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2817,24,39,1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
  filter:none !important;
  opacity:1 !important;
}


.content-area{
  background:#fff;
  border:1px solid #e5edf4;
  border-radius:24px;
  padding:32px;
  box-shadow:0 18px 38px rgba(8,30,56,.05);
}
.content-area p:last-child{margin-bottom:0}
.content-area ul{padding-left:1.2rem}