:root{--blue:#0A3D91;--gold:#F5C400;--navy:#071A3D;--light:#F5F7FA;--white:#fff;--text:#1d2738;--muted:#657084;--line:#dfe5ee;--green:#26924b;--red:#d84a42;--shadow:0 18px 50px rgba(7,26,61,.12);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--white);line-height:1.7;overflow-x:hidden}body.dark{--white:#0c1425;--light:#101b30;--text:#edf2fa;--muted:#aab5c7;--line:#24324a;background:var(--white)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.page-loader{position:fixed;inset:0;z-index:9999;background:var(--navy);color:white;display:grid;place-content:center;gap:14px;text-align:center;font-weight:700;letter-spacing:.08em;transition:.5s}.page-loader.hide{opacity:0;visibility:hidden}.page-loader img{width:82px;height:82px;object-fit:contain;margin:auto;filter:drop-shadow(0 8px 20px rgba(0,0,0,.3))}.scroll-progress{position:fixed;top:0;left:0;height:4px;background:var(--gold);width:0;z-index:10000}.skip-link{position:fixed;top:-50px;left:15px;background:#fff;color:#000;padding:10px;z-index:10001}.skip-link:focus{top:10px}.topbar{background:var(--navy);color:#dbe5f6;font-size:12px}.topbar-inner,.topbar-inner>div{display:flex;align-items:center;justify-content:space-between;gap:22px}.topbar-inner{min-height:38px}.topbar a{margin-left:18px}.topbar i{color:var(--gold);margin-right:5px}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);border-bottom:1px solid transparent;transition:.3s}.dark .site-header{background:rgba(12,20,37,.96)}.site-header.scrolled{box-shadow:0 8px 25px rgba(7,26,61,.08);border-color:var(--line)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:54px;height:54px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1}.brand b{font-family:Poppins;font-size:24px;letter-spacing:.08em;color:var(--blue)}.brand small{font-size:8px;font-weight:800;letter-spacing:.27em;color:var(--red);margin-top:5px}.main-nav{display:flex;align-items:center;justify-content:center;gap:18px}.main-nav a{font-size:11px;font-weight:700;white-space:nowrap;position:relative;padding:30px 0}.main-nav a:after{content:"";position:absolute;left:0;bottom:21px;width:0;height:2px;background:var(--gold);transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.nav-actions{display:flex;align-items:center;gap:9px}.theme-toggle,.menu-toggle{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);cursor:pointer}.quote-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;border-radius:8px;transition:.25s}.quote-btn{background:var(--blue);color:white;padding:12px 16px;font-size:11px}.quote-btn:hover,.btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(7,26,61,.18)}.menu-toggle{display:none}.hero{height:min(790px,calc(100vh - 82px));min-height:620px;position:relative;background:var(--navy);color:white;overflow:hidden}.hero-slides,.hero-slide{height:100%}.hero-slide{position:absolute;inset:0;background-image:var(--hero-image);background-size:cover;background-position:center;opacity:0;visibility:hidden;transform:scale(1.04);transition:opacity .8s,transform 6s}.hero-slide.active{opacity:1;visibility:visible;transform:scale(1)}.hero-content{height:100%;display:flex;flex-direction:column;justify-content:center;padding-bottom:45px}.eyebrow{display:inline-block;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.18em}.eyebrow.light{color:var(--gold)}h1,h2,h3{font-family:Poppins,Inter,sans-serif;line-height:1.15;margin:0}h1{font-size:clamp(48px,6vw,86px);max-width:900px;letter-spacing:-.04em;margin:18px 0}h1 em,h2 em{color:var(--gold);font-style:normal}.hero p{max-width:650px;color:#dce5f3;font-size:18px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.btn{padding:15px 22px;font-size:12px;border:1px solid transparent}.btn-gold{background:var(--gold);color:var(--navy)}.btn-outline{border-color:rgba(255,255,255,.65);color:white;background:rgba(255,255,255,.06)}.btn-navy{background:var(--blue);color:white}.hero-controls{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px}.hero-controls>button,.test-arrow{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:white;cursor:pointer}.dots{display:flex;gap:8px}.dot{width:9px;height:9px;border:0;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer}.dot.active{background:var(--gold);transform:scale(1.3)}.hero-scroll{position:absolute;right:35px;bottom:38px;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.18em}.hero-scroll i{animation:bob 1.5s infinite}@keyframes bob{50%{transform:translateY(7px)}}.service-strip{background:white;border-bottom:1px solid var(--line)}.dark .service-strip{background:#0f1930}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}.strip-grid>div{display:flex;align-items:center;gap:13px;padding:23px 18px;border-right:1px solid var(--line)}.strip-grid i{font-size:24px;color:var(--blue)}.strip-grid span{display:flex;flex-direction:column;line-height:1.4}.strip-grid b{font-size:12px}.strip-grid small{font-size:10px;color:var(--muted)}.section{padding:105px 0}.alt{background:var(--light)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.image-panel,.why-visual{position:relative;min-height:500px;border-radius:var(--radius);overflow:visible;background:linear-gradient(145deg,#dce8fb,#f4f7fc);box-shadow:var(--shadow)}.image-panel>img,.why-visual>img{width:100%;height:100%;min-height:500px;object-fit:cover;border-radius:var(--radius);position:absolute;inset:0}.image-fallback,.visual-fallback{height:100%;min-height:500px;display:grid;place-content:center;text-align:center;color:var(--blue);font-size:100px}.visual-fallback span{font-size:11px;font-weight:900;letter-spacing:.2em;margin-top:20px}.floating-card{position:absolute;right:-35px;bottom:35px;background:var(--navy);color:white;padding:25px;border-radius:14px;box-shadow:var(--shadow);width:210px}.floating-card strong{color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.15em}.floating-card b{display:block;font:800 42px Poppins}.floating-card span{font-size:10px;color:#b9c5d8}.section h2{font-size:clamp(36px,4.2vw,58px);letter-spacing:-.035em;margin:13px 0 20px;color:var(--text)}.section h2 em{color:var(--blue)}.section p{color:var(--muted);font-size:14px}.feature-list,.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:27px 0}.feature-list span,.check-grid span{font-size:12px;font-weight:700}.feature-list i{color:var(--gold);margin-right:7px}.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:12px;font-weight:900;margin-top:10px}.text-link i{transition:.2s}.text-link:hover i{transform:translateX(5px)}.stats-section{padding:60px 0;background:var(--navy);color:white}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.stats-grid>div{border-right:1px solid rgba(255,255,255,.15)}.stats-grid>div:last-child{border:0}.stats-grid strong{display:block;color:var(--gold);font:800 48px Poppins}.stats-grid span{font-size:11px;color:#c5cfdf;text-transform:uppercase;letter-spacing:.08em}.section-head{text-align:center;max-width:720px;margin:0 auto 52px}.section-head p{margin:0 auto}.light-head h2,.light-head p{color:white}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:23px}.product-card{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:grid;grid-template-columns:230px 1fr;min-height:285px;box-shadow:0 8px 30px rgba(7,26,61,.06);transition:.3s}.product-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.product-media{display:grid;place-content:center;padding:25px;position:relative}.product-media img{width:150px;max-height:125px;object-fit:contain;position:relative;z-index:2}.product-media>i{font-size:70px;position:absolute;opacity:.2}.milk{background:#edf9ef;color:#26924b}.water{background:#eaf7ff;color:#1689c4}.gas{background:#fff0ef;color:#d84a42}.fmcg{background:#e9eef7;color:var(--blue)}.product-card>div:last-child{padding:30px}.tag{font-size:8px;font-weight:900;padding:6px 8px;border-radius:5px;letter-spacing:.08em}.green{color:#18783b;background:#e7f7eb}.blue{color:#0877b9;background:#e7f5fc}.red{color:#c43c35;background:#fdeae8}.navy{color:var(--navy);background:#e8edf6}.product-card h3{font-size:21px;margin:16px 0 8px}.product-card p{font-size:12px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.services-grid article{padding:29px;border:1px solid var(--line);border-radius:14px;background:var(--white);transition:.3s}.services-grid article:hover{transform:translateY(-7px);border-color:var(--blue);box-shadow:var(--shadow)}.services-grid i{width:52px;height:52px;display:grid;place-content:center;background:#e9f0fc;color:var(--blue);border-radius:13px;font-size:22px}.services-grid h3{font-size:17px;margin:18px 0 8px}.services-grid p{font-size:11px}.brand-section{background:linear-gradient(135deg,#071a3d,#0b3477);color:white}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.brand-grid article{background:white;color:var(--text);border-radius:15px;padding:28px;text-align:center;min-height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:.3s}.brand-grid article:hover{transform:translateY(-7px)}.brand-grid img{width:140px;height:100px;object-fit:contain;margin-bottom:15px}.brand-grid span{font-size:8px;font-weight:900;color:var(--blue);letter-spacing:.12em}.brand-grid h3{font-size:16px;margin-top:7px}.industry-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.industry-grid article{text-align:center;padding:25px 15px;border-radius:14px;background:var(--light);border:1px solid var(--line)}.industry-grid i{font-size:27px;color:var(--blue)}.industry-grid h3{font-size:14px;margin:12px 0 6px}.industry-grid p{font-size:10px;margin:0}.why{background:var(--light)}.check-grid i{display:inline-grid;place-content:center;width:20px;height:20px;border-radius:50%;background:var(--blue);color:white;font-size:9px;margin-right:7px}.impact{background:var(--gold);color:var(--navy);padding:42px 0}.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.impact-grid>div{border-right:1px solid rgba(7,26,61,.2)}.impact-grid>div:last-child{border:0}.impact strong{display:block;font:800 20px Poppins}.impact span{font-size:11px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:14px}.gallery-item{border:0;border-radius:13px;overflow:hidden;position:relative;background:linear-gradient(145deg,#dfe8f7,#eef2f8);color:var(--blue);cursor:pointer}.gallery-item.tall{grid-row:span 2}.gallery-item.wide{grid-column:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:.4s}.gallery-item:hover img{transform:scale(1.08)}.gallery-item>i{font-size:48px;opacity:.25}.gallery-item>span{position:absolute;left:0;right:0;bottom:0;padding:15px;background:linear-gradient(transparent,rgba(7,26,61,.85));color:white;text-align:left;font-size:11px;font-weight:800}.testimonials{background:var(--navy);color:white}.testimonials h2{color:white}.testimonial-wrap{display:flex;align-items:center;gap:20px;max-width:900px;margin:auto}.testimonial-track{flex:1;position:relative;min-height:250px}.testimonial{position:absolute;inset:0;opacity:0;transform:translateX(20px);visibility:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:40px;border-radius:16px;transition:.4s}.testimonial.active{opacity:1;visibility:visible;transform:none}.testimonial>i{color:var(--gold);font-size:30px}.testimonial p{color:#d4ddeb;font-size:17px}.testimonial div{display:flex;flex-direction:column;margin-top:20px}.testimonial b{font-size:12px}.testimonial span{font-size:10px;color:#aab8cc}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-grid article{background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden;padding-bottom:25px}.news-image{height:190px;background:linear-gradient(145deg,#dce7f7,#edf2fa);display:grid;place-content:center;color:var(--blue);font-size:60px}.news-grid article>span,.news-grid h3,.news-grid p,.news-grid a{margin-left:25px;margin-right:25px}.news-grid article>span{display:block;color:var(--blue);font-size:8px;font-weight:900;letter-spacing:.12em;margin-top:22px}.news-grid h3{font-size:19px;margin-top:12px}.news-grid p{font-size:11px}.cta{padding:100px 0;background:linear-gradient(120deg,#071a3d,#0a3d91);color:white;text-align:center}.cta h2{color:white;font-size:clamp(36px,5vw,62px);max-width:850px;margin:14px auto}.cta p{color:#d5dfed;max-width:650px;margin:auto}.cta>div>div{margin-top:28px;display:flex;justify-content:center;gap:12px}.career-box{background:var(--light);border-radius:20px;padding:55px;display:flex;align-items:center;justify-content:space-between;gap:30px}.career-box h2{font-size:36px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}.contact-info{display:flex;flex-direction:column;gap:12px}.contact-info>a,.contact-info>div{display:flex;gap:16px;padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--white)}.contact-info>*>i{width:48px;height:48px;display:grid;place-content:center;background:#e9f0fc;color:var(--blue);border-radius:11px}.contact-info span{display:flex;flex-direction:column;line-height:1.45}.contact-info small{font-size:8px;color:var(--blue);font-weight:900;letter-spacing:.12em}.contact-info b{font-size:13px}.contact-info em{font-style:normal;font-size:10px;color:var(--muted)}.contact-form{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{display:flex;flex-direction:column;font-size:10px;font-weight:800;margin-bottom:15px}.contact-form input,.contact-form textarea,.newsletter input{margin-top:6px;border:1px solid var(--line);border-radius:8px;padding:13px;font:inherit;background:transparent;color:var(--text);outline:0}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,61,145,.1)}.form-note{font-size:9px!important}.map{height:410px;margin-top:25px;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.map iframe{width:100%;height:100%;border:0}.footer{background:#06152f;color:white;padding-top:70px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:45px;padding-bottom:55px}.footer-brand b{color:white}.footer-brand small{color:var(--gold)}.footer p{color:#aebbd0;font-size:11px}.footer h3{font-size:14px;margin-bottom:18px}.footer-grid>div:not(:first-child)>a{display:block;color:#aebbd0;font-size:11px;margin:9px 0}.socials{display:flex;gap:9px;margin-top:20px}.socials a{width:35px;height:35px;display:grid;place-content:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:white}.newsletter{display:flex;margin-top:15px}.newsletter input{min-width:0;width:100%;border-radius:7px 0 0 7px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);color:white}.newsletter button{width:43px;border:0;background:var(--gold);color:var(--navy);border-radius:0 7px 7px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;color:#8290a6;font-size:9px}.footer-bottom>div{display:flex;justify-content:space-between}.floating-whatsapp,.back-top{position:fixed;right:20px;width:54px;height:54px;border-radius:50%;display:grid;place-content:center;color:white;z-index:900;box-shadow:0 10px 25px rgba(0,0,0,.2)}.floating-whatsapp{bottom:20px;background:#25d366;font-size:25px}.back-top{bottom:84px;background:var(--blue);border:0;cursor:pointer;opacity:0;visibility:hidden;transition:.3s}.back-top.show{opacity:1;visibility:visible}.lightbox{position:fixed;inset:0;background:rgba(2,8,20,.94);z-index:5000;display:none;place-content:center;padding:30px}.lightbox.open{display:grid}.lightbox>button{position:absolute;right:25px;top:20px;background:none;border:0;color:white;font-size:28px}.lightbox>div{text-align:center;color:white}.lightbox img{max-width:min(900px,90vw);max-height:70vh;margin:auto}.lightbox i{font-size:100px;color:var(--gold)}.lightbox h3{margin-top:18px}.dark .product-card,.dark .services-grid article,.dark .brand-grid article,.dark .news-grid article,.dark .contact-info>*,.dark .contact-form{background:#101b30}.dark .service-strip{color:var(--text)}
/* =========================================
   CONTACT FORM SUBMISSION
   ========================================= */

.send-inquiry-btn {
  position: relative;

  min-width: 210px;
  min-height: 54px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 15px 28px;

  border: none;
  border-radius: 10px;

  background: #11479b;
  color: #ffffff;

  font-family: inherit;
  font-size: 15px;
  font-weight: 700;

  cursor: pointer;

  transition:
    background 0.25s ease,
    transform 0.2s ease,
    box-shadow 0.25s ease,
    opacity 0.25s ease;
}


/* Hover */

.send-inquiry-btn:hover {
  background: #0b3780;

  transform: translateY(-2px);

  box-shadow: 0 8px 20px rgba(17, 71, 155, 0.25);
}


/* Click */

.send-inquiry-btn:active {
  transform: translateY(0);
}


/* Disabled while sending */

.send-inquiry-btn:disabled {
  cursor: not-allowed;

  opacity: 0.75;

  transform: none;

  box-shadow: none;
}


/* Spinner */

.button-spinner {
  display: none;

  width: 17px;
  height: 17px;

  border: 2px solid rgba(255, 255, 255, 0.35);

  border-top-color: #ffffff;

  border-radius: 50%;

  animation: formSpinner 0.7s linear infinite;
}


.send-inquiry-btn.sending .button-spinner {
  display: inline-block;
}


@keyframes formSpinner {

  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }

}


