/* Generated by optimize-css-mobile-20260915.py; source order preserved. */
/* ============================================================
   KEMP 마케팅 랜딩 골드 스킨 오버레이 — landing-skin.css
   ------------------------------------------------------------
   목적:
   - market/ 랜딩 10종(틸 액센트·청회색 뉴트럴)을 본체 골드 디자인
     시스템(assets/css/style.css)에 정렬하는 오버레이 스타일시트.
   - 색·폰트패밀리·그림자·보더컬러만 바꾼다. spacing/size/grid/
     폰트크기는 절대 건드리지 않는다(레이아웃 불변 원칙).

   로드 순서(필수):
   - 각 랜딩 HTML의 인라인 <style> "뒤"에 로드할 것.
     <link rel="stylesheet" href="/assets/css/landing-skin.css">
     동일 특이도면 나중에 선언된 이 파일이 이긴다.
   - ※ 미이행 경고(2026-08-24 감사): 랜딩 10종(container·datacenter·
     ess·fastener·grating·gsave·marine·pipe·power·semiplant) 어디에도
     이 파일이 아직 링크돼 있지 않다. 각 HTML의 인라인 <style> 종료
     직후에 위 <link> 한 줄을 삽입해야 스킨이 실제로 적용된다.

   전략:
   - 랜딩 테마가 --teal 계열 6변수에 위임돼 있으므로 "변수명 유지 +
     값 재정의"가 기본. JS 주입 성공메시지·인라인 var() 참조도 함께
     추종된다.
   - 라이트/다크 2벌 모두 재정의(다크 블록 누락 시 틸 부활 방지).
     ※ 이 파일의 :root는 랜딩의 @media dark :root보다 캐스케이드상
     뒤이므로, 여기서 만지는 모든 변수는 아래 다크 블록에도 반드시
     재선언돼 있어야 한다.
   - 틸 채움+흰 글자 8종은 골드 채움+다크 잉크로 명시 교체
     (gold-500 + #fff는 대비 약 2.5:1로 WCAG 불합격이기 때문).
   ============================================================ */


