*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:#0B1D3A;background:#fff;overflow-x:hidden}

/* TOPBAR */
.topbar{background:linear-gradient(90deg,#0B1D3A,#0d2a4a);padding:7px 0;font-size:.78rem;border-bottom:1px solid rgba(0,168,150,.3);}
.tb-inner{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.tb-left{color:#fff;display:flex;gap:16px;align-items:center;font-family:'Outfit',sans-serif;font-weight:700}
.tb-left a{color:#fff;text-decoration:none;font-family:'Outfit',sans-serif;font-weight:700}
.tb-left a:hover{color:#00A896}
.tb-right{display:flex;gap:10px;align-items:center}
.lang-sel{background:#1e3a6e;border:1px solid rgba(255,255,255,.4);border-radius:6px;color:#fff;padding:4px 10px;font-size:.75rem;cursor:pointer;outline:none}
.lang-sel option{background:#0B1D3A;color:#fff}
.btn-quote{background:linear-gradient(135deg,#76C442,#00A896);color:#fff;border:none;padding:6px 16px;border-radius:6px;font-family:'Outfit',sans-serif;font-weight:700;font-size:.78rem;cursor:pointer}
.btn-quote:hover{background:#007A6E}

/* HEADER */
header{background:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 12px rgba(11,29,58,.1)}
.hdr{max-width:1760px;margin:0 auto;padding:0 26px;display:flex;align-items:center;justify-content:space-between;height:70px;gap:18px}
.hdr>.logo,.hdr>.hdr-btns{flex:0 0 auto}
.logo img{height:56px;width:auto;object-fit:contain;display:block} 
nav{display:flex;gap:0;align-items:center;flex:1 1 auto;justify-content:center}
/* 10 nav items - step the tabs down before they wrap */
@media(max-width:1500px){.ntab{padding:8px 8px;font-size:.9rem}}
@media(max-width:1320px){.ntab{padding:8px 6px;font-size:.85rem}}
.navdd{position:relative}
.navdd .ddc{font-size:.7rem;margin-left:3px;display:inline-block;transition:transform .2s}
.navdd:hover .ddc{transform:rotate(180deg)}
.ddmenu{position:fixed;top:var(--hdrh,70px);left:50%;transform:translateX(-50%) translateY(8px);background:#fff;border-radius:16px;box-shadow:0 20px 54px rgba(11,29,58,.20);border:1px solid rgba(11,29,58,.07);width:max-content;max-width:96vw;padding:14px 12px;opacity:0;visibility:hidden;display:grid;grid-template-rows:repeat(5,auto);grid-auto-flow:row;grid-auto-columns:minmax(230px,max-content);gap:2px 4px;transition:opacity .18s,transform .18s,visibility .18s;z-index:1200}
.navdd:hover .ddmenu,.navdd:focus-within .ddmenu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.ddmenu::before{content:'';position:absolute;bottom:100%;left:0;right:0;height:10px}
.ddi{display:block;width:100%;text-align:left;background:none;border:none;padding:9px 12px;font-family:'Outfit',sans-serif;font-weight:600;font-size:.88rem;white-space:normal;color:#344465;cursor:pointer;border-radius:9px;line-height:1.35;transition:background .15s,color .15s;border-left:3px solid transparent}
.ddi:hover{background:#F4F8FD;color:#1565C0;border-left-color:#00A896}
.navdd.dd-closed .ddmenu{opacity:0!important;visibility:hidden!important;transform:translateX(-50%) translateY(8px)!important}
.navdd.dd-closed .ddc{transform:none!important}
@media(max-width:900px){.ddmenu{display:none}}
.ntab{background:none;border:none;padding:8px 11px;border-radius:8px;font-family:'Outfit',sans-serif;font-weight:600;font-size:.95rem;white-space:nowrap;color:#344465;cursor:pointer;position:relative;transition:color .2s}
.ntab:after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:0;height:2.5px;background:#00A896;border-radius:2px;transition:width .2s}
.ntab:hover{color:#00A896}
.ntab.on{color:#00A896}
.ntab.on:after{width:calc(100% - 20px);background:linear-gradient(90deg,#1565C0,#76C442);}
.hdr-btns{display:flex;gap:8px}
.btn-wa{background:#25D366;color:#fff;border:none;padding:9px 16px;border-radius:8px;font-family:'Outfit',sans-serif;font-weight:700;font-size:.83rem;cursor:pointer}
.btn-cart{background:linear-gradient(135deg,#1565C0,#00A896);color:#fff;border:none;padding:9px 16px;border-radius:8px;font-family:'Outfit',sans-serif;font-weight:700;font-size:.83rem;cursor:pointer;position:relative}

.hbtn-mob{display:none;background:none;border:none;cursor:pointer;padding:6px}
.hbtn-mob span{display:block;width:24px;height:2px;background:#0B1D3A;margin:5px 0;border-radius:2px}

/* MOBILE NAV */
.mob-nav{display:none;position:fixed;top:72px;left:0;right:0;background:#fff;z-index:999;padding:12px;box-shadow:0 8px 24px rgba(11,29,58,.12);border-top:1px solid #eef2f7}
.mob-nav.open{display:block}
.mob-nav button{display:block;width:100%;padding:12px 16px;border-radius:8px;font-family:'Outfit',sans-serif;font-weight:600;font-size:.98rem;background:none;border:none;cursor:pointer;text-align:left;color:#0B1D3A}
.mob-nav button:hover{background:#e0f5f3;color:#00A896}

/* PAGES */
.page{display:none}
.page.on{display:block}
#page-home .sec{padding:26px 0}

/* ===== HOME ===== */
.hero{position:relative;aspect-ratio:3840/680;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:#0B1D3A}.hero-bg::after{content:none}
.hero-ov{display:none}
.hero-inner{display:none}
.hero-ov{position:absolute;inset:0;background:linear-gradient(100deg,rgba(11,29,58,.96) 0%,rgba(16,48,94,.94) 34%,rgba(13,62,92,.72) 45%,rgba(11,77,84,.25) 49%,rgba(11,29,58,0) 52%)}
.hero-inner{position:relative;z-index:1;width:50%;padding:42px 70px;display:block;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,168,150,.2);border:1px solid rgba(0,168,150,.4);color:#5DEDE0;padding:6px 14px;border-radius:100px;font-size:.78rem;font-weight:700;letter-spacing:.5px;margin-bottom:15px;align-self:flex-start}
.hero-dot{width:7px;height:7px;background:#00A896;border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}
.hero h1{font-family:'Outfit',sans-serif;font-weight:900;font-size:clamp(2rem,4.4vw,3.3rem);line-height:1.1;color:#fff;margin-bottom:16px;max-width:700px}
.hero h1 em{color:#00A896;font-style:normal}
.hero h1 .lime{color:#76C442}
.hero-sub{color:rgba(255,255,255,.78);font-size:1rem;line-height:1.7;margin-bottom:26px;max-width:600px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-start}
.btn-p{background:linear-gradient(135deg,#1565C0,#00A896);color:#fff;text-decoration:none;padding:13px 26px;border-radius:10px;font-family:'Outfit',sans-serif;font-weight:700;font-size:.93rem;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s}
.btn-p:hover{background:linear-gradient(135deg,#0D47A1,#007A6E);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,168,150,.4);}
.btn-o{background:transparent;color:#fff;text-decoration:none;padding:13px 26px;border-radius:10px;font-family:'Outfit',sans-serif;font-weight:600;font-size:.93rem;border:1.5px solid rgba(255,255,255,.4);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s}
.btn-o:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.7)}

/* Right panel */
.hero-right{display:none}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hstat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:16px;text-align:center;backdrop-filter:blur(4px)}
.hstat strong{display:block;font-family:'Outfit',sans-serif;font-size:1.7rem;font-weight:900;color:#00A896}
.hstat span{font-size:.73rem;color:rgba(255,255,255,.6);margin-top:2px;display:block}
.hcard{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:18px;backdrop-filter:blur(4px);display:flex;gap:14px;align-items:center}
.hcard-icon{width:44px;height:44px;border-radius:10px;background:rgba(0,168,150,.25);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}
.hcard h3{font-family:'Outfit',sans-serif;font-weight:700;font-size:.88rem;color:#fff;margin-bottom:3px}
.hcard p{font-size:.75rem;color:rgba(255,255,255,.6);line-height:1.5}

/* Sections */
.sec{padding:40px 0}
@media(max-width:980px){.blog-wrap{grid-template-columns:1fr!important;gap:28px!important}.blog-side{position:static!important}}
.sec-in{max-width:1280px;margin:0 auto;padding:0 20px}
.sec-lbl{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#1565C0,#00A896);padding:5px 12px;border-radius:100px;margin-bottom:14px}
.sec-title{font-family:'Outfit',sans-serif;font-weight:800;font-size:clamp(1.6rem,3vw,2.3rem);color:#0B1D3A;line-height:1.2;margin-bottom:10px}
.sec-sub{color:#6B7FA0;font-size:.97rem;max-width:560px;line-height:1.75;margin-bottom:44px}

/* About snippet */
.ab-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ab-feats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.ab-feat{background:#fff;border-radius:12px;padding:18px;border:1px solid #eef2f7;box-shadow:0 4px 16px rgba(11,29,58,.08);display:flex;gap:12px;align-items:flex-start}
.ab-feat-icon{font-size:1.4rem;flex-shrink:0}
.ab-feat h4{font-family:'Outfit',sans-serif;font-weight:700;font-size:.87rem;color:#0B1D3A;margin-bottom:3px}
.ab-feat p{font-size:.76rem;color:#6B7FA0;line-height:1.5}
.ab-visual{background:linear-gradient(135deg,#0B1D3A 0%,#1565C0 35%,#00A896 65%,#1565C0 100%);background-size:220% 220%;animation:abShift 14s ease infinite;border-radius:20px;padding:36px;display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden;box-shadow:0 18px 50px rgba(11,29,58,.22)}
@keyframes abShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.ab-visual::before{content:'';position:absolute;top:-60%;left:-30%;width:60%;height:220%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);transform:rotate(12deg);animation:abSheen 7s ease-in-out infinite}
@keyframes abSheen{0%{left:-40%}55%{left:120%}100%{left:120%}}
.ab-visual>*{position:relative;z-index:1}
.gem-box{background:rgba(244,197,66,.12);border:1px solid rgba(244,197,66,.25);border-radius:12px;padding:18px;position:relative;overflow:hidden;transition:background .3s,border-color .3s,transform .3s}
.gem-box:hover{background:rgba(244,197,66,.2);border-color:rgba(244,197,66,.5);transform:translateY(-3px)}
.gem-box::after{content:'';position:absolute;top:14px;right:16px;width:8px;height:8px;border-radius:50%;background:#76C442;box-shadow:0 0 0 0 rgba(118,196,66,.7);animation:gemPulse 2.2s infinite}
@keyframes gemPulse{0%{box-shadow:0 0 0 0 rgba(118,196,66,.65)}70%{box-shadow:0 0 0 12px rgba(118,196,66,0)}100%{box-shadow:0 0 0 0 rgba(118,196,66,0)}}
.gem-box strong{display:block;font-family:'Outfit',sans-serif;font-weight:800;font-size:1rem;color:#F4C542;margin-bottom:4px}
.gem-box span{font-size:.75rem;color:rgba(255,255,255,.55)}
.srow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vs{background:rgba(255,255,255,.07);border-radius:12px;padding:18px;text-align:center;border:1px solid rgba(255,255,255,.09);transition:background .28s,transform .28s,border-color .28s;cursor:default}
.vs:hover{background:rgba(255,255,255,.16);border-color:rgba(244,197,66,.4);transform:translateY(-4px) scale(1.02)}
.vs strong{transition:transform .28s}
.vs:hover strong{transform:scale(1.08)}
.vs strong{display:block;font-family:'Outfit',sans-serif;font-size:1.7rem;font-weight:900;color:#F4C542}
.vs span{font-size:.72rem;color:rgba(255,255,255,.55)}

/* Why grid */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wcard{background:#fff;border-radius:16px;padding:28px 22px;border:1px solid #eef2f7;box-shadow:0 4px 16px rgba(11,29,58,.08);text-align:center;transition:all .25s}
.wcard:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,168,150,.2);border-color:#00A896;border-top:3px solid #76C442;}
.wicon{width:58px;height:58px;border-radius:14px;background:linear-gradient(135deg,#e3f0ff,#e0f5f3);margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:1.6rem}
.wcard h3{font-family:'Outfit',sans-serif;font-weight:700;font-size:.98rem;color:#0B1D3A;margin-bottom:8px}
.wcard p{font-size:.82rem;color:#6B7FA0;line-height:1.65}

/* Product category pills on home */
.cat-pills{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-bottom:32px}
.cpill{background:#fff;border:1px solid #eef2f7;border-radius:14px;padding:20px 14px;text-align:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(11,29,58,.07)}
.cpill:hover{border-color:#00A896;transform:translateY(-3px)}
.cpill .ci{font-size:1.7rem;margin-bottom:10px}
.cpill h4{font-family:'Outfit',sans-serif;font-weight:700;font-size:.8rem;color:#0B1D3A}

/* ===== ABOUT ===== */
.about-hero{background:linear-gradient(135deg,#0B1D3A 0%,#1565C0 55%,#00A896 100%);border-radius:20px;padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:44px}
.about-hero h2{font-family:'Outfit',sans-serif;font-weight:900;font-size:1.9rem;color:#fff;line-height:1.2;margin-bottom:14px}
.about-hero p{color:rgba(255,255,255,.7);font-size:.93rem;line-height:1.75}
.about-hero p+p{margin-top:12px}
.astat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.astat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:20px;text-align:center}
.astat strong{display:block;font-family:'Outfit',sans-serif;font-size:1.9rem;font-weight:900;color:#00A896}
.astat span{font-size:.74rem;color:rgba(255,255,255,.55)}
.about-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:36px}
.acol{background:#F7F9FC;border-radius:16px;padding:28px;border:1px solid #eef2f7}
.acol h3{font-family:'Outfit',sans-serif;font-weight:800;font-size:1.05rem;color:#0B1D3A;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.acol p{font-size:.88rem;color:#6B7FA0;line-height:1.75}
.presence-box{background:#0B1D3A;border-radius:20px;padding:36px}
.presence-box h3{font-family:'Outfit',sans-serif;font-weight:800;color:#fff;text-align:center;margin-bottom:6px}
.presence-box p{color:rgba(255,255,255,.5);text-align:center;font-size:.82rem;margin-bottom:20px}
.presence-box hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin-bottom:20px}
.cities{display:flex;flex-wrap:wrap;gap:0;justify-content:center}
.city{color:rgba(255,255,255,.55);font-size:.8rem;padding:4px 8px}

/* ===== PRODUCTS ===== */
.prod-page{background:#F7F9FC;min-height:80vh;padding:56px 0}
.cat-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}
.cbt{padding:8px 18px;border-radius:100px;border:1.5px solid #C8D4E3;background:#fff;color:#344465;font-family:'Outfit',sans-serif;font-weight:600;font-size:.83rem;cursor:pointer;transition:all .2s}
.cbt:hover,.cbt.on{background:#1565C0;border-color:#1565C0;color:#fff}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;align-items:stretch}
.pcard{background:#fff;border:1px solid #eef2f7;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(11,29,58,.08);transition:all .25s;display:flex;flex-direction:column;height:100%}
.pcard:hover{box-shadow:0 12px 40px rgba(11,29,58,.14)}
.pimg{height:230px;flex-shrink:0;background:linear-gradient(135deg,#e0f5f3,#D0F0EB);display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative;overflow:hidden}
.ptag{position:absolute;top:10px;left:10px;background:#1565C0;color:#fff;font-size:.62rem;font-weight:700;padding:3px 10px;border-radius:100px}
.pbody{padding:18px;flex:1;display:flex;flex-direction:column}
.pbody h3{font-family:'Outfit',sans-serif;font-weight:700;font-size:.93rem;color:#0B1D3A;margin:0 0 6px;line-height:1.35;min-height:2.7em;display:flex;align-items:flex-start}
.pbody p{font-size:.78rem;color:#6B7FA0;line-height:1.55;margin:0 0 12px}
.pfeat{list-style:none;padding:0;margin:0 0 14px}
.pmq-wrap{position:relative;overflow:hidden;padding:6px 0 4px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.pmq-track{display:flex;gap:20px;width:max-content;padding:14px 10px;animation:pmqScroll 35s linear infinite}
.pmq-wrap:hover .pmq-track{animation-play-state:paused}
@keyframes pmqScroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.pmq{width:206px;flex:0 0 206px;background:#fff;border:1px solid #eef2f7;border-radius:14px;box-shadow:0 4px 16px rgba(11,29,58,.08);overflow:hidden;cursor:pointer;transition:transform .18s,box-shadow .18s}
.pmq:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(11,29,58,.16)}
.pmq-img{height:158px;background:#fff;display:flex;align-items:center;justify-content:center;padding:12px;position:relative}
.pmq-img img{max-width:100%;max-height:100%;object-fit:contain}
.pmq-b{padding:11px 13px 14px;border-top:1px solid #f2f5f9;background:linear-gradient(180deg,#fff,#FAFCFE)}
.pmq-b h4{font-family:'Outfit',sans-serif;font-weight:700;font-size:.82rem;color:#0B1D3A;margin:0 0 4px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.2em}
.pmq-b span{font-size:.66rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#00A896}
@media(prefers-reduced-motion:reduce){.pmq-track{animation:none;overflow-x:auto}}
@media(max-width:600px){.pmq{width:168px;flex:0 0 168px}.pmq-img{height:130px}}
.certimg{width:100%;display:block;background:#f2f5fa;filter:blur(0.9px);transform:scale(1.012);transition:filter .25s;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none}
.certcard{position:relative}
.certcard::before{content:'';position:absolute;inset:0;z-index:2}
.certlb-img{max-width:100%;max-height:82vh;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5);filter:blur(1.2px);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none}
.certnote{color:rgba(255,255,255,.62);font-size:.78rem;margin:8px 0 0;font-family:'Outfit',sans-serif}
.fcard{border-radius:16px;overflow:hidden;padding:20px 19px;display:flex;flex-direction:column;justify-content:flex-start;height:100%;position:relative;box-shadow:0 4px 16px rgba(11,29,58,.10);transition:transform .25s,box-shadow .25s}
.fcard:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(11,29,58,.18)}
.fcard::after{content:'';position:absolute;right:-40px;bottom:-40px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.09)}
.fcard h4{font-family:'Outfit',sans-serif;font-weight:800;font-size:.78rem;letter-spacing:1.1px;text-transform:uppercase;color:#fff;margin:0 0 14px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.22);position:relative;z-index:1}
.fcard-rows{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}
.fcard-row b{display:block;font-family:'Outfit',sans-serif;font-weight:700;font-size:.83rem;color:#fff;line-height:1.35}
.fcard-row span{display:block;font-size:.76rem;line-height:1.5;color:rgba(255,255,255,.72);margin-top:1px}
.fcard-intro{position:relative;z-index:1;font-size:.8rem;line-height:1.65;color:rgba(255,255,255,.86);margin:0 0 15px}
.fcard h5{font-family:'Outfit',sans-serif;font-weight:800;font-size:.68rem;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.72);margin:0 0 10px;position:relative;z-index:1}
.fcard-fact{position:relative;z-index:1;margin:14px 0 0;padding-top:13px;border-top:1px solid rgba(255,255,255,.20);font-size:.765rem;line-height:1.6;color:rgba(255,255,255,.78)}
.fc4 .fcard-intro{color:rgba(11,29,58,.86)}
.fc4 h5{color:rgba(11,29,58,.68)}
.fc4 .fcard-fact{color:rgba(11,29,58,.75);border-top-color:rgba(11,29,58,.22)}
.fc1{background:linear-gradient(150deg,#0B1D3A 0%,#1565C0 100%)}
.fc2{background:linear-gradient(150deg,#1565C0 0%,#00A896 100%)}
.fc3{background:linear-gradient(150deg,#00A896 0%,#76C442 100%)}
.fc4{background:linear-gradient(150deg,#F4C542 0%,#E89B2E 100%)}
.fc4 h4{color:#0B1D3A;border-bottom-color:rgba(11,29,58,.22)}
.fc4 .fcard-row b{color:#0B1D3A}
.fc4 .fcard-row span{color:rgba(11,29,58,.72)}
.fc4::after{background:rgba(255,255,255,.20)}
@media(max-width:600px){.fcard{padding:18px 16px}}
.pfeat li{position:relative;padding-left:16px;font-size:.76rem;line-height:1.6;color:#4A5B78;margin-bottom:4px}
.pfeat li::before{content:'\25B8';position:absolute;left:0;color:#00A896;font-size:.8rem}
.pimg img{display:block;margin:0 auto}
.badd{width:100%;margin-top:auto;padding:11px;background:linear-gradient(135deg,#0B1D3A,#1565C0);color:#fff;border:none;border-radius:8px;font-family:'Outfit',sans-serif;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}
.badd:hover{background:linear-gradient(135deg,#1565C0,#00A896);}

/* ===== CERTS ===== */
.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ccard{background:#fff;border:1px solid #eef2f7;border-radius:18px;padding:30px 22px;text-align:center;cursor:pointer;transition:all .25s;box-shadow:0 4px 16px rgba(11,29,58,.08)}
.ccard:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(11,29,58,.14);border-color:#1565C0}
.cico{width:78px;height:78px;border-radius:50%;background:#E3F0FF;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:2rem;border:3px solid rgba(21,101,192,.15)}
.ccard h3{font-family:'Outfit',sans-serif;font-weight:800;font-size:1rem;color:#0B1D3A;margin-bottom:6px}
.ccard p{font-size:.8rem;color:#6B7FA0;line-height:1.6;margin-bottom:12px}
.cid{font-size:.72rem;font-weight:700;color:#007A6E;background:#e0f5f3;padding:4px 12px;border-radius:100px;display:inline-block;margin-bottom:12px}
.cview{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:#1565C0;background:#E3F0FF;padding:6px 16px;border-radius:100px}
.ccard:hover .cview{background:#1565C0;color:#fff}

/* Cert lightbox */
.clb{position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:2000;display:none;align-items:center;justify-content:center;padding:20px}
.clb.open{display:flex}
.clb-box{background:#fff;border-radius:20px;max-width:640px;width:100%;max-height:90vh;overflow-y:auto}
.clb-head{padding:20px 24px;border-bottom:1px solid #eef2f7;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;border-radius:20px 20px 0 0}
.clb-head h3{font-family:'Outfit',sans-serif;font-weight:800;color:#0B1D3A;font-size:1.05rem}
.clb-close{background:none;border:none;cursor:pointer;font-size:1.4rem;color:#6B7FA0}
.clb-body{padding:28px}
.cph{background:#F7F9FC;border:2px dashed #C8D4E3;border-radius:12px;padding:44px 28px;text-align:center;margin-bottom:18px}
.cph div{font-size:3rem;margin-bottom:12px}
.cph h4{font-family:'Outfit',sans-serif;font-weight:700;color:#0B1D3A;margin-bottom:7px}
.cph p{color:#6B7FA0;font-size:.85rem;line-height:1.6}
.cmeta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.cmi{background:#F7F9FC;border-radius:10px;padding:13px}
.cmi span{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#6B7FA0;font-weight:600;display:block;margin-bottom:3px}
.cmi strong{font-family:'Outfit',sans-serif;font-weight:700;color:#0B1D3A;font-size:.88rem}
.cdesc{font-size:.85rem;color:#6B7FA0;line-height:1.75;margin-bottom:18px}
.cbtns{display:flex;gap:10px;flex-wrap:wrap}

/* ===== CLIENTS ===== */
.hgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;margin-bottom:40px}
.hcard{background:#fff;border:1px solid #eef2f7;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(11,29,58,.08);transition:all .25s;text-align:center}
.hcard:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(11,29,58,.14);border-color:#00A896}
.himg{height:120px;background:#F7F9FC;border-bottom:1px solid #eef2f7;display:flex;align-items:center;justify-content:center;overflow:hidden}
.himg img{width:100%;height:100%;object-fit:cover}
.hfb{width:100%;height:100%;background:linear-gradient(135deg,#1565C0,#00A896);color:#fff;font-family:'Outfit',sans-serif;font-weight:900;font-size:1.5rem;display:flex;align-items:center;justify-content:center}
.hname{font-family:'Outfit',sans-serif;font-weight:600;font-size:.76rem;color:#0B1D3A;line-height:1.4;padding:12px 10px}
.mp-box{background:linear-gradient(135deg,#0B1D3A,#1565C0);border-radius:20px;padding:36px;}
.mp-box h3{font-family:'Outfit',sans-serif;font-weight:800;color:#fff;text-align:center;margin-bottom:6px}
.mp-box p{color:rgba(255,255,255,.5);text-align:center;font-size:.83rem;margin-bottom:22px}
.mp-tags{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.mpt{background:rgba(255,255,255,.1);border:1px solid rgba(0,168,150,.3);border-radius:10px;padding:10px 22px;font-family:'Outfit',sans-serif;font-weight:700;font-size:.83rem;color:#fff;cursor:pointer;transition:all .2s}
.mpt:hover{background:linear-gradient(135deg,#1565C0,#00A896);border-color:#00A896;color:#fff;}
.seg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:32px}
.sgcard{background:#fff;border:1.5px solid rgba(0,168,150,.15);border-radius:16px;padding:24px;display:flex;gap:14px;align-items:flex-start;transition:all .2s;box-shadow:0 4px 12px rgba(11,29,58,.07)}
.sgcard:hover{border-color:#00A896;box-shadow:0 8px 28px rgba(0,168,150,.2);border-top:3px solid #1565C0;}
.sgico{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#e3f0ff,#e0f5f3);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}
.sgcard h4{font-family:'Outfit',sans-serif;font-weight:700;color:#0B1D3A;font-size:.95rem;margin-bottom:4px}
.sgcard p{font-size:.8rem;color:#6B7FA0;line-height:1.5}

/* ===== CONTACT ===== */
.contact-page{background:#F7F9FC;min-height:80vh;padding:56px 0}
.cgrid{display:grid;grid-template-columns:1fr 1.4fr;gap:44px}
.cinfo h3{font-family:'Outfit',sans-serif;font-weight:800;font-size:1.15rem;color:#0B1D3A;margin-bottom:22px}
.ci{display:flex;gap:14px;margin-bottom:20px;align-items:flex-start}

.ci h4{font-weight:600;font-size:.84rem;color:#0B1D3A;margin-bottom:3px}
.ci p,.ci a{font-size:.84rem;color:#6B7FA0;line-height:1.6;text-decoration:none}
.ci a:hover{color:#00A896}
.cfcard{background:#fff;border-radius:20px;padding:34px;box-shadow:0 12px 48px rgba(11,29,58,.12);border:1px solid #eef2f7}
.cfcard h3{font-family:'Outfit',sans-serif;font-weight:800;color:#0B1D3A;font-size:1.1rem;margin-bottom:20px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fg{margin-bottom:14px}
.fg label{display:block;font-size:.8rem;font-weight:600;color:#344465;margin-bottom:5px}
.fg input,.fg select,.fg textarea{width:100%;padding:11px 14px;border:1.5px solid #C8D4E3;border-radius:8px;font-family:'Inter',sans-serif;font-size:.87rem;color:#0B1D3A;background:#fff;outline:none;transition:border-color .2s}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:#00A896}
.fg textarea{resize:vertical;min-height:90px}
.bsend{width:100%;padding:13px;background:linear-gradient(135deg,#1565C0,#00A896);color:#fff;border:none;border-radius:10px;font-family:'Outfit',sans-serif;font-weight:700;font-size:.97rem;cursor:pointer}
.bsend:hover{background:#0D47A1}

/* ===== FAQs ===== */
.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.fitem{background:#fff;border:1px solid #eef2f7;border-radius:14px;overflow:hidden;box-shadow:0 4px 12px rgba(11,29,58,.07)}
.fq{width:100%;background:none;border:none;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:'Outfit',sans-serif;font-weight:700;font-size:.96rem;color:#0B1D3A;text-align:left;gap:16px}
.fqico{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#e0f5f3;color:#00A896;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:transform .3s}
.fitem.open .fqico{transform:rotate(45deg);background:#00A896;color:#fff}
.fa{max-height:0;overflow:hidden;transition:max-height .35s ease}
.fitem.open .fa{max-height:300px}
.fa-in{padding:0 22px 20px;font-size:.88rem;color:#6B7FA0;line-height:1.75;border-top:1px solid #eef2f7}

/* ===== CART SIDEBAR ===== */

.cart-hd{padding:22px;border-bottom:1px solid #eef2f7;display:flex;justify-content:space-between;align-items:center}
.cart-hd h2{font-family:'Outfit',sans-serif;font-weight:800;font-size:1.1rem;color:#0B1D3A}
.cart-cl{background:none;border:none;cursor:pointer;font-size:1.4rem;color:#6B7FA0}
.cart-items{flex:1;overflow-y:auto;padding:14px 20px}

.cart-ft{padding:18px 20px;border-top:1px solid #eef2f7;background:#F7F9FC}
.cart-tot{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.cart-tot span{font-family:'Outfit',sans-serif;font-weight:600;font-size:.87rem;color:#344465}
.cart-tot strong{font-family:'Outfit',sans-serif;font-weight:800;font-size:1rem;color:#0B1D3A}
.benq{width:100%;padding:12px;background:linear-gradient(135deg,#1565C0,#00A896);color:#fff;border:none;border-radius:10px;font-family:'Outfit',sans-serif;font-weight:700;font-size:.93rem;cursor:pointer;margin-bottom:8px}
.benq:hover{background:#0D47A1}
.bwac{width:100%;padding:11px;background:#25D366;color:#fff;border:none;border-radius:10px;font-family:'Outfit',sans-serif;font-weight:700;font-size:.87rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}

/* Enquiry modal */

.eq-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.eq-hd h2{font-family:'Outfit',sans-serif;font-weight:800;font-size:1.15rem;color:#0B1D3A}
.eq-cl{background:none;border:none;cursor:pointer;font-size:1.4rem;color:#6B7FA0}

/* WA float */
.wa-btn{position:fixed;bottom:28px;right:28px;z-index:400;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.5);text-decoration:none;transition:transform .2s,box-shadow .2s}
.wa-btn:hover{transform:scale(1.08);box-shadow:0 8px 28px rgba(37,211,102,.6)}
.wa-btn svg{width:28px;height:28px;fill:#fff}
.wa-tip{position:absolute;right:66px;top:50%;transform:translateY(-50%);background:#0B1D3A;color:#fff;padding:7px 12px;border-radius:8px;font-size:.77rem;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s}
.wa-btn:hover .wa-tip{opacity:1}

/* Toast */
.toast{position:fixed;bottom:96px;left:50%;transform:translateX(-50%) translateY(20px);background:#0B1D3A;color:#fff;padding:10px 22px;border-radius:100px;font-family:'Outfit',sans-serif;font-weight:600;font-size:.87rem;opacity:0;transition:all .3s;z-index:700;pointer-events:none}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* Footer */
footer{background:linear-gradient(180deg,#0B1D3A 0%,#0d2a4a 100%);border-top:3px solid #00A896;}
.ft-main{width:100%;padding:24px 6% 16px;display:grid;grid-template-columns:1.7fr 1fr 1fr 1.1fr 1.1fr;gap:28px;box-sizing:border-box;align-items:start;}
.ft-map iframe{width:100%;height:132px;border:0;display:block;border-radius:10px;filter:grayscale(.2) contrast(1.05);}
@media(max-width:900px){.ft-main{grid-template-columns:1fr 1fr!important}}
@media(max-width:560px){.ft-main{grid-template-columns:1fr!important}}
.ft-brand img{height:64px;width:auto;object-fit:contain;display:block;flex-shrink:0;margin-top:-6px}
@media(max-width:820px){.whowe-grid{grid-template-columns:1fr!important;gap:26px!important}}
.ft-brand p{font-size:.81rem;color:rgba(255,255,255,.5);line-height:1.7;margin:0}
.ft-col h4{font-family:'Outfit',sans-serif;font-weight:700;font-size:.88rem;color:#fff;margin:0 0 14px;line-height:1.4}
.ft-col ul{list-style:none}
.ft-col ul li{margin-bottom:7px}
.ft-col ul li a,.ft-col ul li button{color:rgba(255,255,255,.55);text-decoration:none;font-size:.81rem;background:none;border:none;cursor:pointer;padding:0;font-family:'Inter',sans-serif;transition:color .2s}
.ft-col ul li a:hover,.ft-col ul li button:hover{color:#00A896}
.ft-pres{border-top:1px solid rgba(255,255,255,.08);padding:22px 20px}
.ft-pres-in{max-width:1280px;margin:0 auto;text-align:center}
.ft-pres-in p{font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:14px}
.ft-cities{display:flex;flex-wrap:wrap;justify-content:center;gap:0}
.fc{color:rgba(255,255,255,.45);font-size:.78rem;padding:3px 7px}
.ft-bot{border-top:1px solid rgba(255,255,255,.06);padding:8px 20px}
.ft-bot-in{width:100%;padding:0 6%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;box-sizing:border-box;}
.ft-bot p{font-size:.74rem;color:rgba(255,255,255,.35)}

/* Responsive */
@media(max-width:960px){
  nav,.hdr-btns{display:none}
  .mkt-grid{grid-template-columns:1fr 1fr!important}
  .hero{aspect-ratio:auto;min-height:52vh}
  .hero-ov{display:block}
  .hero-inner{display:block}
  .hbtn-mob{display:block}
  .hero-inner,.ab-grid,.cgrid,.about-hero{grid-template-columns:1fr}
  .hero-inner{width:100%;padding:36px 24px}
  .hero-bg{opacity:.35}
  .hero-ov{background:linear-gradient(160deg,rgba(11,29,58,.93) 0%,rgba(16,48,94,.88) 100%)}
  .hero-right{display:none}
  .why-grid{grid-template-columns:1fr 1fr}
  .cert-grid,.seg-grid{grid-template-columns:1fr 1fr}
  .ft-main{grid-template-columns:1fr 1fr}
  .about-cols{grid-template-columns:1fr}
}
@media(max-width:600px){
  .stat-grid,.srow,.astat-grid,.frow,.cmeta{grid-template-columns:1fr}
  .mkt-grid{grid-template-columns:1fr!important}
  .ab-feats,.why-grid,.cert-grid,.seg-grid{grid-template-columns:1fr}
  .ft-main{grid-template-columns:1fr}
  .hgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
}

.custom-lang{position:relative;display:inline-block;}
.lang-selected{background:#1e3a6e;border:1px solid rgba(255,255,255,.4);border-radius:6px;color:#fff;padding:4px 10px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:5px;font-family:'Outfit',sans-serif;font-weight:600;white-space:nowrap;}
.lang-selected:hover{background:#254d8f;}
.lang-options{display:none;position:absolute;top:110%;left:0;background:#0B1D3A;border:1px solid rgba(255,255,255,.15);border-radius:8px;min-width:140px;z-index:9999;box-shadow:0 8px 24px rgba(0,0,0,.3);overflow:hidden;}
.lang-options.open{display:block;}
.lang-opt{padding:8px 14px;color:#fff;font-family:'Outfit',sans-serif;font-size:.78rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s;}
.lang-opt:hover{background:#1565C0;}
.lang-opt span{font-size:1rem;}

/* Desktop hero: show banner image only (text lives inside the artwork) */
@media(min-width:961px){
  #page-home .hero .hero-inner,#page-home .hero .hero-ov{display:none!important}
  #page-home .hero{aspect-ratio:3840/680;height:auto;min-height:0}
}

/* ===== HOME HERO SLIDER ===== */
#page-home .hero{position:relative;aspect-ratio:1600/729;height:auto;min-height:0;overflow:hidden;display:block}
#page-home .hero .hero-inner,#page-home .hero .hero-ov{display:none!important}
.hslide{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity .6s ease-in-out;z-index:1}
.hslide.on{opacity:1;z-index:2}
.hnav{position:absolute;top:0;bottom:0;width:9%;z-index:6;background:transparent;border:none;cursor:pointer;padding:0;outline:none}
.hnav.prev{left:0}.hnav.next{right:0}
.hdots{position:absolute;left:0;right:0;bottom:2.2%;z-index:6;display:flex;justify-content:center;gap:9px}
.hdots button{width:10px;height:10px;border-radius:50%;border:none;padding:0;cursor:pointer;background:rgba(120,140,170,.45);transition:all .25s}
.hdots button.on{background:#1565C0;width:26px;border-radius:6px}
@media(max-width:960px){#page-home .hero{aspect-ratio:1600/729!important;min-height:0!important}.hdots{display:none}}

/* ===== TESTIMONIALS (WhatsApp-style horizontal marquee) ===== */
.tsq-wrap{position:relative;overflow:hidden;padding:6px 0 10px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.tsq-track{display:flex;gap:18px;width:max-content;animation:tsqScroll 150s linear infinite}
.tsq-wrap:hover .tsq-track{animation-play-state:paused}
@keyframes tsqScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tcard{flex:0 0 286px;width:286px;background:#EDE5DD;border-radius:14px;overflow:hidden;
  box-shadow:0 6px 20px rgba(11,29,58,.10);border:1px solid rgba(11,29,58,.06);display:flex;flex-direction:column}
.tc-top{background:#075E54;padding:9px 12px;display:flex;align-items:center;gap:9px}
.tc-av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#9ab,#dde);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff}
.tc-nm{font-size:.74rem;font-weight:700;color:#fff;line-height:1.2;filter:blur(2.6px);letter-spacing:.5px}
.tc-on{font-size:.62rem;color:rgba(255,255,255,.75);line-height:1.2}
.tc-ic{margin-left:auto;color:rgba(255,255,255,.85);font-size:.8rem;letter-spacing:3px}
.tc-body{background:#EDE5DD;padding:16px 12px 12px;flex:1;display:flex}
.tc-bub{background:#fff;border-radius:10px;padding:10px 11px 6px;font-size:.8rem;line-height:1.55;color:#0B1D3A;
  box-shadow:0 1px 1px rgba(0,0,0,.10);width:100%;align-self:flex-start}
.tcard:nth-child(even) .tc-bub{background:#DCF8C6}
.tc-meta{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:5px;
  font-size:.62rem;color:#8696A0}
.tc-tick{color:#34B7F1;font-size:.68rem;letter-spacing:-2px}
.tc-foot{background:#F0F0F0;padding:7px 10px;display:flex;align-items:center;gap:7px}
.tc-inp{flex:1;background:#fff;border-radius:14px;padding:5px 9px;font-size:.66rem;color:#9AA5AC}
.tc-mic{width:22px;height:22px;border-radius:50%;background:#075E54;flex-shrink:0}
@media(max-width:600px){.tcard{flex:0 0 250px;width:250px}}

/* ===== FOUNDER'S NOTE ===== */
.fdr{position:relative;overflow:hidden;
  background:linear-gradient(120deg,#0B1D3A 0%,#1565C0 38%,#00A896 72%,#76C442 100%)}
.fdr::before{content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 18% 30%,rgba(255,255,255,.10),transparent 55%);pointer-events:none}
.fdr-in{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:34px 28px;
  display:grid;grid-template-columns:250px 1fr;gap:34px;align-items:center}
.fdr-ph{position:relative}
.fdr-ph img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 12%;display:block;
  border-radius:16px;background:#fff;box-shadow:0 14px 34px rgba(4,16,34,.32)}
.fdr-ph::after{content:'';position:absolute;left:-9px;bottom:-9px;width:62px;height:62px;
  border-left:3px solid rgba(255,255,255,.55);border-bottom:3px solid rgba(255,255,255,.55);
  border-radius:0 0 0 18px}
.fdr-lbl{display:inline-block;font-family:'Outfit',sans-serif;font-weight:700;font-size:.66rem;
  letter-spacing:2.2px;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.28);border-radius:50px;padding:4px 13px;margin-bottom:10px}
.fdr-h{font-family:'Outfit',sans-serif;font-weight:900;font-size:clamp(1.35rem,2.2vw,1.75rem);
  color:#fff;line-height:1.2;margin:0 0 12px}
.fdr-q{position:relative;padding-left:18px;border-left:3px solid rgba(255,255,255,.35)}
.fdr-q p{color:rgba(255,255,255,.93);font-size:.9rem;line-height:1.65;margin:0 0 9px}
.fdr-q p:last-child{margin-bottom:0}
.fdr-foot{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:16px;flex-wrap:wrap}
.fdr-sig{display:flex;align-items:center;gap:12px}
.fdr-sig .ln{width:44px;height:2px;background:rgba(255,255,255,.5);flex-shrink:0}
.fdr-sig h4{font-family:'Outfit',sans-serif;font-weight:800;color:#fff;font-size:.93rem;margin:0}
.fdr-sig span{display:block;color:rgba(255,255,255,.75);font-size:.78rem;margin-top:1px}
.fdr-btn{margin-top:0;flex-shrink:0;background:#fff;color:#0B1D3A;border:none;border-radius:50px;
  padding:11px 24px;font-family:'Outfit',sans-serif;font-weight:700;font-size:.87rem;cursor:pointer;
  box-shadow:0 8px 22px rgba(4,16,34,.22);transition:transform .2s,box-shadow .2s}
.fdr-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(4,16,34,.3)}
@media(max-width:860px){
  .fdr-in{grid-template-columns:1fr;gap:22px;padding:32px 20px;text-align:center}
  .fdr-ph{max-width:220px;margin:0 auto}
  .fdr-foot{justify-content:center;gap:16px}
  .fdr-q{border-left:none;border-top:3px solid rgba(255,255,255,.35);padding-left:0;padding-top:18px;text-align:left}
  .fdr-sig{justify-content:center}
}

/* ===== OUR CLIENTS - dynamic ===== */
.cl-tools{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.cl-search{position:relative;flex:0 1 340px;min-width:230px}
.cl-search input{width:100%;padding:11px 16px 11px 40px;border:1.5px solid rgba(11,29,58,.12);border-radius:50px;
  font-family:'Outfit',sans-serif;font-size:.9rem;color:#0B1D3A;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s}
.cl-search input:focus{border-color:#00A896;box-shadow:0 0 0 4px rgba(0,168,150,.12)}
.cl-search>span{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#8FA3BF;font-size:.9rem}
.cl-sort{padding:11px 18px;border:1.5px solid rgba(11,29,58,.12);border-radius:50px;background:#fff;
  font-family:'Outfit',sans-serif;font-weight:600;font-size:.86rem;color:#0B1D3A;cursor:pointer;outline:none}
.cl-count{font-family:'Outfit',sans-serif;font-size:.84rem;color:#6B7FA0;font-weight:600}
.cl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px}
.cl-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(11,29,58,.08);
  border:1px solid rgba(0,168,150,.15);text-align:center;transition:transform .25s,box-shadow .25s,border-color .25s;
  opacity:0;transform:translateY(14px);animation:clIn .45s ease forwards}
@keyframes clIn{to{opacity:1;transform:translateY(0)}}
.cl-card:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(0,168,150,.22);border-color:#00A896}
.cl-card .ph{height:130px;background:#f8fbff;display:flex;align-items:center;justify-content:center;
  padding:12px;border-bottom:1px solid #eef2f7}
.cl-card .ph img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s}
.cl-card:hover .ph img{transform:scale(1.07)}
.cl-card p{font-family:'Outfit',sans-serif;font-weight:600;font-size:.78rem;color:#0B1D3A;margin:0;line-height:1.4;padding:12px 10px}
.cl-none{text-align:center;color:#6B7FA0;font-family:'Outfit',sans-serif;padding:40px 0;grid-column:1/-1}
.cl-tick-wrap{overflow:hidden;padding:8px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.cl-tick{display:flex;gap:46px;width:max-content;align-items:center;animation:clTick 55s linear infinite}
.cl-tick-wrap:hover .cl-tick{animation-play-state:paused}
@keyframes clTick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cl-tick img{height:50px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.5;transition:filter .3s,opacity .3s}
.cl-tick img:hover{filter:grayscale(0);opacity:1}

/* ===== MARKET AREA - location tabs ===== */
.mkt-tab{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:14px 15px;background:#fff;
  border:1.5px solid rgba(11,29,58,.09);border-radius:14px;cursor:pointer;width:100%;
  box-shadow:0 3px 12px rgba(11,29,58,.06);transition:all .22s;font-family:'Outfit',sans-serif;text-decoration:none}
.mkt-tab:hover{transform:translateY(-3px);border-color:rgba(0,168,150,.5);box-shadow:0 10px 26px rgba(0,168,150,.16)}
.mkt-tab.on{border-color:#00A896;background:linear-gradient(135deg,#0B1D3A,#12447F);
  box-shadow:0 12px 30px rgba(11,29,58,.24)}
.mkt-ic{font-size:1.5rem;line-height:1;flex-shrink:0}
.mkt-tx{display:block}
.mkt-tx strong{display:block;font-weight:800;font-size:.95rem;color:#0B1D3A;margin-bottom:3px}
.mkt-tx em{display:block;font-style:normal;font-size:.78rem;line-height:1.55;color:#6B7FA0}
.mkt-tab.on .mkt-tx strong{color:#fff}
.mkt-tab.on .mkt-tx em{color:rgba(255,255,255,.72)}
.mkt-panel{margin-top:26px;background:#fff;border:1px solid rgba(11,29,58,.08);border-radius:18px;
  box-shadow:0 10px 34px rgba(11,29,58,.09);padding:30px 30px;animation:mktIn .4s ease}
@keyframes mktIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.mkt-panel h3{font-family:'Outfit',sans-serif;font-weight:900;font-size:1.3rem;color:#0B1D3A;margin:0 0 10px;line-height:1.3}
.mkt-panel h3+p.lead{color:#00A896;font-family:'Outfit',sans-serif;font-weight:600;font-size:.9rem;margin:0 0 14px}
.mkt-panel p{color:#33456B;font-size:.92rem;line-height:1.85;margin:0 0 13px}
.mkt-panel .mkt-blk+.mkt-blk{margin-top:28px;padding-top:26px;border-top:1px solid rgba(11,29,58,.08)}
.mkt-sizes{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px}
.mkt-sizes span{background:linear-gradient(135deg,#EAF6FF,#E6FBF6);border:1px solid rgba(0,168,150,.28);
  color:#0B1D3A;font-family:'Outfit',sans-serif;font-weight:700;font-size:.78rem;padding:5px 13px;border-radius:50px}
.mkt-shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;margin:16px 0 4px}
.mkt-shot{background:#F8FBFF;border:1px solid rgba(11,29,58,.07);border-radius:12px;padding:10px;text-align:center;
  cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}
.mkt-shot:hover{transform:translateY(-4px);border-color:#00A896;box-shadow:0 10px 24px rgba(0,168,150,.18)}
.mkt-shot img{width:100%;height:96px;object-fit:contain;display:block}
.mkt-shot b{display:block;font-family:'Outfit',sans-serif;font-weight:600;font-size:.7rem;color:#0B1D3A;margin-top:7px;line-height:1.35}
.mkt-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
@media(max-width:960px){.mkt-grid{grid-template-columns:1fr 1fr!important}.mkt-panel{padding:22px 18px}}
@media(max-width:600px){.mkt-grid{grid-template-columns:1fr!important}}
.btn-s{background:#fff;color:#0B1D3A;padding:13px 26px;border-radius:10px;font-family:'Outfit',sans-serif;
  font-weight:700;font-size:.93rem;border:1.5px solid rgba(11,29,58,.18);cursor:pointer;
  display:inline-flex;align-items:center;gap:8px;transition:all .2s}
.btn-s:hover{border-color:#00A896;color:#00A896;transform:translateY(-2px)}

/* ===== HOME - CLIENTS MARQUEE ===== */
.hcl-wrap{overflow:hidden;padding:4px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.hcl-wrap+.hcl-wrap{margin-top:16px}
.hcl-track{display:flex;gap:16px;width:max-content;animation:hclScroll 60s linear infinite}
.hcl-track.rev{animation:hclScrollRev 60s linear infinite}
.hcl-wrap:hover .hcl-track{animation-play-state:paused}
@keyframes hclScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes hclScrollRev{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.hcl-card{flex:0 0 190px;width:190px;background:#fff;border-radius:14px;overflow:hidden;
  border:1px solid rgba(11,29,58,.08);box-shadow:0 4px 16px rgba(11,29,58,.07);
  transition:transform .25s,box-shadow .25s,border-color .25s;cursor:pointer}
.hcl-card:hover{transform:translateY(-6px);border-color:#00A896;box-shadow:0 14px 32px rgba(0,168,150,.2)}
.hcl-card .ph{height:104px;background:#fff;display:flex;align-items:center;justify-content:center;padding:16px 18px}
.hcl-card .ph img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s}
.hcl-card:hover .ph img{transform:scale(1.06)}

@media(max-width:600px){.hcl-card{flex:0 0 150px;width:150px}.hcl-card .ph{height:86px;padding:12px}}

/* ===== FLOATING BUSINESS-LISTING RAIL (left) ===== */
.soc-rail{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:400;
  display:flex;flex-direction:column;gap:11px;margin-top:-40px}
.soc-rail a{position:relative;display:flex;align-items:center;justify-content:center;
  width:48px;height:48px;border-radius:50%;background:#fff;text-decoration:none;
  border:2px solid rgba(11,29,58,.10);box-shadow:0 5px 18px rgba(11,29,58,.20);
  transition:transform .25s cubic-bezier(.34,1.4,.64,1),box-shadow .25s,border-color .25s}
.soc-rail a:hover,.soc-rail a:focus-visible{transform:scale(1.12);box-shadow:0 10px 26px rgba(11,29,58,.32)}
.soc-rail a img{width:100%;height:100%;object-fit:contain;display:block;border-radius:50%;padding:2px;background:#fff}
.soc-rail .ini{font-family:'Outfit',sans-serif;font-weight:800;font-size:.8rem;letter-spacing:.4px;color:#fff}
.soc-rail .dot{position:absolute;inset:3px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.soc-rail .lbl{position:absolute;right:60px;top:50%;transform:translateY(-50%) translateX(8px);
  background:#0B1D3A;color:#fff;font-family:'Outfit',sans-serif;font-weight:600;font-size:.79rem;
  white-space:nowrap;padding:7px 13px;border-radius:8px;opacity:0;pointer-events:none;
  transition:opacity .22s,transform .22s;box-shadow:0 6px 18px rgba(11,29,58,.28)}
.soc-rail .lbl::before{content:'';position:absolute;right:-5px;top:50%;transform:translateY(-50%);
  border:5px solid transparent;border-left-color:#0B1D3A;border-right:0}
.soc-rail a:hover .lbl,.soc-rail a:focus-visible .lbl{opacity:1;transform:translateY(-50%) translateX(0)}
@media(max-width:820px){
  .soc-rail{right:8px;gap:8px}
  .soc-rail a{width:40px;height:40px}
  .soc-rail a img{width:100%;height:100%}
  .soc-rail .lbl{right:50px}
}
@media(max-width:600px){.soc-rail{display:none}}




@media(max-width:760px){.ddmenu{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:1fr;width:min(320px,92vw)}}

/* ==================================================================
   MOBILE / RESPONSIVE LAYER  (v276)
   ================================================================== */
img,svg,video,iframe{max-width:100%}
.mob-nav{overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 110px)}
.mob-cta{display:flex;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid #eef2f7}
.mob-cta a{flex:1;text-align:center;text-decoration:none;padding:11px 8px;border-radius:9px;
  font-family:'Outfit',sans-serif;font-weight:700;font-size:.85rem;color:#fff}
.mob-cta a:first-child{background:linear-gradient(135deg,#1565C0,#00A896)}
.mob-cta a:last-child{background:#25D366}

/* ---- tablets & down ---- */
@media(max-width:960px){
  .hdr{height:64px;padding:0 14px;gap:10px}
  .logo img{height:46px}
  .hbtn-mob{padding:8px;margin-right:-4px}
  .sec{padding:32px 0}
  .sec-sub{margin-bottom:28px}
  .hdots{display:flex;bottom:6px}
  .hdots button{width:8px;height:8px}
  .hdots button.on{width:20px}
  [style*="grid-template-columns:1fr 1.5fr"]{grid-template-columns:1fr!important;gap:26px!important}
  [style*="grid-template-columns:minmax(0,1fr) 310px"]{grid-template-columns:1fr!important;gap:26px!important}
}

/* ---- large phones / small tablets ---- */
@media(max-width:820px){
  [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important;gap:24px!important}
}

/* ---- phones ---- */
@media(max-width:720px){
  [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
  [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
  /* generous inline banner padding -> compact */
  [style*="padding:56px 20px"],[style*="padding:56px 24px"],[style*="padding:60px 24px"],
  [style*="padding:50px 24px"],[style*="padding:48px 20px"],[style*="padding:52px 24px"]
  {padding:32px 16px!important}
  [style*="padding:52px 24px 0"]{padding:32px 16px 0!important}
  [style*="padding:30px 24px 40px"]{padding:24px 16px 30px!important}
}

@media(max-width:600px){
  /* topbar */
  .topbar{font-size:.72rem;padding:5px 0}
  .tb-inner{padding:0 12px;gap:8px;justify-content:center}
  .tb-left{gap:10px;font-size:.72rem}
  .tb-left span:nth-child(2){display:none}
  .lang-selected{padding:3px 8px;font-size:.68rem}
  .tb-right a{font-size:.7rem!important;padding:4px 10px!important}

  /* header */
  .hdr{height:58px;padding:0 12px}
  .logo img{height:40px}

  /* hero: swipe instead of edge buttons */
  .hnav{display:none}

  /* typography */
  .sec{padding:24px 0}
  .sec-in{padding:0 16px}
  .sec-sub{margin-bottom:22px;font-size:.9rem}
  [style*="font-size:2.2rem"]{font-size:1.5rem!important;line-height:1.25!important}
  [style*="font-size:2rem"]{font-size:1.42rem!important;line-height:1.25!important}
  [style*="font-size:1.7rem"]{font-size:1.3rem!important}
  [style*="font-size:1.6rem"]{font-size:1.28rem!important}
  [style*="font-size:1.5rem"]{font-size:1.22rem!important}
  [style*="font-size:1.4rem"]{font-size:1.18rem!important}

  /* blocks */
  .about-hero{padding:24px 18px;gap:22px;border-radius:16px;margin-bottom:28px}
  .about-hero h2{font-size:1.4rem}
  .acol{padding:20px 17px}
  .presence-box,.mp-box{padding:24px 18px;border-radius:16px}
  .cfcard{padding:20px 16px;border-radius:16px}
  .prod-page,.contact-page{padding:28px 0}
  .cgrid{gap:26px}
  .fdr-in{padding:26px 18px}

  /* products */
  .pgrid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px}
  .pimg{height:148px}
  .pbody{padding:13px 12px}
  .pbody h3{font-size:.85rem;min-height:2.6em}
  .pbody p{font-size:.74rem}
  .pfeat li{font-size:.72rem}
  .badd{padding:10px;font-size:.8rem}
  .cat-bar{gap:6px;margin-bottom:22px}
  .cbt{padding:7px 13px;font-size:.78rem}

  /* clients */
  .cl-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
  .cl-card .ph{height:100px}
  .cl-tools{gap:9px}
  .cl-search{flex:1 1 100%;min-width:0}
  .hgrid{grid-template-columns:repeat(auto-fill,minmax(134px,1fr));gap:12px}
  .himg{height:96px}
  .cl-tick img{height:40px}

  /* certificates */
  .cert-grid{gap:14px}
  .ccard{padding:24px 18px}
  .cico{width:64px;height:64px;font-size:1.6rem}
  .clb{padding:10px}
  .clb-head{padding:14px 16px}
  .clb-body{padding:18px 16px}
  .certlb-img{max-height:74vh}

  /* market */
  .mkt-panel{padding:20px 16px;border-radius:14px}
  .mkt-panel h3{font-size:1.15rem}
  .mkt-panel p{font-size:.88rem;line-height:1.75}
  .mkt-shots{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}
  .mkt-shot img{height:78px}
  .mkt-cta{gap:9px}
  .mkt-cta .btn-p,.mkt-cta .btn-s{padding:11px 18px;font-size:.85rem}

  /* FAQ */
  .fq{padding:15px 16px;font-size:.9rem;gap:10px}
  .fa-in{padding:0 16px 16px;font-size:.85rem}

  /* forms - 16px stops iOS auto-zoom on focus */
  .fg input,.fg select,.fg textarea,.cl-search input,.cl-sort,input,select,textarea{font-size:16px}
  .fg label{font-size:.82rem}

  /* footer */
  .ft-main{padding:22px 18px 14px;gap:20px}
  .ft-bot-in{padding:0 18px;justify-content:center;text-align:center}
  .ft-pres{padding:18px 14px}

  /* floating widgets */
  .wa-btn{width:50px;height:50px;bottom:16px;right:16px}
  .wa-btn svg{width:25px;height:25px}
  .wa-tip{display:none}
  .toast{bottom:78px;font-size:.8rem;padding:9px 18px;max-width:88vw;text-align:center}
}

/* ---- small phones ---- */
@media(max-width:400px){
  .tb-left{font-size:.68rem}
  .logo img{height:36px}
  .hdr{height:54px}
  .pgrid{grid-template-columns:1fr}
  .pimg{height:180px}
  .cl-grid{grid-template-columns:repeat(2,1fr)}
  .hgrid{grid-template-columns:repeat(2,1fr)}
  [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr!important}
}

/* Sharps Container 600 ML sizing is now handled proportionally in site.js
   (volScale) together with the rest of the capacity range. */


/* ===== multi-page navigation (anchors styled as the old tab buttons) ===== */
a.ntab { text-decoration:none; display:inline-flex; align-items:center; }
.mob-nav a { display:block; width:100%; padding:12px 16px; border-radius:8px;
  font-family:'Outfit',sans-serif; font-weight:600; font-size:.98rem;
  text-decoration:none; color:#0B1D3A; }
.mob-nav a:hover { background:#e0f5f3; color:#00A896; }
.mob-nav a.on { background:#e0f5f3; color:#00A896; }
.ddmenu a.ddi { text-decoration:none; }
.logo { text-decoration:none; }
.ft-col ul li a { display:inline-block; }
@media(max-width:600px){ .mob-nav a { padding:13px 14px; font-size:.95rem; } }

/* SEO: screen-reader-only H1 for the home page, whose hero heading is part of
   the slider artwork. Does not affect layout or visual appearance. */
.seo-h1{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}


/* Hide every part of the Google Translate widget - the site uses its own
   language dropdown, Google only does the translating in the background. */
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
.skiptranslate iframe,
iframe.goog-te-banner-frame,
iframe.skiptranslate,
.goog-te-menu-frame,
.goog-te-balloon-frame,
.goog-te-ftab,
.goog-te-spinner-pos,
.goog-tooltip,
.goog-tooltip:hover,
.goog-text-highlight,
#goog-gt-tt,
#goog-gt-vt,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
.VIpgJd-ZVi9od-aZ2wEe-OiiCO,
.VIpgJd-ZVi9od-ORHb-OEVmcd,
.VIpgJd-ZVi9od-l4eHX-hSRGPd,
#google_translate_element,
.goog-te-gadget,
.goog-te-combo{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  width:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
/* Google pushes the page down for its banner and underlines translated text */
body{top:0!important}
.goog-text-highlight{background:none!important;box-shadow:none!important}
font[style]{background:none!important;box-shadow:none!important}

/* Product images fade in once decoded - stops the alt text showing while the
   file is still downloading. */
.pimg img{opacity:0;transition:opacity .25s ease}
.pimg img.ld{opacity:1}
.pimg{background:#fff}