@font-face{font-family:"Exo 2";font-style:normal;font-weight:400 700;font-display:swap;src:url("fonts/exo2-cyrillic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Exo 2";font-style:normal;font-weight:400 700;font-display:swap;src:url("fonts/exo2-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Unbounded";font-style:normal;font-weight:500 600;font-display:swap;src:url("fonts/unbounded-cyrillic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Unbounded";font-style:normal;font-weight:500 600;font-display:swap;src:url("fonts/unbounded-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/*
  Brand-only layer for the existing KLAMP site.
  The source layout, content, section order and behavior remain unchanged.
*/
#klamp-commercial-v2 {
  --kc-bg: #061014;
  --kc-panel: #0b1a1e;
  --kc-panel-2: #102428;
  --kc-text: #e7f4f1;
  --kc-muted: #a7bcbc;
  --kc-dim: #577174;
  --kc-line: rgba(87, 113, 116, .28);
  --kc-line-strong: rgba(20, 217, 212, .34);
  --kc-lime: #dafa10;
  --kc-cyan: #14d9d4;
  --kc-purple: #14d9d4;
  --kc-gradient: linear-gradient(105deg, #14d9d4 0%, #dafa10 100%);
  font-family: "Exo 2", "Segoe UI", sans-serif;
}

@media (min-width: 1101px) {
  #klamp-commercial-v2 .kc-nav { gap: clamp(8px, 1.15vw, 18px); }
  #klamp-commercial-v2 .kc-nav a { white-space: nowrap; font-size: 12px; }
  #klamp-commercial-v2 .kc-nav .kc-primary { padding-inline: 18px; }
}

#klamp-commercial-v2 h1,
#klamp-commercial-v2 h2 {
  font-family: "Unbounded", "Segoe UI", sans-serif;
}

#klamp-commercial-v2 h3,
#klamp-commercial-v2 button,
#klamp-commercial-v2 input,
#klamp-commercial-v2 textarea {
  font-family: "Exo 2", "Segoe UI", sans-serif;
}

#klamp-commercial-v2 .kc-logo {
  display: block;
  flex: 0 0 auto;
  width: 205px;
  height: 58px;
  background: url("brand-assets/klamp-logo-reverse-transparent.png") left center / contain no-repeat;
}

#klamp-commercial-v2 .kc-logo > span {
  display: none;
}

#klamp-commercial-v2 .kc-primary {
  color: #061014;
  border-color: #dafa10;
  background: #dafa10;
  box-shadow: 0 9px 28px rgba(218, 250, 16, .14);
}

#klamp-commercial-v2 .kc-primary:hover,
#klamp-commercial-v2 .kc-primary:focus-visible {
  color: #061014;
  border-color: #e5ff42;
  background: #e5ff42;
  box-shadow: 0 14px 34px rgba(218, 250, 16, .22);
}

#klamp-commercial-v2 .kc-nav .kc-primary,
#klamp-commercial-v2 .kc-nav .kc-primary:hover,
#klamp-commercial-v2 .kc-nav .kc-primary:focus-visible {
  color: #061014;
}

#klamp-commercial-v2 .kc-secondary {
  color: var(--kc-text);
  border-color: rgba(20, 217, 212, .34);
  background: rgba(20, 217, 212, .025);
}

#klamp-commercial-v2 .kc-secondary:hover,
#klamp-commercial-v2 .kc-secondary:focus-visible,
#klamp-commercial-v2 .kc-inline-action:hover,
#klamp-commercial-v2 .kc-inline-action:focus-visible {
  color: var(--kc-cyan);
  border-color: var(--kc-cyan);
}

#klamp-commercial-v2 .kc-problem-button[aria-pressed="true"] {
  color: #061014;
  border-color: var(--kc-lime);
  background: var(--kc-lime);
}

#klamp-commercial-v2 .kc-page {
  --kc-paper: #edf4f2;
  --kc-ink: #142d31;
  --kc-paper-muted: #577174;
  background:
    radial-gradient(circle at 78% 7%, rgba(218, 250, 16, .12), transparent 30rem),
    radial-gradient(circle at 14% 15%, rgba(20, 217, 212, .09), transparent 35rem),
    var(--kc-bg);
}

#klamp-commercial-v2 #kc-projects {
  color: var(--kc-ink);
  background: #dce9e6;
  box-shadow: 0 0 0 100vmax #dce9e6;
}

#klamp-commercial-v2 .kc-wildcard,
#klamp-commercial-v2 .kc-download-copy {
  background: linear-gradient(135deg, rgba(20, 217, 212, .10), rgba(218, 250, 16, .035));
}

#klamp-commercial-v2 input:focus-visible,
#klamp-commercial-v2 textarea:focus-visible,
#klamp-commercial-v2 button:focus-visible,
#klamp-commercial-v2 a:focus-visible {
  outline-color: var(--kc-lime);
}

@media (max-width: 640px) {
  #klamp-commercial-v2 .kc-logo {
    width: 158px;
    height: 48px;
  }
}