/* ---------- 1. 토큰: 골드 램프 + 본체 뉴트럴(스틸) 램프 ---------- */
:root{
  /* 본체 골드 램프 (style.css와 동일값) */
  --gold-300:#F2CE4A;   /* 다크 배경 하이라이트 */
  --gold-400:#E3BC1F;   /* 다크 배경 표준 액센트 */
  --gold-500:#C7A008;   /* CTA 채움면 */
  --gold-600:#A98307;   /* 라이트 배경 대형 숫자·아이콘 */
  --gold-700:#8A6D00;   /* 라이트 배경 소형 라벨 텍스트 */
  --gold-tint:#FBF6E4;  /* 옐로우 틴트 배경 */
  --gold-tint2:#F3E9C3; /* 틴트 2단계(구 --tealbg2 위계 유지용 신설) */

  /* 역할 토큰: 채움/호버/아이콘/대형숫자/채움면 위 잉크 */
  --gold-fill:var(--gold-500);
  --gold-fill-hover:var(--gold-400); /* 호버는 밝은 쪽으로(본체 CTA 관례) */
  --gold-ico:var(--gold-600);
  --gold-num:var(--gold-600);        /* 라이트 대형 숫자(.value-list .no 등급) */
  --gold-ink:#101318;                /* 골드 채움 위 글자 — 항상 다크 */

  /* 본체 뉴트럴 스틸 램프 */
  --n-950:#101318; --n-900:#1A2029; --n-700:#3D4654; --n-600:#4A5361;
  --n-500:#6B7686; --n-400:#8B95A5; --n-300:#B9C0CC; --n-200:#D9DEE7;
  --n-100:#EBEEF3; --n-50:#F4F6F9;

  /* 폰트 3계층 (본체와 동일 스택) */
  --font:'Lato','Noto Sans KR',sans-serif;
  --font-display:'Space Grotesk','Lato','Noto Sans KR',sans-serif;
  --font-mono:'IBM Plex Mono',monospace;

  /* ---------- 2. 랜딩 변수 재매핑 (라이트) ---------- */
  /* 틸 → 골드 */
  --teal:var(--gold-500);      /* 채움면 */
  --teal-d:#755E00;            /* 라이트 배경 텍스트·강조 — gold-700(#8A6D00)은
                                  --bg 위 4.23:1·--bg2 위 3.89:1·tealbg2 위 4.04:1로
                                  AA 4.5:1 미달이라 한 단계 다운
                                  (--bg 5.4:1 · --bg2 4.9:1 · tealbg2 5.1:1) */
  --teal-l:var(--gold-300);    /* 차트 그라디언트 밝은끝·다크사진 위 강조 */
  --tealbg:var(--gold-tint);
  --tealbg2:var(--gold-tint2);
  --ring:rgba(169,131,7,.45);  /* 포커스 링 — rgba 리터럴이라 별도 재정의 필수.
                                  gold-600 기반·농도 상향(구 .30은 합성 시
                                  약 1.3:1로 링 단독 식별 불가) */

  /* 청회색 뉴트럴 → 본체 스틸 램프 (색온도 정렬) */
  --bg:var(--n-100);
  --bg2:#E1E5EC;               /* n-100↔n-200 보간 */
  --surface:#FFFFFF;
  --surface2:var(--n-50);
  --surface3:var(--n-100);
  --ink:var(--n-950);
  --ink2:#2B333E;              /* n-900↔n-700 보간(원 --ink2 명도 유지) */
  --muted:var(--n-500);
  --faint:var(--n-400);
  --line:var(--n-200);
  --line2:var(--n-300);

  /* 그림자 색온도: 청색 rgba(16,28,36,…) → 본체 다크 rgba(16,19,24,…) */
  --shadow:0 1px 2px rgba(16,19,24,.04),0 4px 16px rgba(16,19,24,.06);
  --shadow-l:0 2px 6px rgba(16,19,24,.06),0 18px 46px rgba(16,19,24,.10);

  /* 앰버(경고) — 브랜드 골드와 색상대 겹침 해소: 오렌지 쪽으로 이동 */
  --amber:#B45309;
  --amberbg:#FBEEDC;

  /* semiplant/gsave/pipe 2차 스타일의 미정의 var(--card) 수리 */
  --card:var(--surface);
}

/* ---------- 3. 다크 모드 2벌 (누락 시 라이트 값이 다크를 덮침) ---------- */
@media (prefers-color-scheme:dark){:root{
  /* 골드 역할 토큰: 다크 배경에서는 한 단계 밝은 쪽 사용 */
  --gold-fill:var(--gold-400);
  --gold-fill-hover:var(--gold-300);
  --gold-ico:var(--gold-400);
  --gold-num:var(--gold-300);  /* 다크 대형 숫자(.g-stat .num 등급) */

  /* 틸 → 골드 (다크) */
  --teal:var(--gold-400);
  --teal-d:var(--gold-300);    /* 다크 배경 텍스트는 밝게 */
  --teal-l:#F6DC6B;
  --tealbg:#2C2515;            /* 다크 골드 틴트(본체 --amberbg 다크 참고 설계) */
  --tealbg2:#3B3118;
  --ring:rgba(227,188,31,.5);

  /* 다크 뉴트럴 — 스틸 색상(hue 220대)으로 재설계 */
  --bg:#0D1015; --bg2:#12151C;
  --surface:#161A22; --surface2:var(--n-900); --surface3:#212734;
  --ink:var(--n-100); --ink2:var(--n-200);
  --muted:var(--n-400); --faint:var(--n-500);
  --line:#262C38; --line2:#333B49;

  /* 다크 그림자는 기존 흑색 기반 유지(재선언으로 라이트 값 덮침 방지) */
  --shadow:0 1px 2px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.28);
  --shadow-l:0 2px 6px rgba(0,0,0,.34),0 18px 46px rgba(0,0,0,.42);

  /* 앰버(경고) 다크 */
  --amber:#E8963C;
  --amberbg:#2E2113;
}}

