:root{--navy:#0B1D3A;--deep:#12305A;--cobalt:#1F5A94;--sky:#6FA8D6;--ice:#DCEAF4;--char:#2F343B;--steel:#51565F;--mid:#AEB4BC;--line:#E7E9EC;--pale:#F5F7FA;--green:#2E7D63;--red:#B23A3A;--amber:#C28A2E;--w:1240px;--r:14px;--sh:0 18px 50px rgba(11,29,58,.12);--sh2:0 6px 18px rgba(11,29,58,.08)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:var(--char);background:#fff;font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
a{color:inherit;text-decoration:none}
input,select,textarea{font:inherit;color:var(--char)}
sup.r{font-size:.42em;vertical-align:.95em;margin-left:.04em;font-weight:400;line-height:0}
.wrap{max-width:var(--w);margin:0 auto;padding:0 28px}
h1,h2,h3,h4{color:var(--navy);line-height:1.12;letter-spacing:-.4px}
h1{font-size:clamp(36px,4.4vw,62px);font-weight:700}
h2{font-size:clamp(28px,3vw,42px);font-weight:700}
h3{font-size:21px;font-weight:700}
.lbl{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:var(--cobalt)}
.lbl:before{content:"";width:26px;height:2px;background:currentColor}
.lead{font-size:clamp(17px,1.4vw,19.5px);color:var(--steel);line-height:1.6}
.navy .lead,.deep .lead{color:#C9D6E6}
.sec{padding:110px 0;position:relative}
.sec.tight{padding:70px 0}
.pale{background:var(--pale)}
.navy{background:var(--navy);color:#DCE5F0}
.deep{background:linear-gradient(135deg,#0B1D3A 0%,#12305A 60%,#1F5A94 140%);color:#DCE5F0}
.navy h1,.navy h2,.navy h3,.navy h4,.deep h1,.deep h2,.deep h3,.deep h4{color:#fff}
.navy .lbl,.deep .lbl{color:var(--sky)}
.head{max-width:820px;margin-bottom:56px}
.head h2{margin:16px 0 16px}
.head.c{text-align:center;margin-left:auto;margin-right:auto}
.head.c .lbl:after{content:"";width:26px;height:2px;background:currentColor}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.skew-top{clip-path:polygon(0 6vw,100% 0,100% 100%,0 100%);margin-top:-6vw;padding-top:calc(110px + 6vw)}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--cobalt);color:#fff;padding:14px 24px;border-radius:999px;font-weight:700;font-size:15px;white-space:nowrap;transition:.25s;border:2px solid var(--cobalt)}
.btn:hover{background:var(--navy);border-color:var(--navy);transform:translateY(-2px);box-shadow:var(--sh2)}
.btn .ar{transition:.25s}.btn:hover .ar{transform:translateX(4px)}
.btn.out{background:transparent;color:var(--navy);border-color:var(--navy)}
.btn.out:hover{background:var(--navy);color:#fff}
.btn.w{background:#fff;color:var(--navy);border-color:#fff}
.btn.w:hover{background:var(--ice);border-color:var(--ice)}
.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.btn.ghost:hover{background:#fff;color:var(--navy)}
.btn.sm{padding:10px 18px;font-size:14px}
.link{color:var(--cobalt);font-weight:700;display:inline-flex;gap:8px;align-items:center}
.link:hover{color:var(--navy)}
.navy .link,.deep .link{color:var(--sky)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-block;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:13.5px;font-weight:700;border:1px solid rgba(255,255,255,.25)}
.chip.d{background:var(--ice);color:var(--navy);border-color:var(--ice)}
.ticks{list-style:none;display:grid;gap:10px}
.ticks li{position:relative;padding-left:30px}
.ticks li:before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:var(--cobalt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/12px no-repeat}
.navy .ticks li:before,.deep .ticks li:before{background-color:var(--sky)}
svg.i{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* reveal */
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.rv.d4{transition-delay:.32s}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}*{animation:none!important}}

/* ===== header ===== */
.hdr{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 1px 0 var(--line);transition:.3s}
.hdr .bar{display:flex;align-items:center;gap:26px;height:92px;transition:height .3s}
.hdr .brand img{height:58px;width:auto;transition:height .3s}
.hdr.sc .bar{height:72px}.hdr.sc .brand img{height:46px}
.hdr nav.top{display:flex;gap:4px;margin-left:auto}
.hdr nav.top>.ni{position:relative}
.hdr nav.top>.ni>button{padding:12px 15px;font-weight:700;font-size:15.5px;color:var(--navy);border-radius:10px;display:flex;align-items:center;gap:6px}
.hdr nav.top>.ni>button:after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);opacity:.5}
.hdr nav.top>.ni>button.nm:after{display:none}
.hdr nav.top>.ni>button:hover,.hdr nav.top>.ni>button.on{background:var(--pale);color:var(--cobalt)}
.hdr .hcta{display:flex;gap:10px;align-items:center}
.hdr .icb{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--navy);font-size:14.5px;padding:10px 12px;border-radius:10px}
.hdr .icb:hover{background:var(--pale)}
.hdr .icb svg{width:20px;height:20px}
.strip{background:var(--navy);color:#fff;font-size:13.5px;letter-spacing:3px;text-transform:uppercase;transition:.3s;overflow:hidden;height:38px}
.strip .wrap{display:flex;align-items:center;justify-content:space-between;height:38px}
.strip b{font-weight:700;letter-spacing:3.4px}
.strip span{color:var(--ice);letter-spacing:1px;text-transform:none;font-size:13px;display:flex;gap:18px}
.strip span a:hover{color:#fff;text-decoration:underline}
.hdr.hidestrip .strip{height:0}
.mega{position:absolute;top:100%;left:50%;transform:translate(-50%,12px);background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(11,29,58,.22);padding:28px;opacity:0;visibility:hidden;transition:.22s;width:max-content;max-width:1100px;border:1px solid var(--line)}
.ni:hover .mega,.ni:focus-within .mega{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega.wide{display:grid;grid-template-columns:repeat(4,240px);gap:26px}
.mega .gt{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--cobalt);margin-bottom:10px;display:block}
.mega .mi{display:block;text-align:start;padding:10px 12px;border-radius:10px;width:100%}
.mega .mi:hover{background:var(--pale)}
.mega .mi b{display:block;color:var(--navy);font-size:15px}
.mega .mi span{display:block;color:var(--steel);font-size:13px;line-height:1.4;margin-top:2px}
.mega.cols{display:grid;grid-template-columns:repeat(3,260px);gap:6px 18px}
.mega .foot{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;margin-top:6px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.mega .foot span{color:var(--steel);font-size:14px}
.burger{display:none;width:44px;height:44px;border-radius:10px;background:var(--pale);flex-direction:column;justify-content:center;align-items:center;gap:5px}
.burger i{width:20px;height:2px;background:var(--navy)}
.mnav{position:fixed;inset:0;background:#fff;z-index:90;padding:22px;overflow:auto;transform:translateX(100%);visibility:hidden;transition:transform .3s,visibility 0s linear .3s}
.mnav.open{transform:none;visibility:visible;transition:transform .3s,visibility 0s}
.mnav .x{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.mnav .mi{display:block;width:100%;text-align:start;padding:14px 6px;border-bottom:1px solid var(--line);font-weight:700;color:var(--navy);font-size:17px}
.mnav .sub{padding-left:14px;font-weight:400;font-size:15px}

/* review bar */
.rbar-old{background:#F1F4F8;font-size:12.5px;color:var(--steel);border-bottom:1px solid var(--line)}
.rbar .wrap{display:flex;gap:18px;align-items:center;height:32px}
.rbar b{color:var(--navy);letter-spacing:1px}
.rbar label{margin-left:auto;display:flex;gap:6px;align-items:center;cursor:pointer;font-weight:700;color:var(--cobalt)}

/* ===== image slots ===== */
.ph{position:relative;overflow:hidden;background:var(--deep) center/cover no-repeat}
.ph.art{background-image:radial-gradient(circle at 20% 20%,rgba(111,168,214,.35),transparent 50%),radial-gradient(circle at 80% 70%,rgba(31,90,148,.6),transparent 55%),linear-gradient(135deg,#0B1D3A,#12305A)}
.ph.art:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M0 60L60 0' stroke='%236FA8D6' stroke-opacity='.12'/%3E%3C/svg%3E")}
.ph .code{position:absolute;left:12px;top:12px;z-index:5;background:#FFD84D;color:#111;font:700 11.5px/1 Arial;padding:6px 9px;border-radius:6px;display:none;letter-spacing:.5px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
body.codes .ph .code{display:block}
body.codes .ph{outline:3px dashed #FFD84D;outline-offset:-3px}
.ph.kb{animation:kb 22s ease-in-out infinite alternate}
@keyframes kb{from{background-size:110%}to{background-size:125%}}

/* ===== home hero ===== */
.hero{position:relative;height:calc(100vh - 130px);min-height:640px;max-height:900px;overflow:hidden;background:var(--navy)}
.hero .sl{position:absolute;inset:0;opacity:0;transition:opacity 1.6s ease}
.hero .sl.on{opacity:1}
.hero .sl .ph{position:absolute;inset:0;transform:scale(1.08);transition:transform 9s linear}
.hero .sl.on .ph{transform:scale(1)}
.hero .ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,29,58,.94) 0%,rgba(11,29,58,.72) 42%,rgba(11,29,58,.15) 80%),linear-gradient(0deg,rgba(11,29,58,.75),transparent 40%);z-index:2}
.hero svg.routes{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;opacity:.55}
.hero svg.routes path{fill:none;stroke:var(--sky);stroke-width:1.4;stroke-dasharray:6 10;animation:dash 30s linear infinite}
.hero svg.routes circle{fill:#fff}
@keyframes dash{to{stroke-dashoffset:-800}}
.hero .in{position:relative;z-index:4;height:100%;display:flex;flex-direction:column;justify-content:center;max-width:var(--w);margin:0 auto;padding:0 28px 120px}
.hero .kick{color:var(--sky);font-weight:700;letter-spacing:3px;text-transform:uppercase;font-size:13px;margin-bottom:22px;display:flex;gap:12px;align-items:center}
.hero .kick:before{content:"";width:40px;height:2px;background:var(--sky)}
.hero h1{color:#fff;font-size:clamp(40px,5.4vw,78px);max-width:900px;letter-spacing:-1.2px;line-height:1.04}
.hero h1 em{font-style:normal;color:var(--sky)}
.hero p{color:#D3DEEB;font-size:clamp(17px,1.5vw,21px);max-width:640px;margin:26px 0 34px}
.hero .sw{position:absolute;right:28px;bottom:150px;z-index:5;display:flex;flex-direction:column;gap:10px}
.hero .sw button{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.35)}
.hero .sw button.on{background:#fff;height:28px;border-radius:6px}
.hero .cap{position:absolute;right:56px;bottom:150px;z-index:5;color:#fff;text-align:right;font-size:13px;letter-spacing:2px;text-transform:uppercase;opacity:.8}
.tiles{position:relative;z-index:6;margin-top:-104px}
.tiles .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-radius:18px;overflow:hidden;box-shadow:var(--sh)}
.tile{background:#fff;padding:26px 26px 24px;text-align:start;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px;transition:.25s;position:relative}
.tile:last-child{border-right:0}
.tile:hover{background:var(--navy);color:#fff}
.tile:hover b,.tile:hover .ar{color:#fff}
.tile .ic{color:var(--cobalt);margin-bottom:6px}
.tile:hover .ic{color:var(--sky)}
.tile b{color:var(--navy);font-size:18px}
.tile span{font-size:14px;color:var(--steel);line-height:1.45}
.tile:hover span{color:#C9D6E6}
.tile .ar{position:absolute;right:22px;top:24px;color:var(--cobalt);font-size:20px;transition:.25s}
.tile:hover .ar{transform:translateX(4px)}
.tile.dark{background:var(--cobalt)}
.tile.dark b,.tile.dark .ar,.tile.dark .ic{color:#fff}.tile.dark span{color:#DCE9F6}

/* ticker */
.ticker{background:var(--navy);overflow:hidden;white-space:nowrap;padding:16px 0;border-top:1px solid rgba(255,255,255,.08)}
.ticker .tr{display:inline-flex;gap:46px;animation:tick 70s linear infinite}
.ticker span{color:#fff;font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:13.5px;display:inline-flex;align-items:center;gap:46px}
.ticker span:after{content:"";width:7px;height:7px;background:var(--sky);transform:rotate(45deg)}
.ticker:hover .tr{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}

/* audience selector + track */
.aud{display:grid;grid-template-columns:1.1fr 1fr;gap:0;border-radius:22px;overflow:hidden;box-shadow:var(--sh)}
.aud .a{background:#fff;padding:44px}
.aud .t{background:linear-gradient(135deg,#12305A,#1F5A94);color:#fff;padding:44px;position:relative;overflow:hidden}
.aud .t:after{content:"";position:absolute;right:-60px;bottom:-60px;width:260px;height:260px;border:2px solid rgba(255,255,255,.12);border-radius:50%}
.aud h3{font-size:30px;margin:12px 0 22px}
.aud .t h3{color:#fff}
.iam{display:grid;gap:12px}
.iam button{display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:start;padding:20px 22px;border-radius:14px;border:1.5px solid var(--line);transition:.25s}
.iam button:hover{border-color:var(--cobalt);background:var(--pale);transform:translateX(4px)}
.iam b{display:block;color:var(--navy);font-size:17.5px}
.iam span{color:var(--steel);font-size:14.5px}
.iam .c{width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;flex:0 0 40px;font-weight:700}
.iam .roles{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.iam .roles i{font-style:normal;font-size:12px;font-weight:700;color:var(--cobalt);background:var(--ice);padding:3px 9px;border-radius:999px}
.trk input{width:100%;padding:17px 20px;border-radius:12px;border:0;font-size:16px;margin:8px 0 12px}
.trk .refs{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 18px}
.trk .refs span{font-size:12.5px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);padding:4px 10px;border-radius:999px}
.trk .err{color:#FFD7D7;font-size:13.5px;min-height:18px}
.trk .mk{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);font-size:14px;color:#D7E3F1}
.trk .mk img{height:22px;width:auto}

/* statement */
.stmt{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:end}
.stmt h2{font-size:clamp(34px,4vw,58px);line-height:1.06}
.stmt h2 em{font-style:normal;color:var(--cobalt)}
.pill3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:64px}
.pill3>div{padding:34px;border-radius:var(--r);background:var(--pale);border-top:4px solid var(--cobalt);transition:.3s}
.pill3>div:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.pill3 i{font-style:normal;font-size:12px;letter-spacing:2.4px;font-weight:700;color:var(--cobalt)}
.pill3 b{display:block;font-size:22px;color:var(--navy);margin:12px 0 10px}
.pill3 span{color:var(--steel)}

/* service groups (home + what we do) */
.sgroups{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.sgroup{background:#fff;border-radius:18px;padding:26px;box-shadow:var(--sh2);display:flex;flex-direction:column;gap:6px;border:1px solid var(--line)}
.sgroup .gt{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--cobalt);margin-bottom:8px}
.scard{display:block;text-align:start;width:100%;padding:16px;border-radius:12px;transition:.25s;position:relative}
.scard:hover{background:var(--navy)}
.scard b{display:block;color:var(--navy);font-size:17px;padding-right:22px}
.scard span{display:block;color:var(--steel);font-size:13.8px;line-height:1.45;margin-top:4px}
.scard:after{content:"→";position:absolute;right:14px;top:15px;color:var(--cobalt);transition:.25s}
.scard:hover b,.scard:hover:after{color:#fff}.scard:hover span{color:#C9D6E6}
.scard:hover:after{transform:translateX(4px)}

/* image service cards (bento) */
.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:260px;gap:18px}
.bc{position:relative;border-radius:18px;overflow:hidden;text-align:start;color:#fff;isolation:isolate}
.bc .ph{position:absolute;inset:0;transition:transform .8s}
.bc:hover .ph{transform:scale(1.07)}
.bc:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,29,58,.95) 5%,rgba(11,29,58,.3) 60%,rgba(11,29,58,.1));z-index:1;transition:.4s}
.bc:hover:after{background:linear-gradient(0deg,rgba(11,29,58,.97) 20%,rgba(18,48,90,.8) 100%)}
.bc .tx{position:absolute;left:0;right:0;bottom:0;padding:24px;z-index:2}
.bc small{font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--sky);font-weight:700}
.bc h3{color:#fff;font-size:22px;margin:6px 0}
.bc p{color:#D3DEEB;font-size:14px;max-height:0;opacity:0;overflow:hidden;transition:.45s}
.bc:hover p{max-height:120px;opacity:1;margin-top:8px}
.bc.l{grid-column:span 3;grid-row:span 2}.bc.l h3{font-size:30px}
.bc.m{grid-column:span 3}.bc.s{grid-column:span 2}

/* stepper (dynamic process) */
.stepper{position:relative}
.stepper .trackline{display:grid;gap:0;position:relative;margin-bottom:28px}
.stepper .trackline:before{content:"";position:absolute;left:0;right:0;top:31px;height:3px;background:rgba(111,168,214,.25)}
.stepper .prog{position:absolute;left:0;top:31px;height:3px;background:var(--sky);transition:width .8s ease;width:0}
.pale .stepper .trackline:before,.sec:not(.navy):not(.deep) .stepper .trackline:before{background:var(--line)}
.sec:not(.navy):not(.deep) .stepper .prog{background:var(--cobalt)}
.stepper .st{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:0 6px;font-weight:700;font-size:14px;color:inherit}
.stepper .st .dot{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--deep);border:3px solid rgba(111,168,214,.35);color:var(--sky);transition:.35s;font-size:19px;font-weight:700}
.sec:not(.navy):not(.deep) .stepper .st .dot{background:#fff;border-color:var(--line);color:var(--cobalt)}
.stepper .st.done .dot{border-color:var(--sky)}
.stepper .st.on .dot{background:var(--sky);color:var(--navy);transform:scale(1.12);box-shadow:0 0 0 10px rgba(111,168,214,.18)}
.sec:not(.navy):not(.deep) .stepper .st.on .dot{background:var(--cobalt);color:#fff;border-color:var(--cobalt);box-shadow:0 0 0 10px rgba(31,90,148,.12)}
.stepper .det{border-radius:18px;padding:34px 38px;display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;min-height:150px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.sec:not(.navy):not(.deep) .stepper .det{background:#fff;border-color:var(--line);box-shadow:var(--sh2)}
.stepper .det .n{font-size:64px;font-weight:700;color:var(--sky);line-height:1}
.sec:not(.navy):not(.deep) .stepper .det .n{color:var(--ice);-webkit-text-stroke:2px var(--cobalt)}
.stepper .det h4{font-size:24px;margin-bottom:8px}
.stepper .det p{font-size:16.5px}
.stepper .det .svcs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.stepper .det .svcs button{font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;background:var(--ice);color:var(--navy)}
.stepper .det .mk{margin-top:10px;font-size:14px;color:var(--sky);display:flex;gap:8px;align-items:center}
.stepper .ctl{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:13.5px;opacity:.8}
.stepper .ctl button{font-weight:700;color:inherit;border:1.5px solid currentColor;border-radius:999px;padding:6px 16px}

/* why (5) */
.why5{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.why5>div{padding:28px 22px;border-radius:16px;border:1px solid var(--line);transition:.3s;background:#fff}
.why5>div:hover{border-color:var(--cobalt);transform:translateY(-6px);box-shadow:var(--sh)}
.why5 .i{color:var(--cobalt)}
.why5 b{display:block;color:var(--navy);font-size:17.5px;margin:14px 0 8px}
.why5 span{color:var(--steel);font-size:14.5px}

/* values letters */
.vals{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.val{position:relative;height:330px;border-radius:18px;background:var(--navy);overflow:hidden;cursor:default;transition:.45s;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;color:#fff;isolation:isolate}
.val:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#1F5A94,#0B1D3A 70%);opacity:0;transition:.45s;z-index:-1}
.val .L{position:absolute;top:10px;left:20px;font-size:150px;font-weight:700;line-height:1;color:rgba(255,255,255,.95);transition:.45s;letter-spacing:-2px}
.val b{font-size:18px;letter-spacing:2px;text-transform:uppercase;color:var(--sky);display:block}
.val .d{font-size:14.5px;color:#D3DEEB;max-height:0;opacity:0;overflow:hidden;transition:.45s}
.val .x{font-size:13px;color:#AFC4DA;max-height:0;opacity:0;overflow:hidden;transition:.45s;border-top:1px solid rgba(255,255,255,.15);margin-top:0}
.val:hover:before,.val:focus-within:before{opacity:1}
.val:hover .L{transform:translateY(-14px) scale(.6);transform-origin:left top;color:var(--sky)}
.val:hover .d,.val:hover .x{max-height:160px;opacity:1;margin-top:10px}
.val:hover .x{padding-top:10px}
.val:hover{box-shadow:0 26px 60px rgba(11,29,58,.35);transform:translateY(-6px)}
.vcap{display:flex;justify-content:space-between;align-items:center;margin-top:24px;color:var(--steel);gap:20px;flex-wrap:wrap}

/* stats band */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.stats>div{padding:34px 28px;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:8px}
.stats>div:last-child{border-right:0}
.stats .ic{color:var(--sky)}
.stats b{font-size:52px;font-weight:700;color:#fff;line-height:1;letter-spacing:-1px}
.stats span{color:#C3D1E2;font-size:14.5px}
.stats.light{background:#fff;border-color:var(--line);box-shadow:var(--sh2)}
.stats.light>div{border-color:var(--line)}
.stats.light b{color:var(--navy)}.stats.light span{color:var(--steel)}.stats.light .ic{color:var(--cobalt)}

/* globe */
.net{display:grid;grid-template-columns:1.08fr 1fr;gap:50px;align-items:center}
.globe{position:relative;aspect-ratio:1;max-width:620px;width:100%}
.globe canvas{width:100%;height:100%;cursor:grab;touch-action:pan-y}
.globe .glow{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(111,168,214,.35),transparent 70%);filter:blur(30px)}
.gleg{display:flex;gap:22px;flex-wrap:wrap;font-size:13.5px;color:#C3D1E2;margin-top:10px}
.gleg i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;vertical-align:-1px}
.offices{display:grid;gap:10px;margin-top:26px}
.off{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.14);transition:.25s;text-align:start;width:100%;color:#fff}
.off b{font-size:16px}.off span{font-size:13px;color:#AFC4DA}
.off:hover,.off.on{background:rgba(111,168,214,.15);border-color:var(--sky)}
.gswitch{display:inline-flex;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:4px;margin-top:22px}
.gswitch button{padding:8px 16px;border-radius:999px;font-weight:700;font-size:13.5px;color:#C3D1E2}
.gswitch button.on{background:#fff;color:var(--navy)}

/* split */
.split{display:grid;grid-template-columns:1fr 1fr;min-height:620px}
.split>.ph{min-height:420px}
.split .tx{padding:90px 70px;display:flex;flex-direction:column;gap:22px;justify-content:center}
.split.rev>.ph{order:2}
.bridge{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative;margin:8px 0}
.bridge:before{content:"";position:absolute;top:12px;left:6%;right:6%;height:2px;background:rgba(111,168,214,.4)}
.bridge>div{position:relative;padding-top:34px}
.bridge>div:before{content:"";position:absolute;top:5px;left:0;width:16px;height:16px;border-radius:50%;background:var(--sky);box-shadow:0 0 0 6px rgba(111,168,214,.2)}
.bridge b{display:block;color:#fff;font-size:15px}.bridge span{font-size:13px;color:#AFC4DA}
.bridge .runner{position:absolute;top:7px;left:6%;width:12px;height:12px;border-radius:50%;background:#fff;animation:run 6s ease-in-out infinite;padding:0}
.bridge .runner:before{display:none}
@keyframes run{0%{left:6%}100%{left:92%}}
.bigq{font-size:clamp(24px,2.4vw,34px);font-weight:700;color:var(--navy);line-height:1.2}
.navy .bigq,.deep .bigq{color:#fff}

/* industries grid */
.inds{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ind{position:relative;border-radius:16px;overflow:hidden;height:300px;text-align:start;color:#fff;isolation:isolate}
.ind .ph{position:absolute;inset:0;transition:transform .8s}
.ind:hover .ph{transform:scale(1.07)}
.ind:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,29,58,.95) 10%,rgba(11,29,58,.15));z-index:1}
.ind .tx{position:absolute;bottom:0;left:0;right:0;padding:22px;z-index:2}
.ind h3{color:#fff;font-size:19px}
.ind p{font-size:13.5px;color:#D3DEEB;margin-top:6px}
.ind .more{font-size:13px;font-weight:700;color:var(--sky);margin-top:10px;display:block;opacity:0;transform:translateY(8px);transition:.3s}
.ind:hover .more{opacity:1;transform:none}

/* myKORVEX showcase */
.mykshow{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}
.mykshow .logo{height:52px;width:auto}
.mslides{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/9.6;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.mslides .ph{position:absolute;inset:0;opacity:0;transition:opacity 1.2s;background-size:cover}
.mslides .ph.on{opacity:1}
.mslides .dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:4}
.mslides .dots button{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.5)}
.mslides .dots button.on{background:#fff;width:24px;border-radius:6px}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}
.feat>div{padding:18px 20px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.feat b{color:#fff;display:block;margin-bottom:4px}.feat span{font-size:14px;color:#C3D1E2}
.badges{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.store{display:inline-flex;align-items:center;gap:10px;background:#000;color:#fff;border-radius:10px;padding:8px 16px 8px 12px;border:1px solid #444;min-width:160px}
.store svg{width:24px;height:24px;fill:#fff}
.store small{display:block;font-size:10px;line-height:1.1;opacity:.85}
.store b{display:block;font-size:16px;line-height:1.1}
.storenote{font-size:12px;color:#8FA5BF}

/* partners strip */
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pgrid>div{padding:28px;border-radius:16px;background:#fff;border:1px solid var(--line);transition:.3s}
.pgrid>div:hover{border-color:var(--cobalt);transform:translateY(-6px);box-shadow:var(--sh)}
.pgrid .i{color:var(--cobalt)}
.pgrid b{display:block;color:var(--navy);font-size:18px;margin:14px 0 6px}
.pgrid span{color:var(--steel);font-size:14.5px}

/* news cards */
.news{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.nc{text-align:start;border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--sh2);transition:.3s;display:flex;flex-direction:column;border:1px solid var(--line)}
.nc:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.nc .ph{aspect-ratio:16/9}
.nc .bd{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.nc .m{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--steel)}
.tag{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:5px 10px;border-radius:6px;background:var(--ice);color:var(--cobalt)}
.tag.wk{background:var(--navy);color:#fff}
.nc h3{font-size:19px;line-height:1.3}
.nc p{font-size:14.5px;color:var(--steel)}
.nc .link{margin-top:auto}

/* closing */
.close2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.close2>div{border-radius:22px;padding:52px;position:relative;overflow:hidden}
.close2 .c1{background:linear-gradient(135deg,#0B1D3A,#1F5A94);color:#fff}
.close2 .c2{background:var(--pale)}

/* page hero (inner) */
.phero{position:relative;min-height:560px;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--navy)}
.phero>.ph{position:absolute;inset:0}
.phero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,29,58,.96) 0%,rgba(11,29,58,.82) 45%,rgba(11,29,58,.25) 100%);z-index:1}
.phero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:70px;background:#fff;clip-path:polygon(0 100%,100% 0,100% 100%);z-index:2}
.phero.tp:after{background:var(--pale)}
.phero .in{position:relative;z-index:3;max-width:var(--w);margin:0 auto;padding:110px 28px 120px;width:100%}
.phero .crumb{font-size:13.5px;color:#AFC4DA;margin-bottom:26px;display:flex;gap:8px;flex-wrap:wrap}
.phero .crumb button{color:#AFC4DA}.phero .crumb button:hover{color:#fff}
.phero h1{color:#fff;max-width:880px;margin:16px 0 20px}
.phero .lead{color:#D3DEEB;max-width:720px;margin-bottom:30px}
.phero .chips{margin-top:26px}
.phero .kvmark{position:absolute;right:6%;top:50%;transform:translateY(-50%);z-index:2;width:260px;opacity:.09}

/* service layout */
.slay{display:grid;grid-template-columns:1fr 340px;gap:56px;align-items:start}
.aside{position:sticky;top:96px;display:grid;gap:18px}
.bpanel{background:linear-gradient(160deg,#1F5A94,#0B1D3A);color:#fff;border-radius:20px;padding:30px;box-shadow:var(--sh);position:relative;overflow:hidden}
.bpanel:after{content:"";position:absolute;right:-50px;top:-50px;width:180px;height:180px;border-radius:50%;border:2px solid rgba(255,255,255,.12)}
.bpanel small{font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--sky);font-weight:700}
.bpanel h3{color:#fff;font-size:23px;margin:8px 0 10px}
.bpanel .u{font-size:17px;font-weight:700;color:#fff;line-height:1.35;margin-bottom:16px;padding:14px 16px;border-left:3px solid var(--sky);background:rgba(255,255,255,.07);border-radius:0 10px 10px 0}
.bpanel ul{list-style:none;display:grid;gap:8px;margin-bottom:20px;font-size:14.5px;color:#D3DEEB}
.bpanel li{padding-left:22px;position:relative}
.bpanel li:before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50%;background:var(--sky)}
.bpanel .btn{width:100%;justify-content:center;margin-top:8px}
.bpanel .tiers{display:grid;gap:8px;margin-bottom:16px}
.bpanel .tiers div{background:rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;font-size:13.5px;color:#D3DEEB}
.bpanel .tiers b{color:#fff;display:block;font-size:14.5px}
.minipanel{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff}
.minipanel b{color:var(--navy);display:block;margin-bottom:8px}
.minipanel button{display:block;width:100%;text-align:start;padding:9px 0;border-bottom:1px solid var(--line);font-weight:700;color:var(--cobalt);font-size:14.5px}
.minipanel button:last-child{border-bottom:0}
.summary{font-size:clamp(19px,1.6vw,23px);color:var(--navy);line-height:1.5;font-weight:700;border-left:4px solid var(--cobalt);padding:4px 0 4px 26px;margin-bottom:34px}
.prose p{margin-bottom:16px;font-size:17px;color:var(--char)}

/* sub-products */
.subs{display:grid;gap:26px}
.sub{display:grid;grid-template-columns:280px 1fr;gap:0;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line);transition:.3s}
.sub:hover{box-shadow:var(--sh);border-color:transparent}
.sub .ph{min-height:100%}
.sub .bd{padding:30px 32px}
.sub .tg{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--cobalt);text-transform:uppercase}
.sub h3{font-size:24px;margin:8px 0 6px}
.sub .tl{color:var(--steel);font-weight:700;margin-bottom:14px}
.sub .tabs3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px}
.sub .tabs3>div>small{display:block;font-size:11.5px;letter-spacing:1.8px;text-transform:uppercase;color:var(--cobalt);font-weight:700;margin-bottom:6px}
.sub .tabs3 div{font-size:14.5px;color:var(--char)}
.sub .ex{margin-top:16px;background:var(--pale);border-radius:12px;padding:14px 16px;font-size:14.5px;color:var(--steel)}
.sub .ex b{color:var(--navy)}
.sub.noimg{grid-template-columns:1fr}

/* air tiers */
.tiers3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tier{border-radius:20px;padding:32px;background:#fff;border:1px solid var(--line);position:relative;overflow:hidden;transition:.3s}
.tier:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.tier .bar{height:6px;border-radius:3px;background:var(--ice);margin:16px 0 18px;overflow:hidden}
.tier .bar i{display:block;height:100%;background:var(--cobalt)}
.tier small{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--cobalt);font-weight:700}
.tier h3{font-size:24px;margin-top:8px}
.tier .sp{font-weight:700;color:var(--navy);margin-bottom:8px}
.tier p{color:var(--steel);font-size:15px}
.tier.hl{background:var(--navy);color:#DCE5F0}.tier.hl h3,.tier.hl .sp{color:#fff}.tier.hl p{color:#C3D1E2}.tier.hl .bar{background:rgba(255,255,255,.12)}.tier.hl .bar i{background:var(--sky)}

/* problem-solution */
.ps{display:grid;gap:14px}
.ps>div{display:grid;grid-template-columns:1fr 50px 1fr;align-items:stretch;border-radius:16px;overflow:hidden}
.ps .p{background:#fff;padding:22px 24px;border:1px solid var(--line);border-right:0;border-radius:16px 0 0 16px}
.ps .s{background:var(--navy);color:#DCE5F0;padding:22px 24px;border-radius:0 16px 16px 0}
.ps .a{background:var(--cobalt);display:grid;place-items:center;color:#fff;font-size:22px}
.ps small{display:block;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin-bottom:6px}
.ps .p small{color:var(--red)}.ps .s small{color:var(--sky)}
.ps .p{font-size:15.5px;color:var(--char)}.ps .s{font-size:15.5px}

/* why 4 */
.why4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.why4>div{padding:28px 24px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);transition:.3s}
.why4>div:hover{background:rgba(111,168,214,.12);transform:translateY(-6px)}
.why4 .n{font-size:42px;font-weight:700;color:var(--sky);line-height:1}
.why4 b{display:block;color:#fff;font-size:18px;margin:14px 0 8px}
.why4 span{color:#C3D1E2;font-size:14.8px}

/* industries chips list */
.ilist{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ilist>div{padding:18px 20px;border-radius:14px;background:#fff;border:1px solid var(--line);display:flex;gap:14px;align-items:flex-start}
.ilist .dt{width:10px;height:10px;border-radius:50%;background:var(--cobalt);margin-top:7px;flex:0 0 10px}
.ilist b{color:var(--navy);display:block}.ilist span{color:var(--steel);font-size:14px}

/* myk band (service) */
.mykband{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.mykband .logo{height:44px;width:auto}
.mkpts{display:grid;gap:12px;margin:24px 0}
.mkpts>div{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:15px;color:#DCE5F0}
.mkpts .k{width:26px;height:26px;border-radius:50%;background:var(--sky);color:var(--navy);display:grid;place-items:center;flex:0 0 26px;font-weight:700;font-size:13px}
.phone{position:relative;justify-self:center;width:300px;aspect-ratio:9/18.5;border-radius:42px;background:#0a0f1a;padding:14px;box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 0 0 2px #2b3445}
.phone .scr{width:100%;height:100%;border-radius:30px;background:#F5F7FA;overflow:hidden;position:relative;color:var(--char);font-size:12px}
.phone .nt{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:90px;height:22px;border-radius:12px;background:#0a0f1a;z-index:3}
.phone .top{background:var(--navy);padding:38px 14px 14px;color:#fff}
.phone .top img{height:16px;width:auto}
.phone .top b{display:block;font-size:15px;margin-top:10px}
.phone .top span{font-size:11px;color:#AFC4DA}
.phone .ms{padding:12px 14px;display:grid;gap:0}
.phone .m{display:grid;grid-template-columns:18px 1fr;gap:10px;padding-bottom:12px;position:relative}
.phone .m:before{content:"";position:absolute;left:7px;top:14px;bottom:0;width:2px;background:var(--line)}
.phone .m:last-child:before{display:none}
.phone .m i{width:16px;height:16px;border-radius:50%;background:var(--line);margin-top:2px;position:relative;z-index:1}
.phone .m.d i{background:var(--green)}.phone .m.c i{background:var(--cobalt);box-shadow:0 0 0 5px rgba(31,90,148,.18)}
.phone .m b{display:block;font-size:12px;color:var(--navy)}.phone .m span{font-size:10.5px;color:var(--steel)}
.toast{position:absolute;left:10px;right:10px;top:40px;background:#fff;border-radius:14px;padding:10px 12px;box-shadow:0 10px 26px rgba(0,0,0,.18);display:flex;gap:10px;align-items:center;z-index:4;transform:translateY(-140%);opacity:0;transition:.5s}
.toast.show{transform:none;opacity:1}
.toast .ap{width:28px;height:28px;border-radius:8px;background:#25D366;display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;flex:0 0 28px}
.toast b{display:block;font-size:11.5px;color:var(--navy)}.toast span{font-size:10.5px;color:var(--steel)}

/* cases */
.ctabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.ctabs button{padding:10px 18px;border-radius:999px;border:1.5px solid var(--line);font-weight:700;font-size:14px;color:var(--navy);background:#fff}
.ctabs button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.case{display:none;grid-template-columns:1fr 1.25fr;border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--sh)}
.case.on{display:grid;animation:fade .5s}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.case .ph{min-height:420px}
.case .bd{padding:40px 42px}
.case .tg{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--cobalt);font-weight:700}
.case h3{font-size:26px;margin:10px 0 6px}
.case .cu{color:var(--steel);font-weight:700;margin-bottom:20px}
.case .cg{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.case .cg small{display:block;font-size:11.5px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;color:var(--cobalt);margin-bottom:6px}
.case .cg div{font-size:14.8px}
.case .res{margin-top:22px;background:var(--navy);color:#fff;border-radius:14px;padding:18px 20px;font-weight:700;display:flex;gap:14px;align-items:center}
.case .res:before{content:"";width:34px;height:34px;border-radius:50%;flex:0 0 34px;background:var(--sky) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1D3A' stroke-width='3'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/18px no-repeat}

/* connected */
.conn{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cc{text-align:start;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line);transition:.3s;display:flex;flex-direction:column}
.cc:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.cc .ph{aspect-ratio:16/8}
.cc .bd{padding:20px 22px}
.cc b{color:var(--navy);font-size:18px;display:block}
.cc span{color:var(--steel);font-size:14.5px;display:block;margin-top:6px}

/* faq */
.faq{display:grid;gap:12px}
.faq details{border-radius:14px;background:#fff;border:1px solid var(--line);padding:0 24px;transition:.25s}
.faq details[open]{box-shadow:var(--sh2);border-color:var(--cobalt)}
.faq summary{list-style:none;cursor:pointer;padding:20px 30px 20px 0;font-weight:700;color:var(--navy);font-size:16.5px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:0;top:15px;font-size:26px;color:var(--cobalt);transition:.25s}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq p{padding:0 0 22px;color:var(--steel);font-size:15.5px}

/* KV action panel */
.kvact{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(120deg,#0B1D3A 30%,#1F5A94);color:#fff;padding:56px 60px;display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center}
.kvact img.kv{width:110px;height:auto}
.kvact h2{color:#fff;font-size:clamp(26px,2.6vw,38px)}
.kvact p{color:#C9D6E6;margin-top:8px}
.kvact:after{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;border:2px solid rgba(255,255,255,.08)}

/* comparison table */
.cmp{width:100%;border-collapse:separate;border-spacing:0;border-radius:18px;overflow:hidden;box-shadow:var(--sh2);background:#fff}
.cmp th,.cmp td{padding:18px 20px;text-align:start;border-bottom:1px solid var(--line);font-size:15px}
.cmp th{background:var(--navy);color:#fff;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}
.cmp th.k,.cmp td.k{background:var(--ice);color:var(--navy);font-weight:700}
.cmp th.k{background:var(--cobalt);color:#fff}
.cmp td:first-child{font-weight:700;color:var(--navy)}

/* routes map */
.rmap{position:relative;border-radius:22px;overflow:hidden;background:#0E2447;aspect-ratio:16/10}
.rmap svg{width:100%;height:100%}
.rmap .land{fill:#12305A;stroke:rgba(111,168,214,.35);stroke-width:.6}
.rmap .sea{fill:#0E2447}
.rmap .rt{fill:none;stroke:var(--sky);stroke-width:2;stroke-dasharray:5 6;animation:dash 26s linear infinite;opacity:.85}
.rmap .rt.road{stroke:#fff;stroke-dasharray:2 5}
.rmap .gw circle{fill:#fff}
.rmap .gw .pulse{fill:none;stroke:#fff;stroke-width:1.5;animation:pulse 2.4s ease-out infinite;transform-origin:center;transform-box:fill-box}
@keyframes pulse{from{r:4;opacity:.9}to{r:18;opacity:0}}
.rmap text{fill:#fff;font:700 11px Arial}
.rmap text.c{fill:#AFC4DA;font-weight:400;font-size:10px;letter-spacing:1.5px}
.rlist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.rlist button{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.14);color:#fff;text-align:start;font-size:14.5px;transition:.25s}
.rlist button small{color:#AFC4DA;font-size:12px;display:block}
.rlist button:hover,.rlist button.on{background:rgba(111,168,214,.15);border-color:var(--sky)}

/* before/after */
.ba{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:22px;overflow:hidden;box-shadow:var(--sh)}
.ba>div{padding:44px}
.ba .b{background:#fff}.ba .a{background:var(--navy);color:#DCE5F0}
.ba h3{font-size:24px;margin-bottom:18px}.ba .a h3{color:#fff}
.ba ul{list-style:none;display:grid;gap:12px}
.ba li{padding-left:30px;position:relative}
.ba .b li:before{content:"×";position:absolute;left:0;top:-3px;color:var(--red);font-size:22px;font-weight:700}
.ba .a li:before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:var(--sky)}
/* follow the sun */
.fts{display:grid;grid-template-columns:1fr 120px 1fr;gap:0;align-items:stretch}
.fts .col{border-radius:20px;padding:30px;background:#fff;color:var(--char);border:1px solid var(--line)}
.fts .col h4{font-size:20px;margin-bottom:6px}
.fts .col small{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--cobalt)}
.fts .col ul{list-style:none;display:grid;gap:8px;margin-top:16px;font-size:14.5px}
.fts .col li{padding-left:18px;position:relative}.fts .col li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--cobalt)}
.fts .sun{display:grid;place-items:center;position:relative}
.fts .sun:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:repeating-linear-gradient(90deg,var(--sky) 0 8px,transparent 8px 14px)}
.fts .sun i{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#FFD27A,#F2A93B);box-shadow:0 0 30px rgba(242,169,59,.6);position:relative;animation:sun 5s ease-in-out infinite alternate}
@keyframes sun{from{transform:translateX(-30px)}to{transform:translateX(30px)}}
.ring{position:relative;max-width:560px;aspect-ratio:1;margin:0 auto}
.ring .c{position:absolute;inset:32%;border-radius:50%;background:linear-gradient(160deg,#1F5A94,#0B1D3A);color:#fff;display:grid;place-items:center;text-align:center;padding:20px;font-weight:700;font-size:18px;box-shadow:var(--sh)}
.ring .c img{width:56px;margin:0 auto 6px}
.ring .it{position:absolute;width:132px;margin:-26px 0 0 -66px;text-align:center;font-size:12.5px;font-weight:700;color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 6px;box-shadow:var(--sh2);transition:.3s}
.ring .it:hover{background:var(--cobalt);color:#fff;transform:scale(1.08)}
.ring svg{position:absolute;inset:0;width:100%;height:100%}
.ring svg circle{fill:none;stroke:var(--ice);stroke-width:2;stroke-dasharray:4 6}
/* event phases */
.phases{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-radius:22px;overflow:hidden;box-shadow:var(--sh)}
.phases>div{padding:36px 32px;position:relative}
.phases>div:nth-child(1){background:#fff}.phases>div:nth-child(2){background:var(--ice)}.phases>div:nth-child(3){background:var(--navy);color:#DCE5F0}
.phases>div:nth-child(3) h3{color:#fff}
.phases small{font-size:12px;letter-spacing:2.4px;font-weight:700;text-transform:uppercase;color:var(--cobalt)}
.phases>div:nth-child(3) small{color:var(--sky)}
.phases h3{font-size:30px;margin:8px 0 16px}
.phases ul{list-style:none;display:grid;gap:10px}
.phases li{padding:10px 14px;border-radius:10px;background:rgba(11,29,58,.05);font-size:14.5px;font-weight:700}
.phases>div:nth-child(3) li{background:rgba(255,255,255,.08)}
.phases>div:not(:last-child):after{content:"";position:absolute;right:-18px;top:50%;width:36px;height:36px;background:var(--cobalt);transform:translateY(-50%) rotate(45deg);z-index:2;border-radius:6px}
.under{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.under div{padding:16px 18px;border-radius:12px;background:var(--pale);font-weight:700;color:var(--navy);font-size:14.5px;text-align:center}
/* questions (DSV-style) */
.qa{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.qa>div{border-radius:18px;padding:28px;background:#fff;border:1px solid var(--line)}
.qa b{display:block;font-size:19px;color:var(--navy);margin-bottom:10px}
.qa b:before{content:"Q";display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--cobalt);color:#fff;font-size:14px;margin-right:10px;vertical-align:2px}
.qa span{color:var(--steel);font-size:15px}
.vas{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.vas div{padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-size:14px;font-weight:700;color:#fff;display:flex;gap:10px;align-items:center}
.vas div:before{content:"";width:8px;height:8px;background:var(--sky);transform:rotate(45deg);flex:0 0 8px}
.vas.l div{background:#fff;border-color:var(--line);color:var(--navy)}
.vas.l div:before{background:var(--cobalt)}

/* industry page */
.pain{display:grid;gap:16px}
.pain>div{display:grid;grid-template-columns:60px 1fr 1fr;gap:0;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line);transition:.3s}
.pain>div:hover{box-shadow:var(--sh)}
.pain .n{background:var(--navy);color:var(--sky);font-weight:700;font-size:22px;display:grid;place-items:center}
.pain .p,.pain .f{padding:22px 24px;font-size:15.2px}
.pain .f{background:var(--pale)}
.pain small{display:block;font-size:11.5px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;margin-bottom:6px}
.pain .p small{color:var(--red)}.pain .f small{color:var(--cobalt)}
.pain .f button{margin-top:10px;font-size:13.5px;font-weight:700;color:var(--cobalt)}
.segs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.segs>div{padding:24px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.segs b{display:block;color:#fff;font-size:17px;margin-bottom:6px}.segs span{font-size:14px;color:#C3D1E2}
.prank{display:grid;gap:12px}
.prank button{display:grid;grid-template-columns:54px 1fr auto;gap:16px;align-items:center;text-align:start;padding:18px 20px;border-radius:14px;background:#fff;border:1px solid var(--line);transition:.25s}
.prank button:hover{border-color:var(--cobalt);transform:translateX(6px)}
.prank .r{width:44px;height:44px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:700}
.prank b{color:var(--navy);display:block}.prank span{color:var(--steel);font-size:14px}
.prank .ar{color:var(--cobalt);font-weight:700}
.flowx{display:grid;gap:0;position:relative}
.flowx .fs{display:grid;grid-template-columns:200px 40px 1fr;gap:16px;align-items:center;padding:14px 0}
.flowx .fs .stg{font-weight:700;color:var(--navy);text-align:right}
.flowx .fs .d{width:20px;height:20px;border-radius:50%;background:var(--cobalt);box-shadow:0 0 0 6px var(--ice);justify-self:center;position:relative}
.flowx .fs:not(:last-child) .d:after{content:"";position:absolute;left:9px;top:20px;width:2px;height:48px;background:var(--ice)}
.flowx .fs .sv{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-size:14.5px}
.flowx .fs .sv b{color:var(--cobalt)}
.sol8{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.sol8 div{padding:16px 18px 16px 50px;border-radius:12px;background:#fff;border:1px solid var(--line);position:relative;font-size:15px}
.sol8 div:before{content:"";position:absolute;left:18px;top:19px;width:18px;height:18px;border-radius:5px;background:var(--cobalt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/12px no-repeat}
.ipanel{display:grid;gap:10px}
.ipanel button{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-weight:700;font-size:14.5px;text-align:start;border:1px solid rgba(255,255,255,.14)}
.ipanel button:hover{background:#fff;color:var(--navy)}

/* who we are */
.gmd{display:grid;grid-template-columns:1fr;gap:40px}
.gmd .stage{aspect-ratio:21/9;border-radius:22px;overflow:hidden;position:relative}
.gmd .stage .ph{position:absolute;inset:0}
.gmd .stage .cap{position:absolute;left:30px;bottom:26px;z-index:3;color:#fff}
.gmd .stage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,29,58,.7),transparent 50%);z-index:2}
.gmdtext{max-width:860px;margin:0 auto;font-size:18px;display:grid;gap:18px}
.gmdtext .first{font-size:24px;font-weight:700;color:var(--navy);line-height:1.4}
.gmdtext .sig{border-top:1px solid var(--line);padding-top:20px;margin-top:10px}
.gmdtext .sig b{display:block;color:var(--navy);font-size:20px}
.vm{display:grid;grid-template-columns:1fr 1fr}
.vm>div{padding:100px 70px}
.vm .v{background:var(--navy)}.vm .m{background:var(--cobalt)}
.vm .lab{font-size:clamp(30px,3vw,44px);font-weight:700;color:#fff;margin-bottom:22px;display:block}
.vm p{color:#fff;font-size:clamp(20px,1.9vw,27px);line-height:1.45}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:56px}
.timeline>div{padding:22px;border-radius:16px;background:var(--pale);border-top:4px solid var(--cobalt)}
.timeline .c{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--cobalt);font-weight:700}
.timeline b{display:block;color:var(--navy);font-size:18px;margin:6px 0 4px}
.timeline span{font-size:13.5px;color:var(--steel)}
.onewin{position:relative;max-width:820px;aspect-ratio:1.6;margin:0 auto}
.onewin .core{position:absolute;left:50%;top:50%;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%;background:linear-gradient(160deg,#1F5A94,#0B1D3A);display:grid;place-items:center;text-align:center;color:#fff;font-weight:700;box-shadow:0 0 0 18px rgba(111,168,214,.12),0 0 0 36px rgba(111,168,214,.06)}
.onewin .core img{width:90px;margin:0 auto 6px}
.onewin .sv{position:absolute;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13.5px;font-weight:700;white-space:nowrap;transform:translate(-50%,-50%);transition:.35s}
.onewin .sv.lit{background:var(--sky);color:var(--navy);border-color:var(--sky);box-shadow:0 0 30px rgba(111,168,214,.6)}
.onewin svg{position:absolute;inset:0;width:100%;height:100%}
.onewin svg line{stroke:rgba(111,168,214,.25);stroke-width:1.5}
.onewin svg line.lit{stroke:var(--sky);stroke-width:2.5}
.qual{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.qual>div{padding:28px;border-radius:16px;border:1px solid var(--line);background:#fff}
.qual .i{color:var(--cobalt)}
.qual b{display:block;color:var(--navy);margin:12px 0 6px;font-size:17.5px}
.qual span{color:var(--steel);font-size:14.5px}

/* myKORVEX page */
.mstep{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:ms}
.mstep>div{border-radius:20px;padding:32px;background:#fff;border:1px solid var(--line);position:relative;overflow:hidden}
.mstep>div:before{counter-increment:ms;content:counter(ms);position:absolute;right:20px;top:6px;font-size:110px;font-weight:700;color:var(--ice);line-height:1}
.mstep b{display:block;font-size:20px;color:var(--navy);margin:8px 0;position:relative}
.mstep span{color:var(--steel);position:relative}
.ftabs{display:grid;grid-template-columns:300px 1fr;gap:36px;align-items:center}
.ftabs .tl{display:grid;gap:8px}
.ftabs .tl button{text-align:start;padding:16px 18px;border-radius:14px;font-weight:700;color:#C3D1E2;border:1px solid rgba(255,255,255,.12)}
.ftabs .tl button.on{background:#fff;color:var(--navy)}
.ftabs .pane{display:none}.ftabs .pane.on{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;animation:fade .5s}
.ftabs .pane .ph{aspect-ratio:16/10;border-radius:18px}
.ways{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ways>div{padding:28px 24px;border-radius:18px;background:#fff;border:1px solid var(--line);text-align:center}
.ways .i{color:var(--cobalt);margin:0 auto}
.ways b{display:block;font-size:18px;color:var(--navy);margin:12px 0 6px}
.ways span{color:var(--steel);font-size:14.5px}
.collab{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.collab>div{padding:22px;position:relative}
.collab>div:before{content:"";position:absolute;left:0;right:0;top:44px;height:2px;background:rgba(111,168,214,.35)}
.collab .who{font-size:11.5px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--sky)}
.collab .bub{position:relative;margin-top:24px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:16px;font-size:14.5px;color:#DCE5F0}
.collab .bub b{color:#fff;display:block}
.roles4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.roles4>div{padding:26px;border-radius:16px;background:var(--pale)}
.roles4 b{display:block;color:var(--navy);font-size:18px;margin-bottom:8px}
.roles4 span{color:var(--steel);font-size:14.5px}
.svcrows{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.svcrows>div{padding:18px 20px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.svcrows b{display:block;color:#fff}.svcrows span{font-size:13.8px;color:#C3D1E2}
.devices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.devices .ph{aspect-ratio:16/10;border-radius:18px}

/* insights */
.ifilter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}
.ifilter button{padding:10px 18px;border-radius:999px;border:1.5px solid var(--line);font-weight:700;font-size:14px;color:var(--navy);background:#fff}
.ifilter button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.feature{display:grid;grid-template-columns:1.2fr 1fr;border-radius:22px;overflow:hidden;box-shadow:var(--sh);background:#fff;text-align:start;margin-bottom:34px;width:100%}
.feature .ph{min-height:420px}
.feature .bd{padding:44px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.feature h2{font-size:clamp(26px,2.4vw,36px)}
.art{max-width:820px;margin:0 auto}
.art .meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:var(--steel);font-size:14px;margin-bottom:24px}
.art .kp{background:var(--pale);border-radius:18px;padding:26px 30px;margin:30px 0;border-left:4px solid var(--cobalt)}
.art .kp b{display:block;color:var(--navy);margin-bottom:10px;letter-spacing:1.5px;font-size:13px;text-transform:uppercase}
.art h2{font-size:28px;margin:36px 0 14px}
.art p{font-size:17.5px;margin-bottom:16px;line-height:1.7}
.art .mean{background:var(--navy);color:#DCE5F0;border-radius:20px;padding:30px 34px;margin:40px 0}
.art .mean b{color:#fff;font-size:20px;display:block;margin-bottom:14px}
.art .src{font-size:13.5px;color:var(--steel);border-top:1px solid var(--line);padding-top:20px;margin-top:30px}
.art .src a{color:var(--cobalt);text-decoration:underline;word-break:break-all}
.share{display:flex;gap:8px}
.share button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-weight:700;color:var(--navy);font-size:13px}
.subbox{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.subbox form{display:flex;gap:10px}
.subbox input{flex:1;padding:15px 18px;border-radius:999px;border:0}

/* forms */
.form{display:grid;gap:18px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fld{display:flex;flex-direction:column;gap:6px}
.fld.full{grid-column:1/-1}
.fld label{font-size:13.5px;font-weight:700;color:var(--navy)}
.fld input,.fld select,.fld textarea{padding:13px 15px;border-radius:10px;border:1.5px solid var(--line);background:#fff;font-size:15px;width:100%}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:0;border-color:var(--cobalt);box-shadow:0 0 0 4px rgba(31,90,148,.12)}
.fld.bad input,.fld.bad select,.fld.bad textarea{border-color:var(--red)}
.fld .e{color:var(--red);font-size:12.5px;min-height:0}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--steel)}
.chk input{margin-top:4px;width:18px;height:18px}
.formcard{background:#fff;border-radius:22px;box-shadow:var(--sh);padding:40px;border:1px solid var(--line)}
.svcpick{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.svcpick button{padding:18px 10px;border-radius:14px;border:1.5px solid var(--line);text-align:center;font-weight:700;color:var(--navy);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;transition:.2s}
.svcpick button .i{color:var(--cobalt)}
.svcpick button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.svcpick button.on .i{color:var(--sky)}
.qblock{display:none;border-radius:16px;background:var(--pale);padding:26px;margin-top:6px}
.qblock.on{display:block;animation:fade .4s}
.qblock h4{font-size:18px;margin-bottom:14px}
.seg{display:inline-flex;border:1.5px solid var(--line);border-radius:999px;padding:4px;background:#fff;flex-wrap:wrap}
.seg button{padding:8px 16px;border-radius:999px;font-weight:700;font-size:14px;color:var(--steel)}
.seg button.on{background:var(--cobalt);color:#fff}
.clines{display:grid;gap:10px}
.cline{display:grid;grid-template-columns:2fr 1fr 1.4fr 40px;gap:10px;align-items:end;background:#fff;border-radius:12px;padding:12px;border:1px solid var(--line)}
.cline .x{width:40px;height:44px;border-radius:10px;background:var(--pale);color:var(--red);font-weight:700}
.addbtn{font-weight:700;color:var(--cobalt);padding:10px 0}
.hint{font-size:13px;color:var(--steel);background:#fff;border-radius:10px;padding:10px 14px;border:1px dashed var(--mid)}
.thanks{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:40px 20px}
.thanks .ok{width:64px;height:64px;border-radius:50%;background:var(--green);display:grid;place-items:center}

/* track */
.trkhero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.wherebox{background:#fff;color:var(--char);border-radius:20px;padding:28px;box-shadow:var(--sh)}
.wherebox img{height:30px;width:auto;margin-bottom:14px}
.wherebox b{color:var(--navy);display:block;margin-bottom:10px;font-size:17px}
.wherebox ul{list-style:none;display:grid;gap:10px}
.wherebox li{display:grid;grid-template-columns:110px 1fr;gap:10px;font-size:14px;padding:10px 0;border-bottom:1px solid var(--line)}
.wherebox li span:first-child{font-weight:700;color:var(--cobalt)}
.tres{border-radius:22px;overflow:hidden;box-shadow:var(--sh);background:#fff;display:grid;grid-template-columns:1fr 1.1fr}
.tres .l{padding:34px}
.tres .hd{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.tres .st{padding:6px 12px;border-radius:999px;background:#E3F1EB;color:var(--green);font-weight:700;font-size:13px}
.tres .ms{display:grid}
.tres .m{display:grid;grid-template-columns:24px 1fr auto;gap:14px;padding:0 0 18px;position:relative}
.tres .m:before{content:"";position:absolute;left:11px;top:22px;bottom:0;width:2px;background:var(--line)}
.tres .m:last-child:before{display:none}
.tres .m i{width:24px;height:24px;border-radius:50%;background:var(--line);position:relative;z-index:1}
.tres .m.d i{background:var(--green)}.tres .m.c i{background:var(--cobalt);box-shadow:0 0 0 6px rgba(31,90,148,.18)}
.tres .m b{display:block;color:var(--navy)}.tres .m span{font-size:13.5px;color:var(--steel)}
.tres .m em{font-style:normal;font-size:13px;color:var(--steel);white-space:nowrap}
.tres .r{background:#0E2447;position:relative;min-height:420px}
.tres .r svg{position:absolute;inset:0;width:100%;height:100%}
.tres .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}
.tres .facts div{background:var(--pale);border-radius:12px;padding:12px}
.tres .facts small{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--steel);font-weight:700}
.tres .facts b{color:var(--navy);font-size:14.5px}

/* contact */
.ctabs2{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}
.ctabs2 button{padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.25);font-weight:700;font-size:14px;color:#C3D1E2}
.ctabs2 button.on{background:#fff;color:var(--navy);border-color:#fff}
.ocards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.oc{border-radius:18px;padding:26px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:6px;transition:.3s}
.oc:hover{box-shadow:var(--sh);border-color:transparent}
.oc small{font-size:11.5px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--cobalt)}
.oc b{color:var(--navy);font-size:19px}
.oc .ad{color:var(--steel);font-size:14.5px}
.oc a{color:var(--cobalt);font-weight:700;font-size:14.5px}
.acards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.acard{text-align:start;border-radius:20px;padding:30px 26px;background:#fff;border:1px solid var(--line);transition:.3s;position:relative;overflow:hidden}
.acard:hover{transform:translateY(-8px);box-shadow:var(--sh);border-color:transparent}
.acard .i{color:var(--cobalt)}
.acard b{display:block;color:var(--navy);font-size:19px;margin:16px 0 8px}
.acard span{color:var(--steel);font-size:14.5px;display:block}
.acard .mini{display:flex;gap:6px;margin-top:16px;flex-wrap:wrap}
.acard .mini i{font-style:normal;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--ice);color:var(--cobalt)}
.acard .go{margin-top:18px;display:inline-flex;font-weight:700;color:var(--cobalt)}

/* careers */
.why4l{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.why4l>div{padding:30px 26px;border-radius:18px;background:#fff;border:1px solid var(--line);transition:.3s}
.why4l>div:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.why4l .n{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--cobalt)}
.why4l b{display:block;color:var(--navy);font-size:20px;margin:12px 0 8px}
.why4l span{color:var(--steel);font-size:14.8px}
.voices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.voice{border-radius:20px;padding:30px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:16px}
.voice q{font-size:16.5px;color:#fff;line-height:1.55;quotes:"\201C" "\201D"}
.voice q:before{content:open-quote;font-size:46px;color:var(--sky);display:block;line-height:.6;font-weight:700}
.voice .who{display:flex;gap:14px;align-items:center;margin-top:auto}
.voice .av{width:50px;height:50px;border-radius:50%;background:var(--cobalt);display:grid;place-items:center;color:#fff;font-weight:700}
.voice .who b{color:#fff;display:block}.voice .who span{font-size:13px;color:#AFC4DA}
.jobs{display:grid;gap:12px}
.job{display:grid;grid-template-columns:1fr 200px 160px auto;gap:20px;align-items:center;padding:20px 24px;border-radius:14px;background:#fff;border:1px solid var(--line);transition:.25s}
.job:hover{border-color:var(--cobalt);box-shadow:var(--sh2)}
.job b{color:var(--navy);display:block;font-size:17px}
.job span{font-size:14px;color:var(--steel)}
.job .loc{font-weight:700;color:var(--navy);font-size:14.5px}

/* partners */
.ptypes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ptypes>div{border-radius:18px;padding:26px;background:#fff;border:1px solid var(--line);transition:.3s;position:relative;overflow:hidden}
.ptypes>div:hover{background:var(--navy);transform:translateY(-6px)}
.ptypes>div:hover b{color:#fff}.ptypes>div:hover span{color:#C3D1E2}.ptypes>div:hover .i{color:var(--sky)}
.ptypes .i{color:var(--cobalt)}
.ptypes b{display:block;color:var(--navy);font-size:18px;margin:14px 0 6px}
.ptypes span{color:var(--steel);font-size:14.5px}
.reg{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:rg}
.reg>div{padding:28px 24px;position:relative;text-align:center}
.reg>div:before{counter-increment:rg;content:counter(rg);width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:var(--navy);color:#fff;font-size:26px;font-weight:700;box-shadow:0 0 0 10px var(--ice);position:relative;z-index:1}
.reg>div:after{content:"";position:absolute;top:63px;left:50%;width:100%;height:3px;background:var(--ice)}
.reg>div:last-child:after{display:none}
.reg b{display:block;color:var(--navy);font-size:18px;margin-bottom:6px}
.reg span{color:var(--steel);font-size:14.5px}

/* tools */
.toolgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.tool{border-radius:22px;background:#fff;border:1px solid var(--line);padding:32px;box-shadow:var(--sh2)}
.tool h3{margin-bottom:6px}
.tool .res{margin-top:18px;border-radius:14px;background:var(--navy);color:#fff;padding:18px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tool .res small{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#AFC4DA;font-weight:700}
.tool .res b{font-size:22px}
.tbl{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--sh2)}
.tbl th{background:var(--navy);color:#fff;text-align:start;padding:14px 14px;font-size:12.5px;letter-spacing:1px;text-transform:uppercase}
.tbl td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl tr:hover td{background:var(--pale)}
.tbl td:first-child{font-weight:700;color:var(--navy)}
.tblwrap{overflow-x:auto;border-radius:16px}
.gsearch{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px;align-items:center}
.gsearch input{flex:1;min-width:240px;padding:14px 18px;border-radius:999px;border:1.5px solid var(--line);font-size:15.5px}
.gloss{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.gloss>div{padding:18px 20px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.gloss b{color:var(--navy);display:block}.gloss small{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--cobalt)}
.gloss span{display:block;color:var(--steel);font-size:14.5px;margin-top:4px}
.cont3d{display:flex;gap:10px;flex-wrap:wrap}
.cont3d button{padding:9px 15px;border-radius:999px;border:1.5px solid var(--line);font-weight:700;font-size:13.5px;color:var(--navy);background:#fff}
.cont3d button.on{background:var(--cobalt);color:#fff;border-color:var(--cobalt)}
.cbox{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;margin-top:20px}
.cbox svg{width:100%}

/* legal & misc */
.legal{max-width:860px;margin:0 auto}
.legal h2{font-size:24px;margin:34px 0 12px}
.legal p{margin-bottom:14px;color:var(--char)}
.searchres{display:grid;gap:12px;max-width:860px}
.searchres button{text-align:start;padding:18px 22px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.searchres b{color:var(--navy);display:block}.searchres span{color:var(--steel);font-size:14px}
.nf{min-height:70vh;display:grid;place-items:center;text-align:center}
.nf .big{font-size:150px;font-weight:700;color:var(--ice);line-height:1}

/* footer */
footer{background:#081630;color:#AFC4DA;padding:90px 0 0;font-size:14.5px}
footer .top{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:40px}
footer .lg{height:58px;width:auto;margin-bottom:22px}
footer .slog{font-size:18px;color:#fff;font-weight:700;margin-bottom:18px;letter-spacing:.3px}
footer h4{color:#fff;font-size:14px;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px}
footer .col button,footer .col a{display:block;padding:5px 0;text-align:start;color:#AFC4DA}
footer .col button:hover,footer .col a:hover{color:#fff}
footer .bot{border-top:1px solid rgba(255,255,255,.08);margin-top:70px;padding:24px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px}
footer .bot .l{display:flex;gap:18px;flex-wrap:wrap}
footer .soc{display:flex;gap:10px;margin-top:18px}
footer .soc a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px}

/* dock + cookie */
.dock{position:fixed;right:22px;bottom:22px;z-index:70;display:flex;gap:8px;opacity:0;transform:translateY(20px);pointer-events:none;transition:.35s}
.dock.show{opacity:1;transform:none;pointer-events:auto}
.dock button{box-shadow:0 10px 28px rgba(11,29,58,.3)}
.cookie{position:fixed;left:22px;bottom:22px;z-index:80;max-width:420px;background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(11,29,58,.25);padding:22px 24px;font-size:14px;border:1px solid var(--line)}
.cookie b{color:var(--navy);display:block;margin-bottom:6px}
.cookie .row{margin-top:14px}

main.page{display:none}
main.page.on{display:block}

@media (max-width:1180px){
 .hdr nav.top{display:none}.burger{display:flex}.hdr .icb span{display:none}
 .sgroups,.g4,.why4,.why4l,.qual,.ptypes,.acards,.inds,.pgrid,.segs,.roles4,.ways{grid-template-columns:repeat(2,1fr)}
 .why5{grid-template-columns:repeat(3,1fr)}
 .vals{grid-template-columns:repeat(3,1fr)}
 .slay{grid-template-columns:1fr}.aside{position:static}
 .bento{grid-template-columns:repeat(2,1fr)}.bc.l,.bc.m,.bc.s{grid-column:span 1;grid-row:span 1}
 .tiles .wrap{grid-template-columns:repeat(2,1fr)}
 footer .top{grid-template-columns:1fr 1fr}
 .timeline{grid-template-columns:repeat(3,1fr)}
 .job{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
 .sec{padding:76px 0}
 .g2,.g3,.stmt,.net,.split,.aud,.mykshow,.mykband,.close2,.vm,.case,.feature,.ba,.trkhero,.tres,.ftabs,.ftabs .pane.on,.subbox,.toolgrid,.cbox,.kvact,.qa,.sub,.fts{grid-template-columns:1fr}
 .split .tx{padding:60px 28px}.split.rev>.ph{order:0}
 .pill3,.conn,.news,.ocards,.voices,.tiers3,.phases,.mstep,.devices,.svcrows,.ilist,.gloss,.sol8,.rlist,.under,.collab,.reg{grid-template-columns:1fr}
 .phases>div:after{display:none}.reg>div:after{display:none}
 .sgroups,.g4,.why4,.why4l,.why5,.qual,.ptypes,.acards,.inds,.pgrid,.segs,.roles4,.ways,.stats,.timeline,.vas{grid-template-columns:1fr}
 .stats>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
 .vals{grid-template-columns:repeat(2,1fr)}.val{height:260px}.val .L{font-size:110px}
 .tiles{margin-top:0}.tiles .wrap{grid-template-columns:1fr;border-radius:0;padding:0}
 .hero{height:auto;min-height:620px;max-height:none}.hero .in{padding:90px 22px 60px}
 .hero .sw,.hero .cap{display:none}
 .bento{grid-template-columns:1fr}
 .ps>div{grid-template-columns:1fr}.ps .p{border-radius:16px 16px 0 0;border-right:1px solid var(--line)}.ps .s{border-radius:0 0 16px 16px}.ps .a{padding:8px}
 .pain>div{grid-template-columns:1fr}.pain .n{padding:10px}
 .flowx .fs{grid-template-columns:1fr;gap:6px}.flowx .fs .stg{text-align:start}.flowx .fs .d{display:none}
 .sub .tabs3,.case .cg,.fgrid,.feat{grid-template-columns:1fr}
 .svcpick{grid-template-columns:repeat(2,1fr)}
 .cline{grid-template-columns:1fr 1fr}
 .vm>div{padding:60px 28px}
 .strip span{display:none}.strip{font-size:11px;letter-spacing:2px}
 .hdr .bar{height:74px}.hdr .brand img{height:44px}
 .hdr .hcta .btn,.hdr .icb{display:none}
 .stepper .trackline{grid-template-columns:repeat(4,1fr)!important;row-gap:20px}.stepper .trackline:before,.stepper .prog{display:none}
 .stepper .det{grid-template-columns:1fr}
 .kvact{padding:40px 28px}
 footer .top{grid-template-columns:1fr}
 .job{grid-template-columns:1fr}
 .onewin{aspect-ratio:auto;height:auto;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
 .onewin .core{position:relative;left:auto;top:auto;margin:0 0 20px;width:100%;border-radius:20px;height:auto;padding:20px}
 .onewin .sv{position:static;transform:none}.onewin svg{display:none}
 .ring{aspect-ratio:auto;display:flex;flex-wrap:wrap;gap:8px}.ring .c{position:relative;inset:auto;width:100%;border-radius:20px}.ring .it{position:static;margin:0;width:auto}.ring svg{display:none}
 .fts .sun{height:70px}
 .wrap{padding:0 18px}
}

.mkw{white-space:nowrap}.mkw small{font-size:.72em;font-weight:400;letter-spacing:0;margin-right:.02em}
h1 .mkw small,h2 .mkw small{font-size:.6em}
.gtip{position:absolute;pointer-events:none;background:#fff;color:var(--char);border-radius:14px;padding:12px 14px;box-shadow:0 18px 40px rgba(0,0,0,.35);font-size:13px;min-width:200px;max-width:260px;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;z-index:5}
.gtip.on{opacity:1;transform:none}.gtip b{display:block;color:var(--navy);font-size:15px}.gtip small{display:block;color:var(--cobalt);font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:10.5px;margin-bottom:4px}
.gvals{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:18px;color:var(--steel);margin:4px 0}
.gvals b{color:var(--cobalt);font-size:1.25em}
.navy .gvals,.split.navy .gvals{color:#C9D6E6}.navy .gvals b{color:var(--sky)}
.seaair{display:grid;gap:18px;margin-top:10px}
.seaair .lane{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:18px;padding:18px 22px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden}
.seaair .lane span{width:54px;height:54px;border-radius:50%;background:var(--sky);color:var(--navy);display:grid;place-items:center}
.seaair .lane i{height:3px;background:repeating-linear-gradient(90deg,var(--sky) 0 10px,transparent 10px 18px);position:relative}
.seaair .lane.l1 i{animation:slide 6s linear infinite}.seaair .lane.l2 i{animation:slide 2.2s linear infinite}
.seaair .lane b{color:#fff;font-size:16px}
.seaair .lane.l3{grid-template-columns:60px 1fr;background:var(--sky)}.seaair .lane.l3 b{color:var(--navy)}.seaair .lane.l3 span{background:var(--navy);color:#fff}
@keyframes slide{from{background-position:0 0}to{background-position:180px 0}}
.dotm{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--cobalt)}
.mtx th,.mtx td{padding:10px 8px;font-size:13.5px}.mtx td:first-child{min-width:200px}
.segs.light{grid-template-columns:repeat(2,1fr)}.segs.light>div{background:var(--pale);border-color:var(--line)}.segs.light b{color:var(--navy)}.segs.light span{color:var(--steel)}
button.feature{text-align:start;cursor:pointer}
.why4 .n{display:block}
.sub .ph{min-height:260px}
.sgroup .scard{padding:12px 16px}
.pgrid .i,.why5 .i,.qual .i,.acard .i,.ptypes .i,.ways .i{width:34px;height:34px}
.phero .ph.kb,.phero>.ph{background-size:cover}
.tile .ic svg{width:30px;height:30px}
.stats .i{width:30px;height:30px}
.ipanel button svg{width:20px;height:20px;flex:0 0 20px}
.minipanel .i,.hcta .i{width:20px;height:20px}
.tres .r svg .drawn{animation:draw 3s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.pulse2{animation:pulse 2.4s ease-out infinite;transform-origin:center;transform-box:fill-box}
.rlist button{background:transparent}
.gmd .gmdtext h2{margin-bottom:8px}
.timeline .c{display:block}
.chip.d input{accent-color:var(--cobalt)}
label.chip.d:has(input:checked){background:var(--cobalt);color:#fff;border-color:var(--cobalt)}
.qa>div b{display:block}
.onewin .core div{line-height:1.2}
.ring .c div{line-height:1.2}
.prank button>span:nth-child(2){display:block}
.svcpick button svg{width:28px;height:28px}
.fld .row input{min-width:0}
.store{color:#fff}
.dock .btn{padding:12px 20px}
@media (max-width:820px){.dock{left:12px;right:12px;bottom:12px;justify-content:center}.cookie{left:12px;right:12px;bottom:80px}.segs.light{grid-template-columns:1fr}.seaair .lane{grid-template-columns:50px 1fr}.seaair .lane i{display:none}}

.hdr nav.top>.ni>button{white-space:nowrap;padding:11px 12px;font-size:15px}
.hdr .icb{white-space:nowrap}
.hdr .bar{gap:18px}
.val b{font-size:14.5px;letter-spacing:1.4px}
.sgroup .gt{display:block;padding:0 16px!important}
.aud .t .link{color:#fff;text-decoration:underline}
@media (max-width:1320px){.hdr .icb span{display:none}}

.mkw small{display:inline!important;text-transform:none!important;letter-spacing:0!important;color:inherit!important;font-weight:inherit!important;margin:0 .02em 0 0!important;font-size:.72em!important}
.deep .ilist span,.navy .ilist span{color:#AFC4DA}
.rmap .land{fill:#132E55;stroke:rgba(111,168,214,.45);stroke-width:1}
.rmap .ldots circle{fill:rgba(111,168,214,.35)}
.rmap text{paint-order:stroke;stroke:#0E2447;stroke-width:3px}

.ring{width:100%}
.why4l .n{font-size:28px;font-weight:700;color:var(--cobalt)}
[hidden]{display:none!important}
main.page{overflow-x:clip}
.slay>div,.g2>div{min-width:0}
@media (max-width:820px){
 .wrap [style*="grid-template-columns"]:not(.trackline){grid-template-columns:1fr!important}
 .faq summary{font-size:15.5px}
 .head[style*="sticky"]{position:static!important}
 .phero .in{padding:80px 18px 100px}
 .hero h1{font-size:38px}
 .tiles .wrap{padding:0}
 .mtx th{height:auto!important;writing-mode:horizontal-tb!important;transform:none!important}
}

/* large screens: scale the whole layout like a 125-200% browser zoom (owner feedback 15 Oct) */
:root{--z:1}
@media (min-width:1600px){:root{--z:1.12}}
@media (min-width:1850px){:root{--z:1.25}}
@media (min-width:2200px){:root{--z:1.4}}
@media (min-width:2500px){:root{--z:1.55}}
@media (min-width:3000px){:root{--z:1.8}}
@media (min-width:3600px){:root{--z:2.15}}
body{zoom:var(--z)}
.hero{height:calc((100vh - 130px) / var(--z));max-height:none}
.nf{min-height:calc(70vh / var(--z))}

/* air service levels: three distinct brand colours */
.tiers3 .tier:nth-child(1){background:var(--navy);border-color:var(--navy)}
.tiers3 .tier:nth-child(2){background:var(--cobalt);border-color:var(--cobalt)}
.tiers3 .tier:nth-child(3){background:var(--ice);border-color:var(--ice)}
.tiers3 .tier:nth-child(1) h3,.tiers3 .tier:nth-child(2) h3,.tiers3 .tier:nth-child(1) .sp,.tiers3 .tier:nth-child(2) .sp{color:#fff}
.tiers3 .tier:nth-child(1) p,.tiers3 .tier:nth-child(2) p{color:#DCE5F0}
.tiers3 .tier:nth-child(1) small,.tiers3 .tier:nth-child(2) small{color:var(--ice)}
.tiers3 .tier:nth-child(1) .bar,.tiers3 .tier:nth-child(2) .bar{background:rgba(255,255,255,.18)}
.tiers3 .tier:nth-child(1) .bar i,.tiers3 .tier:nth-child(2) .bar i{background:#fff}
.tiers3 .tier:nth-child(3) .bar{background:#fff}.tiers3 .tier:nth-child(3) .bar i{background:var(--navy)}
.tiers3 .tier:nth-child(3) small{color:var(--cobalt)}
/* hero sub-product chips: solid, readable on any photo */
.phero .chips .chip{background:rgba(11,29,58,.82);border:1px solid rgba(220,234,244,.55);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:9px 16px;font-size:14px;transition:.2s}
.phero .chips .chip:hover{background:#fff;color:var(--navy);border-color:#fff}
.phero .chips{margin-top:30px}
.phero .lbl{color:var(--ice)}

.stepper .det .mk{flex-wrap:wrap;display:block}
.trk .mk span{min-width:0}
/* touch devices: nothing important hidden behind hover */
@media (hover:none){
 .bc p{max-height:none;opacity:1;margin-top:8px}
 .ind .more{opacity:1;transform:none}
 .val{height:auto;min-height:300px;justify-content:flex-start;padding-top:120px}
 .val .L{font-size:96px}
 .val .d,.val .x{max-height:none;opacity:1;margin-top:10px}
 .val .x{padding-top:10px}
}
/* What we do cards: description always visible */
.wwdc p{max-height:none;opacity:1;margin-top:8px}
/* compare tables become cards on phones */
@media (max-width:820px){
 .cmp.stack,.cmp.stack tbody,.cmp.stack tr,.cmp.stack td{display:block;width:100%}
 .cmp.stack tr:first-child{display:none}
 .cmp.stack tr{border-bottom:8px solid var(--pale)}
 .cmp.stack td{border:0;padding:8px 16px}
 .cmp.stack td:first-child{background:var(--navy);color:#fff;font-size:15px}
 .cmp.stack td[data-l]:before{content:attr(data-l);display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--cobalt);font-weight:700}
 .mtxwrap{display:none}.mtxm{display:grid!important}
}
.mtxm{display:none;gap:12px}
.mtxm>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.mtxm b{color:var(--navy);display:block;margin-bottom:8px}
/* one size fits none */
.tailor{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.tailor>div{border-radius:20px;padding:28px;background:#fff;border:1px solid var(--line);position:relative;overflow:hidden;transition:.3s}
.tailor>div:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.tailor small{font-size:11.5px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--cobalt)}
.tailor h4{font-size:19px;margin:8px 0 10px}
.tailor p{font-size:14.5px;color:var(--steel)}
.tailor .mix{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.tailor .mix span{font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;background:var(--navy);color:#fff}
.lanebar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 22px;border-radius:14px;background:var(--navy);color:#fff;font-weight:700;margin-top:30px}
.lanebar i{flex:1;min-width:60px;height:2px;background:repeating-linear-gradient(90deg,var(--sky) 0 8px,transparent 8px 14px);animation:slide 3s linear infinite}
/* proof strip under page heroes */
.proof{background:var(--navy);color:#C9D6E6;font-size:14px}
.proof .wrap{display:flex;gap:10px 34px;flex-wrap:wrap;align-items:center;padding-top:16px;padding-bottom:16px}
.proof b{color:#fff;font-size:18px;margin-right:6px}
.phero .proof2{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);font-size:14px;color:#C9D6E6;max-width:880px}
.phero .proof2 b{color:#fff;font-size:17px;margin-right:4px}
@media (max-width:820px){.tailor{grid-template-columns:1fr}}

@media (max-width:820px){
 .wrap[style*="grid-template-columns"]{grid-template-columns:1fr!important}
 .formcard{padding:22px}
 .fld input,.fld select,.fld textarea{min-width:0}
 .tbl.stack,.tbl.stack tbody,.tbl.stack tr,.tbl.stack td{display:block;width:100%}
 .tbl.stack tr:first-child{display:none}
 .tbl.stack tr{border-bottom:8px solid var(--pale)}
 .tbl.stack td{border:0;padding:7px 16px}
 .tbl.stack td:first-child{background:var(--navy);color:#fff}
 .tbl.stack td[data-l]:before{content:attr(data-l);display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--cobalt);font-weight:700}
 .tblwrap{overflow:visible}
}
/* mobile polish (owner review 15 Oct) */
@media (max-width:820px){
 .rbar span{display:none}.rbar .wrap{font-size:11px}
 .hero{height:auto!important;min-height:0;max-height:none}
 .hero .in{height:auto;padding:70px 18px 70px}
 .hero h1{font-size:34px;line-height:1.08}
 .hero p{font-size:16px;margin:18px 0 24px}
 .hero .kick{font-size:11px;letter-spacing:2px;margin-bottom:14px}
 .tiles{margin-top:0}
 .tiles .wrap{grid-template-columns:1fr 1fr!important;border-radius:0}
 .tile{padding:18px 16px;border-bottom:1px solid var(--line)}
 .tile span:not(.ic):not(.ar){font-size:12.5px}
 .tile b{font-size:15.5px}.tile .ar{display:none}
 .aud .a,.aud .t{padding:28px 20px}
 .aud h3{font-size:24px}
 .iam button{padding:16px}
 .trk .mk{flex-direction:column;align-items:flex-start}
 .stats{grid-template-columns:1fr 1fr!important}
 .stats>div{padding:22px 18px;border-right:0}
 .stats b{font-size:38px}
 .why5>div{display:grid;grid-template-columns:40px 1fr;column-gap:14px;padding:20px}
 .why5>div .i{grid-row:span 2}
 .why5 b{margin:0 0 4px}
 .pill3>div{padding:24px}
 .stmt h2{font-size:32px}
 .sec{padding:64px 0}
 .lanebar{font-size:14px;padding:12px 16px}
 .ticker span{font-size:12px}
}
@media (max-width:820px){.wrap .stats.light[style]{grid-template-columns:repeat(3,1fr)!important}.stats.light>div{padding:14px 10px}.stats.light b{font-size:26px}.stats.light span{font-size:12px}.stats.light .i{display:none}}
/* mega menus: always inside the screen, at any zoom (owner review 15 Oct) */
.hdr .bar{position:relative}
.hdr nav.top>.ni{position:static}
.mega,.mega.wide,.mega.cols{left:28px;right:28px;width:auto;max-width:none;transform:translateY(12px);max-height:calc((100vh - 150px) / var(--z));overflow-y:auto}
.ni:hover .mega,.ni:focus-within .mega{transform:none}
.mega.wide{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.mega.cols{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important}
.mega .mi span{overflow-wrap:anywhere}
/* in-between widths (tablets, zoomed laptops) stay fluid */
.oc a,.oc .ad{overflow-wrap:anywhere}
@media (max-width:1180px) and (min-width:821px){
 .ocards,.news,.conn,.voices,.tiers3,.pill3,.tailor,.mstep,.devices,.qual,.svcrows,.ilist,.vas{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important}
 .sub{grid-template-columns:220px 1fr}.sub .tabs3{grid-template-columns:1fr}
 .case .cg{grid-template-columns:1fr}
 .kvact{grid-template-columns:auto 1fr}.kvact>.row{grid-column:1/-1;flex-direction:row!important}
}
@media (max-width:1100px){.strip span{display:none}}
@media (min-width:821px){.ring{width:calc(100% - 80px)}}
.rmap{position:relative;aspect-ratio:auto}
.rmap .oth{fill:#15325A;stroke:rgba(111,168,214,.25);stroke-width:.8}
.rmap .gcc{fill:#1F4A80;stroke:rgba(220,234,244,.6);stroke-width:1}
.rmap .sea{fill:#0A1C38}
.rmap text.c{fill:#AFC4DA;font-size:10px;letter-spacing:2px;stroke:none}
.rmap text.sea2{fill:#4E79A8;font-style:italic}
.rmap .gw.dst circle{fill:#6FA8D6}
.rmap .gw{transition:opacity .3s}
.rmap.sel .gw{opacity:.25}.rmap.sel .gw.on{opacity:1}
.rmap.sel .gw.on circle:not(.pulse){fill:#fff;r:7}
.rmap .rt{transition:opacity .3s,stroke-width .3s}
.rmap.sel .rt{opacity:.08!important}.rmap.sel .rt.on{opacity:1!important;stroke-width:3}
.rall{position:absolute;right:12px;bottom:12px;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:700}
.gwl>div{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important}.gwl b{color:#fff!important}

.tailor .tl2{display:block;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;color:var(--cobalt);margin-top:12px}
.tailor .tl2+p{margin-top:4px}
.lanebar small{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--sky);margin-right:6px}
/* ===== Aesthetic upgrade (15 Oct): less flat white, more depth ===== */
.sec.pale{background:linear-gradient(180deg,#F5F7FA 0%,#EEF3F8 100%);position:relative}
.sec.pale:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(31,90,148,.09) 1.2px,transparent 1.2px);background-size:22px 22px;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
.sec.pale>.wrap{position:relative}
.sec.deep,.sec.navy{position:relative;overflow:hidden}
.sec.deep:after{content:"";position:absolute;right:-6%;top:-20%;width:520px;height:140%;background:linear-gradient(105deg,transparent 0 46%,rgba(111,168,214,.07) 46% 54%,transparent 54%);pointer-events:none}
.sec.navy:after{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--cobalt),var(--sky),var(--cobalt));transform:skewY(-.6deg);transform-origin:left}
.head h2{position:relative}
.head .lbl{padding:4px 0}
/* card depth */
.ilist>div,.pgrid>div,.why4l>div,.qual>div,.qa>div,.ptypes>div,.acard,.oc,.roles4>div,.ways>div,.mstep>div,.gloss>div,.sol8 div,.timeline>div,.tailor>div{box-shadow:0 1px 0 rgba(11,29,58,.04),0 10px 30px rgba(11,29,58,.06)}
.ilist>div{border-left:4px solid var(--cobalt)}
.qa>div{border-top:4px solid var(--cobalt)}
.why4l>div,.pgrid>div,.qual>div{position:relative;overflow:hidden}
.why4l>div:after,.pgrid>div:after,.qual>div:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--navy),var(--cobalt));transform:scaleX(0);transform-origin:left;transition:.4s}
.why4l>div:hover:after,.pgrid>div:hover:after,.qual>div:hover:after{transform:scaleX(1)}
.faq details{box-shadow:0 6px 20px rgba(11,29,58,.05)}
.faq details[open]{background:linear-gradient(180deg,#fff,#F4F8FC)}
/* sub-products redesigned */
.sub{display:block;border:0;box-shadow:0 14px 40px rgba(11,29,58,.08);border-radius:22px}
.subtop{display:grid;grid-template-columns:340px 1fr}
.sub.rev .subtop{grid-template-columns:1fr 340px}.sub.rev .subtop>.ph{order:2}
.sub .ph{min-height:100%}
.sub .bd{padding:34px 36px}
.sub .tg{display:inline-flex;gap:8px;align-items:center}
.sub .tg b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--navy);color:#fff;font-size:13px;letter-spacing:0}
.sub h3{font-size:26px}
.sub .tabs3{gap:12px}
.sub .tabs3>div{background:var(--pale);border-radius:14px;padding:16px;border-top:3px solid var(--cobalt)}
.sub .tabs3>div:nth-child(2){border-top-color:var(--navy)}
.sub .tabs3>div:nth-child(3){background:var(--ice);border-top-color:var(--navy)}
.sub .tabs3>div>small{display:flex!important;align-items:center;gap:6px}
.sub .tabs3>div>small svg{width:15px;height:15px}
.exc{background:linear-gradient(120deg,#0B1D3A 0%,#12305A 55%,#1F5A94 120%);color:#DCE5F0;padding:30px 36px 34px;position:relative;overflow:hidden}
.exc:before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;border:2px solid rgba(255,255,255,.08)}
.exh{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.exh span{width:36px;height:36px;border-radius:10px;background:var(--sky);color:var(--navy);display:grid;place-items:center}
.exh span svg{width:20px;height:20px}
.exh b{color:#fff;font-size:17px;letter-spacing:.3px}
.exh em{font-style:normal;color:#AFC4DA;font-size:14.5px;flex:1;min-width:220px}
.exg{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:16px}
.exg>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px 18px}
.exg small{display:block;font-size:11px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;color:var(--sky);margin-bottom:8px}
.exg p{font-size:14.5px;line-height:1.6;color:#DCE5F0}
.exg .res2{background:#fff;border-color:#fff}.exg .res2 small{color:var(--cobalt)}.exg .res2 p{color:var(--navy);font-weight:700}
@media (max-width:1180px){.subtop,.sub.rev .subtop{grid-template-columns:1fr}.sub.rev .subtop>.ph{order:0}.sub .ph{min-height:240px}.exg{grid-template-columns:1fr}}
@media (max-width:820px){.sub .bd{padding:24px 20px}.exc{padding:24px 20px}}
/* duty visual (KV Bonded Hub) */
.dutyviz{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dv{border-radius:18px;padding:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.dv.on{background:#fff;color:var(--char)}
.dv small{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;color:var(--sky)}
.dv.on small{color:var(--cobalt)}
.dv b{display:block;color:#fff;font-size:16px;margin:8px 0 14px}.dv.on b{color:var(--navy)}
.dv .bars{display:flex;align-items:flex-end;gap:8px;height:110px;border-bottom:2px solid rgba(255,255,255,.2);margin-bottom:12px}
.dv.on .bars{border-color:var(--line)}
.dv .bars i{flex:1;background:var(--red);border-radius:6px 6px 0 0;opacity:.8}
.dv.on .bars i{background:var(--green)}
.dv span{font-size:13.5px;color:#C3D1E2}.dv.on span{color:var(--steel)}
@media (max-width:820px){.dutyviz{grid-template-columns:1fr}}
.onewin button.sv{cursor:pointer;font:inherit;font-size:13.5px;font-weight:700}
.onewin button.sv:hover{background:#fff;color:var(--navy);border-color:#fff}
.timeline{grid-template-columns:repeat(6,1fr)}
@media (max-width:1180px){.timeline{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.timeline{grid-template-columns:1fr 1fr}}
/* ===== Values: the big letter stays, the rest of the word grows beside it (Sample 3) ===== */
.vals{display:flex;gap:14px}
.val{flex:1 1 0;min-width:0;transition:flex .55s cubic-bezier(.2,.7,.2,1),box-shadow .45s,transform .45s}
.val .L{display:flex;align-items:baseline;white-space:nowrap;font-size:150px;transform:none!important;top:14px;left:20px;right:12px}
.val .L .cap{font-size:1em;line-height:1;transition:font-size .55s cubic-bezier(.2,.7,.2,1),color .45s}
.val .L i{font-style:normal;font-size:30px;font-weight:700;color:#fff;letter-spacing:.5px;display:inline-block;max-width:0;opacity:0;overflow:hidden;vertical-align:baseline;transition:max-width .55s cubic-bezier(.2,.7,.2,1),opacity .35s .1s}
.val .L .pre{font-size:30px}
.val b{transition:opacity .3s,max-height .3s;max-height:40px}
.val:hover,.val:focus-within{flex:2.7 1 0}
.val:hover .L .cap,.val:focus-within .L .cap{font-size:96px;color:var(--sky)}
.val:hover .L i,.val:focus-within .L i{max-width:9em;opacity:1}
.val:hover b,.val:focus-within b{opacity:0;max-height:0;margin:0}
.val:hover .d,.val:focus-within .d,.val:hover .x,.val:focus-within .x{max-height:200px;opacity:1;margin-top:10px}
.val:focus-within .x{padding-top:10px}
@media (max-width:1180px){.vals{flex-wrap:wrap}.val{flex:1 1 calc(33% - 14px)}.val:hover,.val:focus-within{flex:1 1 calc(33% - 14px)}}
@media (hover:none),(max-width:820px){
 .vals{display:grid;grid-template-columns:1fr 1fr}
 .val,.val:hover{flex:none;height:auto;min-height:250px;padding-top:96px;justify-content:flex-start}
 .val .L{font-size:64px}
 .val .L .cap,.val:hover .L .cap{font-size:64px;color:var(--sky)}
 .val .L i{max-width:9em;opacity:1;font-size:17px}
 .val .L .pre{font-size:17px}
 .val b{display:none}
 .val .d,.val .x{max-height:none;opacity:1;margin-top:10px}
}
@media (max-width:420px){.vals{grid-template-columns:1fr}.val .L i,.val .L .pre{font-size:20px}}
.val b{font-size:13px!important;letter-spacing:1.2px!important;white-space:nowrap}
.val .L i,.val .L .pre{font-size:34px}
@media (hover:none),(max-width:820px){.val .L i,.val .L .pre{font-size:17px}}
@media (max-width:420px){.val .L i,.val .L .pre{font-size:20px}}
/* ===== Follow the sun (Sample 3) ===== */
.fts2{display:grid;gap:18px}
.fts-top{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fts-top>div{display:flex;gap:16px;align-items:flex-start;background:#fff;border-radius:16px;padding:20px 22px;box-shadow:0 10px 30px rgba(11,29,58,.06);border-left:4px solid var(--cobalt)}
.fts-top svg.i{flex:0 0 40px;width:40px;height:40px;padding:8px;border-radius:50%;background:var(--navy);color:#fff}
.fts-top b{display:block;color:var(--navy);font-size:16px;margin-bottom:4px}.fts-top span{font-size:14px;color:var(--steel)}
.fts-main{display:grid;grid-template-columns:300px 1fr 300px;gap:18px;align-items:stretch}
.ctc{border-radius:18px;padding:24px;background:#fff;box-shadow:0 10px 30px rgba(11,29,58,.06);display:flex;flex-direction:column}
.ctc.d{background:var(--navy);color:#DCE5F0}
.ctc small{font-size:11.5px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--cobalt)}.ctc.d small{color:var(--sky)}
.ctc h4{font-size:18px;margin:6px 0 12px}.ctc.d h4{color:#fff}
.ctc ul{list-style:none;display:grid;gap:7px;font-size:14px}
.ctc li{padding-left:22px;position:relative}
.ctc li:before{content:"";position:absolute;left:0;top:4px;width:13px;height:13px;border-radius:50%;background:var(--cobalt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/9px no-repeat}
.ctc.d li:before{background-color:var(--sky)}
.ctc .own{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-weight:700;font-size:13.5px;color:var(--navy)}
.ctc.d .own{border-color:rgba(255,255,255,.15);color:#fff}
.ftsmap{background:linear-gradient(160deg,#fff,#EEF3F8);border-radius:18px;box-shadow:0 10px 30px rgba(11,29,58,.06);display:flex;align-items:center;padding:10px;overflow:hidden}
.ftsvg{width:100%;height:auto}
.ftsvg .sunarc{fill:none;stroke:#FCE7B6;stroke-width:26;stroke-linecap:round;opacity:.75}
.ftsvg .sun{fill:#F2B33D;filter:drop-shadow(0 0 10px rgba(242,169,59,.8))}
.ftsvg .ft{font:700 15px Arial;fill:var(--cobalt)}
.ftsvg .divl{stroke:#AEB4BC;stroke-width:2;stroke-dasharray:6 6}
.ftsvg .dl{font:700 12px Arial;fill:var(--navy)}
.ftsvg .rt{fill:none;stroke:var(--cobalt);stroke-width:4;stroke-dasharray:3 9;stroke-linecap:round;animation:dash 20s linear infinite}
.ftsvg .nd circle{fill:var(--cobalt);stroke:#fff;stroke-width:3}
.ftsvg .nd.x circle{fill:var(--sky)}.ftsvg .nd.d circle{fill:var(--navy)}
.ftsvg .nd path,.ftsvg .nd rect,.ftsvg .nd circle+g *{fill:none;stroke:#fff;stroke-width:2}
.ftsvg .cargo circle{fill:#fff;stroke:var(--navy);stroke-width:3}
.ftsvg .rg{font:700 13px Arial;fill:var(--navy)}
@media (max-width:1180px){.fts-main{grid-template-columns:1fr 1fr}.ftsmap{grid-column:1/-1;order:-1}}
@media (max-width:820px){.fts-main,.fts-top{grid-template-columns:1fr}}
/* ===== Freight management ring (Sample 3) ===== */
.ring2{position:relative;width:100%;max-width:820px;aspect-ratio:1;margin:60px auto 40px}
.ring2>svg{position:absolute;inset:0;width:100%;height:100%}
.ring2 .dash{fill:none;stroke:#C8D6E6;stroke-width:.5;stroke-dasharray:1.2 1.6}
.ring2 .arc{fill:none;stroke:#D6E1EC;stroke-width:5.5}
.ring2 .ah{fill:none;stroke:#D6E1EC;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ring2 .spin{transform-origin:50px 50px;animation:spin 24s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.ring2 .core{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(160deg,#1F5A94,#0B1D3A);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;box-shadow:0 20px 50px rgba(11,29,58,.3)}
.ring2 .core img{width:34%;margin-bottom:8px}.ring2 .core b{font-size:clamp(14px,1.6vw,19px)}.ring2 .core span{font-size:12.5px;color:#C9D6E6;margin-top:4px}
.ring2 .ri{position:absolute;width:132px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:.3s}
.ring2 .ri span{width:54px;height:54px;border-radius:50%;background:#fff;border:2px solid var(--ice);display:grid;place-items:center;color:var(--cobalt);box-shadow:0 8px 20px rgba(11,29,58,.1);transition:.3s}
.ring2 .ri svg{width:26px;height:26px}
.ring2 .ri b{font-size:13px;line-height:1.25;color:var(--navy)}
.ring2 .ri:hover span{background:var(--cobalt);color:#fff;transform:scale(1.1)}
@media (max-width:820px){.ring2{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.ring2>svg{display:none}.ring2 .core{position:relative;left:auto;top:auto;transform:none;width:auto;aspect-ratio:auto;border-radius:18px;grid-column:1/-1}.ring2 .ri{position:static;transform:none;width:auto;flex-direction:row;text-align:start}}
/* floating dock only on phones (C107) */
@media (min-width:821px){.dock{display:none!important}}

.ftsvg .branch{fill:none;stroke:var(--sky);stroke-width:3;stroke-dasharray:3 8;stroke-linecap:round}
.ftsvg .ml{font:700 11px Arial;fill:var(--steel)}
/* track map */
.tres .r{display:block;background:#0A1C38;padding:0}
.tmap{width:100%;height:100%;min-height:300px;display:block}
.tmap .sea{fill:#0A1C38}
.tmap .land{fill:#12305A;stroke:rgba(111,168,214,.35);stroke-width:.6}
.tmap .done{fill:none;stroke:var(--sky);stroke-width:3;stroke-linejoin:round;stroke-dasharray:900;stroke-dashoffset:900;animation:draw 3.5s ease forwards}
.tmap .next{fill:none;stroke:#fff;stroke-width:2.5;stroke-dasharray:4 6;opacity:.85}
.tmap .pt circle{fill:#fff}.tmap .pt.t circle{fill:var(--sky)}.tmap .pt.r circle{fill:none;stroke:#fff;stroke-width:2}
.tmap text{font:700 12px Arial;fill:#fff;paint-order:stroke;stroke:#0A1C38;stroke-width:3px}
.tmap .leg{font-weight:400;font-size:11px;fill:#AFC4DA}
.tmap .sb{fill:var(--cobalt);stroke:#fff;stroke-width:2}
.tmap .ship g *{fill:none;stroke:#fff;stroke-width:2}
.tmap .pulse3{fill:none;stroke:#fff;stroke-width:1.5;animation:pulse 2.4s ease-out infinite;transform-origin:center;transform-box:fill-box}
/* ===== myKORVEX log-in page design ===== */
body.bare .hdr,body.bare footer,body.bare .dock,body.bare .mnav{display:none!important}
.mkl{display:grid;grid-template-columns:1.1fr 1fr;min-height:calc((100vh - 32px) / var(--z))}
.mkl-brand{position:relative;color:#fff;overflow:hidden;background:var(--navy)}
.mkl-brand>.ph{position:absolute;inset:0}
.mkl-ov{position:absolute;inset:0;background:linear-gradient(140deg,rgba(11,29,58,.95) 30%,rgba(18,48,90,.85) 70%,rgba(31,90,148,.75));z-index:1}
.mkl-in{position:relative;z-index:2;padding:64px 64px 40px;display:flex;flex-direction:column;gap:26px;height:100%}
.mkl-logo{height:64px;width:auto;align-self:flex-start}
.mkl-in h1{color:#fff;font-size:clamp(34px,3.6vw,54px);line-height:1.08;margin-top:auto}
.mkl-in ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mkl-in li{display:flex;gap:10px;align-items:center;font-size:15px;color:#DCE5F0;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px}
.mkl-in li svg{width:22px;height:22px;color:var(--sky);flex:0 0 22px}
.mkl-foot{display:flex;gap:14px;align-items:center;font-size:13px;color:#AFC4DA;margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}
.mkl-form{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;background:var(--pale)}
.mkl-card{width:100%;max-width:440px;background:#fff;border-radius:22px;padding:36px;box-shadow:0 24px 60px rgba(11,29,58,.12);border:1px solid var(--line)}
.mkl-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}
.mkl-top .lang{font-size:13px;color:var(--steel)}
.mkl-card h2{font-size:28px}.mkl-card .mkl-sub{color:var(--steel);margin:6px 0 20px;font-size:15px}
.mkl-seg{display:flex;margin-bottom:20px}.mkl-seg button{flex:1}
#mklform{display:grid;gap:14px}
.pw{position:relative}.pw input{padding-right:46px}.pw .eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--steel);padding:6px}.pw .eye svg{width:20px;height:20px}
.mkl-msg{background:var(--ice);color:var(--navy);border-radius:10px;padding:10px 14px;font-size:13.5px}
.mkl-or{display:flex;align-items:center;gap:12px;margin:24px 0 14px;color:var(--steel);font-size:13.5px}
.mkl-or:before,.mkl-or:after{content:"";flex:1;height:1px;background:var(--line)}
.mkl-legal{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--steel);margin-top:22px}.mkl-legal svg{width:16px;height:16px;flex:0 0 16px;margin-top:2px}
.mkl-legal .link{display:inline;font-size:12.5px}
.mkl-back{margin-top:20px}
@media (max-width:900px){.mkl{grid-template-columns:1fr}.mkl-in{padding:36px 22px 28px}.mkl-in h1{margin-top:10px;font-size:30px}.mkl-in ul{grid-template-columns:1fr}.mkl-logo{height:46px}.mkl-foot{display:none}.mkl-card{padding:26px 20px}}
.mkl-legal a{color:var(--cobalt);font-weight:700}
.mkl-card .link[data-mkl]{font-size:14px}
/* ===== language switcher ===== */
.langsw{display:inline-flex;gap:2px;margin-inline-start:6px;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:2px}
.langsw button{color:#C9D6E6;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;letter-spacing:.5px}
.langsw button.on{background:#fff;color:var(--navy)}
.langsw.m{display:flex;width:max-content;margin:0 0 14px;border-color:var(--line)}.langsw.m button{color:var(--steel);font-size:14px;padding:6px 14px}.langsw.m button.on{background:var(--navy);color:#fff}
@media (max-width:1100px){.strip span{display:flex!important}.strip span a{display:none}}
/* ===== right-to-left (Arabic) ===== */
[dir=rtl] body{font-family:Arial,"Segoe UI",Tahoma,sans-serif}
[dir=rtl] .scard:after,[dir=rtl] .iam .c{transform:scaleX(-1)}
[dir=rtl] .scard:after{right:auto;left:14px}
[dir=rtl] .tile .ar{right:auto;left:22px}
[dir=rtl] .hero .ov{background:linear-gradient(270deg,rgba(11,29,58,.94) 0%,rgba(11,29,58,.72) 42%,rgba(11,29,58,.15) 80%),linear-gradient(0deg,rgba(11,29,58,.75),transparent 40%)}
[dir=rtl] .phero:before{background:linear-gradient(270deg,rgba(11,29,58,.96) 0%,rgba(11,29,58,.82) 45%,rgba(11,29,58,.25) 100%)}
[dir=rtl] .phero .kvmark{right:auto;left:6%}
[dir=rtl] .ticks li,[dir=rtl] .ctc li,[dir=rtl] .ba li{padding-left:0;padding-right:30px}
[dir=rtl] .ticks li:before,[dir=rtl] .ctc li:before,[dir=rtl] .ba li:before{left:auto;right:0}
[dir=rtl] .summary{border-left:0;border-right:4px solid var(--cobalt);padding:4px 26px 4px 0}
[dir=rtl] .faq summary{padding:20px 0 20px 30px}[dir=rtl] .faq summary:after{right:auto;left:0}
[dir=rtl] .bpanel .u{border-left:0;border-right:3px solid var(--sky);border-radius:10px 0 0 10px}
[dir=rtl] .bpanel li{padding-left:0;padding-right:22px}[dir=rtl] .bpanel li:before{left:auto;right:0}
[dir=rtl] .hero .sw{right:auto;left:28px}[dir=rtl] .hero .cap{right:auto;left:56px;text-align:left}
[dir=rtl] .ilist>div{border-left:1px solid var(--line);border-right:4px solid var(--cobalt)}
[dir=rtl] .fts-top>div{border-left:0;border-right:4px solid var(--cobalt)}
[dir=rtl] .val .L,[dir=rtl] .ticker,[dir=rtl] .tr,[dir=rtl] canvas,[dir=rtl] svg,[dir=rtl] .stepper .trackline{direction:ltr}
[dir=rtl] .stepper .trackline{direction:rtl}
[dir=rtl] .stepper .prog{left:auto;right:0}
[dir=rtl] .mega{text-align:right}
[dir=rtl] .lbl:before{order:0}
[dir=rtl] .vals{direction:ltr}[dir=rtl] .val .d,[dir=rtl] .val .x,[dir=rtl] .val b{direction:rtl;text-align:right}
@media (max-width:600px){.strip b{font-size:9.5px;letter-spacing:1px}.langsw button{font-size:11px;padding:2px 6px}.strip .wrap{gap:8px}}
.phero .proof2 b,.proof b{margin-right:0;margin-inline-end:5px}.mkl-top .lang button{font-size:13px;color:var(--steel);padding:2px 4px}.mkl-top .lang button.on{color:var(--navy);font-weight:700}
/* ===== coloured cards: careers and contact (Sample 4) ===== */
.roles4 .gn{border-radius:18px;padding:26px 22px;display:flex;flex-direction:column;gap:10px;transition:.35s;box-shadow:0 12px 30px rgba(11,29,58,.1)}
.roles4 .gn svg.i{width:40px;height:40px;padding:8px;border-radius:12px;background:rgba(255,255,255,.14);color:#fff}
.roles4 .gn b{font-size:19px;margin:0}.roles4 .gn span{font-size:14.5px}
.gn.g0{background:var(--navy)}.gn.g1{background:var(--cobalt)}.gn.g2{background:#12305A}
.gn.g0 b,.gn.g1 b,.gn.g2 b{color:#fff}.gn.g0 span,.gn.g1 span,.gn.g2 span{color:#DCE5F0}
.gn.g3{background:var(--ice)}.gn.g3 svg.i,.gn.g4 svg.i{background:var(--navy)}
.gn.g4{background:#fff;border:2px solid var(--navy)}
.roles4 .gn:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(11,29,58,.22)}
.why4l>div:nth-child(1){background:var(--navy);border-color:var(--navy)}.why4l>div:nth-child(2){background:var(--cobalt);border-color:var(--cobalt)}
.why4l>div:nth-child(3){background:var(--ice);border-color:var(--ice)}.why4l>div:nth-child(4){background:#fff;border:2px solid var(--navy)}
.why4l>div:nth-child(1) b,.why4l>div:nth-child(2) b,.why4l>div:nth-child(1) .n,.why4l>div:nth-child(2) .n{color:#fff}
.why4l>div:nth-child(1) span,.why4l>div:nth-child(2) span{color:#DCE5F0}
.why4l>div:nth-child(1) .n{color:var(--sky)}
.acards .acard:nth-child(1){background:var(--navy);border-color:var(--navy)}.acards .acard:nth-child(2){background:var(--cobalt);border-color:var(--cobalt)}
.acards .acard:nth-child(3){background:#12305A;border-color:#12305A}.acards .acard:nth-child(4){background:var(--ice);border-color:var(--ice)}
.acards .acard:nth-child(-n+3) b,.acards .acard:nth-child(-n+3) .go{color:#fff}.acards .acard:nth-child(-n+3) span{color:#DCE5F0}
.acards .acard:nth-child(-n+3) .i{color:var(--sky)}
.acards .acard:nth-child(-n+3) .mini i{background:rgba(255,255,255,.14);color:#fff}
.acards .acard:nth-child(4) .mini i{background:#fff}
.acard:hover{box-shadow:0 24px 50px rgba(11,29,58,.25)}

/* KV soft background on office and vision/mission sections (C217) */
.sec.deep.kvbg{overflow:hidden}
.sec.deep.kvbg:after{display:none}
.kvbg>.wrap{position:relative;z-index:1}
.kvwm{position:absolute;pointer-events:none;user-select:none;opacity:.055;z-index:0}
.kvbg>.kvwm{right:-4%;top:50%;transform:translateY(-50%);width:min(46vw,640px);height:auto}
.vm{position:relative;overflow:hidden}
.vm>div{position:relative;z-index:1}
.vm>.vmwm{left:50%;top:50%;transform:translate(-50%,-50%);width:min(34vw,440px);opacity:.07;z-index:2}
[dir=rtl] .kvbg>.kvwm{right:auto;left:-4%}
@media(max-width:900px){.kvbg>.kvwm{width:80vw;right:-20%;top:auto;bottom:-4%;transform:none}.vm>.vmwm{width:60vw;top:50%}}
.kvbg>.kvwm{right:-9%;top:70px;transform:none;width:min(50vw,720px);opacity:.05}
.vm>.vmwm{left:auto;right:-4%;top:auto;bottom:-16%;transform:none;width:min(30vw,380px);opacity:.08;z-index:0}
[dir=rtl] .vm>.vmwm{right:auto;left:-4%}
@media(max-width:900px){.kvbg>.kvwm{width:80vw;right:-22%;top:auto;bottom:-4%}.vm>.vmwm{width:55vw;bottom:-6%}}
.vm>.vmwm{z-index:2;opacity:.09}
.vm>.vmwm{right:-1%;bottom:-12%;width:min(24vw,330px)}

/* Legal documents (C219) */
.lhero .lead{max-width:720px}
.lmeta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.lmeta span{font-size:12.5px;font-weight:700;letter-spacing:.04em;color:#DCE5F0;border:1px solid rgba(255,255,255,.22);border-radius:30px;padding:6px 14px}
.lwrap{display:grid;grid-template-columns:280px 1fr;gap:56px;align-items:start}
.ltoc{position:sticky;top:130px;max-height:calc(100vh - 150px);overflow:auto;background:#F5F7FA;border-radius:16px;padding:22px 18px;font-size:13.5px}
.ltoc b{display:block;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt);margin:0 0 10px}
.ltoc a{display:flex;gap:8px;padding:6px 8px;border-radius:8px;color:var(--navy);text-decoration:none;line-height:1.35}.ltoc a:hover{background:#fff;color:var(--cobalt)}
.ltoc a span:first-child{color:var(--steel);min-width:22px;font-weight:700}
.lother{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.lother button{display:block;text-align:start;width:100%;padding:6px 8px;color:var(--cobalt);font-weight:700;font-size:13.5px;border-radius:8px}.lother button:hover{background:#fff}
.legal2{max-width:860px;min-width:0}
.lintro{background:linear-gradient(135deg,#0B1D3A,#1F5A94);color:#E6EEF7;border-radius:18px;padding:28px 32px;margin-bottom:30px}.lintro p{margin:0 0 10px;line-height:1.65}.lintro p:last-child{margin:0}
.lsec{padding:26px 0 8px;border-top:1px solid var(--line)}.lsec:first-of-type{border-top:0}
.lsec h2{display:flex;gap:12px;font-size:22px;margin:0 0 14px;color:var(--navy)}.lsec h2 .ln{color:var(--cobalt)}
.cl{display:grid;grid-template-columns:48px 1fr;gap:6px;margin-bottom:12px}.cl .cn{font-weight:700;color:var(--steel);font-size:13.5px;padding-top:2px}.cl p{margin:0;color:var(--char);line-height:1.7;font-size:15px}
.lcontact{margin-top:28px;color:var(--steel)}
.link.il{display:inline;font-size:inherit;padding:0}
@media(max-width:900px){.lwrap{grid-template-columns:1fr;gap:24px}.ltoc{position:static;max-height:none}.lintro{padding:22px}.cl{grid-template-columns:40px 1fr}}

/* Soft KV corner marks on blue panels (C220) */
.kvc{position:relative;overflow:hidden}
.kvc>*:not(.kvwm){position:relative;z-index:1}
.aud .t.kvt:after{display:none}
.aud .t .lbl{color:#9CC4EA}
.kvt>.kvwm{right:-30px;bottom:-40px;width:240px;opacity:.07}
.kvg>.kvwm{right:-40px;bottom:-50px;width:260px;opacity:.06}
.kvj>.kvwm{right:-2%;top:40px;width:min(26vw,340px);opacity:.05}
[dir=rtl] .kvt>.kvwm,[dir=rtl] .kvg>.kvwm{right:auto;left:-40px}[dir=rtl] .kvj>.kvwm{right:auto;left:-2%}
@media(max-width:900px){.kvj>.kvwm{width:46vw;top:20px}.kvt>.kvwm,.kvg>.kvwm{width:170px}}

/* Header labels stay visible on laptops (C222) */
.hdr .icb .ls{display:none}
@media (max-width:1320px){.hdr .icb span{display:inline}.hdr .icb .lf{display:none}.hdr .icb .ls{display:inline}}
@media (max-width:1440px){.hdr .bar{gap:14px}.hdr nav.top>.ni>button{padding:11px 10px;font-size:14.5px}.hdr .icb{padding:9px 9px;font-size:14px}.hdr .brand img{height:52px}}
@media (max-width:1260px){.hdr nav.top>.ni>button{padding:10px 7px;font-size:14px}.hdr .hcta .btn{padding-left:16px;padding-right:16px}}
@media (max-width:1180px){.hdr .icb span{display:none}.hdr .icb span.trl{display:inline}}
@media (max-width:640px){.hdr .icb span.trl{display:none}}
@media (max-width:640px){.hdr .hcta .icb[data-go="track"]{display:flex;padding:8px}.hdr .hcta{margin-left:auto}}
/* Mega menus with colour (C223) */
.mega{background:linear-gradient(180deg,#F3F7FC 0%,#fff 60%)}
.mega .mi{position:relative;transition:background .18s,box-shadow .18s,transform .18s}
.mega .mi:hover{background:#fff;box-shadow:0 8px 22px rgba(11,29,58,.10);transform:translateX(2px)}
.mega .mi:hover:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--cobalt)}
[dir=rtl] .mega .mi:hover:before{left:auto;right:0}[dir=rtl] .mega .mi:hover{transform:translateX(-2px)}
.mega .mi:hover b{color:var(--cobalt)}
.mega.wide .mcol{border-radius:14px;padding:0 6px 8px;background:#fff;box-shadow:0 1px 0 var(--line) inset,0 0 0 1px var(--line);overflow:hidden}
.mega.wide .mcol .gt{margin:0 -6px 8px;padding:12px 16px;color:#fff;letter-spacing:1.6px}
.mega.wide .mcol.c0 .gt{background:linear-gradient(120deg,#0B1D3A,#12305A)}
.mega.wide .mcol.c1 .gt{background:linear-gradient(120deg,#12305A,#1F5A94)}
.mega.wide .mcol.c2 .gt{background:linear-gradient(120deg,#1F5A94,#1F5A94)}
.mega.wide .mcol.c3 .gt{background:linear-gradient(120deg,#1F5A94,#6FA8D6)}
.mega.wide .mcol .mi:hover{background:#F3F7FC;box-shadow:none}
.mega .foot.dk{position:relative;overflow:hidden;background:linear-gradient(120deg,#0B1D3A,#1F5A94);border:0;border-radius:14px;padding:18px 22px;margin-top:14px}
.mega .foot.dk>*:not(.kvwm){position:relative;z-index:1}
.mega .foot.dk span{color:#DCE5F0}
.mega .foot.dk .kvwm{right:22%;top:-30px;width:150px;opacity:.07}
.mega .foot.dk .btn.out{color:#fff;border-color:rgba(255,255,255,.5)}.mega .foot.dk .btn.out:hover{background:#fff;color:var(--navy)}
.mega .foot.dk .btn:not(.out){background:#fff;color:var(--navy);border-color:#fff}
.mega.myk{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:22px;padding:18px}
.mykp{position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(140deg,#0B1D3A 30%,#1F5A94);padding:26px 26px 24px;color:#DCE5F0}
.mykp>*:not(.kvwm){position:relative;z-index:1}
.mykp .ml{height:52px;width:auto;margin-bottom:14px}.mykp p{font-size:14px;line-height:1.55;margin-bottom:18px}
.mykp .row{display:flex;gap:10px;flex-wrap:wrap}.mykp .btn.out.w{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.mykp .kvwm{right:-30px;bottom:-40px;width:200px;opacity:.07}
.mykf{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;align-content:center}
@media (max-width:1180px){.mega.myk{display:none}}

/* Audience cards with colour accents (C221) */
.iam button{position:relative;overflow:hidden;background:#fff}
.iam button:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px}
[dir=rtl] .iam button:before{left:auto;right:0}
.iam small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}
.iam .u0:before{background:var(--navy)}.iam .u0 small{color:var(--navy)}.iam .u0 .c{background:var(--navy)}
.iam .u1:before{background:var(--cobalt)}.iam .u1 small{color:var(--cobalt)}.iam .u1 .c{background:var(--cobalt)}
.iam .u2:before{background:#6FA8D6}.iam .u2 small{color:#1F5A94}.iam .u2 .c{background:#6FA8D6}
.iam .u0:hover{background:linear-gradient(120deg,#EEF3F8,#fff)}.iam .u1:hover{background:linear-gradient(120deg,#E8F0F9,#fff)}.iam .u2:hover{background:linear-gradient(120deg,#EAF4FC,#fff)}
.mega .foot.dk .row{flex-wrap:nowrap;flex:0 0 auto}.mega .foot.dk .kvwm{right:auto;left:-30px;top:-40px;width:160px}
.iam .u2 .c{background:#1F5A94}
@media (max-width:1300px){.mega .foot.dk{flex-wrap:wrap}.mega .foot.dk .row{flex-wrap:wrap}}

/* KV placement v2 (C224): whole mark, never cropped, never behind text, max 300px (source size) */
.kvwm{max-width:300px}
.sec.deep.kvbg>.kvwm{top:auto;bottom:40px;right:max(32px,calc((100% - 1184px)/2));left:auto;transform:none;width:240px;opacity:.06}
#network2.kvbg>.kvwm{bottom:36px;width:200px}
#offices.kvbg>.kvwm{bottom:56px;width:280px;opacity:.07}
.lhero.kvbg>.kvwm{top:50%;bottom:auto;transform:translateY(-50%);width:260px;opacity:.07}
.vm>.vmwm{right:32px;bottom:28px;top:auto;left:auto;transform:none;width:130px;opacity:.1}
.kvt>.kvwm{right:28px;bottom:26px;width:150px;opacity:.09}
.kvg>.kvwm{right:32px;bottom:30px;width:160px;opacity:.08}
.kvj>.kvwm{right:max(32px,calc((100% - 1184px)/2));top:64px;width:220px;opacity:.06}
.mega .foot.dk .kvwm{left:auto;right:auto;left:42%;top:50%;transform:translateY(-50%);width:84px;opacity:.1}
.mykp .kvwm{right:22px;bottom:20px;width:110px;opacity:.09}
[dir=rtl] .sec.deep.kvbg>.kvwm,[dir=rtl] .kvj>.kvwm{right:auto;left:max(32px,calc((100% - 1184px)/2))}
[dir=rtl] .vm>.vmwm,[dir=rtl] .kvt>.kvwm,[dir=rtl] .kvg>.kvwm,[dir=rtl] .mykp .kvwm{right:auto;left:28px}
@media(max-width:900px){.sec.deep.kvbg>.kvwm,.kvj>.kvwm,.vm>.vmwm{display:none}.lhero.kvbg>.kvwm{display:block;width:120px;top:auto;bottom:24px;transform:none}.kvt>.kvwm,.kvg>.kvwm{width:110px;right:20px;bottom:18px}}
#network2.kvbg>.kvwm{right:auto;left:max(32px,calc((100% - 1184px)/2));bottom:28px;width:150px}
[dir=rtl] #network2.kvbg>.kvwm{left:auto;right:max(32px,calc((100% - 1184px)/2))}
.lhero h1,.lhero .lead{max-width:min(760px,calc(100% - 300px))}
.vm>.vmwm{right:calc(50% + 32px)}
[dir=rtl] .vm>.vmwm{left:calc(50% + 32px);right:auto}
.kvt>.kvwm{bottom:18px;width:120px}
@media(max-width:900px){.kvwm{display:none!important}.lhero h1,.lhero .lead{max-width:none}}
[dir=rtl] .vm>.vmwm{bottom:16px;width:110px}
.mega .foot.dk .kvwm{display:none}

/* KV placement v3 (C226): larger, whole, consistent; diagonal kept only on One window sections */
.kvwm{max-width:none}
.sec.deep:not(.keepdiag):after{display:none}
.sec.deep{overflow:hidden}
.sec.deep>.wrap{position:relative;z-index:1}
.sec.deep>.kvwm.kvd,.sec.deep.kvbg>.kvwm{top:50%;bottom:auto;left:auto;right:max(24px,calc((100% - 1184px)/2 - 40px));transform:translateY(-50%);width:clamp(260px,32vw,460px);opacity:.055}
#offices.kvbg>.kvwm{top:auto;bottom:70px;transform:none;width:clamp(240px,26vw,380px);opacity:.07}
#network2.kvbg>.kvwm{left:auto;right:max(24px,calc((100% - 1184px)/2 - 40px));bottom:auto;width:clamp(260px,32vw,460px)}
.lhero.kvbg>.kvwm{width:clamp(220px,24vw,340px);opacity:.08}
.kvt>.kvwm{width:210px;right:26px;bottom:22px;opacity:.08}
.kvg>.kvwm{width:240px;right:32px;bottom:30px;opacity:.07}
.vm>.vmwm{width:200px;bottom:30px;opacity:.09}
.kvj>.kvwm{width:clamp(240px,26vw,380px);top:50px;opacity:.06}
[dir=rtl] .sec.deep>.kvwm.kvd,[dir=rtl] .sec.deep.kvbg>.kvwm,[dir=rtl] #network2.kvbg>.kvwm{right:auto;left:max(24px,calc((100% - 1184px)/2 - 40px))}
@media(max-width:900px){.sec.deep>.kvwm.kvd,.sec.deep.kvbg>.kvwm{display:block!important;width:62vw;right:-6vw;top:auto;bottom:20px;transform:none;opacity:.05}[dir=rtl] .sec.deep>.kvwm.kvd,[dir=rtl] .sec.deep.kvbg>.kvwm{left:-6vw;right:auto}.kvt>.kvwm,.kvg>.kvwm,.vm>.vmwm{display:block!important;width:120px;right:18px;bottom:16px}}

footer{position:relative;overflow:hidden}footer>.wrap{position:relative;z-index:1}
footer>.kvf{right:max(24px,calc((100% - 1184px)/2));bottom:120px;width:clamp(200px,20vw,300px);opacity:.06}
[dir=rtl] footer>.kvf{right:auto;left:max(24px,calc((100% - 1184px)/2))}
@media(max-width:900px){footer>.kvf{display:none!important}}

.sec.deep.trkh>.kvwm.kvd{top:auto;bottom:22px;transform:none;width:200px;opacity:.07}
/* Compact mega menus on short laptop screens (C227) */
@media (max-height:860px) and (min-width:1181px){
 .mega{padding:16px 18px}
 .mega .mi{padding:6px 10px}.mega .mi b{font-size:14px}.mega .mi span{font-size:12px;line-height:1.35}
 .mega.wide{gap:14px}.mega.wide .mcol .gt{padding:8px 14px;margin-bottom:4px;font-size:11px}
 .mega .foot{padding-top:10px;margin-top:4px}.mega .foot.dk{padding:10px 18px;margin-top:10px}.mega .foot span{font-size:13px}
 .mega .foot .btn{padding:8px 16px;font-size:13px}
 .mega.myk{padding:12px}.mykp{padding:18px 20px}.mykp .ml{height:40px;margin-bottom:8px}.mykp p{margin-bottom:12px}
}

/* myKORVEX wordmark background on myKORVEX sections (C229) */
.sec.mykbg{position:relative;overflow:hidden}.sec.mykbg>.wrap{position:relative;z-index:1}.sec.mykbg:not(.keepdiag):after{display:none}
.mykwm{position:absolute;pointer-events:none;user-select:none;z-index:0;opacity:.07;width:clamp(300px,30vw,460px);height:auto}
.mkb-tr>.mykwm{right:max(24px,calc((100% - 1184px)/2));top:72px}
.mkb-br>.mykwm{right:max(24px,calc((100% - 1184px)/2));bottom:40px}
.mkb-bl>.mykwm{left:max(24px,calc((100% - 1184px)/2));bottom:28px;width:clamp(240px,22vw,340px)}
[dir=rtl] .mkb-tr>.mykwm,[dir=rtl] .mkb-br>.mykwm{right:auto;left:max(24px,calc((100% - 1184px)/2))}
[dir=rtl] .mkb-bl>.mykwm{left:auto;right:max(24px,calc((100% - 1184px)/2))}
@media(max-width:900px){.mykwm{width:60vw;top:auto!important;bottom:16px!important;right:16px!important;left:auto!important}}
/* Five screens: larger screen image, caption under it */
.ftabs .pane.on{display:block}
.ftabs .pane .ph{aspect-ratio:16/9;width:100%}
.ftabs .pane>div:not(.ph){margin-top:18px}
/* Vision and mission: KV in both panels */
.vm>.vmwm2{position:absolute;right:32px;bottom:30px;width:200px;opacity:.09;z-index:2}
[dir=rtl] .vm>.vmwm2{right:auto;left:32px}
@media(max-width:900px){.vm>.vmwm2{display:block!important;width:120px;right:18px;bottom:16px}}
/* Full visibility cards: colour at rest */
.qual.feat10>div{background:linear-gradient(180deg,#EEF4FB 0,#fff 55%);border-color:#DCE7F3}
.qual.feat10>div:before{content:"";position:absolute;left:0;right:0;top:0;height:4px}
.qual.feat10>div:nth-child(5n+1):before{background:#0B1D3A}.qual.feat10>div:nth-child(5n+2):before{background:#12305A}.qual.feat10>div:nth-child(5n+3):before{background:#1F5A94}.qual.feat10>div:nth-child(5n+4):before{background:#1F5A94}.qual.feat10>div:nth-child(5n+5):before{background:#6FA8D6}
.qual.feat10 .i{background:#fff;border-radius:12px;padding:8px;width:44px!important;height:44px!important;box-shadow:0 4px 12px rgba(31,90,148,.14)}
.qual.feat10>div:hover{background:linear-gradient(160deg,#0B1D3A,#1F5A94);border-color:transparent}
.qual.feat10>div:hover b,.qual.feat10>div:hover span{color:#fff}.qual.feat10>div:hover span{color:#DCE5F0}
.qual.feat10>div{transition:background .3s}
/* Four ways: coloured cards */
.ways4>div{border:0;color:#DCE5F0}
.ways4>div:nth-child(1){background:linear-gradient(150deg,#0B1D3A,#12305A)}
.ways4>div:nth-child(2){background:linear-gradient(150deg,#12305A,#1F5A94)}
.ways4>div:nth-child(3){background:linear-gradient(150deg,#1F5A94,#1F5A94)}
.ways4>div:nth-child(4){background:linear-gradient(150deg,#E6F0FA,#fff);border:1px solid #D3E2F1;color:var(--steel)}
.ways4>div:nth-child(-n+3) b{color:#fff}.ways4>div:nth-child(-n+3) span{color:#DCE5F0}.ways4>div:nth-child(-n+3) .i{color:#9CC4EA}
/* myKORVEX menu panel: feature cards */
.mykf .mi{background:#F3F7FC;border:1px solid #E1EAF4;border-radius:12px;padding:12px 14px!important}
.mykf .mi:hover{background:#fff}
.ways4>div:nth-child(4){background:linear-gradient(150deg,#1F5A94,#6FA8D6);border:0;color:#fff}
.ways4>div:nth-child(4) b{color:#fff}.ways4>div:nth-child(4) span{color:#EAF2FA}.ways4>div:nth-child(4) .i{color:#fff}
.vm>.vmwm,.vm>.vmwm2{width:170px;bottom:22px}
.vm>div{padding-bottom:150px}.vm>.vmwm,.vm>.vmwm2{width:150px;bottom:26px}
@media(max-width:900px){.vm>div{padding-bottom:120px}}
@media (max-height:860px) and (min-width:1181px){.mykp .ml{margin-bottom:14px}}
@media(max-width:900px){.vm>.vmwm,.vm>.vmwm2{display:none!important}.vm>div{padding-bottom:60px}}

/* For every team cards (C230) */
.teams>div{padding:0!important;overflow:hidden;border:1px solid #DCE7F3;border-radius:18px;background:#fff;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.teams>div:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(11,29,58,.14)}
.teams .tmh{display:flex;align-items:center;gap:12px;padding:20px 22px;color:#fff}
.teams .tmh .i{width:34px;height:34px;color:#fff;background:rgba(255,255,255,.14);border-radius:10px;padding:6px;flex:0 0 34px}
.teams .tmh b{color:#fff;font-size:18px;margin:0}
.teams .tm0 .tmh{background:linear-gradient(120deg,#0B1D3A,#12305A)}.teams .tm1 .tmh{background:linear-gradient(120deg,#12305A,#1F5A94)}
.teams .tm2 .tmh{background:linear-gradient(120deg,#1F5A94,#1F5A94)}.teams .tm3 .tmh{background:linear-gradient(120deg,#1F5A94,#6FA8D6)}
.teams>div>span{display:block;padding:18px 22px 10px;color:var(--steel);font-size:14.5px;line-height:1.55}
.teams .tmc{display:flex;flex-wrap:wrap;gap:6px;padding:4px 22px 22px;margin-top:auto}
.teams .tmc i{font-style:normal;font-size:12px;font-weight:700;color:var(--cobalt);background:#EAF2FA;padding:4px 10px;border-radius:999px}
.hdr.nomega .mega{opacity:0!important;visibility:hidden!important}
.ni.shut .mega{opacity:0!important;visibility:hidden!important}
.phero.cut-dark:after{display:none}.phero.cut-pale:after{background:#F5F7FA}

/* Tools and glossary refresh (C233) */
.tnav{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:3}
.tnav .wrap{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:18px;padding-bottom:18px}
.tnav span{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin-inline-end:6px}
.tnav button{padding:8px 16px;border-radius:999px;background:#EEF4FB;color:var(--navy);font-weight:700;font-size:13.5px;border:1px solid #DCE7F3}
.tnav button:hover{background:var(--navy);color:#fff}
.tbl .nw{white-space:nowrap}
.tbl td:last-child{min-width:300px}
.tbl tr:nth-child(even) td{background:#FAFCFE}
.igrp{display:flex;align-items:center;gap:12px;font-size:19px;margin:8px 0 16px}.igrp span{font-size:12px;font-weight:700;color:var(--cobalt);background:#EAF2FA;border-radius:999px;padding:3px 10px}
.icards{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;margin-bottom:34px}
.icard{background:#fff;border-radius:18px;border:1px solid #DCE7F3;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(11,29,58,.06)}
.icard .ich{display:flex;gap:14px;align-items:center;padding:18px 20px;color:#fff}
.icard.any .ich{background:linear-gradient(120deg,#12305A,#1F5A94)}.icard.sea .ich{background:linear-gradient(120deg,#0B1D3A,#12305A)}
.icard .icode{font-size:22px;font-weight:700;letter-spacing:1px;background:rgba(255,255,255,.14);border-radius:10px;padding:6px 10px;min-width:64px;text-align:center}
.icard .ich b{display:block;color:#fff;font-size:16.5px}.icard .ich small{color:#B9CDE3;font-size:12.5px}
.icard p{padding:16px 20px 8px;margin:0;color:var(--char);font-size:14.5px;line-height:1.6}
.icard .itip{margin:auto 16px 16px;background:#F1F6FC;border-radius:12px;padding:12px 14px;border-inline-start:4px solid var(--cobalt)}
.icard .itip small{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt);margin-bottom:4px}
.icard .itip span{font-size:13.5px;color:var(--steel);line-height:1.55}
.gloss{grid-template-columns:repeat(3,1fr)}
.gloss>div{border-inline-start:4px solid var(--cobalt);padding:16px 18px}
.gloss>div.gc-ocean{border-inline-start-color:#0B1D3A}.gloss>div.gc-air{border-inline-start-color:#1F5A94}.gloss>div.gc-land{border-inline-start-color:#6FA8D6}
.gloss>div.gc-customs{border-inline-start-color:#1F5A94}.gloss>div.gc-documents{border-inline-start-color:#12305A}.gloss>div.gc-warehousing{border-inline-start-color:#6FA8D6}
.gloss>div.gc-trade{border-inline-start-color:#1F5A94}.gloss>div.gc-general{border-inline-start-color:#8FA8C2}
.gmore{text-align:center;margin-top:26px}
@media(max-width:1100px){.gloss{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.gloss{grid-template-columns:1fr}.icards{grid-template-columns:1fr}.tbl td:last-child{min-width:0}.tbl .nw{white-space:normal}}

/* KV on navy step sections (C234) */
.sec.navy.kvn{position:relative;overflow:hidden}.sec.navy.kvn>.wrap{position:relative;z-index:1}
.sec.navy.kvn>.kvwm.kvd{top:48px;bottom:auto;transform:none;right:max(24px,calc((100% - 1184px)/2));width:clamp(200px,20vw,300px);opacity:.06}
[dir=rtl] .sec.navy.kvn>.kvwm.kvd{right:auto;left:max(24px,calc((100% - 1184px)/2))}
@media(max-width:900px){.sec.navy.kvn>.kvwm.kvd{display:none!important}}
/* myKORVEX wordmark brighter (C235) */
.mykwm{opacity:.13;width:clamp(340px,34vw,520px)}
.mkb-bl>.mykwm{width:clamp(260px,24vw,380px)}
/* Who we serve cards (C236) */
.segs.light>div{background:#fff;border:1px solid #DCE7F3;border-inline-start:5px solid var(--cobalt);box-shadow:0 8px 24px rgba(11,29,58,.06);transition:transform .25s,box-shadow .25s,border-color .25s}
.segs.light>div:nth-child(4n+1){border-inline-start-color:#0B1D3A}.segs.light>div:nth-child(4n+2){border-inline-start-color:#1F5A94}
.segs.light>div:nth-child(4n+3){border-inline-start-color:#1F5A94}.segs.light>div:nth-child(4n+4){border-inline-start-color:#6FA8D6}
.segs.light>div:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(11,29,58,.12);background:#fff}
.sec.navy.kvn>.kvwm.kvd{width:clamp(170px,14vw,220px);top:40px}
/* logo: never squash (keeps the official 5:1 proportion) */
.hdr .brand{flex:0 0 auto;display:flex;align-items:center}
.hdr .brand img{max-width:none;width:auto;height:52px;object-fit:contain}
.hdr.sc .brand img{height:42px}
@media (max-width:1600px){.hdr .brand img{height:44px}.hdr.sc .brand img{height:40px}}
@media (max-width:1280px){.hdr .brand img{height:40px}.hdr.sc .brand img{height:38px}}
@media (max-width:940px){.hdr .brand img{height:38px}.hdr.sc .brand img{height:36px}}
.lcol{min-width:0;max-width:860px}
.lnote{background:var(--ice);border-left:4px solid var(--cobalt);border-radius:10px;padding:14px 18px;margin:0 0 26px;color:var(--char);font-size:15px}
.lsch h2 .ln{color:var(--cobalt)}
[dir=rtl] .lnote{border-left:0;border-right:4px solid var(--cobalt)}
@media (min-width:1281px){.hdr .wrap.bar{max-width:min(1680px,calc(100vw - 64px))}}
/* Sample 8: brighter KV watermarks on dark sections (owner, 16 Oct) */
.sec.deep>.kvwm.kvd,.sec.deep.kvbg>.kvwm{opacity:.12}
#offices.kvbg>.kvwm{opacity:.13}
.lhero.kvbg>.kvwm{opacity:.14}
.kvt>.kvwm{opacity:.14}.kvg>.kvwm{opacity:.13}.kvj>.kvwm{opacity:.12}
footer>.kvf{opacity:.11}
.sec.deep.trkh>.kvwm.kvd{opacity:.13}
.sec.navy.kvn>.kvwm.kvd{opacity:.12}
.mykwm{opacity:.18}
.mykp .kvwm,.mega .foot.dk .kvwm{opacity:.14}
@media(max-width:900px){.sec.deep>.kvwm.kvd,.sec.deep.kvbg>.kvwm{opacity:.1}}
.svcpick{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
@media(max-width:600px){.svcpick{grid-template-columns:repeat(2,1fr)}}
/* Sample 8 */
.skip{position:absolute;left:12px;top:-60px;z-index:999;background:var(--navy);color:#fff;padding:10px 16px;border-radius:8px;font-weight:700}
.skip:focus{top:8px}
.mkw{unicode-bidi:isolate}[dir=rtl] .mkw{direction:ltr}
.langsw button{white-space:nowrap}
@media(max-width:600px){.strip{height:auto}.strip .wrap{height:auto;flex-wrap:wrap;justify-content:center;gap:6px;padding-top:8px;padding-bottom:8px}.strip b{flex:1 0 100%;text-align:center;font-size:11.5px;letter-spacing:2px}}
.searchres mark{background:var(--ice);color:var(--navy);padding:0 2px;border-radius:3px}
body.chgon .chg8{outline:2px dashed #E0A100;outline-offset:3px;background:rgba(255,214,102,.18)}
body.chgon .sec.deep .chg8,body.chgon .sec.navy .chg8{background:rgba(255,214,102,.12)}

/* Sample 8 design fixes (design review) */
@media (max-width:1259px){.hdr .hcta{margin-inline-start:auto}}
.hero h1 em,.phero h1 em{display:block}
:lang(zh-Hans) h1,:lang(zh-Hans) h2{line-break:strict}
.hero .ov{background:linear-gradient(90deg,rgba(11,29,58,.95) 0%,rgba(11,29,58,.82) 45%,rgba(11,29,58,.35) 85%),linear-gradient(0deg,rgba(11,29,58,.8),transparent 45%)}
[dir=rtl] .hero .ov{background:linear-gradient(270deg,rgba(11,29,58,.95) 0%,rgba(11,29,58,.82) 45%,rgba(11,29,58,.35) 85%),linear-gradient(0deg,rgba(11,29,58,.8),transparent 45%)}
@media (max-width:640px){.hero .ov,[dir=rtl] .hero .ov{background:linear-gradient(180deg,rgba(11,29,58,.6) 0%,rgba(11,29,58,.92) 45%,rgba(11,29,58,.95) 100%)}}
.hero .lead,.hero p.lead{color:rgba(255,255,255,.92)}
body[data-route="quote"] .dock,body[data-route="contact"] .dock,body[data-route="mykorvex-login"] .dock{display:none}
[dir=rtl] .kick,[dir=rtl] .lbl,[dir=rtl] .tl2,[dir=rtl] .tag,[dir=rtl] .gt,[dir=rtl] .cap{letter-spacing:0;text-transform:none;font-size:max(13px,1em);font-weight:700}
[dir=rtl] body{line-height:1.8}
.chip.d{display:inline-flex;align-items:center;gap:8px}
.chip.d input[type=checkbox]{width:18px;height:18px;margin:0!important;accent-color:var(--cobalt);flex:0 0 auto}
.chip.d:has(input:checked){background:var(--cobalt);color:#fff}
#qform input[type=file]{width:100%;border:1.5px dashed var(--sky);background:var(--ice);border-radius:12px;padding:14px;color:var(--steel)}
#qform input[type=file]::file-selector-button{background:var(--cobalt);color:#fff;border:0;border-radius:999px;padding:8px 16px;font-weight:700;margin-inline-end:12px;cursor:pointer}
.lkey{background:var(--ice);border-inline-start:4px solid var(--cobalt);border-radius:10px;padding:14px 16px;margin:6px 0}
.lkey .cn{font-weight:700;color:var(--cobalt)}
.lkeys{background:#fff;border:1.5px solid var(--ice);border-radius:14px;padding:16px 18px;margin:0 0 24px}
.lkeys b{display:block;color:var(--navy);margin-bottom:8px}
.lkeys a{display:inline-block;margin:4px 14px 4px 0;color:var(--cobalt);font-weight:700}
.ltoc a.act{font-weight:700;color:var(--cobalt);border-inline-start:3px solid var(--cobalt);padding-inline-start:8px}
.ltocm{display:none}
@media(max-width:900px){.ltoc>.ltocd{display:none}.ltocm{display:block;background:var(--pale);border-radius:12px;padding:12px 16px}.ltocm summary{font-weight:700;cursor:pointer}}
.illus{display:inline-block;background:var(--ice);color:var(--navy);font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;margin-inline-start:10px;vertical-align:middle;letter-spacing:0}
.ind.icta{background:var(--navy);color:#fff;position:relative;overflow:hidden;display:flex;align-items:flex-end;min-height:100%}
.ind.icta .tx h3{color:#fff}.ind.icta .tx p{color:var(--ice)}.ind.icta .more{color:var(--sky)}
.ind.icta>.kvwm{right:18px;top:18px;width:140px;opacity:.14}
[dir=rtl] .ind.icta>.kvwm{right:auto;left:18px}
.ind.icta:after{display:none}.ind.icta .more{opacity:1;transform:none}.ind.icta .tx{position:absolute}

/* ===== Sample 9: panel fixes ===== */
[dir=rtl] .btn:hover .ar,[dir=rtl] .tile:hover .ar{transform:translateX(-4px)}
.tile b .mkw{font-size:inherit!important;color:inherit!important;font-weight:700;display:inline;margin:0;line-height:inherit}
.tile.dark b .mkw{color:#fff!important}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .hero h1,[dir=rtl] .stmt h2{letter-spacing:0!important;line-height:1.32}
:lang(zh-Hans) h1,:lang(zh-Hans) h2,:lang(zh-Hans) .hero h1,:lang(zh-Hans) .stmt h2{letter-spacing:0!important;line-height:1.25}
html[dir=rtl] .phero:before{background:linear-gradient(270deg,rgba(11,29,58,.96) 0%,rgba(11,29,58,.82) 45%,rgba(11,29,58,.25) 100%)}
@media (max-width:640px){.phero:before,html[dir=rtl] .phero:before{background:linear-gradient(180deg,rgba(11,29,58,.25) 0%,rgba(11,29,58,.55) 22%,rgba(11,29,58,.92) 42%,rgba(11,29,58,.97) 100%)}.phero .in{padding-top:210px}}
@keyframes kb{from{transform:scale(1.04)}to{transform:scale(1.14)}}
.ph.kb{background-size:cover!important;background-position:center;animation:kb 22s ease-in-out infinite alternate;will-change:transform;transform-origin:60% 50%}
[dir=rtl] .ph.kb{transform-origin:40% 50%}
@media (prefers-reduced-motion:reduce){.ph.kb{animation:none}}
@media (min-width:1025px) and (max-height:820px){.hero h1{font-size:clamp(40px,8.6vh,64px);max-width:1180px}.hero .in{justify-content:center;padding:36px 28px 112px}.hero .kick{margin-bottom:16px}.hero p{max-width:640px}
 .phero{min-height:0!important}.phero .in{padding:64px 28px 84px}.phero h1{font-size:clamp(36px,7.4vh,56px);margin:12px 0 16px}.phero .crumb{margin-bottom:6px}}
.hero svg.routes{-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 38%,#000 62%);mask-image:linear-gradient(90deg,transparent 0%,transparent 38%,#000 62%)}
[dir=rtl] .hero svg.routes{-webkit-mask-image:linear-gradient(270deg,transparent 0%,transparent 38%,#000 62%);mask-image:linear-gradient(270deg,transparent 0%,transparent 38%,#000 62%)}
h1,h2,h3,.tile b,.pill3 b{text-wrap:balance}.lead,p{text-wrap:pretty}
.pill3 b,.why b{line-height:1.25}
.stmt h2 em{display:block}
@media (max-width:600px){.phero .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);padding-bottom:4px}.phero .chips::-webkit-scrollbar{display:none}.phero .chip{flex:0 0 auto}
 [dir=rtl] .phero .chips{-webkit-mask-image:linear-gradient(270deg,#000 85%,transparent);mask-image:linear-gradient(270deg,#000 85%,transparent)}
 .lanebar{flex-direction:column;align-items:flex-start;gap:4px}.lanebar i{flex:none;width:0;min-width:0;height:14px;border:0;border-inline-start:2px dashed var(--sky);margin-inline-start:6px;background:none;animation:none}
 .svcpick{gap:8px}.svcpick>*{padding:12px 8px!important;min-height:0;font-size:13px!important}.svcpick>*:last-child:nth-child(odd){grid-column:1/-1}
 .seg{display:grid;grid-template-columns:1fr;border-radius:16px;padding:4px}.seg[data-seg=scope]{grid-template-columns:1fr 1fr}.seg button{text-align:start}
 .strip b{font-size:10px;letter-spacing:.14em;white-space:nowrap}[dir=rtl] .strip b{font-size:13px;letter-spacing:0}}
.pain .p small,.ps .p small{color:var(--steel)}.ba .b li:before{color:var(--steel)}
.onewin .sv{background:#1B3A64;z-index:1}.onewin .sv.lit{background:var(--sky)}.onewin svg line{transition:stroke .35s,stroke-width .35s}
.rlist button{text-align:start}.rlist button>span,.rlist button>div{flex:1}.rlist button>span:last-child{flex:0 0 auto}
@media (max-width:820px){.ring2 .ri span{flex:0 0 46px;width:46px;height:46px}.ring2 .ri{text-align:start;align-items:center}}
.hero .sw .pp{display:none!important;width:32px;height:32px;border-radius:50%;border:1.5px solid #fff;background:rgba(11,29,58,.6);color:#fff;display:inline-grid;place-items:center;margin-inline-end:10px;font-size:12px;line-height:1}
/* Sample 9 owner fix: KV watermark never sits behind content. Small mark in the top-right corner of dark sections (top-left in Arabic). */
.sec.deep>.kvwm.kvd{top:28px!important;bottom:auto!important;transform:none!important;right:max(24px,calc((100% - 1184px)/2))!important;left:auto!important;width:clamp(110px,9vw,150px)!important;opacity:.16!important}
[dir=rtl] .sec.deep>.kvwm.kvd{right:auto!important;left:max(24px,calc((100% - 1184px)/2))!important}
#network2.kvbg>.kvwm,.sec.deep.kvbg:not(.lhero)>.kvwm{display:none!important}
@media(max-width:900px){.sec.deep>.kvwm.kvd{width:72px!important;top:16px!important;right:16px!important;opacity:.14!important}[dir=rtl] .sec.deep>.kvwm.kvd{left:16px!important;right:auto!important}}
/* Sample 9 owner fix: one brighter watermark level everywhere (industries, myKORVEX, footer, tiles, legal heroes) */
.kvwm,.kvwm.kvd,.kvwm.kvf,.kvwm.vmwm,.kvwm.vmwm2{opacity:.16!important}
@media(max-width:900px){.kvwm,.kvwm.kvd{opacity:.14!important}}
.seghint{margin-top:10px}

/* Sample 9 sign-off fixes: every watermark (KV, myKORVEX wordmark, page-hero mark) small, top corner, same visible strength, never behind content */
.mykwm{opacity:.26!important;width:clamp(190px,15vw,240px)!important;height:auto!important;top:28px!important;bottom:auto!important;right:max(24px,calc((100% - 1184px)/2))!important;left:auto!important;transform:none!important}
[dir=rtl] .mykwm{right:auto!important;left:max(24px,calc((100% - 1184px)/2))!important}
@media(max-width:900px){.mykwm{width:140px!important;top:16px!important;right:16px!important;opacity:.22!important}[dir=rtl] .mykwm{left:16px!important;right:auto!important}}
.mykp .kvwm{display:block!important;top:16px!important;right:18px!important;bottom:auto!important;left:auto!important;transform:none!important;width:64px!important}[dir=rtl] .mykp .kvwm{right:auto!important;left:18px!important}@media(max-width:900px){.mykp .kvwm{display:none!important}}
.sec.navy.kvn>.kvwm.kvd{top:28px!important;width:clamp(110px,9vw,150px)!important}
.kvj>.kvwm{top:28px!important;bottom:auto!important;right:max(24px,calc((100% - 1184px)/2))!important;left:auto!important;width:clamp(110px,9vw,150px)!important;transform:none!important}[dir=rtl] .kvj>.kvwm{right:auto!important;left:max(24px,calc((100% - 1184px)/2))!important}
.lhero.kvbg>.kvwm{top:28px!important;bottom:auto!important;transform:none!important;left:auto!important;right:max(24px,calc((100% - 1184px)/2))!important;width:clamp(110px,9vw,150px)!important}[dir=rtl] .lhero.kvbg>.kvwm{right:auto!important;left:max(24px,calc((100% - 1184px)/2))!important}@media(max-width:900px){.lhero.kvbg>.kvwm{width:72px!important;top:16px!important;right:16px!important}[dir=rtl] .lhero.kvbg>.kvwm{left:16px!important;right:auto!important}}
.phero .kvmark{top:28px;bottom:auto;right:max(28px,calc((100% - 1184px)/2));left:auto;transform:none;width:clamp(96px,9vw,140px);opacity:.16;z-index:2}
[dir=rtl] .phero .kvmark{right:auto;left:max(28px,calc((100% - 1184px)/2))}
.phero:has(>.ph[class*="i-wh"],>.ph[class*="i-customs"])>.kvmark{display:none}
@media(max-width:900px){.phero .kvmark{width:72px;top:16px;right:16px;opacity:.14}[dir=rtl] .phero .kvmark{right:auto;left:16px}}
@media (min-width:1025px) and (max-height:820px){.hero{height:calc(100vh - 163px)!important;min-height:540px!important}.hero .in{padding:24px 28px 120px!important}}
@media(min-width:1200px){.hero .sl .ph.i-wh{background-position:40% 14%}}

/* Sample 9: multi-line CBM calculator */
.cbmrows{display:grid;gap:8px}.cbmh,.cbmr{display:grid;grid-template-columns:28px repeat(4,1fr) 1.4fr;gap:8px;align-items:center}
.cbmh span{font-size:12.5px;font-weight:700;color:var(--navy)}.cbmn{width:26px;height:26px;border-radius:50%;background:#E8F0F8;color:var(--navy);display:grid;place-items:center;font-size:12px;font-weight:700}
.cbmr input{width:100%;min-width:0;padding:10px 10px;border:1.5px solid #D5DEE8;border-radius:10px;font:inherit;font-size:14px;background:#fff}
.res.res6{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.res.res6 em{display:block;font-style:normal;font-size:12.5px;line-height:1.4;color:var(--steel);margin-top:6px}
@media(max-width:700px){.cbmh{display:none}.cbmr{grid-template-columns:26px repeat(3,1fr);row-gap:6px}.cbmr input[data-c=n]{grid-column:2/3}.cbmr input[data-c=kg]{grid-column:3/5}.cbmr input::placeholder{font-size:12px}.res.res6{grid-template-columns:1fr 1fr}}
.res.res6 em{color:#B9CBE0!important}
.t.kvt .mk{flex-wrap:wrap;gap:12px}.t.kvt .mk .mkbtn{margin-inline-start:auto;flex:0 0 auto}
/* Sample 10: header fits at every zoom; between 1025 and 1320 px the Track link shows its icon only so "myKORVEX log-in" keeps its full name */

/* Sample 10: logo keeps one size above 1280 px; large screens and zoom-out scale it with the page (no jump) */
@media (min-width:1281px){.hdr .brand img{height:44px!important}.hdr.sc .brand img{height:40px!important}}

/* Sample 10: short-screen rules also follow the effective (zoomed) height, so browser zoom-out keeps the 100 per cent layout */
html.vh860 .mega{padding:16px 18px}
html.vh860 .mega .mi{padding:6px 10px}
html.vh860 .mega .mi b{font-size:14px}
html.vh860 .mega .mi span{font-size:12px;line-height:1.35}
html.vh860 .mega.wide{gap:14px}
html.vh860 .mega.wide .mcol .gt{padding:8px 14px;margin-bottom:4px;font-size:11px}
html.vh860 .mega .foot{padding-top:10px;margin-top:4px}
html.vh860 .mega .foot.dk{padding:10px 18px;margin-top:10px}
html.vh860 .mega .foot span{font-size:13px}
html.vh860 .mega .foot .btn{padding:8px 16px;font-size:13px}
html.vh860 .mega.myk{padding:12px}
html.vh860 .mykp{padding:18px 20px}
html.vh860 .mykp .ml{height:40px;margin-bottom:8px}
html.vh860 .mykp p{margin-bottom:12px}
html.vh860 .mykp .ml{margin-bottom:14px}
html.vh820 .hero h1{font-size:clamp(40px,8.6vh,64px);max-width:1180px}
html.vh820 .hero .in{justify-content:center;padding:36px 28px 112px}
html.vh820 .hero .kick{margin-bottom:16px}
html.vh820 .hero p{max-width:640px}
html.vh820 .phero{min-height:0!important}
html.vh820 .phero .in{padding:64px 28px 84px}
html.vh820 .phero h1{font-size:clamp(36px,7.4vh,56px);margin:12px 0 16px}
html.vh820 .phero .crumb{margin-bottom:6px}
html.vh820 .hero{height:calc(100vh / var(--z) - 163px)!important;min-height:540px!important}
html.vh820 .hero .in{padding:24px 28px 120px!important}
.hdr .icb .ls .mkw,.hdr .icb .ls span{display:inline!important}
/* Sample 10: vision and mission statements at one matching size */
.vm p,.vm .m p,.vm>div p{font-size:clamp(18px,1.55vw,23px)!important;line-height:1.5!important}
#cbmtool>p:last-child{font-size:14px!important}
.mkl p{font-size:max(13.5px,1em)}

/* Sample 10: container guide fills its card; all 12 equipment types */
#conttool .cbox{grid-template-columns:1fr!important;gap:14px;margin-top:22px}
#conttool .cbox svg{width:100%;max-height:300px}
#conttool .cont3d button{padding:8px 13px;font-size:13px}
.toolgrid{align-items:stretch}
/* Sample 10: tighter section rhythm on Tools; Incoterms 4 across */
main[data-route=tools] .sec{padding:72px 0}
@media(min-width:1200px){main[data-route=tools] .icards{grid-template-columns:repeat(4,1fr)!important}}
/* Sample 10: tighter page rhythm (owner: less white space) */
.phero + .sec,.phero + section{padding-top:60px!important}
@media(min-width:1181px){.subtop{grid-template-columns:290px 1fr!important}.sub.rev .subtop{grid-template-columns:1fr 290px!important}.sub .bd{padding:28px 30px!important}}

/* Sample 10 owner fix: Track keeps its word; between 1025 and 1320 px "myKORVEX" sits above "log-in" */
@media (min-width:1025px) and (max-width:1320px){.hdr .icb[data-go=track] span{display:inline!important}
 .hdr .icb[data-go=mykorvex-login] .ls{display:inline-flex!important;flex-direction:column;align-items:flex-start;line-height:1.05;font-size:13px}
 .hdr .icb[data-go=mykorvex-login] .ls .lsb{display:block!important;font-size:12.5px}}
/* Sample 10 owner fix: myKORVEX wordmark watermark larger and brighter */
.mykwm{width:clamp(250px,20vw,330px)!important;opacity:.36!important}
@media(max-width:900px){.mykwm{width:170px!important;opacity:.3!important}}
/* Debug 10 K09: keep "960+" reading left to right in Arabic, without moving the figure */
[dir=rtl] .stats b,[dir=rtl] .proof2 b{direction:ltr;unicode-bidi:isolate}[dir=rtl] .stats b{text-align:right}[dir=rtl] .proof2 b{margin-inline-end:0;margin-left:5px}

.i-air{background-image:url(/korvex_website/static/src/design/media/777f3bef6a581736.jpg)}
.i-air_c{background-image:url(/korvex_website/static/src/design/media/7ab0c0b917c1d28f.jpg)}
.i-customs{background-image:url(/korvex_website/static/src/design/media/891923bc9b692dec.jpg)}
.i-customs_l{background-image:url(/korvex_website/static/src/design/media/afa7a3de7e20fe78.jpg)}
.i-customs_r{background-image:url(/korvex_website/static/src/design/media/d7c16b42aafc7eb1.jpg)}
.i-myk1{background-image:url(/korvex_website/static/src/design/media/2c9e495e0a1c801d.jpg)}
.i-myk2{background-image:url(/korvex_website/static/src/design/media/59c5e1cbdc71e960.jpg)}
.i-myk3{background-image:url(/korvex_website/static/src/design/media/2a443c229a7e6b51.jpg)}
.i-myk4{background-image:url(/korvex_website/static/src/design/media/af1448394c5612e1.jpg)}
.i-myk5{background-image:url(/korvex_website/static/src/design/media/27c9c37dce3fbeeb.jpg)}
.i-ocean{background-image:url(/korvex_website/static/src/design/media/2fd5c27634c3591c.jpg)}
.i-ocean_c{background-image:url(/korvex_website/static/src/design/media/a9244b9030dcc953.jpg)}
.i-project{background-image:url(/korvex_website/static/src/design/media/dc5e4f69e87d63cc.jpg)}
.i-project_l{background-image:url(/korvex_website/static/src/design/media/efe6265eec7d5996.jpg)}
.i-project_r{background-image:url(/korvex_website/static/src/design/media/d4e9b8397c2d25c5.jpg)}
.i-recep{background-image:url(/korvex_website/static/src/design/media/e62bee966032f400.jpg)}
.i-truck{background-image:url(/korvex_website/static/src/design/media/e7401625eb1eafad.jpg)}
.i-truck_c{background-image:url(/korvex_website/static/src/design/media/73da0f9c8fb5ecf1.jpg)}
.i-wh{background-image:url(/korvex_website/static/src/design/media/247cd2d12600a968.jpg)}
.i-wh_l{background-image:url(/korvex_website/static/src/design/media/b70b5e73e1613ee0.jpg)}
.i-wh_r{background-image:url(/korvex_website/static/src/design/media/13d6a202bb2119ff.jpg)}