/* Compact selectors requested for business results and industries. */
#klamp-commercial-v2 .kc-result-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 0 0 28px;
  border-top: 1px solid rgba(255, 255, 255, .18);
  border-bottom: 1px solid rgba(255, 255, 255, .18);
}

#klamp-commercial-v2 .kc-result-tab {
  appearance: none;
  flex: 1 1 auto;
  min-height: 54px;
  padding: 13px 16px;
  color: #c6cec4;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, .14);
  background: transparent;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: color .18s ease, background-color .18s ease;
}

#klamp-commercial-v2 .kc-result-tab:last-child { border-right: 0; }
#klamp-commercial-v2 .kc-result-tab:hover,
#klamp-commercial-v2 .kc-result-tab[aria-selected="true"] {
  color: #14200f;
  background: var(--kc-lime);
}

#klamp-commercial-v2 .kc-product-deck { grid-template-columns: 1fr; }
#klamp-commercial-v2 .kc-product-deck > .kc-product-card,
#klamp-commercial-v2 .kc-product-deck > .kc-product-card:nth-child(n) {
  grid-column: 1 / -1;
  min-height: 0;
}
#klamp-commercial-v2 .kc-product-deck > .kc-product-card[hidden] { display: none !important; }

#klamp-commercial-v2 #kc-solutions .kc-product-card:hover .kc-product-meta,
#klamp-commercial-v2 #kc-solutions .kc-product-card:hover .kc-product-meta span,
#klamp-commercial-v2 #kc-solutions .kc-product-card:focus-within .kc-product-meta,
#klamp-commercial-v2 #kc-solutions .kc-product-card:focus-within .kc-product-meta span {
  color: #244d00;
}

#klamp-commercial-v2 .kc-industry-layout {
  display: grid;
  grid-template-columns: minmax(250px, .65fr) minmax(0, 1.35fr);
  gap: clamp(28px, 5vw, 64px);
  align-items: start;
}

#klamp-commercial-v2 .kc-industry-list {
  display: grid;
  align-content: start;
}

#klamp-commercial-v2 .kc-industry-tab {
  appearance: none;
  min-height: 48px;
  padding: 12px 0;
  color: #6a6047;
  border: 0;
  border-bottom: 1px solid rgba(17, 21, 15, .18);
  background: transparent;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
  transition: padding .18s ease, color .18s ease, background-color .18s ease;
}

#klamp-commercial-v2 .kc-industry-tab:hover,
#klamp-commercial-v2 .kc-industry-tab[aria-selected="true"] {
  padding-left: 16px;
  color: #14200f;
  background: var(--kc-lime);
}

#klamp-commercial-v2 .kc-industry-panels {
  display: block;
}

#klamp-commercial-v2 #kc-audience .kc-industry-panels > .kc-audience-card,
#klamp-commercial-v2 #kc-audience .kc-industry-panels > .kc-audience-card:nth-child(n) {
  min-height: 0;
  padding: clamp(28px, 4vw, 44px);
  color: #272319;
  border: 1px solid rgba(17, 21, 15, .18);
  border-radius: 3px 24px 3px 24px;
  background: rgba(255, 255, 255, .22);
}

#klamp-commercial-v2 #kc-audience .kc-industry-panels > .kc-audience-card p,
#klamp-commercial-v2 #kc-audience .kc-industry-panels > .kc-audience-card span { color: #6a6047; }
#klamp-commercial-v2 .kc-industry-panels > .kc-audience-card[hidden] { display: none !important; }

#klamp-commercial-v2 #kc-other .kc-wildcard { grid-template-columns: 1fr; }
#klamp-commercial-v2 #kc-other .kc-wildcard h3 { color: #fff; }

@media (max-width: 760px) {
  #klamp-commercial-v2 .kc-result-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #klamp-commercial-v2 .kc-result-tab { border-bottom: 1px solid rgba(255, 255, 255, .14); }
  #klamp-commercial-v2 .kc-industry-layout { grid-template-columns: 1fr; gap: 24px; }
}

#klamp-commercial-v2 .kc-catalog-menu { position: relative; }
#klamp-commercial-v2 .kc-catalog-menu > button { padding:0;border:0;color:var(--kc-muted);background:transparent;font:inherit;font-size:12px;cursor:pointer; }
#klamp-commercial-v2 .kc-catalog-menu > button:hover,
#klamp-commercial-v2 .kc-catalog-menu > button:focus-visible { color:var(--kc-text); }
#klamp-commercial-v2 .kc-catalog-panel {
  position: absolute;
  top: calc(100% + 18px);
  left: 50%;
  z-index: 30;
  display: grid;
  width: 640px;
  padding: 10px;
  border: 1px solid rgba(20, 217, 212, .25);
  border-radius: 12px;
  background: rgba(6, 16, 20, .98);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .34);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 8px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}