/* ---------- 4. 폰트 정렬 ---------- */
body{font-family:var(--font)}
/* 본체 수치 성문 = IBM Plex Mono + tabular-nums
   (본체 실측: .g-stat .num 히어로 대형 연도수치 / .value-list .no 목차
    번호 / .news-card .date 전부 var(--font-mono)+tabular-nums).
   Space Grotesk는 fp-section h1 등 디스플레이 헤드라인 전용 —
   숫자에 쓰지 않는다.
   대상: .stats .n 히어로 통계 / .vs .vn 전후비교[gr·gsave·pipe계열] /
   .ev .evn 96% 대형숫자[dc] */
.stats .n,.vs .vn,.ev .evn{
  font-family:var(--font-mono);
  font-weight:600; /* Plex Mono 로드 가중치(500·600) 내로 — 원본 800은 합성볼드 */
  font-variant-numeric:tabular-nums;
}
/* 라이트 배경 대형 숫자 등급 교정: 원본 color:var(--teal-d)는 '소형 라벨'
   등급(gold-700) — 본체 역할 규칙(라이트 gold-600 [.value-list .no 준거] /
   다크 gold-300 [.g-stat .num 준거])으로 상향 */
.stats .n,.ev .evn{color:var(--gold-num)}
/* power.html의 class="mono"가 미정의였던 기존 버그 수리 */
.mono{font-family:var(--font-mono)}

/* ---------- 5. 골드 채움 + 다크 잉크 (대비 수정 핵심) ----------
   틸 배경+흰 글자였던 8종 전부. 배경은 변수 재매핑으로 이미
   골드로 바뀌므로 여기서는 글자색과 호버 방향만 교정한다. */
.topcta,
.btn-p,
.cta,
.mbar .m1,
.ribbon,
.step .sc,
.chips input:checked+span,
.tbltitle .tno{color:var(--gold-ink)}

/* 호버: 원본은 var(--teal-d)로 어두워졌지만, 골드에서 어두운 채움
   (gold-700)+다크 잉크는 대비 미달 — 밝은 쪽(gold-400/300)으로 반전 */
.topcta:hover,
.btn-p:hover,
.cta:hover{background:var(--gold-fill-hover);color:var(--gold-ink)}

/* 표 번호 배지: 원본 배경이 var(--teal-d)(→gold-700)라 채움 토큰으로 통일 */
.tbltitle .tno{background:var(--gold-fill)}

/* ---------- 6. 라이트 배경 위 골드 아이콘: gold-500은 대비가 약해
   본체 규칙(gold-600)으로 상향. 다크에서는 --gold-ico가 gold-400 ---------- */
.st .sh svg,
.spec li svg,
.ctalist li svg,
.nospam svg,
summary::after{color:var(--gold-ico)}
.eyebrow .dot{background:var(--gold-ico)}
/* gsave 2차 블록: STEP 라벨이 color:var(--teal)(채움색)를 텍스트로 사용
   → 텍스트 등급(gold-700/300)으로 교정 */
.peel .p .k{color:var(--teal-d)}

/* ---------- 6b. 리드폼 포커스·필수표시 (WCAG 1.4.11) ----------
   포커스 보더: 원본 var(--teal)→gold-500은 흰 입력창 배경 대비 2.29:1로
   비텍스트 3:1 미달(원본 틸 3.43:1보다 후퇴) — gold-600(3.54:1)으로 상향.
   링 농도는 위 --ring 토큰에서 상향 완료.
   필수표시 별표: 인라인 <span style="color:var(--teal)">*</span>은
   어떤 셀렉터 특이도로도 못 이기므로 !important로만 교정 가능. */
.leadform input:focus{border-color:var(--gold-600)}
.leadform label span[style*="--teal"]{color:var(--gold-ico)!important}

/* ---------- 7. 히어로 글로우 재설계 ----------
   원본: 틸 22% + 스틸블루 20% + 틸라이트 14% 3중 radial.
   골드+블루 혼색의 탁한 녹색조를 피하고 농도를 한 단계 낮춘
   골드+뉴트럴 조합으로 교체(위치·크기·blur는 원본 유지). */
