/* Generated by optimize-css-mobile-20260915.py; source order preserved. */
.locale-review-note {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(10rem, 0.32fr) minmax(0, 1fr);
  gap: 1.25rem;
  align-items: start;
  width: min(1180px, calc(100% - 40px));
  margin: 26px auto 0;
  padding: 16px 18px;
  border: 1px solid #cfdbe5;
  border-left: 4px solid #176b87;
  border-radius: 10px;
  background: #f5f9fb;
  color: #385064;
  font-size: 0.88rem;
  line-height: 1.65;
}

.locale-review-note strong {
  color: #103b55;
  font-size: 0.9rem;
}

.locale-review-note span {
  min-width: 0;
}

.locale-review-note-floating {
  position: fixed;
  z-index: 95;
  left: 18px;
  bottom: 18px;
  display: flex;
  width: auto;
  max-width: min(31rem, calc(100% - 36px));
  margin: 0;
  padding: 10px 13px;
  border-color: rgba(255, 255, 255, 0.2);
  border-left-color: #42bdd1;
  background: rgba(10, 31, 44, 0.9);
  color: rgba(255, 255, 255, 0.82);
  box-shadow: 0 8px 26px rgba(4, 18, 27, 0.2);
  backdrop-filter: blur(12px);
}

.locale-review-note-floating strong {
  color: #fff;
  white-space: nowrap;
}

.locale-review-note-floating span {
  display: none;
}

.locale-review-note-floating:hover span,
.locale-review-note-floating:focus span,
.locale-review-note-floating:focus-within span {
  display: block;
  padding-left: 0.8rem;
}

@media (max-width: 720px) {
  .locale-review-note {
    grid-template-columns: 1fr;
    gap: 0.35rem;
    width: min(100% - 28px, 1180px);
    margin-top: 18px;
  }

  .locale-review-note-floating {
    display: flex;
    width: auto;
    margin: 0;
    padding: 9px 11px;
  }

  .locale-review-note-floating:hover,
  .locale-review-note-floating:focus,
  .locale-review-note-floating:focus-within {
    display: grid;
  }
}

.locale-compact-switch {
  display: inline-flex;
  align-items: center;
}