#klamp-commercial-v2 .kc-catalog-panel::before { content: ""; position: absolute; left: 0; right: 0; top: -20px; height: 20px; }
#klamp-commercial-v2 .kc-catalog-menu:hover .kc-catalog-panel,
#klamp-commercial-v2 .kc-catalog-menu:focus-within .kc-catalog-panel,
#klamp-commercial-v2 .kc-catalog-menu[data-open="true"] .kc-catalog-panel { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
#klamp-commercial-v2 .kc-catalog-panel a { display: grid; gap: 4px; padding: 14px 16px; border-radius: 8px; color: var(--kc-text); }
#klamp-commercial-v2 .kc-catalog-panel a:hover,
#klamp-commercial-v2 .kc-catalog-panel a:focus-visible { color: var(--kc-bg); background: var(--kc-lime); }
#klamp-commercial-v2 .kc-catalog-panel strong { font-size: 14px; }
#klamp-commercial-v2 .kc-catalog-panel span { color: var(--kc-muted); font-size: 12px; line-height: 1.45; }
#klamp-commercial-v2 .kc-catalog-panel a:hover span,
#klamp-commercial-v2 .kc-catalog-panel a:focus-visible span { color: #274016; }
#klamp-commercial-v2 .kc-industries-menu { position:relative; }
#klamp-commercial-v2 .kc-industries-menu > button { padding:0;border:0;color:var(--kc-muted);background:transparent;font:inherit;font-size:12px;cursor:pointer; }
#klamp-commercial-v2 .kc-industries-menu > button:hover,
#klamp-commercial-v2 .kc-industries-menu > button:focus-visible { color:var(--kc-text); }
#klamp-commercial-v2 .kc-industries-panel { position:absolute;top:calc(100% + 18px);left:50%;z-index:30;display:grid;width:430px;padding:10px;border:1px solid rgba(20,217,212,.25);border-radius:12px;background:rgba(6,16,20,.98);box-shadow:0 24px 70px rgba(0,0,0,.34);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease; }
#klamp-commercial-v2 .kc-industries-panel::before { content:"";position:absolute;left:0;right:0;top:-20px;height:20px; }
#klamp-commercial-v2 .kc-industries-panel a,
#klamp-commercial-v2 .kc-industries-panel span { display:block;padding:10px 13px;border-radius:7px;font-size:13px;line-height:1.35;text-decoration:none; }
#klamp-commercial-v2 .kc-industries-panel span { color:var(--kc-dim);cursor:default; }
#klamp-commercial-v2 .kc-industries-panel a { color:var(--kc-text); }
#klamp-commercial-v2 .kc-industries-panel a:hover,
#klamp-commercial-v2 .kc-industries-panel a:focus-visible { color:var(--kc-bg);background:var(--kc-lime); }
#klamp-commercial-v2 .kc-industries-menu:hover .kc-industries-panel,
#klamp-commercial-v2 .kc-industries-menu:focus-within .kc-industries-panel,
#klamp-commercial-v2 .kc-industries-menu[data-open="true"] .kc-industries-panel { opacity:1;visibility:visible;transform:translate(-50%,0); }
@media (max-width: 1100px) {
  #klamp-commercial-v2 .kc-catalog-menu,
  #klamp-commercial-v2 .kc-industries-menu,
  #klamp-commercial-v2 .kc-nav > a:not(.kc-primary) { display: none; }
}

#klamp-commercial-v2 .kc-mobile-menu { display: none; position: relative; margin-left: auto; }
#klamp-commercial-v2 .kc-mobile-menu summary {
  min-height: 42px;
  padding: 0 15px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(20,217,212,.36);
  border-radius: 7px;
  color: var(--kc-text);
  background: rgba(20,217,212,.04);
  cursor: pointer;
  list-style: none;
  font-size: 13px;
  font-weight: 600;
}
#klamp-commercial-v2 .kc-mobile-menu summary::-webkit-details-marker { display: none; }
#klamp-commercial-v2 .kc-mobile-menu-panel {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  z-index: 60;
  display: grid;
  width: min(310px, calc(100vw - 28px));
  padding: 10px;
  border: 1px solid rgba(20,217,212,.28);
  border-radius: 12px;
  background: rgba(6,16,20,.99);
  box-shadow: 0 24px 70px rgba(0,0,0,.42);
}
#klamp-commercial-v2 .kc-mobile-menu-panel a {
  padding: 11px 13px;
  border-radius: 7px;
  color: var(--kc-text);
  text-decoration: none;
  font-size: 14px;
}
#klamp-commercial-v2 .kc-mobile-menu-panel a:nth-child(3),
#klamp-commercial-v2 .kc-mobile-menu-panel a:nth-child(4),
#klamp-commercial-v2 .kc-mobile-menu-panel a:nth-child(5) { padding-left: 27px; color: var(--kc-muted); font-size: 13px; }
#klamp-commercial-v2 .kc-mobile-menu-panel a:hover,
#klamp-commercial-v2 .kc-mobile-menu-panel a:focus-visible { color: var(--kc-bg); background: var(--kc-lime); }

@media (max-width: 1100px) {
  #klamp-commercial-v2 .kc-mobile-menu { display: block; }
}

@media (max-width: 640px) {
  #klamp-commercial-v2 .kc-logo { width: 150px; height: 48px; }
  #klamp-commercial-v2 .kc-mobile-menu summary { min-height: 38px; padding-inline: 11px; font-size: 12px; }
}