.hero::before{background:
  radial-gradient(48% 42% at 22% 30%, color-mix(in srgb,var(--gold-500) 16%,transparent) 0%, transparent 68%),
  radial-gradient(40% 38% at 82% 18%, color-mix(in srgb,var(--n-400) 15%,transparent) 0%, transparent 66%),
  radial-gradient(46% 40% at 62% 76%, color-mix(in srgb,var(--gold-300) 10%,transparent) 0%, transparent 70%)}

/* ---------- 8. radius: 본체 2~4px 각진 지오메트리 정렬 (선별) ----------
   주 CTA 버튼·카드만. 칩/필/아이브로우 등 필형 요소는 유지. */
.topcta,.btn,.cta,
.mbar .m1,.mbar .m2{border-radius:3px}
.card{border-radius:4px}

/* ---------- 9. SVG 하드코딩 틸 (datacenter·fastener .dsvg) ----------
   presentation attribute는 CSS가 이기므로 속성 선택자로 덮는다.
   ※ fill/stroke 속성 선택자는 stop-color 속성에 매치되지 않으므로
   그라디언트 stop은 색상별로 전부 별도 커버해야 한다
   (dc:748 <linearGradient id="cg"> 두 번째 stop #0E9C86 누락분 포함).
   빨강 #C0492F(위험 표시)는 시맨틱 유지 — 건드리지 않는다. */
svg [fill="#0E9C86" i]{fill:var(--gold-fill)}
svg [stroke="#0E9C86" i]{stroke:var(--gold-fill)}
svg [fill="#097563" i]{fill:var(--teal-d)}
svg [fill="#3FBFA9" i]{fill:var(--gold-300)}
svg [stroke="#3FBFA9" i]{stroke:var(--gold-300)}
svg stop[stop-color="#3FBFA9" i]{stop-color:var(--gold-300)}
svg stop[stop-color="#0E9C86" i]{stop-color:var(--gold-fill)}
svg stop[stop-color="#097563" i]{stop-color:var(--teal-d)}
/* dc SVG '무기 세라믹 피막' 밴드 위 흰 글자: 밴드가 골드로 바뀌므로
   다크 잉크로 교체(감사상 .dsvg 내 흰 text는 이 1곳뿐) */