.locale-compact-switch .lang-select {
  width: auto;
  min-width: 6.7rem;
  height: 31px;
  padding: 0 28px 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 7px;
  background-color: rgba(255, 255, 255, 0.08);
  color: #fff;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}

.locale-compact-switch .lang-select option {
  color: #162c3b;
  background: #fff;
}

.locale-compact-switch-floating {
  position: fixed;
  z-index: 120;
  top: 12px;
  right: 16px;
  padding: 5px;
  border-radius: 9px;
  background: #103b55;
  box-shadow: 0 8px 24px rgba(9, 36, 52, 0.18);
}

@media (max-width: 640px) {
  .locale-compact-switch .lang-select {
    min-width: 5.8rem;
    max-width: 7.2rem;
  }
}

@media (max-width: 760px) {
  .kemp-sitebar .ksb-context {
    display: none;
  }

  .kemp-sitebar .ksb-nav a:not(.ksb-cta) {
    display: none;
  }
}

@media (max-width: 480px) {
  .kemp-sitebar .ksb-nav .ksb-cta {
    display: none;
  }
}

/* Keep the industry navigation and language selector within tablet widths. */
@media (min-width: 761px) and (max-width: 1100px) {
  .kemp-sitebar .ksb-in {
    height: auto;
    min-height: 44px;
    flex-wrap: wrap;
    row-gap: 10px;
    padding-block: 10px;
  }
  .kemp-sitebar .ksb-context {
    display: none;
  }
  .kemp-sitebar .ksb-nav {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    flex-wrap: wrap;
    gap: 10px 14px;
    justify-content: flex-end;
  }
}

/* Separate the metric from its label without changing values or units. */
body:has(> .kemp-sitebar) .stats > div > .n {
  display: block;
  line-height: 1.35;
}
body:has(> .kemp-sitebar) .stats > div > .l {
  display: block;
  font-size: 14px;
  line-height: 1.6;
  margin-top: 8px;
}
@media (max-width: 900px) {
  body:has(> .kemp-sitebar) .stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* KEMP platform refinement: catalog discoverability without footer or sticky UI changes */
.btn-catalog {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 16px;
  border-bottom: 1px solid rgba(227, 188, 31, .72);
  color: var(--gold-300, #e3bc1f);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
  white-space: nowrap;
  transition: color .2s ease, border-color .2s ease;
}
.btn-catalog:hover,
.btn-catalog:focus-visible {
  border-color: #fff;
  color: #fff;
}

.hero-support-links {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 26px;
  margin-top: 24px;
}
.hero-support-links .hero-consult,
.hero-support-links .hero-catalog-link {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-top: 0;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(255,255,255,.38);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  transition: color .2s ease, border-color .2s ease;
}
.hero-support-links .hero-catalog-link {
  border-color: rgba(227,188,31,.72);
  color: var(--gold-300, #e3bc1f);
}
.hero-support-links a:hover,
.hero-support-links a:focus-visible {
  border-color: var(--gold-300, #e3bc1f);
  color: var(--gold-300, #e3bc1f);
}

.platform-entry > span:last-child {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.catalog-discovery-bar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin: 30px 0 0;
  padding: 20px 22px;
  border: 1px solid var(--n-200, #dfe3ea);
  border-left: 3px solid var(--gold-500, #cf9f00);
  border-radius: 4px;
  background: #fff;
}
.catalog-discovery-bar .catalog-mark {
  color: var(--gold-700, #8b6800);
  font-family: var(--font-mono, monospace);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
}
.catalog-discovery-bar p {
  margin: 0;
  color: var(--n-700, #3b424d);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.55;
}
.catalog-discovery-bar a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 10px 16px;
  border: 1px solid var(--n-950, #101318);
  border-radius: 2px;
  color: var(--n-950, #101318);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease;
}
.catalog-discovery-bar a:hover,
.catalog-discovery-bar a:focus-visible {
  background: var(--n-950, #101318);
  color: var(--gold-300, #e3bc1f);
}

.tool-card.catalog-featured {
  border-color: rgba(207,159,0,.45);
  box-shadow: 0 18px 42px -26px rgba(16,19,24,.3);
}

@media (max-width: 1120px) {
  .header-util { gap: 12px; }
  .btn-catalog { padding-inline: 10px; }
}

@media (max-width: 960px) {
  .header-util .btn-catalog { display: none; }
  .catalog-discovery-bar {
    grid-template-columns: 1fr auto;
  }
  .catalog-discovery-bar .catalog-mark {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  .hero-support-links { gap: 12px 20px; }
  .hero-support-links .hero-consult,
  .hero-support-links .hero-catalog-link { font-size: 13px; }
  .catalog-discovery-bar {
    grid-template-columns: 1fr;
    padding: 18px;
  }
  .catalog-discovery-bar a {
    justify-content: center;
    width: 100%;
  }
}
.inquiry-interacting{scroll-behavior:auto!important;scroll-padding-top:90px;scroll-padding-bottom:90px}
.inquiry-in-view .mbar{visibility:hidden;pointer-events:none}
.leadform input,.leadform select,.leadform textarea,.leadform button,.leadform [data-inquiry-status]{scroll-margin-block:90px}
.leadform .kemp-inquiry-consent{display:flex!important;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;margin:18px 0}
.leadform .kemp-inquiry-consent input{width:18px!important;height:18px!important;flex:0 0 18px;margin:3px 0 0}
.leadform .kemp-inquiry-consent a{text-decoration:underline;color:inherit}
.leadform .kemp-inquiry-extra{margin:18px 0}
.leadform .kemp-inquiry-extra select,.leadform .kemp-inquiry-extra textarea{display:block;width:100%;font:inherit;font-size:16px;padding:12px;border:1px solid #b8c1c9;border-radius:6px;background:#fff;color:#182128;margin:6px 0 14px;min-width:0}
.leadform .kemp-inquiry-extra textarea{min-height:100px;resize:vertical}
.leadform .kemp-inquiry-status{margin:16px 0;padding:14px 16px;font-size:14px;line-height:1.6;border-radius:6px;background:#edf2f5;color:#223844;overflow-wrap:anywhere}
.leadform .kemp-inquiry-status.is-error{background:#fff1ed;color:#8e2e20;border:1px solid #e2b5aa}
.leadform .kemp-inquiry-status.is-success{background:#edf7f2;color:#20523d;border:1px solid #b5d3c2}
.leadform button:disabled{cursor:wait;opacity:.7}
.leadform .kemp-inquiry-bot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
/* English copy fit only: retain the existing industrial landing design. */
html:lang(en) .topbar .in {
  flex-wrap: wrap;
}
html:lang(en) .topbar .navlinks {
  flex: 1 1 300px;
  min-width: 0;
  flex-wrap: wrap;
  gap: 8px 14px;
}
html:lang(en) .topbar .topcta {
  flex-shrink: 0;
}
@media (max-width: 980px) {
  html:lang(en) .kemp-sitebar .ksb-in { gap: 12px; }
  html:lang(en) .ksb-nav {
    max-width: 100%;
    column-gap: 10px;
  }
}
.industry-en-review .pill,
.industry-en-review .tag,
.industry-en-review .trust,
.industry-en-review .cap,
.industry-en-review .ksb-pd {
  overflow-wrap: anywhere;
}
.industry-en-review .stats .n {
  font-size: clamp(16px, 1.8vw, 24px);
  overflow-wrap: anywhere;
}
.industry-en-review .bar {
  grid-template-columns: 118px minmax(0, 1fr) 112px;
}
.industry-en-review .bar .bv {
  line-height: 1.4;
  overflow-wrap: anywhere;
}
@media (max-width: 600px) {
  .industry-en-review .chart { padding: 18px 14px; }
  .industry-en-review .bar {
    grid-template-columns: 82px minmax(0, 1fr) 92px;
    gap: 8px;
  }
}
/* Vietnamese/Thai text flow; retain the approved layout, imagery and palette. */
/* Keep translated desktop navigation on one line without reducing body text. */
@media(min-width:1271px){
 html:is([lang="vi"],[lang="th"]) .gnb>li>a{white-space:nowrap}
}
@media(min-width:1271px) and (max-width:1600px){
 html:is([lang="vi"],[lang="th"]) .site-header{padding-inline:32px;gap:16px}
 html:is([lang="vi"],[lang="th"]) .gnb{gap:2px}
 html:is([lang="vi"],[lang="th"]) .gnb>li>a{padding-inline:10px;font-size:15px}
 html:is([lang="vi"],[lang="th"]) .gnb>li>a::after{left:10px;right:10px}
}
html[lang="vi"]{--font:"Pretendard","Segoe UI",Arial,sans-serif}
html[lang="th"]{--font:"Leelawadee UI","Noto Sans Thai",Tahoma,sans-serif}
html:is([lang="vi"],[lang="th"]) body{font-family:var(--font);word-break:normal;overflow-wrap:break-word}
html:is([lang="vi"],[lang="th"]) :is(.inno-editorial,.elpang-editorial,.inno-product-hero,.elpang-product-hero){word-break:normal;overflow-wrap:anywhere}
html[lang="th"] :is(h1,h2,h3,p,a,span,small,dt,dd,th,td,label){letter-spacing:normal}
html[lang="th"] :is(.corp-heading h2,.inno-product-hero h1>span,.elpang-hero-copy h2){line-height:1.45}
html:is([lang="vi"],[lang="th"]) .inno-product-selector a{flex-direction:column;gap:7px;min-width:0}
html:is([lang="vi"],[lang="th"]) .inno-product-selector small{font-size:14px;text-align:center;line-height:1.6}
html:is([lang="vi"],[lang="th"]) .elpang-title-row{flex-wrap:wrap}
html:is([lang="vi"],[lang="th"]) .elpang-title-action{min-width:0;max-width:100%}
html:is([lang="vi"],[lang="th"]) .elpang-calc-button{white-space:normal;max-width:100%;text-align:center}
html:is([lang="vi"],[lang="th"]) .elpang-grade-description{min-height:0}
html:is([lang="vi"],[lang="th"]) :is(.elpang-grade-logo,.inno-hero-grid img){max-width:100%}
html:is([lang="vi"],[lang="th"]) .elpang-condition-table{max-width:100%;overflow-x:auto}
html:is([lang="vi"],[lang="th"]) .upgrade-hero{word-break:normal;overflow-wrap:break-word}
html:is([lang="vi"],[lang="th"]) .upgrade-title-row{flex-wrap:wrap}
html:is([lang="vi"],[lang="th"]) .upgrade-title-action{flex-shrink:1;min-width:0;max-width:100%}
html:is([lang="vi"],[lang="th"]) .upgrade-family span{font-size:14px;line-height:1.6}
html[lang="th"] .upgrade-hero-copy h2{line-height:1.45}
html:is([lang="vi"],[lang="th"]) :is(.corporate-home,.finder-goals,.finder-result-card){word-break:normal;overflow-wrap:break-word}
html[lang="vi"] .corp-hero h1{font-size:clamp(32px,3.7vw,56px);line-height:1.25;letter-spacing:-.02em}
html[lang="th"] .corp-hero h1{font-size:clamp(32px,3.7vw,56px);line-height:1.45;letter-spacing:normal}
html[lang="th"] :is(.brand-scene-copy h3,.finder-goal strong,.finder-result-card h3){line-height:1.5;letter-spacing:normal}
html:is([lang="vi"],[lang="th"]) :is(.corp-button,.finder-button){max-width:100%;white-space:normal;text-align:center}
html:is([lang="vi"],[lang="th"]) :is(.finder-goals>*,.corp-discovery-grid>*,.corp-resource-grid>*){min-width:0}
/* Localized industrial copy: permit long headings and protect Thai marks. */
html:is([lang="vi"],[lang="th"]) .sea-industry-page .topbar .in{flex-wrap:wrap}
html:is([lang="vi"],[lang="th"]) .sea-industry-page .topbar .navlinks{flex:1 1 300px;min-width:0;flex-wrap:wrap;gap:8px 14px}
html:is([lang="vi"],[lang="th"]) .sea-industry-page .topbar .topcta{flex-shrink:0}
html:is([lang="vi"],[lang="th"]) .sea-industry-page .stats>div>span:is(.n,.l){display:block}
html:is([lang="vi"],[lang="th"]) .sea-industry-page .stats .n{font-size:clamp(19px,2vw,24px);overflow-wrap:anywhere}
html:is([lang="vi"],[lang="th"]) .sea-industry-page h1{max-width:100%}
html:is([lang="vi"],[lang="th"]) .sea-industry-page h1 .hl{white-space:normal}
html:is([lang="vi"],[lang="th"]) .sea-industry-page :is(.btn,.bd,.ksb-cta){white-space:normal;max-width:100%;text-align:center}
html:is([lang="vi"],[lang="th"]) .sea-industry-page :is(.hero>*,.stats>*,.mbar a,.card,.technical-cards>*){min-width:0}
html[lang="th"] .sea-industry-page :is(h1,h2,h3,h4,.stats .n){line-height:1.5;letter-spacing:normal}
html[lang="th"] .sea-industry-page :is(.eyebrow,.tagline,.card .cn,.tbltitle .tno,.grv .g .k){letter-spacing:normal}
@media(max-width:760px){
 html:is([lang="vi"],[lang="th"]) :is(.inno-product-hero h1>span,.elpang-hero-copy h2){font-size:28px}
 html:is([lang="vi"],[lang="th"]) .inno-product-selector a>span{font-size:19px}
 html:is([lang="vi"],[lang="th"]) .inno-product-selector small{font-size:12px}
 html:is([lang="vi"],[lang="th"]) .upgrade-hero-copy h2{font-size:28px}
 html:is([lang="vi"],[lang="th"]) .upgrade-family strong{font-size:17px}
 html:is([lang="vi"],[lang="th"]) .upgrade-family span{font-size:12px}
}
.kemp-inquiry-product {
  display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;
  grid-column:1 / -1;margin:0 0 12px;padding:10px 14px;
  border-inline-start:3px solid #b99816;background:rgba(185,152,22,.08);
  font-size:14px;line-height:1.6;overflow-wrap:anywhere;
}
.kemp-inquiry-product[hidden] {display:none;}
.kemp-inquiry-attachment-link[hidden] {display:none;}
.kemp-inquiry-product span {font-weight:500;}
.kemp-inquiry-product strong {font-size:16px;}
.kemp-inquiry-attachment-link {margin:12px 0 0;font-size:14px;line-height:1.65;}
.kemp-inquiry-attachment-link a {color:inherit;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere;}
.kemp-inquiry-attachment-link a:focus-visible {outline:2px solid currentColor;outline-offset:4px;}
/* Keep complete technical headings and section navigation visible in every locale. */
.hero h1 .hl { white-space:normal; word-break:normal; overflow-wrap:break-word; }
html:lang(ko) .hero h1 .hl { word-break:keep-all; }
.topbar .in { display:flex; flex-wrap:wrap; align-items:center; gap:10px 18px; }
.topbar .logo { flex:1 1 220px; min-width:0; white-space:normal; }
.topbar .logo .lt { min-width:0; line-height:1.45; }
.topbar .topcta { flex:0 0 auto; margin-left:auto; }
.topbar .navlinks { order:3; flex:1 0 100%; min-width:0; margin:0; flex-wrap:wrap; gap:6px 20px; }
.topbar .navlinks a { white-space:normal; line-height:1.4; padding:4px 0; }
.stats .n.n--text { font-family:inherit!important; font-size:clamp(18px,2vw,23px)!important; line-height:1.35!important; word-break:normal!important; overflow-wrap:normal!important; hyphens:auto; }
.stats .n.n--text small { font:inherit; }
@media(max-width:640px) {
  .stats:has(.n--text) { grid-template-columns:1fr; }
  .stats:has(.n--text) > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); align-items:center; gap:10px; text-align:start; }
  .stats:has(.n--text) > div > .n, .stats:has(.n--text) > div > .l { padding:0; margin:0; }
  .stats > div:has(.n--text) { grid-template-columns:1fr; }
  .locale-compact-switch .lang-select { width:140px; max-width:44vw; }
}
@media(max-width:900px) { .topbar .navlinks { display:none; } }
@media(max-width:540px) { .topbar .logo { flex:0 0 auto; } }