:root{--navy:#061a33;--navy2:#0b2d52;--blue:#0877cf;--cyan:#09b3eb;--ink:#14233a;--muted:#66768b;--bg:#f5f9fd;--line:#dfe8f1;--gold:#f3b63e;--green:#18c66c;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.topbar{background:var(--navy);color:#dce9f7;font-size:12px}.topbar-inner{display:flex;justify-content:space-between;gap:20px;padding:8px 0}

.top-contact,.top-social{display:flex;align-items:center;gap:12px}.top-contact a,.top-social a{color:#dce9f7;font-weight:800}.top-contact a:hover,.top-social a:hover{color:#fff;text-decoration:underline}.top-social{gap:8px}.top-social span{margin-right:2px}.social-link,.phone-link{width:28px;height:28px;border-radius:50%;display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none!important;font-size:11px!important;font-weight:900!important}.social-link.facebook{background:#1877f2;color:#fff!important}.social-link.whatsapp{background:#18c66c;color:#fff!important}.social-link.instagram{background:#d62976;color:#fff!important}.social-link.tiktok{background:#000;color:#fff!important}.social-link.x{background:#000;color:#fff!important}.social-link.linkedin{background:#0a66c2;color:#fff!important}.social-link.youtube{background:#ff0000;color:#fff!important}.social-link.threads{background:#333;color:#fff!important}.social-link.telegram{background:#26a5e4;color:#fff!important}.phone-link{background:#2d9b63;color:#fff!important}
.social-link.soon{background:#3d4f66!important;color:#9fb2c9!important;cursor:default;opacity:.75}
a.social-link.soon:hover{color:#9fb2c9!important;text-decoration:none}
.footer-badges a.soon{color:#6d84a0;cursor:default}
.footer-badges a.soon:hover{color:#6d84a0}
.social-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;padding:8px 13px;border-radius:9px;font-weight:800;font-size:13px;color:var(--ink)}
.social-pill.soon{color:var(--muted);background:#f2f6fa;cursor:default}
.social-pill.soon:hover{color:var(--muted)}
.social-pill:not(.soon):hover{border-color:var(--blue);color:var(--blue)}
.enquiry-social{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.enquiry-social span{font-size:12px;color:var(--muted);font-weight:800}.btn-whatsapp{background:var(--green);color:#fff!important;border-color:var(--green)}.btn-facebook{background:#1877f2;color:#fff!important;border-color:#1877f2}.social-floats{position:fixed;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-between;pointer-events:none;z-index:180}.float-social{pointer-events:auto;color:#fff!important;padding:12px 17px;border-radius:40px;font-weight:900;font-size:12px;box-shadow:0 14px 35px #061a3355}.float-whatsapp{background:var(--green)}.float-facebook{background:#1877f2}
@media(max-width:920px){.topbar-inner{flex-direction:column;align-items:flex-start;gap:4px}.top-contact{flex-wrap:wrap}.top-social{display:none}}
@media(max-width:560px){.top-contact{gap:8px;font-size:10px}.top-contact a:nth-child(3){display:none}.social-floats{left:12px;right:12px;bottom:12px}.float-social{padding:10px 13px;font-size:11px}}
header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 8px 28px #071b3610}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:block}.brand img{width:250px;max-height:82px;object-fit:contain;display:block}.navlinks{display:flex;align-items:center;gap:17px;font-size:13px;font-weight:850}.navlinks a:hover{color:var(--blue)}.navlinks .nav-cta{margin-left:4px}.nav-btns{display:flex;align-items:center;gap:8px}.menu-btn,.search-btn{display:none;border:0;background:#eef6fc;padding:10px;border-radius:9px;font-size:18px;cursor:pointer;line-height:1}.search-btn{display:inline-flex}
.site-search{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 30px #061a3318;padding:16px 0;display:none;z-index:99}
.site-search.show{display:block}
.site-search-inner{position:relative}
.site-search input{width:100%;padding:14px 44px 14px 16px;border:1px solid #cbd9e8;border-radius:10px;font-size:15px;font-family:inherit}
.site-search input:focus{outline:2px solid var(--blue)}
.site-search-close{position:absolute;right:10px;top:10px;border:0;background:none;font-size:19px;color:var(--muted);cursor:pointer}
.site-search-results{margin-top:8px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;max-height:360px;overflow-y:auto;display:none}
.site-search-results.show{display:block}
.site-search-results a{display:block;padding:11px 14px;border-bottom:1px solid var(--line);font-weight:800;font-size:14px;color:var(--ink)}
.site-search-results a:last-child{border-bottom:0}
.site-search-results a:hover,.site-search-results a.hl{background:#eef8ff;color:var(--blue)}
.site-search-results a small{display:block;color:var(--muted);font-weight:600;font-size:11.5px;margin-top:2px}
.site-search-empty{padding:12px 14px;color:var(--muted);font-size:13px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:10px;font-weight:900;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 30px #0877cf30}.btn-outline{background:#fff;border-color:#cbd9e8;color:var(--ink)}.btn-dark{background:var(--navy);color:#fff}
.hero{min-height:680px;display:flex;align-items:center;background:linear-gradient(120deg,#fff 0%,#fff 44%,#eaf7ff 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:45px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2.4px;font-weight:900;font-size:12px;color:var(--blue)}h1{font-size:clamp(43px,5.2vw,72px);line-height:1.02;letter-spacing:-2.7px;margin:15px 0 20px}.hero h1 span{color:var(--blue)}.hero p{font-size:18px;color:var(--muted);max-width:700px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.ticks{display:flex;gap:17px;flex-wrap:wrap;color:#38526d;font-weight:800;font-size:13px}
.hero-media{position:relative}.hero-collage{position:relative;height:525px;border-radius:24px;overflow:hidden;background:#071c35;box-shadow:0 30px 70px #061a3330}.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s}.hero-slide.active{opacity:1} .hero-home-product{object-fit:contain;background:#071c35}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#061a33d9 0%,#061a3360 45%,#061a3300 80%)}.hero-caption{position:absolute;left:28px;bottom:28px;color:#fff;max-width:470px}.hero-caption strong{display:block;font-size:28px;line-height:1.15}.hero-caption span{display:block;color:#d9ebfa;margin-top:7px}.hero-badge{position:absolute;background:#fff;padding:18px 20px;border-radius:16px;box-shadow:0 22px 55px #071b3630;left:-25px;bottom:30px;width:255px}.hero-badge b{display:block;font-size:18px}.hero-badge small{color:var(--muted)}
.stats{background:var(--navy);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{text-align:center;padding:26px 15px;border-right:1px solid #fff1}.stat b{display:block;font-size:25px}.stat span{color:#bdd1e5;font-size:12px}
.section{padding:90px 0}.alt{background:var(--bg)}.head{text-align:center;max-width:820px;margin:0 auto 42px}.head h2{font-size:42px;line-height:1.1;margin:7px 0 13px;letter-spacing:-1px}.head p{color:var(--muted);font-size:17px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #0b254210;transition:.25s;display:flex;flex-direction:column}.card:hover{transform:translateY(-6px);box-shadow:0 22px 48px #0b25421c}.card img{height:205px;width:100%;object-fit:cover}.card-body{padding:22px;display:flex;flex-direction:column;flex:1}.tag{display:inline-block;width:max-content;background:#e9f6ff;color:#076fc0;border-radius:30px;padding:4px 9px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.card h3{margin:10px 0 8px;font-size:21px}.card p{margin:0;color:var(--muted);font-size:14px}.card-link{margin-top:auto;padding-top:17px;color:var(--blue);font-weight:900;font-size:13px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.stack{position:relative;height:500px}.stack img{position:absolute;object-fit:cover;border-radius:20px;box-shadow:0 25px 60px #061a3325}.stack img:first-child{width:76%;height:320px;left:0;top:0}.stack img:last-child{width:70%;height:300px;right:0;bottom:0;border:9px solid #fff}.list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.list div{padding:12px 14px;background:#edf6fc;border-radius:10px;font-weight:750;font-size:13px}.notice{background:#fff7e4;border-left:4px solid var(--gold);padding:13px 16px;border-radius:8px;color:#624d18;margin-top:18px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.gallery figure{margin:0;height:225px;overflow:hidden;border-radius:15px;position:relative;background:#dbe7f1}.gallery img{width:100%;height:100%;object-fit:cover;transition:.35s}.gallery figure:hover img{transform:scale(1.06)}.gallery figcaption{position:absolute;left:9px;right:9px;bottom:9px;background:#061a33dd;color:#fff;border-radius:9px;padding:7px 9px;font-size:11px;font-weight:800}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px}.num{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:900}.step h3{margin-bottom:5px}
.brands{display:flex;justify-content:center;flex-wrap:wrap;gap:11px;margin-top:25px}.brand-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;padding:11px 16px;border-radius:12px;font-weight:850;color:#22344c;box-shadow:0 8px 20px #0b25420c;transition:.2s}.brand-pill:hover{border-color:var(--blue);box-shadow:0 12px 26px #0877cf1c;transform:translateY(-2px)}.brand-pill i{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-weight:900;font-size:11px}
.brand-pill.brand-logo{padding:9px 18px;height:52px}.brand-pill.brand-logo img{height:24px;max-height:24px;width:auto;max-width:110px;object-fit:contain;display:block}
@media(max-width:560px){.brand-pill{padding:8px 12px}.brand-pill.brand-logo{height:42px;padding:6px 13px}.brand-pill.brand-logo img{height:18px;max-height:18px;max-width:82px}}
.video-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px}.video{border-radius:20px;overflow:hidden;background:#061a33;min-height:300px;display:grid;place-items:center;padding:25px;text-align:center;color:#fff}.video-links{display:grid;gap:11px}.vlink{background:#fff;border:1px solid var(--line);padding:17px;border-radius:13px;font-weight:850}.vlink span{display:block;color:var(--muted);font-size:12px;font-weight:500;margin-top:4px}
.contact{background:linear-gradient(135deg,#061a33,#0b4f88);color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.contact h2{font-size:43px;line-height:1.1}.contact p{color:#c6d8e9}.box{background:#ffffff10;border:1px solid #fff2;padding:23px;border-radius:17px}.line{padding:12px 0;border-bottom:1px solid #fff2}.line:last-child{border:0}.line b{display:block}.line a{color:#9fe3ff}form{display:grid;gap:11px}.row{display:grid;grid-template-columns:1fr 1fr;gap:11px}input,select,textarea{width:100%;font:inherit;padding:13px 14px;border:1px solid #cbd9e8;border-radius:9px}textarea{min-height:130px}

.online-support-intro{padding:58px 0;background:linear-gradient(135deg,#eef8ff 0%,#fff 52%,#eaf7ff 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.online-support-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:35px;align-items:stretch}.online-support-copy h2{font-size:38px;line-height:1.12;margin:8px 0 14px;letter-spacing:-1px}.online-support-copy>p{font-size:16px;color:var(--muted);max-width:850px}.online-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.online-points>div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px 16px;box-shadow:0 8px 24px #0b254208}.online-points b{display:block;font-size:14px;color:var(--ink)}.online-points span{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:4px}.online-support-panel{background:linear-gradient(145deg,#061a33,#0b5d9c);color:#fff;border-radius:22px;padding:30px;box-shadow:0 22px 55px #061a3330;display:flex;flex-direction:column;justify-content:center}.online-support-panel h3{font-size:27px;line-height:1.15;margin:12px 0}.online-support-panel p{color:#c9dced}.online-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#0877cf;color:#fff;font-size:26px;font-weight:900}.consult-badges{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 20px}.consult-badges span{border:1px solid #ffffff2b;background:#ffffff12;border-radius:30px;padding:5px 9px;font-size:10px;font-weight:800}.text-link{color:#8fe1ff;font-weight:900}
@media(max-width:920px){.online-support-grid{grid-template-columns:1fr}.online-points{grid-template-columns:1fr}}
.service-hero{padding:75px 0;background:linear-gradient(120deg,#061a33,#0a5e9e);color:#fff}
.supplies-hero{padding:58px 0 64px;overflow:hidden}.supplies-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);gap:36px;align-items:center}.supplies-hero-copy{position:relative;z-index:2}.supplies-hero-copy h1{max-width:850px}.supplies-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.supplies-hero-image{position:relative;min-width:0}.supplies-hero-image img{display:block;width:100%;height:auto;max-height:470px;object-fit:cover;object-position:center;border-radius:20px;box-shadow:0 30px 70px #03162b55;border:1px solid #ffffff24}.supplies-hero-image:after{content:"";position:absolute;inset:12px;border:1px solid #ffffff18;border-radius:16px;pointer-events:none}
.service-hero p{color:#d1e4f4;max-width:820px;font-size:18px}.service-hero .eyebrow{color:#6bd6ff}.service-detail{scroll-margin-top:110px;padding:75px 0;border-bottom:1px solid var(--line)}.service-detail .anchor-title{display:flex;align-items:center;gap:12px}.service-detail .anchor-title span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e8f6ff;color:var(--blue);font-weight:900}
.footer-badges{display:flex;gap:7px;flex-wrap:wrap}.footer-badges span{border:1px solid #ffffff18;border-radius:30px;padding:4px 9px;font-size:11px}
footer{background:#041226;color:#9fb5cc;padding:55px 0 22px}.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.foot-grid h4{color:#fff;margin-top:0}.foot-grid a:hover{color:#fff}.foot-logo{width:215px;display:block;background:#fff;border-radius:10px;padding:6px;margin-bottom:14px}.copyright{border-top:1px solid #fff2;margin-top:35px;padding-top:18px;font-size:12px}
.float-call,.float-wa{position:fixed;color:#fff;padding:11px 16px;border-radius:40px;font-weight:900;box-shadow:0 14px 35px #061a3355;z-index:200}.float-call{right:20px;bottom:82px;background:var(--blue)}.float-wa{right:20px;bottom:20px;background:var(--green)}.popup{position:fixed;right:20px;bottom:135px;width:335px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 70px #061a3335;z-index:190;padding:21px;display:none}.popup.show{display:block}.popup .close{float:right;border:0;background:none;font-size:20px}.popup-actions{display:flex;gap:8px;flex-wrap:wrap}.source-note{font-size:12px;color:var(--muted)}
.notice-blue{background:#eaf7ff;border-left:4px solid var(--blue);padding:13px 16px;border-radius:8px;color:#234b6b;margin-top:18px}
@media(max-width:1100px){.navlinks{gap:10px;font-size:12px}.brand img{width:220px}}
@media(max-width:920px){.supplies-hero-grid{grid-template-columns:1fr}.supplies-hero-image{order:-1}.supplies-hero-image img{max-height:360px}.navlinks{display:none}.navlinks.mobile-open{display:flex;position:absolute;left:0;right:0;top:82px;background:#fff;padding:18px 4%;border-bottom:1px solid var(--line);box-shadow:0 18px 30px #061a3318;flex-wrap:wrap}.navlinks.mobile-open a{padding:8px 4px}.menu-btn{display:block}.site-search{top:82px}.hero{padding:70px 0}.hero-grid,.split,.contact-grid,.video-grid{grid-template-columns:1fr}.hero-media{order:-1}.cards{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr}.foot-grid{grid-template-columns:1fr 1fr}.hero-badge{left:15px}}
@media(max-width:560px){.topbar-inner{font-size:10px}.topbar-inner span:last-child{display:none}.brand img{width:190px}.hero h1{font-size:44px}.hero-collage{height:360px}.hero-caption strong{font-size:23px}.hero-badge{position:relative;left:auto;bottom:auto;margin-top:-30px;margin-left:15px}.cards,.gallery,.process,.stats-grid,.row{grid-template-columns:1fr}.section{padding:65px 0}.head h2{font-size:34px}.stack{height:420px}.stack img:first-child{height:270px}.stack img:last-child{height:250px}.popup{left:15px;right:15px;width:auto}.float-call{right:145px}.float-wa{right:15px}}

/* Clear enquiry email selector and contact email cards */
.email-options{display:grid;gap:10px;margin:0 0 16px}
.email-option{display:block;background:#f7fbff;border:1px solid #c9dced;border-radius:12px;padding:13px 15px;color:var(--ink);font-weight:800}
.email-option:hover{border-color:var(--blue);background:#eef8ff}
.email-option small{display:block;color:var(--muted);font-weight:600;font-size:11px;margin-top:2px}
.email-select-label{display:block;font-size:13px;font-weight:900;margin:4px 0 7px;color:var(--ink)}
.contact-email-list .line{padding:15px 0}
.contact-email-list .line a{display:inline-block;color:#056fc1;font-size:15px;font-weight:900;margin-top:3px;word-break:break-word}
.contact-email-list .line a:hover{text-decoration:underline}

.security-images{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
.security-images .card{width:100%;height:210px;object-fit:cover}
.security-images .card:first-child{grid-column:1 / -1;height:270px}
.social-title{color:#9fb5cc}
@media(max-width:920px){.security-images{grid-template-columns:1fr}.security-images .card:first-child{grid-column:auto}}

/* Refined footer contact layout */
.footer-contact-list{display:grid;gap:12px}
.footer-contact-item{padding:10px 0;border-bottom:1px solid #ffffff12}
.footer-contact-item:last-child{border-bottom:0}
.footer-contact-label{display:block;color:#fff;font-size:12px;font-weight:900;letter-spacing:.2px;margin-bottom:3px}
.footer-contact-item a{display:block;color:#a9d8ff;line-height:1.55;word-break:break-word}
.footer-contact-item a:hover{color:#fff;text-decoration:underline}
.footer-phones a{font-weight:750}
.footer-whatsapp{padding:12px 13px!important;background:#0a2847;border:1px solid #ffffff14;border-radius:11px}
.footer-whatsapp a{color:#72efb1!important;font-weight:900}
.footer-whatsapp strong{font-size:15px}
.footer-contact-coverage{color:#9fb5cc;font-size:12px;line-height:1.55;padding-top:2px}
@media(max-width:560px){
  .footer-contact-item a{font-size:12px}
  .footer-contact-list{gap:8px}
}

/* Premium partner/brand showcase: uses the supplied high-resolution artwork
   while keeping it responsive and clickable without changing the page layout. */
.brands-showcase{display:block;width:100%;margin-top:25px}
.brands-image-wrap{position:relative;width:100%;max-width:1180px;margin:0 auto;border-radius:18px;overflow:hidden;background:#f4f8fc;border:1px solid var(--line);box-shadow:0 18px 45px #0b254214}
.brands-showcase-image{display:block;width:100%;max-width:100%;height:auto;max-height:395px;object-fit:contain;object-position:center;background:#f4f8fc}
.brand-hotspots{position:absolute;inset:0;z-index:2}
.brand-hotspot{position:absolute;display:block;border-radius:12px;outline:none;transition:background .18s,box-shadow .18s}
.brand-hotspot:hover,.brand-hotspot:focus-visible{background:#0877cf10;box-shadow:inset 0 0 0 2px #0877cf45}
@media(max-width:560px){
  .brands-image-wrap{border-radius:12px}
  .brands-showcase-image{width:100%;max-width:100%;height:auto;max-height:none}
  .brand-hotspot{border-radius:8px}
}