.dsvg text[fill="#fff" i],
.dsvg text[fill="#ffffff" i]{fill:#101318}

/* ---------- 10. 상태색 3벌 재배색 (semiplant·gsave·pipe 2차 블록) ----------
   성공 #2dbe8c·위험 #d64a3a는 시맨틱 유지.
   '주의/진행중' #c9a227만 브랜드 골드와 사실상 동일색이라
   경고용 앰버(오렌지, 위 --amber 토큰)로 이동 — 브랜드/경고 혼동 차단. */
/* semiplant: 4단계 진행 카드의 '진행중' */
.stage4 .now .bar{background:var(--amber)}
.stage4 .now .st{color:var(--amber)}
/* gsave: 수명주기 2단계(백청·관찰)·판정 '검토' 아이콘 */
.s2 .num{background:var(--amberbg);color:var(--amber)}
.s2 .zn{color:var(--amber)}
.rec.q .ic{background:var(--amberbg);color:var(--amber)}
/* pipe: 논증 카드 '유보' */
.grv .mid{border-color:color-mix(in srgb,var(--amber) 40%,transparent)}
.grv .mid .k{color:var(--amber)}

/* ---------- 11. kemp-sitebar ----------
   배경 #101318(=본체 --n-950)·'문의' #C7A008(=gold-500)은 이미 정합 — 유지.
   hover #E3BC17만 본체 --gold-400 #E3BC1F의 오타로 판단, 교정. */
.ksb-nav a.ksb-cta:hover{color:var(--gold-400)}

/* One mobile brand bar; industry hero and fixed bottom bar retain sample access. */
@media (max-width:720px){
  .kemp-sitebar + .topbar{display:none}
}
.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}
/* Korean editorial refinements; keep each page's established palette. */
.pill,.bd{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;vertical-align:middle;line-height:1.5}
.tblwrap .pill,.tblwrap .bd{max-width:none}
.technical-cards,.tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.technical-cards article,.tri .card{min-width:0;padding:28px;border:1px solid var(--line,#dce1e3);border-radius:18px;background:var(--surface,var(--card,#f5f6f7))}
.technical-cards h3,.tri h4{font-size:20px;line-height:1.45;margin:0 0 14px;word-break:keep-all}
.technical-cards p,.tri p{font-size:15px;line-height:1.85;color:var(--muted,#59666f);margin:0;word-break:keep-all;overflow-wrap:break-word}
.tri .k{font-size:12px;letter-spacing:.06em;color:var(--teal,#ad923d);margin-bottom:14px;font-weight:700}
.surface-comparison{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:30px 0 0}
.surface-comparison figure{margin:0;border-radius:16px;overflow:hidden;background:var(--surface,var(--card,#f5f6f7));border:1px solid var(--line,#dce1e3)}
.surface-comparison img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.surface-comparison figcaption{position:static;padding:18px;background:none;color:var(--text,inherit);font-size:14px;line-height:1.6}
.surface-comparison figcaption span{display:block;color:var(--muted,#59666f);font-size:12px;margin-top:6px}
.surface-comparison>p{grid-column:1/-1;margin:0;font-size:12px;color:var(--muted,#59666f)}
.performance-results th,.performance-results td{word-break:keep-all}
@media(max-width:900px){.technical-cards,.tri{grid-template-columns:1fr}.surface-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.technical-cards article,.tri .card{padding:22px}.surface-comparison{gap:10px}.surface-comparison figcaption{padding:12px;font-size:13px}}
/* 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;
  }
}
/* Localized copy flow only; preserve the approved visual design. */
html:is([lang="es-MX"],[lang="tr"],[lang="id"],[lang="ms"]) body{word-break:normal;overflow-wrap:break-word}
html:is([lang="es-MX"],[lang="tr"],[lang="id"],[lang="ms"]) :is(.inno-editorial,.elpang-editorial,.upgrade-hero){word-break:normal;overflow-wrap:break-word}
html:is([lang="es-MX"],[lang="tr"],[lang="id"],[lang="ms"]) .inno-product-selector a{flex-direction:column;gap:7px;min-width:0}
html:is([lang="es-MX"],[lang="tr"],[lang="id"],[lang="ms"]) .inno-product-selector small{font-size:14px;text-align:center;line-height:1.6}
html:is([lang="es-MX"],[lang="tr"],[lang="id"],[lang="ms"]) :is(.elpang-title-row,.upgrade-title-row){flex-wrap:wrap}
html:is([lang="es-MX"],[lang="tr"],[lang="id"],[lang="ms"]) :is(.elpang-title-action,.upgrade-title-action){min-width:0;max-width:100%}
html:is([lang="es-MX"],[lang="tr"],[lang="id"],[lang="ms"]) .elpang-calc-button{white-space:normal;max-width:100%;text-align:center}
html:is([lang="es-MX"],[lang="tr"],[lang="id"],[lang="ms"]) .elpang-condition-table{max-width:100%;overflow-x:auto}
@media(min-width:1271px){html:is([lang="es-MX"],[lang="tr"],[lang="id"],[lang="ms"]) .gnb>li>a{white-space:nowrap}}
@media(min-width:1271px) and (max-width:1600px){
 html:is([lang="es-MX"],[lang="tr"],[lang="id"],[lang="ms"]) .site-header{padding-inline:24px;gap:12px}
 html:is([lang="es-MX"],[lang="tr"],[lang="id"],[lang="ms"]) .gnb{gap:2px}
 html:is([lang="es-MX"],[lang="tr"],[lang="id"],[lang="ms"]) .gnb>li>a{padding-inline:9px;font-size:15px}
}
@media(max-width:760px){
 html:is([lang="es-MX"],[lang="tr"],[lang="id"],[lang="ms"]) :is(.inno-product-hero h1>span,.elpang-hero-copy h2,.upgrade-hero-copy h2){font-size:28px}
 html:is([lang="es-MX"],[lang="tr"],[lang="id"],[lang="ms"]) .inno-product-selector a>span{font-size:19px}
 html:is([lang="es-MX"],[lang="tr"],[lang="id"],[lang="ms"]) .inno-product-selector small{font-size:12px}
}
/* Download-only catalog UI. PDF assets are not fetched until a link is opened. */
.catalog-language-note { margin-top:24px; color:#596872; font-size:14px; line-height:1.7; }
.catalog-page .catalog-nav a,
.catalog-page .catalog-downloads a { overflow-wrap:anywhere; white-space:normal; }
.catalog-page .catalog-card { position:relative; }
.catalog-anchor { position:absolute; top:0; scroll-margin-top:130px; }
.catalog-direct-section { padding-block:24px 40px; }
.catalog-discovery-bar.catalog-direct {
 display:block; margin:30px 0 0; padding:24px 28px;
 border:1px solid #d9e1e5; border-left:3px solid #9a7c33;
 border-radius:4px; background:#fff; color:#243744;
}
.catalog-direct-title { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.catalog-direct-title strong { font-size:17px; line-height:1.6; }
.catalog-discovery-bar.catalog-direct .catalog-library-link {
 min-height:44px; padding:8px 0; border:0; background:transparent;
 color:#6c5318; font-size:14px; white-space:normal; text-decoration:underline; text-underline-offset:5px;
}
.catalog-direct-groups { display:flex; flex-wrap:wrap; gap:24px 40px; margin-top:16px; }
.catalog-direct-group { flex:1 1 280px; min-width:0; }
.catalog-direct-group p { margin:0; font-size:14px; line-height:1.6; color:#52616d; }
.catalog-direct .catalog-downloads { display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; }
.catalog-discovery-bar.catalog-direct .catalog-downloads a {
 display:inline-flex; align-items:center; gap:10px; min-height:44px;
 padding:10px 15px; border:1px solid #cbd4db; border-radius:2px;
 background:#fff; color:#243744; font-size:14px; line-height:1.5;
 font-weight:600; white-space:normal; overflow-wrap:anywhere;
}
.catalog-discovery-bar.catalog-direct .catalog-downloads a:hover { background:#fbf8ef; border-color:#977724; }
.catalog-direct a:focus-visible,.catalog-page .catalog-downloads a:focus-visible { outline:3px solid #9a7c33; outline-offset:4px; }
@media(max-width:760px) {
 .catalog-discovery-bar.catalog-direct { padding:20px; }
 .catalog-direct-section { padding-block:12px 28px; }
 .catalog-direct-groups { gap:22px; }
 .catalog-direct-group { flex-basis:100%; }
 .catalog-anchor { scroll-margin-top:85px; }
}
.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; } }
/* Non-Korean/English locales: native script-aware fonts, no font downloads. */
html[data-font-mode="system"],html[data-font-mode="system"] body{
 --font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
 --font-display:var(--font)!important;
 --font-mono:ui-monospace,SFMono-Regular,Consolas,monospace!important;
}
html[data-font-mode="system"][lang^="zh"],html[data-font-mode="system"][lang^="zh"] body{--font:"PingFang SC","Microsoft YaHei",system-ui,sans-serif!important}
html[data-font-mode="system"][lang="zh-TW"],html[data-font-mode="system"][lang="zh-tw"],html[data-font-mode="system"][lang="zh-TW"] body,html[data-font-mode="system"][lang="zh-tw"] body{--font:"PingFang TC","Microsoft JhengHei",system-ui,sans-serif!important}
html[data-font-mode="system"][lang="ja"],html[data-font-mode="system"][lang="ja"] body{--font:"Yu Gothic UI","Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif!important}
html[data-font-mode="system"][lang="th"],html[data-font-mode="system"][lang="th"] body{--font:"Leelawadee UI",Tahoma,"Noto Sans Thai",sans-serif!important}
html[data-font-mode="system"] body{font-family:var(--font)}