/* Kytel Therapeutics — website shell (home + products).
   Teal & white, Poppins + Georgia italic, as in the Product List and Company Profile.
   Built on KV's kytel.css tokens; nothing in assets/ is changed. */
@font-face{font-family:"Poppins";src:url("fonts/Poppins-Light.ttf") format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/Poppins-LightItalic.ttf") format("truetype");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/Poppins-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/Poppins-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/Poppins-Bold.ttf") format("truetype");font-weight:600 700;font-display:swap}

:root{--kt-teal:#178F8C;--kt-deep:#0A4A4A;--kt-ink:#0C2A2E;--kt-slate:#5B7476;--kt-mist:#E8F3F2;--kt-line:#DDE8E7;--kt-mint:#9FDFDB;
  --kt-grad:linear-gradient(135deg,#178F8C 0%,#0F6663 55%,#093C3B 100%);--max:1200px;--gut:clamp(18px,4vw,56px);--hdr:84px}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 8px)}
body.kt{margin:0;background:#fff;color:var(--kt-ink);font:400 16px/1.65 "Poppins",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body.kt *{font-family:"Poppins",system-ui,sans-serif}
body.kt .sub,body.kt .sub *{font-family:Georgia,"Times New Roman",serif;font-style:italic}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut);box-sizing:border-box}
.kt a{color:var(--kt-teal);text-decoration:none}
.kt img{max-width:100%}
.ic{display:inline-flex;width:1em;height:1em}.ic svg{width:100%;height:100%}

/* ---------- header (Torrent-style rule with a step) ---------- */
.kh{position:sticky;top:0;z-index:60;background:#fff;transition:box-shadow .25s}
.kh.is-scrolled{box-shadow:0 6px 20px rgba(9,60,59,.08)}
.kh__bar{max-width:1440px;margin:0 auto;padding:0 var(--gut);height:var(--hdr);display:flex;align-items:center;gap:32px;box-sizing:border-box}
.kh__logo img{height:46px;width:auto;display:block}
.kh__nav{margin-left:auto;display:flex;gap:clamp(18px,3vw,46px)}
.kh__nav a{color:var(--kt-ink);font-size:16px;font-weight:500;padding:6px 0;position:relative}
.kh__nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--kt-teal);transition:right .25s}
.kh__nav a:hover{color:var(--kt-teal)}.kh__nav a:hover::after,.kh__nav a.on::after{right:0}
.kh__rule{height:14px;position:relative;background:linear-gradient(90deg,var(--kt-teal),#0F6663)}
.kh__rule::before{content:"";position:absolute;left:0;top:0;height:7px;width:min(26vw,330px);background:#fff;border-bottom-right-radius:12px}
.kh__burger{display:none;margin-left:auto;background:none;border:0;width:44px;height:44px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;align-items:center}
.kh__burger span{display:block;width:24px;height:2px;background:var(--kt-ink)}

/* ---------- shared type ---------- */
.kicker{font-size:12px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--kt-teal);margin:0 0 14px}
.kicker--light{color:var(--kt-mint)}
.h-xl{font-size:clamp(34px,4.4vw,56px);line-height:1.08;font-weight:500;letter-spacing:-.01em;margin:0 0 10px;color:var(--kt-ink);display:flex;align-items:center;gap:18px}
.h-light{color:#fff}
.h-xl .arrow{display:inline-flex;width:.62em;height:.62em;color:var(--kt-teal);transition:transform .25s}
.h-light .arrow{color:var(--kt-mint)}
.h-xl:hover .arrow{transform:translateX(6px)}
.sub{font-size:clamp(16px,1.6vw,19px);color:var(--kt-teal);margin:0 0 26px}
.btn-teal,.btn-white,.btn-outline{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 26px;font-size:15px;font-weight:500;border-radius:2px;transition:background .2s,color .2s}
.btn-teal{background:var(--kt-teal);color:#fff!important}.btn-teal:hover{background:#0F6663}
.btn-white{background:#fff;color:#0F6663!important}.btn-white:hover{background:var(--kt-mist)}
.btn-outline{border:1.5px solid rgba(255,255,255,.75);color:#fff!important}.btn-outline:hover{background:rgba(255,255,255,.12)}
.btn-teal .ic,.btn-white .ic,.btn-outline .ic{width:17px;height:17px}

/* ---------- 1. carousel ---------- */
.hc{position:relative;height:clamp(440px,74vh,780px);overflow:hidden;background:var(--kt-deep)}
.hc__slide{position:absolute;inset:0;margin:0;background:var(--img) center/cover no-repeat;opacity:0;transform:scale(1.04);transition:opacity 1s ease,transform 7s ease}
.hc__slide.is-on{opacity:1;transform:scale(1)}
.hc__slide::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,60,59,.78) 0%,rgba(9,60,59,.25) 42%,rgba(9,60,59,0) 70%)}
.hc__slide figcaption{position:absolute;left:0;right:0;bottom:clamp(64px,10vh,110px);z-index:2}
.hc__eyebrow{font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:var(--kt-mint);margin:0 0 12px;font-weight:500}
.hc h1,.hc h2{font-size:clamp(34px,5vw,68px);line-height:1.06;font-weight:600;color:#fff;margin:0;max-width:880px;letter-spacing:-.01em;text-shadow:0 2px 24px rgba(0,0,0,.18)}
.hc__ctrl{position:absolute;left:0;right:0;bottom:28px;z-index:3;display:flex;align-items:center;justify-content:flex-end;gap:14px}
.hc__dots{display:flex;gap:8px}
.hc__dots button{width:8px;height:8px;border-radius:999px;border:0;background:rgba(255,255,255,.5);cursor:pointer;padding:0;transition:width .3s,background .3s}
.hc__dots button.is-on{width:34px;background:#fff}
.hc__arrow{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.hc__arrow:hover{background:rgba(255,255,255,.15)}
.hc__arrow .ic{width:18px;height:18px}.hc__arrow[data-dir="-1"] .ic{transform:rotate(180deg)}

/* ---------- 2. overview ---------- */
.ov{padding:clamp(72px,9vw,128px) 0}
.ov__grid{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}
.ov p{color:var(--kt-slate);font-weight:300;font-size:16.5px}
.ov__stats{position:relative;display:grid;grid-template-columns:1fr 1fr}
.st{padding:34px 28px}
.st__n{display:block;font-size:clamp(44px,5vw,64px);line-height:1;font-weight:500;color:var(--kt-teal);letter-spacing:-.02em}
.st__n--word{font-size:clamp(28px,3vw,38px);padding:10px 0 12px;white-space:nowrap}
.st__l{display:flex;align-items:center;gap:10px;margin-top:14px;color:var(--kt-ink);font-size:15px;white-space:nowrap}
.st__ic{width:36px;height:36px;border-radius:8px;background:var(--kt-mist);color:var(--kt-teal);display:flex;align-items:center;justify-content:center;flex:none}
.st__ic .ic{width:19px;height:19px}
/* cross lines with Kytel diamond end-points */
.ov__stats::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--kt-line)}
.ov__stats::after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--kt-line)}
.ov__dm{position:absolute;width:8px;height:8px;background:var(--kt-teal);transform:rotate(45deg)}
.ov__dm--t{left:calc(50% - 4px);top:-4px}.ov__dm--b{left:calc(50% - 4px);bottom:-4px}.ov__dm--l{top:calc(50% - 4px);left:-4px}.ov__dm--r{top:calc(50% - 4px);right:-4px}

/* ---------- 3. presence ---------- */
.pr{background:var(--kt-grad);color:#fff;padding:clamp(72px,9vw,120px) 0;position:relative;overflow:hidden}
.pr::before{content:"";position:absolute;right:-12%;top:-30%;width:62%;aspect-ratio:1;background:url("img/diamond-mesh.svg") center/contain no-repeat;opacity:.10;pointer-events:none}
.pr .wrap{position:relative}
.pr__grid{display:grid;grid-template-columns:1.9fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.pr__lead{color:var(--kt-mint);font-size:16px;margin:0 0 18px}
.presence-map{width:100%;height:auto;display:block}
.pm-dots circle{fill:#fff;opacity:.26}
.pm-routes path{fill:none;stroke:var(--kt-mint);stroke-width:1.6;stroke-dasharray:5 6;opacity:.85;animation:dash 30s linear infinite}
@keyframes dash{to{stroke-dashoffset:-600}}
.pm-pin circle{fill:var(--kt-mint);stroke:#fff;stroke-width:2}.pm-pin .halo{stroke:none;fill:var(--kt-mint);opacity:.3}
.pm-leaders path{fill:none;stroke:#fff;stroke-width:1.2;opacity:.55}
.pm-label,.pm-origin text{fill:#fff;font-size:31px;font-weight:500}
.pm-origin path{fill:#fff}.pm-origin .halo{fill:#fff;opacity:.18}
.pr__legend{display:flex;gap:22px;flex-wrap:wrap;margin-top:14px;font-size:13px;color:#DFEFED}
.pr__legend span{display:inline-flex;align-items:center;gap:8px}
.lg{width:10px;height:10px;border-radius:50%;border:2px solid #fff;display:inline-block}
.lg--live{background:var(--kt-mint)}.lg--origin{border-radius:0;transform:rotate(45deg);background:#fff;width:9px;height:9px;border:0}
.pr__text{border-left:1px solid rgba(255,255,255,.3);padding-left:clamp(24px,3vw,44px);position:relative}
.pr__text::before,.pr__text::after{content:"";position:absolute;left:-4.5px;width:8px;height:8px;background:#fff;transform:rotate(45deg)}
.pr__text::before{top:-4px}.pr__text::after{bottom:-4px}
.pr__block h3{font-size:24px;font-weight:500;margin:0 0 12px;display:flex;align-items:center;gap:12px;color:#fff}
.pr__block h3 .arrow{width:22px;height:22px;display:inline-flex;color:var(--kt-mint)}
.pr__block p{color:#DFEFED;font-weight:300;margin:0;font-size:15.5px}
.pr__rule{height:1px;background:rgba(255,255,255,.3);margin:34px 0;position:relative}
.pr__rule::before,.pr__rule::after{content:"";position:absolute;top:-3.5px;width:7px;height:7px;background:#fff;transform:rotate(45deg)}
.pr__rule::before{left:0}.pr__rule::after{right:0}

/* ---------- 4. therapeutic areas ---------- */
.tas{padding:clamp(72px,9vw,128px) 0;background:linear-gradient(180deg,#fff 0%,#F4FAF9 100%)}
.tas__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,32px);margin-top:12px}
.ta{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 1px 0 var(--kt-line),0 10px 30px rgba(9,60,59,.06);transition:transform .25s,box-shadow .25s;color:inherit!important}
.ta:hover{transform:translateY(-4px);box-shadow:0 1px 0 var(--kt-line),0 22px 44px rgba(9,60,59,.14)}
.ta__art{position:relative;aspect-ratio:16/10;background:var(--kt-grad);display:flex;align-items:center;justify-content:center;overflow:hidden}
.ta:nth-child(even) .ta__art{background:linear-gradient(135deg,#46A5A3 0%,#178F8C 50%,#0F6663 100%)}
.ta__art::before{content:"";position:absolute;inset:-25%;background:url("img/diamond-mesh.svg") center/contain no-repeat;opacity:.14;transition:transform 6s ease}
.ta:hover .ta__art::before{transform:rotate(8deg) scale(1.05)}
.ta__ic{position:relative;width:96px;height:96px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff}
.ta__ic .ic{width:50px;height:50px}.ta__ic>svg{width:50px;height:50px}
.ta__label{position:relative;display:flex;flex-direction:column;gap:6px;padding:26px 26px 24px}
/* Torrent-style tab: a teal strip with a step, like the header rule */
.ta__label::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--kt-teal),#0F6663)}
.ta__label::after{content:"";position:absolute;left:0;top:0;height:3px;width:58%;background:#fff;border-bottom-right-radius:6px}
.ta__name{font-size:21px;font-weight:500;color:var(--kt-ink)}
.ta__sub{font-size:14px;color:var(--kt-slate);font-weight:300;line-height:1.55}
.ta__go{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-size:14px;font-weight:500;color:var(--kt-teal)}
.ta__go .ic{width:15px;height:15px;transition:transform .2s}.ta:hover .ta__go .ic{transform:translateX(4px)}
.tas__more{margin-top:44px;text-align:center}

/* ---------- 5. closing banner + footer ---------- */
.cb{background:var(--kt-grad);color:#fff;padding:clamp(56px,7vw,90px) 0;position:relative;overflow:hidden}
.cb::before{content:"";position:absolute;left:-10%;bottom:-70%;width:48%;aspect-ratio:1;background:url("img/diamond-mesh.svg") center/contain no-repeat;opacity:.12}
.cb__inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap}
.cb h2{font-size:clamp(32px,4vw,50px);line-height:1.1;font-weight:300;margin:0 0 12px;color:#fff}
.cb h2 em{font-weight:500;font-style:normal;color:var(--kt-mint)}
.cb p{margin:0;color:#DFEFED;font-weight:300;max-width:520px}
.cb__actions{display:flex;gap:12px;flex-wrap:wrap}
.kf{background:#093C3B;color:#DFEFED;padding:clamp(56px,6vw,80px) 0 0;position:relative;overflow:hidden}
.kf__grid{display:grid;grid-template-columns:1.5fr auto 1fr 1fr 1fr;gap:clamp(24px,3.4vw,56px);align-items:start;padding-bottom:56px}
.kf__card{background:linear-gradient(160deg,#0F6663,#0A4A4A);padding:30px 28px;border-radius:2px;position:relative}
.kf__card::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--kt-mint);clip-path:polygon(0 50%,45% 50%,48% 0,100% 0,100% 100%,0 100%)}
.kf__card img{height:42px;width:auto;margin:8px 0 20px}
.kf__row{display:flex;gap:12px;align-items:flex-start;margin:0 0 12px;font-size:14px;font-weight:300;color:#DFEFED;background:none}
.kf__row .ic{width:18px;height:18px;flex:none;margin-top:2px;color:var(--kt-mint)}
.kf__row a{color:#DFEFED!important}
.kf__div{width:1px;align-self:stretch;background:rgba(255,255,255,.22);position:relative}
.kf__div::before,.kf__div::after{content:"";position:absolute;left:-3.5px;width:8px;height:8px;background:var(--kt-mint);transform:rotate(45deg)}
.kf__div::before{top:0}.kf__div::after{bottom:0}
.kf__col h4{font-size:18px;font-weight:500;color:#fff;margin:6px 0 18px}
.kf__col a{display:block;color:#DFEFED!important;font-weight:300;font-size:15px;margin:0 0 12px}
.kf__col a:hover{color:#fff!important}
.kf__base{border-top:1px solid rgba(255,255,255,.14);font-size:12.5px;color:#95CACA}
.kf__base .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px;padding-bottom:22px}
.kf__base img{height:14px;width:auto;margin-right:8px}
.kf__base .wrap>span{display:inline-flex;align-items:center}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .ov__grid,.pr__grid{grid-template-columns:1fr}
  .tas__grid{grid-template-columns:1fr 1fr}
  .kf__grid{grid-template-columns:1fr 1fr}.kf__card{grid-column:1/-1}.kf__div{display:none}
  .pr__text{border-left:0;padding-left:0}.pr__text::before,.pr__text::after{display:none}
}
@media (max-width:760px){
  :root{--hdr:68px}
  .kh__logo img{height:38px}
  .kh__burger{display:flex}
  .kh__nav{position:fixed;left:0;right:0;top:calc(var(--hdr) + 14px);background:#fff;flex-direction:column;gap:0;padding:8px var(--gut) 18px;box-shadow:0 18px 30px rgba(9,60,59,.12);transform:translateY(-12px);opacity:0;pointer-events:none;transition:.2s}
  .nav-open .kh__nav{transform:none;opacity:1;pointer-events:auto}
  .kh__nav a{padding:14px 0;border-bottom:1px solid var(--kt-line)}
  .tas__grid,.kf__grid{grid-template-columns:1fr}
  .st{padding:24px 16px}
  .h-xl{gap:12px}
}

/* ---------- products page banner (reuses the look) ---------- */
.pb{background:var(--kt-grad);color:#fff;position:relative;overflow:hidden;padding:clamp(56px,7vw,96px) 0 clamp(40px,5vw,64px)}
.pb::before{content:"";position:absolute;right:-8%;top:-60%;width:52%;aspect-ratio:1;background:url("img/diamond-mesh.svg") center/contain no-repeat;opacity:.12}
.pb .wrap{position:relative}
.pb h1{font-size:clamp(36px,4.6vw,60px);font-weight:500;line-height:1.06;margin:0 0 10px;color:#fff}
.pb .sub{color:var(--kt-mint)}
.pb__stats{display:flex;gap:clamp(24px,4vw,56px);flex-wrap:wrap;margin-top:22px}
.pb__stats div{display:flex;flex-direction:column}
.pb__stats b{font-size:34px;font-weight:500;line-height:1}
.pb__stats span{font-size:13px;color:#DFEFED;margin-top:6px}
.pb .for{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.14);color:#fff;padding:6px 12px;border-radius:999px;font-size:13px;margin-bottom:16px}
@media print{.kh,.pb,.cb,.kf{display:none!important}}

.kt .ov p,.kt .pr p,.kt .cb p{background:none;margin-left:0;margin-right:0}

/* closing banner merged into the footer */
.kf__cta{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;padding-bottom:clamp(40px,5vw,64px);margin-bottom:clamp(40px,5vw,56px);border-bottom:1px solid rgba(255,255,255,.16);position:relative}
.kf__cta h2{font-size:clamp(30px,3.6vw,46px);line-height:1.1;font-weight:300;margin:0 0 10px;color:#fff}
.kf__cta h2 em{font-style:normal;font-weight:500;color:var(--kt-mint)}
.kf__cta p{margin:0;color:#DFEFED;font-weight:300;max-width:520px;background:none}
.kf__cta .cb__actions{display:flex;gap:12px;flex-wrap:wrap}
.kf{background:linear-gradient(160deg,#0F6663 0%,#093C3B 45%,#072F2E 100%)}
.kf::before{content:"";position:absolute;right:-8%;top:-18%;width:46%;aspect-ratio:1;background:url("img/diamond-mesh.svg") center/contain no-repeat;opacity:.07;pointer-events:none}
.kf>.wrap,.kf__base{position:relative}
.kf__card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
@media (max-width:760px){.st__l{white-space:normal}}
.kf__cta>div:first-child{flex:1 1 440px}
.pm-leaders path{stroke-width:1.6}

/* ===== Unified closing banner + footer (one section) ===== */
.kf2{position:relative;overflow:hidden;color:#DFEFED;background:linear-gradient(135deg,#178F8C 0%,#0F6663 38%,#093C3B 78%,#072F2E 100%)}
.kf2::before{content:"";position:absolute;right:-14%;top:-40%;width:62%;aspect-ratio:1;background:url("img/diamond-mesh.svg") center/contain no-repeat;opacity:.10;pointer-events:none}
.kf2::after{content:"";position:absolute;left:-12%;bottom:-55%;width:44%;aspect-ratio:1;background:url("img/diamond-mesh-wide.svg") center/contain no-repeat;opacity:.07;pointer-events:none}
.kf2 .wrap{position:relative;z-index:1}
.kf2__grid{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(40px,6vw,104px);padding-top:clamp(64px,8vw,104px);padding-bottom:clamp(48px,6vw,72px)}
.kf2__logo{height:44px;width:auto;display:block;margin-bottom:34px}
.kf2 h2{font-size:clamp(32px,3.8vw,50px);line-height:1.1;font-weight:300;color:#fff;margin:0 0 14px;letter-spacing:-.01em}
.kf2 h2 em{font-style:normal;font-weight:500;color:var(--kt-mint)}
.kf2 p.kf2__lead{color:#DFEFED;font-weight:300;font-size:16px;max-width:520px;margin:0 0 28px;background:none}
.kf2__actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}
.kf2__contact{list-style:none;margin:0;padding:24px 0 0;border-top:1px solid rgba(255,255,255,.18);display:grid;gap:12px}
.kf2__contact li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;font-weight:300;color:#DFEFED}
.kf2__contact .ic{width:18px;height:18px;flex:none;margin-top:3px;color:var(--kt-mint)}
.kf2__contact a{color:#DFEFED!important}.kf2__contact a:hover{color:#fff!important}
.kf2__links{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-self:end;padding:32px 0 0;border-left:1px solid rgba(255,255,255,.18);padding-left:clamp(28px,3vw,48px);position:relative}
.kf2__links::before,.kf2__links::after{content:"";position:absolute;left:-4.5px;width:8px;height:8px;background:var(--kt-mint);transform:rotate(45deg)}
.kf2__links::before{top:0}.kf2__links::after{bottom:0}
.kf2__links h4{font-size:15px;font-weight:500;color:#fff;margin:0 0 16px;letter-spacing:.02em}
.kf2__links a{display:block;color:#DFEFED!important;font-size:14.5px;font-weight:300;margin:0 0 12px;transition:color .2s,transform .2s}
.kf2__links a:hover{color:#fff!important;transform:translateX(3px)}
.kf2__base{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.14);background:rgba(4,30,29,.35);font-size:12.5px;color:#95CACA}
.kf2__base .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px;padding-bottom:20px}
.kf2__base .wrap>span{display:inline-flex;align-items:center}
.kf2__base img{height:14px;width:auto;margin-right:8px}
@media (max-width:980px){.kf2__grid{grid-template-columns:1fr}.kf2__links{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.18)}.kf2__links::before,.kf2__links::after{display:none}}
@media (max-width:600px){.kf2__links{grid-template-columns:1fr 1fr}}
@media print{.kf2{display:none!important}}
.kf2__grid{grid-template-columns:1.1fr 1fr;align-items:center}
.kf2__links{align-self:center;grid-template-columns:repeat(3,auto);justify-content:space-between;column-gap:clamp(24px,3vw,48px);padding-top:28px;padding-bottom:16px}
.kf2__links a,.kf2__links h4{white-space:nowrap}
@media (max-width:600px){.kf2__links{grid-template-columns:1fr 1fr}.kf2__links a,.kf2__links h4{white-space:normal}}
@media (max-width:980px){.kf2__grid{grid-template-columns:1fr}.kf2__links{grid-template-columns:repeat(3,auto);justify-content:start;column-gap:40px}}
@media (max-width:600px){.kf2__links{grid-template-columns:1fr 1fr;row-gap:8px}}

/* contact details in one horizontal row across the footer */
.kf2__actions{margin-bottom:0}
.kf2__contact--row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 40px;padding:26px 0 30px;border-top:1px solid rgba(255,255,255,.18)}
.kf2__contact--row li{align-items:center}
.kf2__contact--row .ic{margin-top:0}
@media (max-width:760px){.kf2__contact--row{flex-direction:column;gap:12px}.kf2__contact--row li{align-items:flex-start}.kf2__contact--row .ic{margin-top:3px}}

.hc h1,.hc h2{max-width:1040px}
.kf2__grid{padding-bottom:clamp(56px,6vw,84px)}
.kf2__addr{display:block;color:#DFEFED;font-size:14.5px;font-weight:300;line-height:1.6;margin-top:2px}

/* quadrant: lines run exactly tip-to-tip between the diamond points (13 Oct 26) */
.ov__stats{--dm:9px;--tip:calc(var(--dm) * 0.7071)}
.ov__dm{width:var(--dm);height:var(--dm);margin:0;transform:rotate(45deg)}
.ov__dm--t{left:calc(50% - var(--dm)/2);top:calc(var(--dm)/-2)}
.ov__dm--b{left:calc(50% - var(--dm)/2);bottom:calc(var(--dm)/-2)}
.ov__dm--l{top:calc(50% - var(--dm)/2);left:calc(var(--dm)/-2)}
.ov__dm--r{top:calc(50% - var(--dm)/2);right:calc(var(--dm)/-2)}
.ov__stats::before{left:calc(50% - .5px);width:1px;top:var(--tip);bottom:var(--tip)}
.ov__stats::after{top:calc(50% - .5px);height:1px;left:var(--tip);right:var(--tip)}
/* Our Presence: background diamond pushed to the edge so it no longer runs behind the map */
.pr::before{right:-34%;top:-22%;width:58%;opacity:.10}
.st{display:flex;flex-direction:column;justify-content:flex-end}

/* ---------- About Us page (ref: image-card overlap, round icons, photo band, teal 4-col band, highlighted card) ---------- */
.kt .ah p,.kt .ao p,.kt .ai p,.kt .avm p,.kt .aw p,.kt .as p{background:none;margin-left:0;margin-right:0}
.ah{position:relative;min-height:clamp(380px,56vh,560px);display:flex;align-items:center;background:var(--img) center/cover no-repeat;color:#fff;text-align:center;overflow:hidden}
.ah::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(23,143,140,.88) 0%,rgba(15,102,99,.86) 50%,rgba(9,60,59,.92) 100%)}
.ah::after{content:"";position:absolute;right:-12%;top:-40%;width:50%;aspect-ratio:1;background:url("img/diamond-mesh.svg") center/contain no-repeat;opacity:.14;pointer-events:none}
.ah__in{position:relative;z-index:1;width:100%}
.ah__k{font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--kt-mint);font-weight:500;margin:0 0 16px}
.ah h1{font-size:clamp(34px,4.8vw,62px);line-height:1.08;font-weight:500;margin:0 0 14px;color:#fff}
.ah h1 span{color:var(--kt-mint)}
.ah .sub{color:#DFEFED;margin:0}

.ao{padding:clamp(72px,9vw,120px) 0 clamp(40px,5vw,64px);position:relative;overflow:hidden}
.ao::before{content:"";position:absolute;left:-14%;top:4%;width:40%;aspect-ratio:1;background:url("img/diamond-mesh.svg") center/contain no-repeat;opacity:.07;pointer-events:none}
.ao__grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative}
.ao__img{aspect-ratio:4/3.4;border-radius:14px;background:var(--img) 4% 30%/auto 114% no-repeat;box-shadow:0 20px 50px rgba(9,60,59,.14)}
.ao__card{margin-left:-80px;background:var(--kt-grad);color:#fff;border-radius:14px;padding:clamp(32px,4vw,52px);box-shadow:0 24px 60px rgba(9,60,59,.22);position:relative;overflow:hidden}
.ao__card::after{content:"";position:absolute;right:-30%;bottom:-40%;width:70%;aspect-ratio:1;background:url("img/diamond-mesh.svg") center/contain no-repeat;opacity:.10;pointer-events:none}
.ao__card h2{font-size:clamp(26px,2.8vw,36px);font-weight:500;margin:0 0 16px;color:#fff;position:relative}
.kt .ao__card p{color:#DFEFED;font-weight:300;font-size:15.5px;margin:0 0 14px;position:relative}

.ai{padding:clamp(24px,3vw,40px) 0 clamp(72px,9vw,112px)}
.ai__row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px);text-align:center}
.ai__c{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:var(--kt-teal);color:#fff;box-shadow:0 0 0 8px var(--kt-mist);margin-bottom:22px}
.ai__c .ic{width:34px;height:34px}
.ai h3{font-size:17px;font-weight:500;color:var(--kt-ink);margin:0 0 6px}
.kt .ai p{color:var(--kt-slate);font-weight:300;font-size:14.5px;margin:0 auto;max-width:280px}

.avm{position:relative;background:linear-gradient(180deg,#EEF7F6 0%,#F7FBFB 100%);padding:clamp(72px,9vw,112px) 0;overflow:hidden}
.avm::before{content:"";position:absolute;left:-12%;bottom:-45%;width:46%;aspect-ratio:1;background:url("img/diamond-mesh-teal.svg") center/contain no-repeat;opacity:.3;pointer-events:none}
.avm::after{content:"";position:absolute;right:-10%;top:-40%;width:36%;aspect-ratio:1;background:url("img/diamond-mesh-teal.svg") center/contain no-repeat;opacity:.2;pointer-events:none}
.avm__grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:28px;text-align:center}
.avm__it{background:#fff;border-radius:14px;padding:clamp(36px,4vw,52px) clamp(28px,3.5vw,48px);box-shadow:0 14px 40px rgba(9,60,59,.08)}
.avm__ic{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--kt-teal);color:#fff;margin-bottom:18px;box-shadow:0 0 0 7px var(--kt-mist)}
.avm__ic .ic{width:28px;height:28px}
.avm h2{font-size:clamp(26px,2.8vw,36px);font-weight:500;color:var(--kt-ink);margin:0 0 14px;letter-spacing:.02em}
.kt .avm p{color:var(--kt-slate);font-weight:300;font-size:16px;margin:0 auto;max-width:480px}

.aw{background:var(--kt-grad);color:#fff;padding:clamp(72px,9vw,112px) 0;position:relative;overflow:hidden}
.aw::before{content:"";position:absolute;right:-12%;top:-35%;width:50%;aspect-ratio:1;background:url("img/diamond-mesh.svg") center/contain no-repeat;opacity:.10;pointer-events:none}
.aw .wrap{position:relative}
.aw__head{text-align:center;margin-bottom:clamp(40px,5vw,60px)}
.aw__head h2{font-size:clamp(32px,4vw,50px);font-weight:500;color:#fff;margin:0 0 10px}
.aw__head .sub{color:var(--kt-mint);margin:0}
.aw__row{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,40px);text-align:center}
.aw__ic{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;margin-bottom:18px}
.aw__ic .ic{width:28px;height:28px}
.aw h3{font-size:16px;font-weight:500;color:#fff;margin:0 0 8px;line-height:1.35}
.kt .aw p{color:#DFEFED;font-weight:300;font-size:14.5px;margin:0}
.aw__serve{margin-top:clamp(48px,6vw,72px);padding-top:clamp(32px,4vw,44px);border-top:1px solid rgba(255,255,255,.18);text-align:center}
.aw__serve h3{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--kt-mint);margin:0 0 18px}
.aw__serve h3 .ic{width:18px;height:18px}
.aw__serve ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.aw__serve li{padding:9px 18px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:14px;color:#fff;font-weight:300}

.as{padding:clamp(72px,9vw,120px) 0;position:relative;overflow:hidden}
.as::before{content:"";position:absolute;left:-14%;bottom:-30%;width:42%;aspect-ratio:1;background:url("img/diamond-mesh.svg") center/contain no-repeat;opacity:.07;pointer-events:none}
.as__head{text-align:center;margin-bottom:clamp(48px,6vw,72px)}
.as__head .h-xl{justify-content:center}
.as__head .sub{margin:0 0 10px}
.kt .as .as__lead{color:var(--kt-slate);font-weight:300;margin:0 auto;max-width:640px}
.as__row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,32px);align-items:center;position:relative}
.as__card{position:relative;background:#fff;border:1px solid var(--kt-line);border-radius:12px;padding:52px 30px 32px;box-shadow:0 10px 30px rgba(9,60,59,.06);text-align:left}
.as__ic{position:absolute;top:-28px;left:30px;width:56px;height:56px;border-radius:50%;background:var(--kt-teal);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px #fff}
.as__ic .ic{width:24px;height:24px}
.as__n{position:absolute;top:20px;right:26px;font-size:40px;font-weight:300;line-height:1;color:#C9E3E1}
.as h3{font-size:17px;font-weight:500;color:var(--kt-ink);margin:0 0 10px}
.kt .as__card p{color:var(--kt-slate);font-weight:300;font-size:14.5px;margin:0}
.as__card--on{background:var(--kt-grad);border-color:transparent;padding-top:64px;padding-bottom:44px;box-shadow:0 24px 60px rgba(9,60,59,.22)}
.as__card--on .as__ic{background:#fff;color:var(--kt-teal);box-shadow:0 0 0 6px rgba(255,255,255,.25)}
.as__card--on h3{color:#fff}.as__card--on .as__n{color:rgba(255,255,255,.3)}
.kt .as__card--on p{color:#DFEFED}

@media (max-width:900px){
  .ao__grid,.avm__grid{grid-template-columns:1fr}
  .ao__card{margin:-60px 16px 0}
  .aw__row{grid-template-columns:1fr 1fr}
  .ai__row,.as__row{grid-template-columns:1fr}
  .as__row{gap:48px}
}
@media (max-width:560px){.aw__row{grid-template-columns:1fr}}
/* overview: white logo panel */
.ao__grid{grid-template-columns:1.12fr 1fr}
.ao__logo{position:relative;overflow:hidden;aspect-ratio:4/3.6;border-radius:14px;background:#fff;border:1px solid var(--kt-line);box-shadow:0 20px 50px rgba(9,60,59,.12);display:flex;align-items:center;justify-content:center;padding-right:80px;box-sizing:border-box}
.ao__logo img{width:60%;position:relative;z-index:1}
.ao__dl{position:absolute;aspect-ratio:1;background:url("img/diamond-mesh-teal.svg") center/contain no-repeat;pointer-events:none}
.ao__dl--bl{left:-28%;bottom:-62%;width:85%;opacity:.45}
.ao__dl--tr{right:-8%;top:-47%;width:55%;opacity:.32}
@media (max-width:900px){.ao__grid{grid-template-columns:1fr}.ao__logo{padding-right:0;aspect-ratio:4/3}}

/* who-we-are restructure */
.ai__row--4{grid-template-columns:repeat(4,1fr)!important;gap:clamp(20px,3vw,40px)!important}
.aw__row--2{grid-template-columns:repeat(2,minmax(0,360px))!important;justify-content:center;gap:clamp(40px,6vw,96px)!important}
.ai__head{text-align:center;margin-bottom:clamp(40px,5vw,60px)}.ai__head .h-xl{justify-content:center}.ai__head .sub{margin:0}
.ai__row--3x2{grid-template-columns:repeat(3,1fr)!important;row-gap:clamp(40px,5vw,64px)!important}
.aw--serve{padding:clamp(48px,6vw,72px) 0}.aw--serve .aw__serve{margin-top:0;padding-top:0;border-top:0}
@media (max-width:900px){.ai__row--4,.ai__row--3x2{grid-template-columns:1fr 1fr!important}.aw__row--2{grid-template-columns:1fr!important}}
@media (max-width:560px){.ai__row--4,.ai__row--3x2{grid-template-columns:1fr!important}}
.aw--serve .aw__head{margin-bottom:28px}
.aw__pills{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:980px}
.aw__pills li{padding:10px 20px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:15px;color:#fff;font-weight:300}
.ai--wwa{padding-top:clamp(72px,9vw,112px)}

/* who we serve: diamond donut */
.dn{position:relative}
.dn__svg{position:relative;display:block;width:100%;height:auto;overflow:visible}
.dn__ring{fill:none;stroke:rgba(159,223,219,.35);stroke-width:1;stroke-dasharray:3 5}
.dn__dm{fill:var(--kt-mint)}
.dn__g{cursor:pointer;outline:none;transform-box:view-box;transform-origin:50% 50%;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.dn__s{fill:rgba(255,255,255,.10);stroke:rgba(159,223,219,.5);stroke-width:1;transition:fill .3s,stroke .3s}
.dn__g:nth-child(odd) .dn__s{fill:rgba(255,255,255,.14)}
.dn__i{color:#fff;transition:color .3s}
.dn__t{fill:#fff;font:400 16px Poppins,sans-serif;transition:font-size .3s,font-weight .3s,fill .3s}
.dn__g:hover,.dn__g:focus,.dn__g.is-on{transform:scale(1.09)}
.dn__g:hover .dn__s,.dn__g:focus .dn__s,.dn__g.is-on .dn__s{fill:#fff;stroke:#fff}
.dn__g:hover .dn__i,.dn__g:focus .dn__i,.dn__g.is-on .dn__i{color:var(--kt-teal)}
.dn__g:hover .dn__t,.dn__g:focus .dn__t,.dn__g.is-on .dn__t{font-size:19px;font-weight:600;fill:var(--kt-mint)}
.dn__svg:has(.dn__g:hover) .dn__g:not(:hover),.dn__svg:has(.dn__g.is-on) .dn__g:not(.is-on){opacity:.55}
.dn__g{transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s}
.dn__ct{fill:var(--kt-teal);font:600 15px Poppins,sans-serif;letter-spacing:.2em}
@media (max-width:600px){.dn{margin:0 -8px}.dn__t{font-size:26px}.dn__g:hover .dn__t,.dn__g.is-on .dn__t{font-size:28px}}

/* quality & compliance: equal cards */
.as__head{margin-bottom:clamp(56px,6vw,76px)}.as__head .sub{margin:0}
.as__row{align-items:stretch}
.as__card,.as__card--on{display:flex;flex-direction:column;padding:72px 30px 36px;transform:none}
.as__n{top:24px;right:28px;font-size:38px}
.as__card h3{margin:0 0 12px;min-height:2.7em;display:flex;align-items:flex-end}

/* header: About Us dropdown */
.kh__dd{position:relative;display:flex;align-items:center;gap:4px}
.kh__ddt{background:none;border:0;padding:4px;margin:0;cursor:pointer;color:var(--kt-ink);display:flex;align-items:center;transition:transform .25s,color .2s}
.kh__ddt svg{width:16px;height:16px}
.kh__dd:hover .kh__ddt,.kh__dd.is-open .kh__ddt{color:var(--kt-teal);transform:rotate(180deg)}
.kh__ddm{position:absolute;left:-22px;top:calc(100% + 14px);min-width:250px;background:#fff;border-top:3px solid var(--kt-teal);border-radius:0 0 10px 10px;box-shadow:0 18px 40px rgba(9,60,59,.14);padding:10px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:70}
.kh__ddm::before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
.kh__dd:hover .kh__ddm,.kh__dd.is-open .kh__ddm,.kh__dd:focus-within .kh__ddm{opacity:1;visibility:visible;transform:none}
.kh__nav .kh__ddm a{display:block;padding:11px 24px;font-size:15px;font-weight:400;color:var(--kt-ink)}
.kh__nav .kh__ddm a::after{display:none}
.kh__nav .kh__ddm a:hover{background:var(--kt-mist);color:var(--kt-teal)}
@media (max-width:760px){
  .kh__dd{flex-wrap:wrap;border-bottom:1px solid var(--kt-line)}
  .kh__dd .kh__ddl{flex:1;border-bottom:0!important}
  .kh__ddt{padding:12px}
  .kh__dd:hover .kh__ddt{transform:none;color:var(--kt-ink)}
  .kh__dd.is-open .kh__ddt{transform:rotate(180deg);color:var(--kt-teal)}
  .kh__ddm{position:static;flex-basis:100%;min-width:0;box-shadow:none;border:0;border-radius:0;padding:0 0 8px 14px;opacity:1;visibility:visible;transform:none;display:none}
  .kh__dd:hover .kh__ddm,.kh__dd:focus-within .kh__ddm{display:none}
  .kh__dd.is-open .kh__ddm{display:block}
  .kh__nav .kh__ddm a{padding:10px 0;border-bottom:0;font-size:15px;color:var(--kt-slate)}
}

/* who we serve: fit one screen */
.aw--serve{padding:clamp(48px,6vw,72px) 0}
.aw--serve .aw__head{margin-bottom:12px}
.dn{max-width:min(900px,calc((100vh - 310px) / 0.73));margin:0 auto}
.dn__t{font-size:19px}.dn__g:hover .dn__t,.dn__g:focus .dn__t,.dn__g.is-on .dn__t{font-size:22px}
@media (max-width:600px){.dn{max-width:none;margin:0 -8px}}
/* quality: middle icon fully visible */
.as__card--on .as__ic{background:#fff;color:var(--kt-teal);border:2px solid var(--kt-teal);box-shadow:0 0 0 6px #fff,0 8px 20px rgba(9,60,59,.18);box-sizing:border-box}
.as__card:not(.as__card--on) .as__ic::after{content:"";position:absolute;inset:5px;border:1.5px solid rgba(255,255,255,.9);border-radius:50%;pointer-events:none}

.kt .ai__head .sub{font-size:clamp(16px,1.6vw,19px);color:var(--kt-teal);font-weight:400;max-width:none}

/* ---------- Our Presence page ---------- */
.kt .ph p,.kt .pw p,.kt .pmap p,.kt .pl p,.kt .ps p{background:none;margin-left:0;margin-right:0}
/* section notch (pointer into next section) */
.nt{position:relative}
.nt::after{content:"";position:absolute;left:50%;bottom:-22px;width:44px;height:44px;transform:translateX(-50%) rotate(45deg);z-index:3;border-radius:0 0 6px 0}
.nt--teal::after{background:#0F6663}.nt--white::after{background:#fff}.nt--mint::after{background:#EAF5F4}.nt--teal2::after{background:#0F6663}
/* hero */
.ph{background:var(--kt-grad);color:#fff;text-align:center;min-height:clamp(420px,62vh,600px);display:flex;align-items:center;overflow:visible}
.ph__net{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.ph__l line{stroke:rgba(159,223,219,.32);stroke-width:1}
.ph__n rect{fill:var(--kt-mint);opacity:.75}
.ph__g circle{fill:#fff;opacity:.06}
.ph__in{position:relative;z-index:2;width:100%}
.ph__k{font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--kt-mint);font-weight:500;margin:0 0 16px!important}
.ph h1{font-size:clamp(32px,4.4vw,56px);line-height:1.1;font-weight:500;color:#fff;margin:0 0 34px}
.ph h1 span{color:var(--kt-mint)}
.ph__cta{display:flex;flex-direction:column;align-items:center;gap:26px}
.ph__link{display:inline-flex;align-items:center;gap:12px;color:#fff!important;font-size:16px}
.ph__play{width:42px;height:42px;border-radius:50%;border:1.5px solid #fff;display:flex;align-items:center;justify-content:center;transition:background .2s}
.ph__play .ic{width:18px;height:18px}
.ph__link:hover .ph__play{background:rgba(255,255,255,.15)}
/* where we operate */
.pw{padding:clamp(80px,9vw,120px) 0 clamp(72px,8vw,104px);background:#fff;overflow:visible}
.pw__head{text-align:center;margin-bottom:clamp(40px,5vw,64px)}.pw__head .h-xl{justify-content:center}.pw__head .sub{margin:0}
.pw__big{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);max-width:960px;margin:0 auto}
.pw__b h3{font-size:18px;font-weight:600;color:var(--kt-ink);margin:22px 0 8px}
.kt .pw__b p{color:var(--kt-slate);font-weight:300;font-size:15.5px;margin:0}
.pw__b{text-align:left}
.pw__circle{width:min(260px,100%);aspect-ratio:1;border-radius:50%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(9,60,59,.18)}
.pw__circle::before{content:"";position:absolute;inset:-10%;background:url("img/diamond-mesh.svg") center/contain no-repeat;opacity:.18}
.pw__circle--in{background:var(--kt-grad)}
.pw__circle--af{background:linear-gradient(135deg,#0F6663 0%,#093C3B 100%)}
.pw__circle .ic{width:58px;height:58px;position:relative}
.pw__circle b{font-size:26px;font-weight:500;letter-spacing:.06em;position:relative}
.pw__mk{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin:clamp(56px,6vw,80px) auto 0;max-width:1000px;text-align:center}
.pm2{display:flex;flex-direction:column;align-items:center;gap:4px}
.pm2__c{width:92px;height:92px;border-radius:50%;background:#fff;border:2px solid var(--kt-teal);box-shadow:0 0 0 6px var(--kt-mist);color:var(--kt-teal);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;letter-spacing:.06em;margin-bottom:14px;transition:background .25s,color .25s,transform .25s}
.pm2:hover .pm2__c{background:var(--kt-teal);color:#fff;transform:translateY(-3px)}
.pm2 b{font-size:15.5px;font-weight:600;color:var(--kt-ink)}
.pm2 span:last-child{font-size:13.5px;color:var(--kt-slate);font-weight:300}
.pw__btn{text-align:center;margin-top:clamp(48px,5vw,64px)}
/* map band */
.pmap{background:#EAF5F4;padding:clamp(80px,9vw,112px) 0 clamp(64px,7vw,96px);overflow:visible}
.pmap::before{content:"";position:absolute;right:-10%;top:-30%;width:40%;aspect-ratio:1;background:url("img/diamond-mesh-teal.svg") center/contain no-repeat;opacity:.18;pointer-events:none}
.pmap__h{text-align:center;font-size:clamp(28px,3.4vw,42px);font-weight:500;color:var(--kt-teal);margin:0 0 20px;position:relative}
.pmap__map{max-width:980px;margin:0 auto;position:relative}
.pmap .pm-dots circle{fill:var(--kt-teal);opacity:.22}
.pmap .pm-routes path{stroke:var(--kt-teal);opacity:.75}
.pmap .pm-pin circle{fill:var(--kt-teal);stroke:#fff}.pmap .pm-pin .halo{fill:var(--kt-teal);opacity:.22}
.pmap .pm-leaders path{stroke:var(--kt-ink);opacity:.35}
.pmap .pm-label,.pmap .pm-origin text{fill:var(--kt-ink)}
.pmap .pm-origin path{fill:var(--kt-teal)}.pmap .pm-origin .halo{fill:var(--kt-teal);opacity:.18}
.pmap__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,40px);margin-top:clamp(36px,4vw,56px);position:relative}
.pst{text-align:left}
.pst__ic{width:76px;height:76px;border-radius:50%;border:1.5px solid var(--kt-teal);color:var(--kt-teal);display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:#fff}
.pst__ic .ic{width:32px;height:32px}
.pst b{display:block;font-size:16px;font-weight:600;color:var(--kt-teal);margin-bottom:6px}
.kt .pst p{color:var(--kt-slate);font-weight:300;font-size:14.5px;margin:0}
.pmap__btn{text-align:center;margin-top:clamp(40px,5vw,56px)}
.btn-ghost{display:inline-flex;align-items:center;height:44px;padding:0 24px;border-radius:2px;background:var(--kt-ink);color:#fff!important;font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;transition:background .2s}
.btn-ghost:hover{background:var(--kt-teal)}
/* logistics carousel */
.pl{background:linear-gradient(135deg,#178F8C 0%,#0F6663 100%);color:#fff;padding:clamp(80px,9vw,112px) 0 clamp(72px,8vw,104px);overflow:visible}
.pl::before{content:"";position:absolute;left:-12%;bottom:-40%;width:44%;aspect-ratio:1;background:url("img/diamond-mesh.svg") center/contain no-repeat;opacity:.12;pointer-events:none}
.pl__head{text-align:center;margin-bottom:clamp(36px,4vw,52px);position:relative}
.pl__head h2{font-size:clamp(30px,3.6vw,46px);font-weight:500;color:#fff;margin:0 0 10px}
.pl__head .sub{color:#DFEFED;margin:0}
.pl__car{position:relative;display:flex;align-items:center;gap:18px}
.pl__track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 2px 16px;flex:1}
.pl__track::-webkit-scrollbar{display:none}
.pl__card{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;background:#fff;border-radius:12px;padding:32px 28px;color:var(--kt-ink);position:relative;box-shadow:0 18px 40px rgba(0,0,0,.14);box-sizing:border-box}
.pl__n{position:absolute;top:22px;right:24px;font-size:36px;font-weight:300;color:#C9E3E1;line-height:1}
.pl__ic{width:56px;height:56px;border-radius:50%;background:var(--kt-teal);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:22px;position:relative}
.pl__ic::after{content:"";position:absolute;inset:5px;border:1.5px solid rgba(255,255,255,.9);border-radius:50%}
.pl__ic .ic{width:24px;height:24px}
.pl__card h3{font-size:17px;font-weight:600;margin:0 0 8px;color:var(--kt-ink)}
.kt .pl__card p{color:var(--kt-slate);font-weight:300;font-size:14.5px;margin:0}
.pl__arr{flex:none;width:52px;height:52px;border-radius:50%;border:0;background:rgba(0,0,0,.18);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.pl__arr:hover{background:rgba(0,0,0,.3)}
.pl__arr .ic{width:22px;height:22px}
.pl__arr--l .ic{transform:rotate(180deg)}
/* partnership steps */
.ps{padding:clamp(80px,9vw,120px) 0;background:#fff}
.ps__head{text-align:center;margin-bottom:clamp(44px,5vw,64px)}.ps__head .h-xl{justify-content:center}.ps__head .sub{margin:0}
.ps__row{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(16px,2.4vw,32px);position:relative}
.ps__row::before{content:"";position:absolute;left:10%;right:10%;top:60px;border-top:1.5px dashed #BFDCDA}
.ps__it{text-align:center;position:relative}
.ps__c{width:120px;height:120px;border-radius:50%;margin:0 auto 22px;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;box-shadow:0 0 0 8px #fff}
.ps__c .ic{width:44px;height:44px}
.ps__it--0 .ps__c{background:var(--kt-teal)}.ps__it--1 .ps__c{background:#0F6663}.ps__it--2 .ps__c{background:#0A4A4A}
.ps__it h3{font-size:16px;font-weight:600;color:var(--kt-ink);margin:0 0 6px}
.kt .ps__it p{color:var(--kt-slate);font-weight:300;font-size:14px;margin:0 auto;max-width:210px}
@media (max-width:900px){
  .pw__big{grid-template-columns:1fr}.pw__b{text-align:center}
  .pw__mk{grid-template-columns:repeat(3,1fr);row-gap:32px}
  .pmap__stats{grid-template-columns:1fr 1fr}
  .pl__card{flex-basis:calc((100% - 24px)/2)}
  .ps__row{grid-template-columns:1fr 1fr}.ps__row::before{display:none}
}
@media (max-width:560px){
  .pw__mk{grid-template-columns:repeat(2,1fr)}
  .pmap__stats{grid-template-columns:1fr}
  .pl__card{flex-basis:86%}.pl__arr{display:none}
  .ps__row{grid-template-columns:1fr}
}
html:has(body.kt){overflow-x:clip}body.kt{overflow-x:clip}
/* presence: semi-globe */
.pg{background:linear-gradient(180deg,#F1F6F6 0%,#E3EDEC 100%);padding:clamp(64px,7vw,88px) 0 clamp(64px,7vw,96px);overflow:visible}
.pg__head{position:relative;z-index:2}
.pg .pmap__h{margin-bottom:0}
.pg__globe{max-width:1440px;margin:-36px auto 0;position:relative}
.gl{display:block;width:100%;height:auto}
.gl__sph{stroke:#D3E3E1;stroke-width:1.2}
.gl__grat{fill:none;stroke:#D6E5E3;stroke-width:.8}
.gl__land{fill:#D2E2E0;stroke:#fff;stroke-width:.6}
.gl__hi{fill:var(--kt-teal);stroke:#fff;stroke-width:.8;transition:fill .25s;animation:glHi 4s ease-in-out infinite}
.gl__hi:hover{fill:#0F6663}
.gl__in{fill:var(--kt-deep);stroke:#fff;stroke-width:.8}
@keyframes glHi{0%,100%{fill-opacity:1}50%{fill-opacity:.82}}
.gl__arc{fill:none;stroke:var(--kt-teal);stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:glArc 3.2s ease-out infinite;animation-delay:var(--d)}
@keyframes glArc{0%{stroke-dashoffset:1;opacity:1}55%{stroke-dashoffset:0;opacity:1}85%{stroke-dashoffset:0;opacity:.35}100%{stroke-dashoffset:0;opacity:.35}}
.gl__ship{fill:#fff;stroke:var(--kt-deep);stroke-width:1.5}
.gl__dot{fill:var(--kt-mint);stroke:var(--kt-deep);stroke-width:2}
.gl__pulse{fill:var(--kt-teal);opacity:0;transform-box:fill-box;transform-origin:center;animation:glPulse 2.4s ease-out infinite;animation-delay:var(--d,0s)}
.gl__pin{--d:0s}
.gl__pulse--o{fill:#fff;animation-duration:3s}
@keyframes glPulse{0%{transform:scale(.6);opacity:.55}100%{transform:scale(3.4);opacity:0}}
.gl__origin rect{fill:#fff;stroke:var(--kt-deep);stroke-width:2}
.gl__lbl{font:500 17px Poppins,sans-serif;fill:var(--kt-ink);paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
.gl__lbl--in{font-size:20px;font-weight:600;fill:var(--kt-deep)}
.pg .pmap__stats{margin-top:clamp(28px,3vw,44px)}
@media (max-width:760px){.gl__lbl{font-size:26px}.gl__lbl--in{font-size:28px}.pg__globe{margin-top:-10px}}
@media (prefers-reduced-motion:reduce){.gl__arc,.gl__pulse,.gl__hi{animation:none}.gl__arc{stroke-dashoffset:0}}
.pg__globe::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12%;background:linear-gradient(180deg,rgba(227,237,236,0),#E3EDEC);pointer-events:none}

/* presence v2: dark dot globe */
.gd{display:block;width:100%;height:auto;overflow:hidden}
.gd__rim{fill:none;stroke:#9FDFDB;stroke-width:6;opacity:.7}
.gd__rim2{fill:none;stroke:#CFF3F0;stroke-width:1.2;opacity:.8}
.gd__sea{fill:none;stroke:#2B8C88;stroke-width:1.3;stroke-linecap:round;opacity:.35}
.gd__land{fill:none;stroke:#7FD3CD;stroke-width:2.6;stroke-linecap:round;opacity:.75}
.gd__landE{fill:none;stroke:#5FB7B2;stroke-width:2.2;stroke-linecap:round;opacity:.5}
.gd__hi{fill:none;stroke:#E8FFFD;stroke-width:3.4;stroke-linecap:round;animation:gdHi 3.2s ease-in-out infinite}
.gd__in{fill:none;stroke:#FFFFFF;stroke-width:3.4;stroke-linecap:round}
@keyframes gdHi{0%,100%{opacity:1}50%{opacity:.7}}
.gd__arc{fill:none;stroke:#BFF5F1;stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:gdArc 3.2s ease-out infinite;animation-delay:var(--d)}
@keyframes gdArc{0%{stroke-dashoffset:1;opacity:1}55%{stroke-dashoffset:0;opacity:1}85%,100%{stroke-dashoffset:0;opacity:.3}}
.gd__ship{fill:#fff}
.gd__dot{fill:#fff;stroke:#178F8C;stroke-width:2}
.gd__pulse{fill:#9FDFDB;opacity:0;transform-box:fill-box;transform-origin:center;animation:gdPulse 2.4s ease-out infinite;animation-delay:var(--d,0s)}
.gd__pulse--o{animation-duration:3s}
@keyframes gdPulse{0%{transform:scale(.6);opacity:.7}100%{transform:scale(3.6);opacity:0}}
.gd__origin rect{fill:#fff;stroke:#178F8C;stroke-width:2}
.gd__lbl{font:500 16px Poppins,sans-serif;fill:#fff;paint-order:stroke;stroke:rgba(5,32,31,.85);stroke-width:4px;stroke-linejoin:round}
.gd__lbl--in{font-size:19px;font-weight:600}

.pg2{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,#0B4544 0%,#062B2A 55%,#041C1B 100%);color:#fff;padding:clamp(64px,7vw,88px) 0 clamp(48px,5vw,64px)}
.pg2__head{text-align:center;position:relative;z-index:2}
.pg2__head h2{font-size:clamp(28px,3.4vw,42px);font-weight:500;color:#fff;margin:0}
.pg2__globe{max-width:1440px;margin:-10px auto 0;position:relative}
.pg2__globe .gd{-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 78%,transparent 100%)}
.pg2__stats{position:relative;z-index:2;margin-top:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.pg2__st b{display:block;font-size:clamp(22px,2.2vw,30px);font-weight:600;color:#fff;line-height:1.1}
.pg2__st span{display:block;font-size:14px;color:#9FDFDB;margin-top:6px;font-weight:300}
@media (max-width:760px){.pg2__stats{grid-template-columns:1fr 1fr;margin-top:-40px;row-gap:28px}.gd__lbl{font-size:24px}.gd__lbl--in{font-size:26px}}
@media (prefers-reduced-motion:reduce){.gd__arc,.gd__pulse,.gd__hi{animation:none}.gd__arc{stroke-dashoffset:0}}

/* ---------- interactive globe (Our Presence) ---------- */
.kg{position:relative}
.kg__cv{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.kg-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.kg-chip{border:1.5px solid var(--kt-teal);background:#fff;color:var(--kt-teal);font:500 14px Poppins,sans-serif;padding:9px 18px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.kg-chip:hover{box-shadow:0 6px 18px rgba(23,143,140,.2)}
.kg-chip.on{background:var(--kt-teal);color:#fff}
.kg-chip--in{border-color:var(--kt-deep);color:var(--kt-deep)}.kg-chip--in.on{background:var(--kt-deep);color:#fff}
.kg-card{position:absolute;right:4%;top:14%;width:280px;background:#fff;border-radius:14px;padding:24px 24px 22px;box-shadow:0 24px 60px rgba(9,60,59,.18);border-top:4px solid var(--kt-teal);opacity:0;transform:translateY(12px) scale(.97);pointer-events:none;transition:opacity .3s,transform .3s;z-index:5}
.kg-card.open{opacity:1;transform:none;pointer-events:auto}
.kg-card__x{position:absolute;right:12px;top:10px;border:0;background:none;font-size:22px;line-height:1;color:var(--kt-slate);cursor:pointer}
.kg-card__r{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--kt-teal);font-weight:500}
.kg-card__n{font-size:26px;font-weight:500;margin:4px 0 10px;color:var(--kt-ink)}
.kt .kg-card p{margin:0 0 8px;font-size:14.5px;color:var(--kt-slate);font-weight:300;background:none}
.kt .kg-card .kg-card__p{color:var(--kt-ink);font-weight:400}
.kg-card__a{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-size:14px;font-weight:500;color:var(--kt-teal)!important}
.kg-card__a .ic{width:15px;height:15px}
/* option B: section under teal hero */
.kgs{background:linear-gradient(180deg,#fff 0%,#F2F9F8 100%);padding:clamp(64px,7vw,96px) 0 clamp(56px,6vw,80px);position:relative;overflow:hidden}
.kgs::before{content:"";position:absolute;left:-12%;top:-20%;width:42%;aspect-ratio:1;background:url("img/diamond-mesh-teal.svg") center/contain no-repeat;opacity:.14;pointer-events:none}
.kgs__head{text-align:center;position:relative}.kgs__head .h-xl{justify-content:center}.kgs__head .sub{margin:0}
.kg--section{height:min(760px,78vh);max-width:1300px;margin:0 auto}
.kg--section .kg-chips{position:absolute;left:0;right:0;bottom:6px}
/* option A: globe as hero */
.kgh{background:radial-gradient(ellipse at 75% 50%,#E9F6F5 0%,#fff 60%);position:relative;overflow:hidden}
.kgh::before{content:"";position:absolute;left:-14%;bottom:-40%;width:46%;aspect-ratio:1;background:url("img/diamond-mesh-teal.svg") center/contain no-repeat;opacity:.16;pointer-events:none}
.kgh__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;min-height:calc(100vh - 98px);max-width:1440px;margin:0 auto;padding:0 0 0 var(--gut)}
.kgh__text{position:relative;z-index:2;padding:40px 0}
.kgh__k{font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--kt-teal);font-weight:500;margin:0 0 16px}
.kgh h1{font-size:clamp(34px,4vw,54px);line-height:1.1;font-weight:500;color:var(--kt-ink);margin:0 0 34px}
.kgh h1 span{color:var(--kt-teal)}
.kt .kgh__hint{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--kt-slate);margin:0 0 12px;background:none}
.kg-chips--hero{justify-content:flex-start;max-width:520px;margin-bottom:34px}
.kgh__link{display:inline-flex;align-items:center;gap:12px;color:var(--kt-ink)!important;font-size:16px}
.kgh__link .ph__play{border-color:var(--kt-teal);color:var(--kt-teal)}
.kg--hero{height:calc(100vh - 98px);min-height:560px;margin-left:-26%;width:126%}
.kg--hero .kg-card{right:5%;left:auto;top:10%;bottom:auto}
@media (max-width:900px){
  .kgh__grid{grid-template-columns:1fr;padding:0 var(--gut)}
  .kg--hero{height:72vh;min-height:420px}
  .kg-card{left:50%!important;right:auto!important;transform:translate(-50%,12px);top:auto!important;bottom:70px!important;width:min(300px,86%)}
  .kg-card.open{transform:translate(-50%,0)}
  .kg--section{height:70vh}
}
.kg--hero .kg__cv{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%),linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 16%),linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-composite:intersect}
@media (max-width:900px){.kg--hero{margin-left:0;width:100%}.kg--hero .kg__cv{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%)}}

/* presence: logistics constellation banner */
.plx{position:relative;overflow:hidden;background:var(--kt-grad);color:#fff;padding:clamp(80px,9vw,120px) 0}
.plx .ph__net{position:absolute;inset:0;width:100%;height:100%}
.plx .ph__l line{stroke:rgba(159,223,219,.16);stroke-width:1}.plx .ph__n rect{fill:var(--kt-mint);opacity:.38}.plx .ph__g circle{fill:#fff;opacity:.05}
.plx__in{position:relative;z-index:2}
.plx__head{text-align:center;margin-bottom:clamp(48px,6vw,72px)}
.plx__head h2{font-size:clamp(30px,3.6vw,46px);font-weight:500;color:#fff;margin:0 0 10px}
.plx__head .sub{color:var(--kt-mint);margin:0}
.plx__row{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(18px,2.4vw,32px);position:relative}
.plx__row::before{content:"";position:absolute;left:10%;right:10%;top:36px;border-top:1.5px dashed rgba(159,223,219,.5)}
.plx__it{text-align:center;position:relative}
.plx__ic{width:72px;height:72px;border-radius:50%;margin:0 auto 22px;display:flex;align-items:center;justify-content:center;background:#0F6663;border:1.5px solid var(--kt-mint);color:#fff;position:relative;box-shadow:0 0 0 8px rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.18)}
.plx__ic .ic{width:30px;height:30px}
.plx__it h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px}
.kt .plx__it p{color:#DFEFED;font-weight:300;font-size:14px;margin:0 auto;max-width:220px;background:none}
@media (max-width:900px){.plx__row{grid-template-columns:1fr 1fr;row-gap:40px}.plx__row::before{display:none}}
@media (max-width:560px){.plx__row{grid-template-columns:1fr}}

/* logistics banner: icons + headings only */
.plx__ic{width:104px;height:104px;margin-bottom:24px}.plx__ic .ic{width:44px;height:44px}
.plx__row::before{top:52px}
.plx__it h3{font-size:clamp(17px,1.5vw,20px);font-weight:500;line-height:1.35}
.plx__head h2{margin:0}

/* presence: expansion cta */
.pex{background:#fff;padding:clamp(72px,8vw,108px) 0;position:relative;overflow:hidden}
.pex::before{content:"";position:absolute;right:-12%;bottom:-45%;width:40%;aspect-ratio:1;background:url("img/diamond-mesh-teal.svg") center/contain no-repeat;opacity:.16;pointer-events:none}
.pex__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(40px,6vw,96px);align-items:center;position:relative}
.pex__l .h-xl{margin-bottom:12px}
.kt .pex__l p{color:var(--kt-slate);font-weight:300;font-size:17px;margin:0 0 28px;max-width:420px;background:none}
.pex__r{display:grid;gap:22px;padding:clamp(26px,3vw,36px);border:1px solid var(--kt-line);border-radius:14px;background:linear-gradient(180deg,#fff,#F4FAF9);box-shadow:0 14px 40px rgba(9,60,59,.06)}
.pex__rg{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center}
.pex__rg+.pex__rg{padding-top:22px;border-top:1px solid var(--kt-line)}
.pex__rl{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--kt-teal);font-weight:600}
.pex__cs{display:flex;flex-wrap:wrap;gap:10px}
.pex__c{padding:8px 16px;border-radius:999px;background:var(--kt-mist);color:var(--kt-deep);font-size:14.5px;font-weight:500}
@media (max-width:900px){.pex__grid{grid-template-columns:1fr}.pex__rg{grid-template-columns:1fr;gap:10px}}

/* expansion: africa map */
.pex__map{max-width:520px;width:100%;justify-self:center}
.afm{display:block;width:100%;height:auto;overflow:visible}
.afm__c{fill:#E2F1EF;stroke:#fff;stroke-width:1;transition:fill .25s}
.afm__c:hover{fill:#BFE3DF}
.afm__mk{fill:url(#afmG);stroke:#fff;stroke-width:1.2;transition:opacity .25s}
.afm__mk:hover{opacity:.85}
.afm__pin{fill:#fff;stroke:var(--kt-deep);stroke-width:1.6;pointer-events:none}

/* products page refresh */
.pb--photo{background:linear-gradient(90deg,rgba(9,60,59,.94) 0%,rgba(15,102,99,.86) 45%,rgba(23,143,140,.35) 100%),var(--img) center/cover no-repeat;min-height:clamp(360px,48vh,480px);display:flex;align-items:center}
.pb--photo::before{opacity:.10}
.pb--photo .wrap{width:100%}
.pl2__h{margin-bottom:24px}
.kt #track .h-xl,.kt #updates .h-xl,.kt #contact .h-xl{margin-bottom:14px}
/* products page: stop web.css footer rules overriding the site footer */
.web footer.kf2{background:linear-gradient(135deg,#178F8C 0%,#0F6663 38%,#093C3B 78%,#072F2E 100%);padding:0;margin-top:0;font-size:inherit;font-family:inherit;color:#DFEFED}
.web footer.kf2 .wrap{display:block}
.web footer.kf2 .kf2__grid{display:grid}
.web footer.kf2 img.kf2__logo{height:44px}
/* contact page (interim) */
.ct{padding-top:clamp(64px,7vw,96px)}
.tas--prod{padding-bottom:clamp(40px,5vw,64px)}
#fCountry[hidden]{display:none!important}
/* products: register banner */
.rgb{padding:0 0 clamp(64px,7vw,96px);background:#fff}
.rgb__card{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:clamp(28px,3.4vw,44px) clamp(26px,4vw,56px);border-radius:14px;background:linear-gradient(120deg,#178F8C 0%,#0F6663 55%,#0A4A4A 100%);color:#fff}
.rgb__card::after{content:"";position:absolute;right:-40px;top:-30px;bottom:-30px;width:46%;background:url('img/diamond-mesh-wide.svg') right center/cover no-repeat;opacity:.16;pointer-events:none}
.rgb__txt{position:relative;z-index:1;flex:1 1 420px;max-width:820px}
.kt .rgb h2{max-width:none;font-size:clamp(22px,2.3vw,30px);font-weight:500;line-height:1.25;color:#fff;margin:0 0 8px}
.kt .rgb p{font-family:Georgia,serif;font-style:italic;font-size:17px;color:#BFE7E3;margin:0;background:none}
.rgb .btn-white{position:relative;z-index:1;flex:none}
@media(max-width:640px){.rgb .btn-white{width:100%;justify-content:center}}
/* contact: enquiry section */
.cx{position:relative;overflow:hidden;padding:clamp(72px,8vw,112px) 0;background:linear-gradient(180deg,#fff 0%,#F3F9F8 100%)}
.cx::before{content:"";position:absolute;right:-120px;top:-60px;width:560px;height:560px;background:url('img/diamond-mesh-teal.svg') center/contain no-repeat;opacity:.07;pointer-events:none}
.cx__head{margin-bottom:clamp(32px,4vw,48px);position:relative}
.cx__head .h-xl{margin:0 0 10px}
.kt .cx__sub{font-family:Georgia,serif;font-style:italic;font-size:18px;color:var(--kt-teal);margin:0;background:none}
.cx__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.3fr);gap:clamp(28px,4vw,48px);align-items:start;position:relative}
.cx__info{display:grid;gap:16px}
.cx__card{display:flex;align-items:center;gap:18px;padding:22px 24px;background:#fff;border:1px solid var(--kt-line);border-radius:12px;box-shadow:0 10px 30px rgba(9,60,59,.06);color:var(--kt-ink);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
a.cx__card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(9,60,59,.10);border-color:#BFE3DF}
.cx__ic{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3FB8B1,#0F6663);color:#fff;box-shadow:0 0 0 6px #E6F4F2}
.cx__ic .ic{width:22px;height:22px}
.cx__t{display:grid;gap:3px;flex:1;min-width:0}
.cx__l{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--kt-teal);font-weight:500}
.cx__v{font-size:16px;color:var(--kt-ink);line-height:1.45;overflow-wrap:anywhere}
.cx__go{width:18px;height:18px;color:#9CC9C5;flex:none}
.cx__form,.cx__panel{background:#fff;border-radius:14px;box-shadow:0 18px 50px rgba(9,60,59,.10);overflow:hidden;border:1px solid var(--kt-line)}
.cx__fh{position:relative;padding:26px 32px;background:linear-gradient(120deg,#178F8C 0%,#0F6663 60%,#0A4A4A 100%);color:#fff;overflow:hidden}
.cx__fh::after{content:"";position:absolute;right:-30px;top:-20px;bottom:-20px;width:45%;background:url('img/diamond-mesh-wide.svg') right center/cover no-repeat;opacity:.16}
.kt .cx__fh h3{position:relative;z-index:1;margin:0 0 4px;font-size:22px;font-weight:500;color:#fff}
.kt .cx__fh p{position:relative;z-index:1;margin:0;font-family:Georgia,serif;font-style:italic;font-size:15px;color:#BFE7E3;background:none}
.cx__fb{display:grid;gap:18px;padding:30px 32px 32px}
.cx__row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cx__f{display:grid;gap:7px;margin:0}
.cx__f>span{font-size:13px;font-weight:500;color:var(--kt-ink)}
.cx__f input,.cx__f select,.cx__f textarea{width:100%;box-sizing:border-box;font:inherit;font-size:15px;color:var(--kt-ink);background:#FAFCFC;border:1px solid #D5E6E4;border-radius:6px;padding:12px 14px;transition:border-color .2s,box-shadow .2s,background .2s}
.cx__f textarea{resize:vertical;min-height:130px;line-height:1.55}
.cx__f input:focus,.cx__f select:focus,.cx__f textarea:focus{outline:none;border-color:var(--kt-teal);background:#fff;box-shadow:0 0 0 3px rgba(23,143,140,.12)}
.cx__f ::placeholder{color:#94ABA9}
.cx__act{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}
.cx__act button{cursor:pointer;border:0;font-family:inherit}
.cx .cx__ghost{background:#fff;color:#0F6663!important;border:1px solid #0F6663}
.cx .cx__ghost:hover{background:#E6F4F2}
@media(max-width:900px){.cx__grid{grid-template-columns:1fr}}
@media(max-width:560px){.cx__row{grid-template-columns:1fr}.cx__fb,.cx__fh{padding-left:20px;padding-right:20px}.cx__act button{width:100%;justify-content:center}}

.cx__panel .cx__info{padding:24px;gap:12px}
.cx__panel .cx__card{box-shadow:none;border-color:#E3EFEE;background:#FAFCFC;padding:18px 20px}
.cx__panel a.cx__card:hover{background:#fff;box-shadow:0 10px 24px rgba(9,60,59,.08)}
.cx__panel .cx__info{padding:22px 20px}
.cx__panel .cx__card{gap:14px;padding:16px 16px}
.cx__panel .cx__ic{width:44px;height:44px;box-shadow:0 0 0 5px #E6F4F2}
.cx__panel .cx__ic .ic{width:19px;height:19px}
.cx__panel .cx__v{font-size:15px;overflow-wrap:normal;word-break:normal}
.cx__act a.cx__ghost{text-decoration:none}
.cx__act button[disabled]{opacity:.6;cursor:default}
.kt .cx__msg{margin:2px 0 0;padding:12px 16px;border-radius:8px;font-size:14px;background:none}
.kt .cx__msg.is-ok{background:#E6F4F2;color:#0F6663}
.kt .cx__msg.is-err{background:#FDECEC;color:#9B2C2C}
.kf2__links h4 a{display:inline;color:#fff!important;font-size:inherit;font-weight:inherit;margin:0}
.kf2__links h4 a:hover{color:var(--kt-mint)!important;transform:none}