﻿body { --brand: #138e93; --primary: #10283d; }
.section-hero .hero-image { background-image: none !important; background-color: #edf4f5; }
.section-hero #mklv-halftone-flow {
  position: absolute; inset: 16px 16px 0; width: calc(100% - 32px); height: calc(100% - 16px);
  border-radius: 40px; z-index: 0; display: block; pointer-events: none;
}
.section-hero > .container { position: relative; z-index: 1; }
@media (max-width: 767px) {
  .section-hero #mklv-halftone-flow { border-radius: 24px; }
}
.section-hero .content-wrap .title-icon .box {
  background: linear-gradient(180deg, #173451 0%, #0a243a 100%) !important;
  box-shadow: 0px 3.44px 5.57px rgba(0,0,0,.10), 0px 22.91px 37.08px rgba(13,54,83,.23), 0px 76px 123px rgba(13,54,83,.10), 0px 5.05px 8.18px rgba(13,54,83,.14), 0px 16.98px 27.47px rgba(13,54,83,.11), 0px 1px 2px rgba(13,54,83,.40) !important;
}
.section-hero .content-wrap .title-icon .box img { filter: saturate(.78); }
/* MKLV wordmark keeps the source logo's original header footprint and type treatment. */
.logo-site.mklv-wordmark { display:inline-flex; align-items:center; min-width:118px; color:#172c4d; font-weight:700; letter-spacing:.16em; font-size:24px; line-height:1; text-decoration:none; }
.section-about-us .col-left img { object-fit: cover; object-position: center top; mix-blend-mode: screen; }
.section-about-us .mklv-pillar-points { flex-wrap: wrap; gap: 7px 8px; }
.section-about-us .mklv-pillar-points span { display: inline-flex; align-items: center; padding: 5px 9px; border-radius: 999px; background: #e4f2f1; color: #173451; font-size: 11px; line-height: 1.25; font-weight: 600; }
.section-about-us .mklv-stat { display: flex; flex-direction: column; align-items: flex-end; flex: 0 0 auto; }
.section-about-us .mklv-stat .counter { color: #163c5b; font-size: 112px; line-height: 112px; }
.section-about-us .mklv-stat-label { margin-top: -3px; text-align: right; font-size: 12px; line-height: 16px; }
.section-about-us .mklv-support { max-width: 270px; margin: -14px 0 18px; color: #56636e; line-height: 1.5; }
.section-about-us .box-quotes .mklv-support { margin-top: -18px; }
.section-partner .mklv-pillar-ticker { align-items: center; gap: 52px; }
.section-partner .mklv-pillar-ticker span { white-space: nowrap; font-size: 18px; font-weight: 600; color: #183b58; }
@media (max-width: 767px) { .section-about-us .mklv-stat .counter { font-size: 65px; line-height: 65px; } }
.section-about-us .heading-section { margin-bottom: 12px !important; }
.section-about-us .mklv-stat .counter { font-size: 92px; line-height: 92px; white-space: nowrap; }
.section-about-us .review-box .mklv-platform-layout { display: flex; min-height: 194px; align-items: center; justify-content: space-between; gap: 10px; }
.section-about-us .mklv-platform-copy { flex: 1 1 230px; min-width: 0; }
.section-about-us .mklv-card-kicker { margin-bottom: 8px; color: #138e93; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.section-about-us .review-box .mklv-card-heading { margin: 0 0 10px; font-size: 22px; line-height: 1.12; letter-spacing: -.015em; }
.section-about-us .review-box .mklv-support { max-width: 270px; margin: 0 0 10px; color: #56636e; font-size: 13px; line-height: 1.42; }
.section-about-us .mklv-layer-labels { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 3px; color: #24445d; font-size: 8px; font-weight: 700; letter-spacing: .045em; line-height: 1.5; }
.section-about-us .mklv-layer-labels .mklv-layer-name { color: #24445d; }
.section-about-us .mklv-layer-labels .mklv-layer-separator { color: #138e93; }
.section-about-us .mklv-platform-illustration { position: relative; display: block; flex: 0 0 210px; width: 210px; height: 220px; }
.section-about-us .mklv-platform-slice { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; }
.section-about-us .mklv-platform-slice-1 { clip-path: inset(0 0 57%); animation: worldwise-layer-in .55s cubic-bezier(.18,.75,.25,1) 0s both; }
.section-about-us .mklv-platform-slice-2 { clip-path: inset(39% 0 37%); animation: worldwise-layer-in .55s cubic-bezier(.18,.75,.25,1) .16s both; }
.section-about-us .mklv-platform-slice-3 { clip-path: inset(59% 0 18%); animation: worldwise-layer-in .55s cubic-bezier(.18,.75,.25,1) .32s both; }
.section-about-us .mklv-platform-slice-4 { clip-path: inset(78% 0 0); animation: worldwise-layer-in .55s cubic-bezier(.18,.75,.25,1) .48s both; }
@keyframes worldwise-layer-in { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
.section-about-us .box-quotes .mklv-decision-art { position: relative; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none !important; }
.section-about-us .box-quotes .mklv-decision-art img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; border-radius: 0; box-shadow: none; }
.section-about-us .box-quotes .mklv-decision-base { opacity: 0; animation: decision-final .28s ease-out 2.05s both paused; }
.section-about-us .box-quotes .mklv-decision-fragment { opacity: 0; animation-play-state: paused; }
.section-about-us .box-quotes .mklv-decision-art.is-active .mklv-decision-base,
.section-about-us .box-quotes .mklv-decision-art.is-active .mklv-decision-fragment { animation-play-state: running; }
.section-about-us .box-quotes .mklv-decision-art:has(.mklv-decision-fragment) { isolation: isolate; }
.section-about-us .box-quotes .mklv-report-left { z-index: 1; clip-path: inset(4% 51% 62% 0); animation: decision-report-left .48s cubic-bezier(.18,.75,.25,1) .08s both paused; }
.section-about-us .box-quotes .mklv-report-right { z-index: 1; clip-path: inset(4% 0 62% 51%); animation: decision-report-right .48s cubic-bezier(.18,.75,.25,1) .26s both paused; }
.section-about-us .box-quotes .mklv-trace-left { z-index: 2; animation: decision-trace-left .46s ease-out .56s both paused; }
.section-about-us .box-quotes .mklv-trace-right { z-index: 2; animation: decision-trace-right .46s ease-out .72s both paused; }
.section-about-us .box-quotes .mklv-risk-signal { z-index: 3; clip-path: inset(44% 40% 40% 40%); animation: decision-signal .35s cubic-bezier(.2,.9,.3,1.4) 1.13s both paused; }
.section-about-us .box-quotes .mklv-action-paper { z-index: 4; animation: decision-paper .5s cubic-bezier(.18,.75,.25,1) 1.38s both paused; }
.section-about-us .box-quotes .mklv-human-action { z-index: 5; clip-path: inset(66% 0 0 45%); animation: decision-tap .42s ease-in-out 1.82s both paused; }
@keyframes decision-report-left { from { opacity: 0; transform: translate(-9px,-6px); } to { opacity: 1; transform: translate(0,0); } }
@keyframes decision-report-right { from { opacity: 0; transform: translate(9px,-6px); } to { opacity: 1; transform: translate(0,0); } }
@keyframes decision-trace-left { from { opacity: 1; clip-path: inset(32% 48% 68% 30%); } to { opacity: 1; clip-path: inset(32% 48% 48% 30%); } }
@keyframes decision-trace-right { from { opacity: 1; clip-path: inset(32% 30% 68% 48%); } to { opacity: 1; clip-path: inset(32% 30% 48% 48%); } }
@keyframes decision-signal { from { opacity: 0; transform: scale(.62); } to { opacity: 1; transform: scale(1); } }
@keyframes decision-paper { from { opacity: 0; clip-path: inset(100% 20% 0 19%); transform: translateY(8px); } to { opacity: 1; clip-path: inset(62% 20% 0 19%); transform: translateY(0); } }
@keyframes decision-tap { 0% { opacity: 0; transform: translate(6px,8px) scale(.97); } 40% { opacity: 1; transform: translate(0,0) scale(1); } 66% { transform: translate(-2px,3px) scale(.985); } 100% { opacity: 1; transform: translate(0,0) scale(1); } }
@keyframes decision-final { to { opacity: 1; } }
.section-about-us .box-quotes .content { flex: 1; min-width: 0; }
.section-about-us .box-quotes .desc { margin: 0 0 8px; font-size: 21px; line-height: 1.2; }
.section-about-us .box-quotes .mklv-support { margin: 0 0 12px; max-width: 300px; font-size: 13px; line-height: 1.4; }
.section-about-us .mklv-applications-link { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 12px; color: #126f78; font-size: 12px; font-weight: 700; text-decoration: none; }
.section-about-us .mklv-applications-link:hover { color: #0b5158; text-decoration: underline; }
.section-about-us .box-quotes .cite { flex-wrap: wrap; gap: 5px 8px; }
@media (max-width: 767px) {
  .section-about-us .review-box .mklv-platform-layout { min-height: 0; gap: 2px; }
  .section-about-us .mklv-platform-illustration { flex-basis: 112px; width: 112px; height: 136px; }
  .section-about-us .mklv-layer-labels { font-size: 8px; }
  .section-about-us .box-quotes .image.mklv-decision-art { width: 92px; height: 214px; }
  .section-about-us .box-quotes { gap: 14px; padding: 24px 14px; }
}
.section-about-us .mklv-heading-second-line { display: block; margin-top: .12em; }
.section-about-us .mklv-applications-link { cursor: pointer; }
.section-about-us .box-quotes .cite a { color: #24445d; text-decoration: none; }
.section-about-us .box-quotes .cite a:hover { color: #138e93; }
.section-services .list-tags span.tags-item { display: inline-flex; align-items: center; padding: 7px 15px; border: 1px solid var(--neutral-600); border-radius: 99px; background: var(--neutral-700); color: var(--neutral-300); }
.section-process .mklv-process-caveat { max-width: 370px; margin: 17px 0 0; color: #66717b; font-size: 13px; line-height: 1.5; }
.mklv-deployment-context.section-tools { padding: 112px 0 124px; }
.mklv-deployment-choices { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; margin: 44px 0 34px; }
.mklv-deployment-choices > div { padding: 18px 10px 0 0; border-top: 1px solid rgba(23,52,81,.2); }
.mklv-deployment-choices span { color: #138e93; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.mklv-deployment-choices h3 { margin: 14px 0 8px; color: #172c4d; font-size: 20px; font-weight: 650; }
.mklv-deployment-choices p { margin: 0; color: #5a6571; font-size: 13px; line-height: 1.55; }
.mklv-deployment-context .tf-btn,.mklv-trust .tf-btn { display: table; margin: 0 auto; }
.mklv-trust { position: relative; margin: 0 16px 92px; overflow: hidden; border-radius: 40px; color: #f2f7f8; background: radial-gradient(ellipse at 84% 0%,rgba(24,117,123,.33),transparent 39%),linear-gradient(135deg,#101d2d,#0d2f43 68%,#0d4149); }
.mklv-trust .heading-sub { color: #9ce0db !important; background: rgba(255,255,255,.08) !important; box-shadow: inset 0 0 0 1px rgba(180,233,232,.22) !important; }
.mklv-trust .heading-sub::before { background-color: #54c6c2 !important; }
.mklv-trust .heading-title { color: #f3f8f8 !important; background: none; -webkit-text-fill-color: currentColor; }
.mklv-trust .mklv-principles-intro { color: rgba(238,246,247,.74); }
.mklv-trust-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; margin: 44px 0 36px; }
.mklv-trust-grid article { padding: 18px 12px 0 0; border-top: 1px solid rgba(229,244,245,.24); }
.mklv-trust-grid article > span { color: #84d5d0; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.mklv-trust-grid h3 { margin: 15px 0 9px; color: #f3f8f8; font-size: 20px; font-weight: 650; }
.mklv-trust-grid p { margin: 0; color: rgba(238,246,247,.74); font-size: 13px; line-height: 1.55; }
.mklv-trust .tf-btn { border-color: rgba(242,249,249,.27); color: #f3f8f8; }
.mklv-contact { padding-bottom: 96px; }
.mklv-contact-panel { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 64px; padding: clamp(38px,6vw,82px); overflow: hidden; border-radius: 40px; color: #f3f8f8; background: radial-gradient(ellipse at 91% 12%,rgba(24,137,141,.32),transparent 35%),linear-gradient(133deg,#0b2134,#103a4d 68%,#0d555a); }
.mklv-contact .heading-sub { color: #16888e; }
.mklv-contact .heading-title { margin: 0; color: #f4f8f8; font-size: clamp(44px,5.5vw,72px); line-height: .99; letter-spacing: -.04em; }
.mklv-contact-copy > p { max-width: 440px; margin: 24px 0 0; color: rgba(239,247,248,.75); font-size: 16px; line-height: 1.6; }
.mklv-contact-details { display: flex; flex-direction: column; align-items: flex-start; gap: 26px; }
.mklv-contact-detail { display: flex; flex-direction: column; gap: 8px; }
.mklv-contact-detail > span { color: #8ad6d1; font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.mklv-contact-detail a,.mklv-contact-detail p { margin: 0; color: #f3f8f8; font-size: 19px; line-height: 1.45; text-decoration: none; }
.mklv-contact-detail a:hover { color: #93dcd7; }
.mklv-contact-details .tf-btn { margin-top: 4px; }
.mklv-footer { margin-top: -34px; padding: 64px 0 26px; color: #f2f7f8; background: #0c1d2d; }
.mklv-footer-top { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 34px; }
.mklv-footer-logo { color: #f3f8f8; font-size: 28px; font-weight: 750; letter-spacing: .18em; text-decoration: none; }
.mklv-footer-top p { margin: 0; color: rgba(239,247,248,.72); font-size: 14px; }
.mklv-footer-top p span { color: #70c9c5; padding: 0 5px; }
.mklv-footer-email { color: #b8e6e3; font-size: 14px; text-decoration: none; }
.mklv-footer .footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 22px; border-top: 1px solid rgba(231,243,244,.17); }
.mklv-footer .footer-links { flex-wrap: wrap; gap: 12px 20px !important; margin: 0; padding: 0; list-style: none; }
.mklv-footer .footer-links a,.mklv-footer .action-go-top,.mklv-footer .coppy-rights { color: rgba(239,247,248,.72) !important; font-size: 12px; text-decoration: none; }
.mklv-footer .coppy-rights { margin: 0; }
.tf-left-bar,.offcanvas-color { display: none !important; }
.mklv-principles-intro { max-width: 680px; margin: 12px auto 0; color: #5a6571; text-align: center; line-height: 1.55; }
.mklv-principles-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 26px; margin-top: 42px; }
.mklv-principle { padding: 18px 8px 0; border-top: 1px solid rgba(23,52,81,.2); }
.mklv-principle-index,.mklv-business-layer-index { color: #138e93; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.mklv-principle h3,.mklv-business-layers h3 { margin: 18px 0 9px; color: #172c4d; font-size: 19px; font-weight: 650; line-height: 1.2; }
.mklv-principle p,.mklv-business-layers p { margin: 0; color: #5a6571; font-size: 13px; line-height: 1.55; }
.mklv-business-layers { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; margin-top: 44px; }
.mklv-business-layers article { min-width: 0; padding: 22px 16px 6px 0; border-top: 1px solid rgba(23,52,81,.22); }
.mklv-business-layers h3 { margin-top: 14px; font-size: 22px; }
.mklv-worldwise-foundation { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 9px; margin: 34px auto 0; padding: 13px 20px; border: 1px solid rgba(19,142,147,.18); border-radius: 999px; background: rgba(228,242,241,.58); color: #24445d; font-size: 12px; }
.mklv-worldwise-foundation span { margin-right: 8px; color: #138e93; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.mklv-worldwise-foundation i { color: #138e93; font-style: normal; }
.mklv-applications-intro { max-width: 620px; margin: 12px auto 0; color: #5a6571; text-align: center; }
.mklv-applications-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
.mklv-app-card { min-width: 0; padding: 25px 6px 0; border-top: 1px solid rgba(23,52,81,.18); }
.mklv-app-card-icon { display: grid; width: 42px; height: 42px; margin-bottom: 17px; place-items: center; border-radius: 50%; background: #e4f2f1; color: #173451; font-size: 18px; }
.mklv-app-card-label { color: #172c4d; font-size: 20px; font-weight: 650; line-height: 1.25; }
.mklv-app-card p { margin: 10px 0 0; color: #5a6571; font-size: 14px; line-height: 1.55; }
@media (max-width: 767px) {
  .mklv-deployment-context.section-tools { padding: 62px 0 70px !important; }
  .mklv-deployment-choices { grid-template-columns: 1fr; gap: 22px; margin: 30px 0; }
  .mklv-deployment-choices > div { padding-top: 13px; }
  .mklv-trust { margin: 0 8px 62px; border-radius: 28px; }
  .mklv-trust-grid { grid-template-columns: 1fr; gap: 22px; margin: 30px 0; }
  .mklv-trust-grid article { padding-top: 13px; }
  .mklv-trust-grid h3 { margin-top: 10px; }
  .mklv-contact { padding-bottom: 72px; }
  .mklv-contact-panel { grid-template-columns: 1fr; gap: 36px; padding: 34px 24px; border-radius: 28px; }
  .mklv-contact .heading-title { font-size: 46px; }
  .mklv-contact-copy > p { margin-top: 18px; font-size: 14px; }
  .mklv-contact-detail a,.mklv-contact-detail p { font-size: 17px; }
  .mklv-footer { padding-top: 44px; }
  .mklv-footer-top { flex-direction: column; align-items: flex-start; gap: 12px; }
  .mklv-footer .footer-bottom { flex-direction: column; align-items: flex-start; }
  .mklv-footer .footer-links { gap: 10px 16px !important; }
  .mklv-principles-grid { grid-template-columns: 1fr; gap: 24px; margin-top: 30px; }
  .mklv-principle { padding-top: 14px; }
  .mklv-principle h3 { margin-top: 10px; }
  .mklv-business-layers { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 16px; margin-top: 30px; }
  .mklv-worldwise-foundation { gap: 7px; padding: 12px 14px; border-radius: 18px; font-size: 11px; }
  .mklv-worldwise-foundation span { flex-basis: 100%; margin: 0; text-align: center; }
  .mklv-applications-grid { grid-template-columns: 1fr; gap: 22px; }
  .mklv-app-card { display: grid; grid-template-columns: 44px 1fr; column-gap: 12px; padding-top: 18px; }
  .mklv-app-card-icon { grid-row: span 2; margin-bottom: 0; }
  .mklv-app-card p { grid-column: 2; }
}
@media (prefers-reduced-motion: reduce) {
  .section-about-us .mklv-platform-slice { animation: none; opacity: 1; transform: none; }
  .section-about-us .box-quotes .mklv-decision-base { animation: none; opacity: 1; }
  .section-about-us .box-quotes .mklv-decision-art .mklv-decision-fragment { display: none; animation: none; }
}


/* MKLV brand pass for remaining template accents; section geometry and motion stay intact. */
#pricingSwitch.tf-switch-check:checked,
.section-pricing .tf-switch-check:checked {
  background: linear-gradient(180deg, #138e93 0%, #0d626b 100%);
  box-shadow: 0 5px 18px rgba(19, 142, 147, .28), 0 1px 2px rgba(9, 60, 68, .28);
}
.process-card .icon,
.features-center {
  background: linear-gradient(180deg, #138e93 0%, #0d626b 100%) !important;
  box-shadow: 0 5px 18px rgba(19, 142, 147, .22), 0 1px 2px rgba(9, 60, 68, .24) !important;
}
.section-contact .contact-image { overflow: hidden; }
.section-contact .contact-image img { filter: none; object-position: center; }
.section-contact .contact-image::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  background: linear-gradient(108deg, rgba(9, 29, 48, .50), rgba(10, 46, 62, .15) 60%, rgba(10, 63, 70, .42));
}
@media (max-width: 767px) {
  .section-hero .container { width: 100% !important; max-width: 100% !important; padding-inline: 20px !important; }
  .section-hero .content-wrap .text { width: 100%; max-width: 100%; padding-inline: 8px; box-sizing: border-box; overflow-wrap: anywhere; font-size: 13px; line-height: 1.55; }
  .section-hero .content-wrap .title-icon { width: 255px; max-width: 100%; margin-inline: auto; overflow: hidden; }
  .tf-header .header-inner { height: auto !important; min-height: 56px; margin: 0 16px !important; padding: 8px 8px 8px 20px !important; overflow: visible !important; clip: auto !important; white-space: normal !important; border: 0 !important; }
  .tf-header .mobile-menu { display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 40px; background: #10283d; color: #f3f8f8; }
}
@media (max-width: 767px) {
  .section-hero .content-wrap { width: 100%; max-width: 100%; }
  .section-hero .content-wrap .text { display: block; width: min(100%, 330px) !important; max-width: 330px !important; margin-inline: auto !important; padding-inline: 0 !important; white-space: normal !important; word-break: normal; overflow-wrap: anywhere; }
  .tf-header .header-inner { box-sizing: border-box !important; width: calc(100% - 32px) !important; }
}
.section-contact .heading-title { color: #10283d !important; background: none; -webkit-text-fill-color: #10283d; }
.section-contact .contact-item .title { color: #173451; }
.section-contact .contact-item .text { color: #273746; }
footer .footer-content .title { color: #f3f8f8; }
footer .footer-content .text { color: rgba(239, 247, 248, .76); }
footer .footer-bottom .footer-links a,
footer .footer-bottom .coppy-rights,
footer .footer-bottom .action-go-top { color: rgba(239, 247, 248, .76) !important; }
footer .footer-bottom::before { background: linear-gradient(90deg, transparent 0%, rgba(139, 214, 209, .55) 50%, transparent 100%); }
@media (min-width: 992px) {
  .tf-header.header2 .header-inner { max-width: 827px; gap: 10px; }
}

/* MKLV capability symbols replace vendor-like marks while retaining the source tile geometry and motion. */
.section-tools > img[src*="mklv-capability-"] {
  background: #fff;
  border-radius: 11px;
  box-shadow: 4.29817px 18.6254px 28.6545px rgba(0, 0, 0, .1);
}

/* MKLV contact art: silver light field, restrained teal lines and navy sweep. */
.section-contact .contact-image::after {
  background: linear-gradient(108deg, rgba(255,255,255,.08), rgba(19,142,147,.035) 60%, rgba(16,40,61,.07));
}

/* MKLV role illustrations and contained evaluation carousel. */
.section-team .team-item .image img[src*="mklv-role-"] { display:block; width:100%; height:100%; object-fit:cover; }
.section-statistic .swiper-progressbar { width:100%; max-width:100%; overflow:hidden; }
.section-statistic .swiper-progressbar .swiper-slide { flex:0 0 100%; width:100%; min-width:0; box-sizing:border-box; overflow:hidden; }
.section-statistic .swiper-progressbar .statistic-number { display:block; width:100%; max-width:100%; min-width:0; overflow:hidden; font-size:clamp(3.25rem, 8.5vw, 8.5rem); line-height:.94; letter-spacing:-.035em; white-space:nowrap; }
.section-statistic .swiper-progressbar .statistic-number .number { display:block; max-width:100%; font-size:1em; line-height:inherit; white-space:nowrap; }
@media (max-width: 767px) {
  .section-statistic .swiper-progressbar .statistic-number { font-size:clamp(3rem, 13vw, 5rem); line-height:.96; }
  .section-statistic .swiper-progressbar .title { font-size:clamp(.875rem, 3.8vw, 1rem); line-height:1.25; }
}

/* MKLV evaluation photo corner treatment */
.section-awards .awards-item .image { overflow:hidden; border-radius:16px; }
.section-awards .awards-item .image img { display:block; border-radius:inherit; }


/* The 28-second Leadership AI explainer lives only in the existing black feature section. */
.mklv-leadership-video { position: relative; z-index: 2; padding: clamp(48px, 6vw, 80px) 0; }
.mklv-leadership-video__inner { width: min(100%, 960px); margin: 0 auto; }
.mklv-leadership-video .heading-section { margin-bottom: 28px; }
.mklv-leadership-video .heading-title { margin: 8px 0 0; }
.mklv-leadership-video__player { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #050708; border: 1px solid rgba(255,255,255,.18); border-radius: 20px; object-fit: contain; box-shadow: 0 24px 70px rgba(0,0,0,.26); }
@media (max-width: 767px) { .mklv-leadership-video { padding: 40px 0 48px; } .mklv-leadership-video .heading-section { margin-bottom: 20px; } .mklv-leadership-video__player { border-radius: 14px; } }

/* Keep the floating benefits illustration inside ultra-narrow viewports without changing its animation. */
@media (max-width: 320px) {
  .section-benefits .benefits-design-inner .item-img-3 { right: -74px; }
  .footer-bottom .footer-links.gap-24 { gap: clamp(0px, calc(20vw - 56px), 8px) !important; }
  .section-hero .scroll-more { max-width: 100%; }
  .heading-sub.mx-auto { max-width: 100%; }
}


/* Improve footer text contrast without changing the skyline or row layout. */
footer .footer-bottom { position: relative; isolation: isolate; background: rgba(9,29,47,.82); border-radius: 18px; box-shadow: 0 12px 28px rgba(4,16,28,.16); }
footer .footer-bottom::before { content: none !important; }
footer .footer-bottom .footer-links a,
footer .footer-bottom .coppy-rights,
footer .footer-bottom .action-go-top { color: #f3f7fa !important; }
footer .footer-bottom .footer-links a { text-decoration-color: rgba(243,247,250,.68); }