/* =========================================
   FORM STATUS
   ========================================= */

.form-status {

  display: none;

  margin-top: 18px;

  padding: 14px 17px;

  border-radius: 9px;

  font-size: 14px;

  font-weight: 600;

  line-height: 1.5;

}


/* Success */

.form-status.success {

  display: block;

  color: #176b3a;

  background: #edf9f1;

  border: 1px solid #b9e5c8;

}


/* Error */

.form-status.error {

  display: block;

  color: #9d2222;

  background: #fff1f1;

  border: 1px solid #f0c2c2;

}


/* Mobile */

@media (max-width: 600px) {

  .send-inquiry-btn {

    width: 100%;

  }

}
@media(max-width:1100px){.main-nav{gap:11px}.main-nav a{font-size:9px}.quote-btn{display:none}.services-grid{grid-template-columns:repeat(3,1fr)}.industry-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.topbar{display:none}.nav-wrap{height:70px}.main-nav{position:fixed;top:70px;left:0;right:0;background:var(--white);display:none;flex-direction:column;align-items:stretch;padding:15px 5%;border-bottom:1px solid var(--line);box-shadow:0 15px 30px rgba(0,0,0,.12);max-height:calc(100vh - 70px);overflow:auto}.main-nav.open{display:flex}.main-nav a{font-size:13px;padding:12px 0}.main-nav a:after{bottom:5px}.menu-toggle{display:grid;place-content:center}.hero{height:720px}.hero-scroll{display:none}.strip-grid{grid-template-columns:1fr 1fr}.strip-grid>div:nth-child(2){border-right:0}.split{grid-template-columns:1fr;gap:45px}.image-panel,.why-visual{min-height:390px}.image-panel>img,.why-visual>img,.image-fallback,.visual-fallback{min-height:390px}.product-grid{grid-template-columns:1fr}.brand-grid{grid-template-columns:1fr 1fr}.news-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.career-box{flex-direction:column;align-items:flex-start}.gallery-grid{grid-template-columns:1fr 1fr}.services-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.brand img{width:46px;height:46px}.brand b{font-size:20px}.theme-toggle{width:38px;height:38px}.hero{min-height:640px;height:calc(100vh - 70px)}h1{font-size:44px}.hero p{font-size:15px}.hero-buttons,.cta>div>div{flex-direction:column}.btn{width:100%}.hero-controls{bottom:20px}.strip-grid{grid-template-columns:1fr}.strip-grid>div{border-right:0;border-bottom:1px solid var(--line)}.section{padding:75px 0}.feature-list,.check-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid>div{border:0}.stats-grid strong{font-size:37px}.product-card{grid-template-columns:1fr}.product-media{min-height:180px}.services-grid,.brand-grid,.industry-grid{grid-template-columns:1fr}.impact-grid{grid-template-columns:1fr;gap:20px}.impact-grid>div{border:0}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:210px}.gallery-item.tall,.gallery-item.wide{grid-row:auto;grid-column:auto}.testimonial-wrap{gap:8px}.test-arrow{width:38px;height:38px}.testimonial{padding:25px}.testimonial p{font-size:14px}.career-box{padding:32px}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom>div{flex-direction:column;gap:8px;text-align:center}.floating-card{right:12px;bottom:-20px}.image-panel{margin-bottom:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}