/* KBEX Cargo Pro Upgrade - responsive, app-like, international */
:root{
  --kbex-primary:#0d6efd;
  --kbex-dark:#071b34;
  --kbex-soft:#f4f8ff;
  --kbex-card:#ffffff;
  --kbex-radius:22px;
  --kbex-shadow:0 18px 45px rgba(7,27,52,.14);
}
html{scroll-behavior:smooth;}
body{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%); color:#172033; padding-top:76px; overflow-x:hidden;}
a{text-decoration:none;}
img{max-width:100%; height:auto;}
.navbar{backdrop-filter:blur(16px); background:rgba(255,255,255,.92)!important; box-shadow:0 10px 35px rgba(7,27,52,.08);}
.navbar-brand img{max-height:54px; width:auto; object-fit:contain;}
.navbar .nav-link{border-radius:999px; padding:.65rem .85rem!important; font-weight:600;}
.navbar .nav-link:hover,.navbar .nav-link.active{background:rgba(13,110,253,.09); color:var(--kbex-primary)!important;}
.primary-btn,.btn.primary-btn{border-radius:999px!important; background:linear-gradient(135deg,#0d6efd,#084fc4)!important; color:#fff!important; border:0!important;}
.carousel,.carousel-item{min-height:calc(100vh - 76px);}
.carousel-bg{min-height:calc(100vh - 76px); background-position:center!important; background-size:cover!important;}
.carousel-bg:after{content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,27,52,.86),rgba(7,27,52,.55),rgba(7,27,52,.18));}
.carousel-caption{top:50%; bottom:auto; transform:translateY(-50%); left:8%; right:8%; text-align:left; max-width:960px; z-index:2;}
.carousel-caption h1,.carousel-caption h2{font-size:clamp(2.2rem,6vw,5.6rem)!important; line-height:.95; letter-spacing:-.04em;}
.carousel-caption p{font-size:clamp(1rem,2vw,1.35rem); max-width:760px; line-height:1.65;}
.card,.service-section .card,.news-item,.project-item,.accordion-item{border:0!important; border-radius:var(--kbex-radius)!important; overflow:hidden; box-shadow:var(--kbex-shadow); transition:transform .25s ease, box-shadow .25s ease; background:var(--kbex-card);}
.card:hover,.news-item:hover,.project-item:hover{transform:translateY(-6px); box-shadow:0 24px 65px rgba(7,27,52,.2);}
.card-icon{width:74px; height:74px; display:grid; place-items:center; border-radius:20px; background:linear-gradient(135deg,#0d6efd,#1bc5ff); color:#fff; font-size:1.8rem; margin:24px 24px 0;}
.kbex-check-list{margin:0; padding:0;}
.kbex-check-list li{display:flex; align-items:flex-start; gap:.75rem; padding:.85rem 0; border-bottom:1px solid rgba(7,27,52,.08);}
.kbex-check-list i{color:var(--kbex-primary); min-width:22px; margin-top:.2rem;}
section,.service-section,.about-section,.funfact-section,.work-process,.faq-section,.client{position:relative;}
.container{max-width:1180px;}
.accordion-button{font-weight:800; border-radius:18px!important;}
.accordion-button:not(.collapsed){background:#eef5ff; color:var(--kbex-dark); box-shadow:none;}
.footer-section,footer{background:linear-gradient(135deg,#061527,#0a2e5a)!important; color:#dbeaff;}
.footer-section a,footer a{color:#fff;}
.footer-section h5,footer h5{font-size:1.05rem; text-transform:uppercase; letter-spacing:.06em; color:#fff;}
.kbex-floating-actions{position:fixed; right:18px; bottom:92px; z-index:1040; display:flex; flex-direction:column; gap:10px;}
.kbex-floating-actions a{width:54px; height:54px; border-radius:50%; display:grid; place-items:center; color:#fff; box-shadow:0 14px 35px rgba(0,0,0,.25); font-size:1.35rem;}
.kbex-wa{background:#25d366;}.kbex-track{background:#0d6efd;}.kbex-cbm{background:#071b34;}
.kbex-mobile-appbar{display:none; position:fixed; left:12px; right:12px; bottom:12px; z-index:1041; background:rgba(255,255,255,.95); backdrop-filter:blur(18px); border-radius:24px; box-shadow:0 18px 50px rgba(7,27,52,.22); padding:8px; grid-template-columns:repeat(4,1fr);}
.kbex-mobile-appbar a{display:flex; flex-direction:column; align-items:center; gap:3px; color:#58647a; font-size:.72rem; font-weight:700; padding:7px 4px; border-radius:16px;}
.kbex-mobile-appbar i{font-size:1.15rem;}.kbex-mobile-appbar a.active,.kbex-mobile-appbar a:hover{background:#edf5ff;color:var(--kbex-primary);}
.kbex-top-progress{position:fixed; top:0; left:0; height:4px; background:linear-gradient(90deg,#0d6efd,#25d366); z-index:2000; width:0%; transition:width .1s linear;}
@media (max-width:991.98px){
  body{padding-top:68px; padding-bottom:86px;}
  .navbar-brand img{max-height:44px;}
  .navbar-collapse{margin-top:12px; padding:16px; border-radius:22px; background:#fff; box-shadow:var(--kbex-shadow); max-height:75vh; overflow:auto;}
  .navbar .nav-link{padding:.9rem 1rem!important;}
  .carousel,.carousel-item,.carousel-bg{min-height:78vh;}
  .carousel-caption{left:6%; right:6%; width:auto;}
  .carousel-caption p{display:block; font-size:1rem;}
  .service-section .col-md-4,.row>[class*="col-"]{margin-bottom:1rem;}
  .kbex-mobile-appbar{display:grid;}
  .kbex-floating-actions{right:14px; bottom:108px;}
  .kbex-floating-actions a{width:48px;height:48px;font-size:1.1rem;}
}
@media (max-width:575.98px){
  .carousel-caption h1,.carousel-caption h2{font-size:2.15rem!important;}
  .carousel-caption p{line-height:1.5;}
  .container{padding-left:18px; padding-right:18px;}
  .card-body{padding:1.25rem!important;}
  h2{font-size:1.8rem!important;}
}