@import url("https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700,800&f[]=cabinet-grotesk@500,700,800&display=swap");

/* KINGWIN CONSOLIDATED PAGE CSS START */
@layer kingwin-page-legacy {
/* custom-cardboard-pet-store-displays-kingwin-bootstrap.css */
.industrial-page.page-pet {
      --kw-bg: #f7f6f2;
      --kw-surface: #fbfaf7;
      --kw-surface-2: #f1eee8;
      --kw-text: #28251d;
      --kw-muted: #6f6a62;
      --kw-faint: #a39d94;
      --kw-primary: #01696f;
      --kw-primary-hover: #0c4e54;
      --kw-primary-soft: rgba(1, 105, 111, 0.09);
      --kw-success: #437a22;
      --kw-success-soft: rgba(67, 122, 34, 0.10);
      --kw-border: rgba(40, 37, 29, 0.12);
      --kw-shadow-sm: 0 1px 2px rgba(27, 24, 18, 0.06);
      --kw-shadow-md: 0 10px 30px rgba(27, 24, 18, 0.08);
      --kw-shadow-lg: 0 24px 60px rgba(27, 24, 18, 0.12);
      --kw-font-display: 'Cabinet Grotesk', 'Arial Narrow', sans-serif;
      --kw-font-body: 'General Sans', Arial, sans-serif;
      --bs-body-font-family: var(--kw-font-body);
      --bs-body-bg: var(--kw-bg);
      --bs-body-color: var(--kw-text);
      --bs-primary: var(--kw-primary);
      --bs-primary-rgb: 1, 105, 111;
      --bs-border-color: var(--kw-border);
      --bs-link-color: var(--kw-text);
      --bs-link-hover-color: var(--kw-primary);
      --bs-border-radius: 1rem;
      --bs-border-radius-lg: 1.25rem;
      --bs-border-radius-xl: 1.75rem;
    }

    .industrial-page.page-pet [data-bs-theme="dark"] {
      --kw-bg: #171614;
      --kw-surface: #1e1c19;
      --kw-surface-2: #252320;
      --kw-text: #ece6dd;
      --kw-muted: #b8b0a5;
      --kw-faint: #8f877d;
      --kw-primary: #53a3ad;
      --kw-primary-hover: #6cb6bf;
      --kw-primary-soft: rgba(83, 163, 173, 0.12);
      --kw-success: #79b254;
      --kw-success-soft: rgba(121, 178, 84, 0.12);
      --kw-border: rgba(235, 230, 221, 0.12);
      --kw-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25);
      --kw-shadow-md: 0 10px 30px rgba(0, 0, 0, 0.28);
      --kw-shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.35);
      --bs-body-bg: var(--kw-bg);
      --bs-body-color: var(--kw-text);
      --bs-border-color: var(--kw-border);
    }

    .industrial-page.page-pet { scroll-behavior: smooth; }
    .industrial-page.page-pet {
      background: var(--kw-bg);
      color: var(--kw-text);
      line-height: 1.65;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }
    .industrial-page.page-pet h1, .industrial-page.page-pet h2, .industrial-page.page-pet h3, .industrial-page.page-pet h4, .industrial-page.page-pet .font-display {
      font-family: var(--kw-font-display);
      letter-spacing: -0.03em;
    }
    .industrial-page.page-pet p { max-width: 68ch; }
    .industrial-page.page-pet a { text-decoration: none; }
    .industrial-page.page-pet .container-xxl { max-width: 1180px; }
    .industrial-page.page-pet .section-padding { padding: clamp(3rem, 7vw, 6rem) 0; }
    .industrial-page.page-pet .section-padding-sm { padding: clamp(2rem, 5vw, 4rem) 0; }
    .industrial-page.page-pet .text-muted-custom { color: var(--kw-muted) !important; }

    .industrial-page.page-pet .skip-link {
      position: absolute;
      left: -999px;
      top: 0;
      background: var(--kw-primary);
      color: #fff;
      padding: .75rem 1rem;
      border-radius: 0 0 .5rem .5rem;
      z-index: 1100;
    }
    .industrial-page.page-pet .skip-link:focus { left: 1rem; }

    .industrial-page.page-pet .site-header {
      background: color-mix(in srgb, var(--kw-bg) 88%, transparent);
      border-bottom: 1px solid var(--kw-border);
      backdrop-filter: blur(14px);
    }
    .industrial-page.page-pet .brand-mark {
      width: 42px;
      height: 42px;
      border-radius: 12px;
      display: inline-grid;
      place-items: center;
      background: var(--kw-text);
      color: var(--kw-bg);
      box-shadow: var(--kw-shadow-sm);
      flex: 0 0 auto;
    }
    .industrial-page.page-pet .brand-name { font-family: var(--kw-font-display); font-size: 1.2rem; font-weight: 800; line-height: 1; }
    .industrial-page.page-pet .tagline { display: block; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: var(--kw-faint); margin-top: .2rem; }

    .industrial-page.page-pet .btn-kw-primary {
      --bs-btn-bg: var(--kw-primary);
      --bs-btn-border-color: var(--kw-primary);
      --bs-btn-hover-bg: var(--kw-primary-hover);
      --bs-btn-hover-border-color: var(--kw-primary-hover);
      --bs-btn-color: #fff;
      --bs-btn-hover-color: #fff;
      --bs-btn-padding-y: .85rem;
      --bs-btn-padding-x: 1.2rem;
      --bs-btn-font-weight: 700;
      --bs-btn-border-radius: 999px;
      box-shadow: var(--kw-shadow-sm);
    }
    .industrial-page.page-pet .btn-kw-secondary {
      --bs-btn-bg: var(--kw-surface);
      --bs-btn-border-color: var(--kw-border);
      --bs-btn-hover-bg: var(--kw-surface-2);
      --bs-btn-hover-border-color: var(--kw-border);
      --bs-btn-color: var(--kw-text);
      --bs-btn-hover-color: var(--kw-text);
      --bs-btn-padding-y: .85rem;
      --bs-btn-padding-x: 1.2rem;
      --bs-btn-font-weight: 700;
      --bs-btn-border-radius: 999px;
    }

    .industrial-page.page-pet .eyebrow {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      padding: .45rem .8rem;
      border-radius: 999px;
      background: var(--kw-primary-soft);
      color: var(--kw-primary);
      font-size: .75rem;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    .industrial-page.page-pet .hero {
      position: relative;
      overflow: hidden;
      padding: clamp(3rem, 8vw, 6rem) 0 4rem;
    }
    .industrial-page.page-pet .hero::before,
    .industrial-page.page-pet .hero::after {
      content: "";
      position: absolute;
      border-radius: 50%;
      filter: blur(14px);
      pointer-events: none;
      z-index: 0;
    }
    .industrial-page.page-pet .hero::before {
      width: 34rem;
      height: 34rem;
      right: -10rem;
      top: -6rem;
      background: radial-gradient(circle, var(--kw-primary-soft) 0%, transparent 68%);
    }
    .industrial-page.page-pet .hero::after {
      width: 18rem;
      height: 18rem;
      left: -4rem;
      bottom: 1rem;
      background: radial-gradient(circle, var(--kw-success-soft) 0%, transparent 70%);
    }
    .industrial-page.page-pet .hero > .container-xxl { position: relative; z-index: 1; }
    .industrial-page.page-pet .hero-title {
      font-size: clamp(2.2rem, 6vw, 3.8rem);
      line-height: 1.03;
      max-width: 12ch;
    }
    .industrial-page.page-pet .hero-lead { font-size: clamp(1rem, .95rem + .3vw, 1.16rem); color: var(--kw-muted); }

    .industrial-page.page-pet .kw-card,
    .industrial-page.page-pet .metric-card,
    .industrial-page.page-pet .display-card,
    .industrial-page.page-pet .process-card,
    .industrial-page.page-pet .contact-card,
    .industrial-page.page-pet .cta-box,
    .industrial-page.page-pet .footer-box {
      background: var(--kw-surface);
      border: 1px solid var(--kw-border);
      border-radius: var(--bs-border-radius-lg);
      box-shadow: var(--kw-shadow-sm);
    }
    .industrial-page.page-pet .kw-card,
    .industrial-page.page-pet .display-card,
    .industrial-page.page-pet .process-card,
    .industrial-page.page-pet .contact-card { transition: transform .18s ease, box-shadow .18s ease; }
    .industrial-page.page-pet .kw-card:hover,
    .industrial-page.page-pet .display-card:hover,
    .industrial-page.page-pet .process-card:hover { transform: translateY(-2px); box-shadow: var(--kw-shadow-md); }
    .industrial-page.page-pet .kw-card .card-text,
    .industrial-page.page-pet .display-card .card-text,
    .industrial-page.page-pet .process-card .card-text,
    .industrial-page.page-pet .contact-card p { color: var(--kw-muted); font-size: .95rem; }

    .industrial-page.page-pet .metric-card strong {
      display: block;
      font-family: var(--kw-font-display);
      font-size: 1.35rem;
      margin-bottom: .2rem;
    }
    .industrial-page.page-pet .hero-panel {
      background: linear-gradient(180deg, var(--kw-surface), var(--kw-surface-2));
      border: 1px solid var(--kw-border);
      border-radius: var(--bs-border-radius-xl);
      box-shadow: var(--kw-shadow-lg);
    }
    .industrial-page.page-pet .panel-chip {
      display: inline-flex;
      align-items: center;
      padding: .45rem .8rem;
      border-radius: 999px;
      background: var(--kw-success-soft);
      color: var(--kw-success);
      font-size: .75rem;
      font-weight: 800;
      white-space: nowrap;
    }

    .industrial-page.page-pet .diagram-stage {
      margin-top: auto;
      height: 112px;
      border-radius: 1rem;
      border: 1px dashed var(--kw-border);
      background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .02)), var(--kw-surface-2);
      position: relative;
      overflow: hidden;
    }
    .industrial-page.page-pet .diagram-stage .shelf {
      position: absolute;
      left: 16px;
      right: 16px;
      height: 10px;
      border-radius: 999px;
      background: var(--kw-primary-soft);
      border: 1px solid rgba(1, 105, 111, .12);
    }
    .industrial-page.page-pet .diagram-stage .shelf:nth-child(1) { top: 22px; }
    .industrial-page.page-pet .diagram-stage .shelf:nth-child(2) { top: 52px; }
    .industrial-page.page-pet .diagram-stage .shelf:nth-child(3) { top: 82px; }
    .industrial-page.page-pet .diagram-stage .hook {
      position: absolute;
      width: 12px;
      height: 46px;
      top: 18px;
      border-radius: 999px;
      background: var(--kw-primary);
      opacity: .15;
    }
    .industrial-page.page-pet .diagram-stage .hook:nth-child(1) { left: 28px; }
    .industrial-page.page-pet .diagram-stage .hook:nth-child(2) { left: 58px; }
    .industrial-page.page-pet .diagram-stage .hook:nth-child(3) { left: 88px; }

    .industrial-page.page-pet .check-dot {
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background: var(--kw-primary-soft);
      color: var(--kw-primary);
      display: inline-grid;
      place-items: center;
      font-size: .85rem;
      font-weight: 800;
      flex: 0 0 auto;
      margin-top: .2rem;
    }
    .industrial-page.page-pet .card-icon {
      width: 42px;
      height: 42px;
      border-radius: 14px;
      display: grid;
      place-items: center;
      margin-bottom: 1rem;
      background: var(--kw-primary-soft);
      color: var(--kw-primary);
    }
    .industrial-page.page-pet .category-pill {
      display: flex;
      align-items: center;
      gap: .75rem;
      padding: 1rem 1.05rem;
      background: var(--kw-surface);
      border: 1px solid var(--kw-border);
      border-radius: 999px;
      color: var(--kw-text);
      box-shadow: var(--kw-shadow-sm);
      font-size: .95rem;
      font-weight: 700;
      min-height: 100%;
    }
    .industrial-page.page-pet .category-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: var(--kw-primary);
      opacity: .8;
      flex: 0 0 auto;
    }
    .industrial-page.page-pet .step-no {
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background: var(--kw-text);
      color: var(--kw-bg);
      display: grid;
      place-items: center;
      font-size: .75rem;
      font-weight: 800;
      margin-bottom: 1rem;
    }

    .industrial-page.page-pet .accordion { --bs-accordion-bg: var(--kw-surface); --bs-accordion-border-color: var(--kw-border); --bs-accordion-btn-color: var(--kw-text); --bs-accordion-active-color: var(--kw-text); --bs-accordion-active-bg: var(--kw-surface-2); --bs-accordion-color: var(--kw-muted); }
    .industrial-page.page-pet .accordion-item { border-radius: 1.25rem !important; overflow: hidden; box-shadow: var(--kw-shadow-sm); }
    .industrial-page.page-pet .accordion-button { font-weight: 800; }
    .industrial-page.page-pet .accordion-button:focus { box-shadow: 0 0 0 .25rem var(--kw-primary-soft); }

    .industrial-page.page-pet .cta-box { padding: clamp(1.5rem, 4vw, 2.5rem); background: linear-gradient(135deg, var(--kw-surface) 0%, var(--kw-surface-2) 100%); }
    .industrial-page.page-pet .form-control, .industrial-page.page-pet .form-select {
      min-height: 48px;
      border-radius: .95rem;
      border-color: var(--kw-border);
      background-color: var(--kw-bg);
      color: var(--kw-text);
    }
    .industrial-page.page-pet textarea.form-control { min-height: 132px; }
    .industrial-page.page-pet .form-label {
      font-size: .75rem;
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: var(--kw-muted);
    }
    .industrial-page.page-pet .footer { border-top: 1px solid var(--kw-border); }
    .industrial-page.page-pet .footer-box { padding: 1.5rem; }
    .industrial-page.page-pet .footer p, .industrial-page.page-pet .footer li, .industrial-page.page-pet .footer small { color: var(--kw-muted); font-size: .95rem; }

    @media (max-width: 991.98px) {
      .industrial-page.page-pet .hero-title { max-width: 14ch; }
      .industrial-page.page-pet .site-header { position: static !important; }
    }
    @media (max-width: 767.98px) {
      .industrial-page.page-pet .hero-title { max-width: 100%; }
      .industrial-page.page-pet .brand-name { font-size: 1.05rem; }
    }
    @media (prefers-reduced-motion: reduce) {
      .industrial-page.page-pet { scroll-behavior: auto; }
      .industrial-page.page-pet *, .industrial-page.page-pet *::before, .industrial-page.page-pet *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
    }

.industrial-page.page-pet /* Extracted inline utility styles */
.kw-theme-toggle-button {
  width: 46px;
  height: 46px;
}

/* custom-toy-cardboard-displays-bootstrap.css */
.industrial-page.page-toy {
      --kw-bg: #f7f6f2;
      --kw-surface: #fcfbf8;
      --kw-surface-2: #f2eee8;
      --kw-border: #d8d0c6;
      --kw-text: #262118;
      --kw-muted: #6f6a61;
      --kw-primary: #a14a21;
      --kw-primary-hover: #823815;
      --kw-primary-soft: #f1dfd3;
      --kw-radius-lg: 0.875rem;
      --kw-radius-xl: 1.25rem;
      --kw-shadow-sm: 0 1px 2px rgba(48, 40, 26, 0.06);
      --kw-shadow-md: 0 8px 24px rgba(48, 40, 26, 0.08);
      --kw-shadow-lg: 0 18px 48px rgba(48, 40, 26, 0.12);
      --bs-body-font-family: 'General Sans', 'Inter', system-ui, sans-serif;
      --bs-body-bg: var(--kw-bg);
      --bs-body-color: var(--kw-text);
      --bs-primary: var(--kw-primary);
      --bs-primary-rgb: 161, 74, 33;
      --bs-link-color: var(--kw-primary);
      --bs-link-hover-color: var(--kw-primary-hover);
      --bs-border-color: var(--kw-border);
      --bs-border-radius-lg: var(--kw-radius-lg);
      --bs-border-radius-xl: var(--kw-radius-xl);
    }

    .industrial-page.page-toy [data-bs-theme="dark"] {
      --kw-bg: #181613;
      --kw-surface: #201d19;
      --kw-surface-2: #26221d;
      --kw-border: #3f3830;
      --kw-text: #ece4da;
      --kw-muted: #b6ada1;
      --kw-primary: #dd8351;
      --kw-primary-hover: #ef9b6d;
      --kw-primary-soft: #463229;
      --bs-body-bg: var(--kw-bg);
      --bs-body-color: var(--kw-text);
      --bs-primary: var(--kw-primary);
      --bs-primary-rgb: 221, 131, 81;
      --bs-link-color: var(--kw-primary);
      --bs-link-hover-color: var(--kw-primary-hover);
      --bs-border-color: var(--kw-border);
    }

    .industrial-page.page-toy { scroll-behavior: smooth; }
    .industrial-page.page-toy { line-height: 1.65; }
    .industrial-page.page-toy h1, .industrial-page.page-toy h2 { font-family: 'Boska', Georgia, serif; letter-spacing: -0.02em; }
    .industrial-page.page-toy h1 { font-size: clamp(2.5rem, 1rem + 4vw, 5rem); line-height: 1.03; max-width: 11ch; }
    .industrial-page.page-toy h2 { font-size: clamp(2rem, 1.2rem + 2.5vw, 3.5rem); line-height: 1.05; }
    .industrial-page.page-toy h3 { font-size: clamp(1.125rem, 1rem + 0.75vw, 1.5rem); }
    .industrial-page.page-toy p { color: var(--kw-muted); }
    .industrial-page.page-toy .lead { color: var(--kw-text); font-size: clamp(1.125rem, 1rem + 0.75vw, 1.5rem); }
    .industrial-page.page-toy .section { padding: clamp(3rem, 8vw, 6rem) 0; }
    .industrial-page.page-toy .section-alt { background: var(--kw-surface); }
    .industrial-page.page-toy .section-head { max-width: 760px; margin-bottom: 2.5rem; }
    .industrial-page.page-toy .eyebrow {
      display: inline-flex;
      align-items: center;
      padding: 0.45rem 0.85rem;
      border-radius: 999px;
      background: var(--kw-primary-soft);
      color: var(--kw-primary);
      font-size: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      margin-bottom: 1rem;
    }
    .industrial-page.page-toy .navbar {
      --bs-navbar-color: var(--kw-muted);
      --bs-navbar-hover-color: var(--kw-text);
      backdrop-filter: blur(14px);
      background: color-mix(in oklab, var(--kw-bg) 84%, transparent);
      border-bottom: 1px solid color-mix(in oklab, var(--kw-text) 10%, transparent);
    }
    .industrial-page.page-toy .brand-icon { width: 34px; height: 34px; color: var(--kw-primary); }
    .industrial-page.page-toy .btn {
      --bs-btn-border-radius: 999px;
      --bs-btn-padding-x: 1.35rem;
      --bs-btn-padding-y: 0.9rem;
      --bs-btn-font-weight: 600;
    }
    .industrial-page.page-toy .btn-primary {
      --bs-btn-bg: var(--kw-primary);
      --bs-btn-border-color: var(--kw-primary);
      --bs-btn-hover-bg: var(--kw-primary-hover);
      --bs-btn-hover-border-color: var(--kw-primary-hover);
      --bs-btn-color: #fffdf8;
      --bs-btn-hover-color: #fffdf8;
      box-shadow: var(--kw-shadow-sm);
    }
    .industrial-page.page-toy .btn-outline-secondary {
      --bs-btn-color: var(--kw-text);
      --bs-btn-border-color: var(--kw-border);
      --bs-btn-hover-bg: var(--kw-surface-2);
      --bs-btn-hover-border-color: var(--kw-border);
      --bs-btn-hover-color: var(--kw-text);
    }
    .industrial-page.page-toy .theme-toggle {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      border: 1px solid var(--kw-border);
      background: var(--kw-surface);
      color: var(--kw-text);
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
    .industrial-page.page-toy .hero { padding: clamp(3rem, 8vw, 6rem) 0 3rem; }
    .industrial-page.page-toy .soft-card {
      background: var(--kw-surface);
      border: 1px solid color-mix(in oklab, var(--kw-text) 10%, transparent);
      box-shadow: var(--kw-shadow-sm);
      border-radius: var(--kw-radius-lg);
    }
    .industrial-page.page-toy .hero-art {
      background: linear-gradient(145deg, var(--kw-surface), var(--kw-surface-2));
      border: 1px solid color-mix(in oklab, var(--kw-text) 10%, transparent);
      border-radius: var(--kw-radius-xl);
      padding: clamp(1.5rem, 4vw, 2.5rem);
      box-shadow: var(--kw-shadow-lg);
    }
    .industrial-page.page-toy .display-scene {
      aspect-ratio: 4 / 3;
      border-radius: calc(var(--kw-radius-xl) - 0.5rem);
      background: radial-gradient(circle at 20% 20%, #ffe0bf 0, transparent 28%),
                  radial-gradient(circle at 80% 20%, #ffd8e0 0, transparent 20%),
                  linear-gradient(180deg, #faf4ea 0%, #f0e7d9 100%);
      border: 1px solid #eadbc9;
      position: relative;
      overflow: hidden;
    }
    .industrial-page.page-toy .shelf { position: absolute; left: 8%; right: 8%; bottom: 7%; height: 8%; background: #c88b5f; border-radius: 999px; }
    .industrial-page.page-toy .toy-display {
      position: absolute; left: 12%; bottom: 14%; width: 34%; height: 68%; background: #f4b33e;
      border-radius: 1.25rem 1.25rem 1rem 1rem; box-shadow: 0 18px 35px rgba(127,77,19,.18);
      border: 3px solid #9c5d18;
    }
    .industrial-page.page-toy .toy-display::before {
      content: 'TOY ZONE'; position: absolute; top: 4%; left: 8%; right: 8%; text-align: center;
      padding: .5rem; border-radius: .75rem; background: #e4513d; color: white; font-size: .85rem; font-weight: 800; letter-spacing: .08em;
    }
    .industrial-page.page-toy .toy-display::after {
      content: ''; position: absolute; inset: 18% 10% 10%;
      background: repeating-linear-gradient(180deg, #fff6d7, #fff6d7 18%, #f5d383 18%, #f5d383 21%);
      border-radius: .6rem;
    }
    .industrial-page.page-toy .toy-bin {
      position: absolute; right: 10%; bottom: 13%; width: 38%; height: 34%; background: #4fb6c2;
      clip-path: polygon(8% 0, 92% 0, 100% 24%, 100% 100%, 0 100%, 0 24%);
      border: 3px solid #1d6d76; box-shadow: 0 18px 35px rgba(29,109,118,.18);
    }
    .industrial-page.page-toy .toy-bin::before {
      content: ''; position: absolute; inset: 20% 8% 10%;
      background: radial-gradient(circle at 20% 30%, #ff7b70 0 10%, transparent 11%),
                  radial-gradient(circle at 50% 35%, #ffd564 0 12%, transparent 13%),
                  radial-gradient(circle at 78% 26%, #91d96f 0 11%, transparent 12%),
                  radial-gradient(circle at 35% 72%, #b18cff 0 11%, transparent 12%),
                  radial-gradient(circle at 70% 68%, #ff9dc6 0 12%, transparent 13%),
                  #d5f4f8;
      border-radius: .75rem;
    }
    .industrial-page.page-toy .stats {
      padding: 2rem 0;
      background: var(--kw-surface);
      border-top: 1px solid color-mix(in oklab, var(--kw-text) 8%, transparent);
      border-bottom: 1px solid color-mix(in oklab, var(--kw-text) 8%, transparent);
    }
    .industrial-page.page-toy .stat-number { font-size: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem); font-family: 'Boska', Georgia, serif; color: var(--kw-primary); line-height: 1; }
    .industrial-page.page-toy .stat-label, .industrial-page.page-toy .small-muted { color: var(--kw-muted); font-size: clamp(0.875rem, 0.8rem + 0.35vw, 1rem); }
    .industrial-page.page-toy .card {
      --bs-card-bg: var(--kw-surface);
      --bs-card-border-color: color-mix(in oklab, var(--kw-text) 10%, transparent);
      --bs-card-border-radius: var(--kw-radius-lg);
      --bs-card-box-shadow: var(--kw-shadow-sm);
      box-shadow: var(--kw-shadow-sm);
      height: 100%;
    }
    .industrial-page.page-toy .icon, .industrial-page.page-toy .step-no {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
    }
    .industrial-page.page-toy .icon {
      width: 46px;
      height: 46px;
      border-radius: 14px;
      background: var(--kw-primary-soft);
      color: var(--kw-primary);
      margin-bottom: 1rem;
    }
    .industrial-page.page-toy .tag {
      display: inline-flex;
      margin-top: 1rem;
      padding: .35rem .7rem;
      border-radius: 999px;
      background: var(--kw-surface-2);
      color: var(--kw-muted);
      font-size: 0.8rem;
      font-weight: 600;
    }
    .industrial-page.page-toy .table-wrap {
      background: var(--kw-surface);
      border: 1px solid color-mix(in oklab, var(--kw-text) 10%, transparent);
      border-radius: var(--kw-radius-lg);
      box-shadow: var(--kw-shadow-sm);
      padding: .5rem;
    }
    .industrial-page.page-toy .table { --bs-table-bg: transparent; --bs-table-color: var(--kw-text); --bs-table-border-color: color-mix(in oklab, var(--kw-text) 10%, transparent); margin-bottom: 0; }
    .industrial-page.page-toy .table th { color: var(--kw-text); font-size: 0.8rem; text-transform: uppercase; letter-spacing: .06em; }
    .industrial-page.page-toy .step-no {
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background: var(--kw-primary);
      color: #fffdf8;
      margin-bottom: 1rem;
    }
    .industrial-page.page-toy .accordion { --bs-accordion-bg: var(--kw-surface); --bs-accordion-color: var(--kw-text); --bs-accordion-border-color: color-mix(in oklab, var(--kw-text) 10%, transparent); --bs-accordion-active-bg: var(--kw-surface-2); --bs-accordion-active-color: var(--kw-text); --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .18); }
    .industrial-page.page-toy .cta-box {
      padding: clamp(2rem, 5vw, 3rem);
      border-radius: var(--kw-radius-xl);
      background: linear-gradient(145deg, var(--kw-surface), var(--kw-surface-2));
      border: 1px solid color-mix(in oklab, var(--kw-text) 10%, transparent);
      box-shadow: var(--kw-shadow-md);
    }
    .industrial-page.page-toy .skip-link {
      position: absolute;
      left: -9999px;
      top: 0;
      background: var(--kw-primary);
      color: #fffdf8;
      padding: .75rem 1rem;
      border-radius: 0 0 .75rem .75rem;
      z-index: 1080;
    }
    .industrial-page.page-toy .skip-link:focus { left: 1rem; }
    @media (prefers-reduced-motion: reduce) {
      .industrial-page.page-toy * { scroll-behavior: auto; transition: none !important; }
    }

/* kingwin-sports-displays.css */
.industrial-page.page-sports {
      --kw-primary: #0f4c3a;
      --kw-primary-dark: #0a372a;
      --kw-accent: #d9a441;
      --kw-bg: #f5f7f5;
      --kw-text: #1e2a24;
      --kw-muted: #5b6b62;
      --kw-line: #dbe4de;
    }

    .industrial-page.page-sports { scroll-behavior: smooth; }

    .industrial-page.page-sports {
      font-family: Arial, Helvetica, sans-serif;
      color: var(--kw-text);
      background: var(--kw-bg);
      line-height: 1.6;
    }

    .industrial-page.page-sports a { text-decoration: none; }

    .industrial-page.page-sports .text-kw-muted { color: var(--kw-muted); }
    .industrial-page.page-sports .text-kw-primary { color: var(--kw-primary); }
    .industrial-page.page-sports .bg-kw-primary-dark { background: var(--kw-primary-dark); }
    .industrial-page.page-sports .section-padding { padding: 74px 0; }

    .industrial-page.page-sports .topbar {
      color: #fff;
      font-size: 14px;
      padding: 10px 0;
    }

    .industrial-page.page-sports .navbar {
      border-bottom: 1px solid var(--kw-line);
    }

    .industrial-page.page-sports .navbar-brand {
      font-weight: 800;
      font-size: 24px;
      color: var(--kw-primary) !important;
      letter-spacing: .3px;
    }

    .industrial-page.page-sports .navbar-brand span { color: var(--kw-accent); }

    .industrial-page.page-sports .navbar-nav .nav-link {
      color: var(--kw-muted);
      font-size: 15px;
      font-weight: 500;
    }

    .industrial-page.page-sports .navbar-nav .nav-link:hover { color: var(--kw-primary); }

    .industrial-page.page-sports .btn-kw {
      --bs-btn-color: #1f1b12;
      --bs-btn-bg: var(--kw-accent);
      --bs-btn-border-color: var(--kw-accent);
      --bs-btn-hover-color: #1f1b12;
      --bs-btn-hover-bg: #e3b75d;
      --bs-btn-hover-border-color: #e3b75d;
      --bs-btn-active-bg: #c99637;
      --bs-btn-active-border-color: #c99637;
      border-radius: 999px;
      font-weight: 700;
      padding: 14px 22px;
      box-shadow: 0 10px 24px rgba(217,164,65,.25);
      transition: .2s ease;
    }

    .industrial-page.page-sports .btn-kw:hover { transform: translateY(-1px); }

    .industrial-page.page-sports .btn-kw-outline-light {
      --bs-btn-color: #fff;
      --bs-btn-border-color: rgba(255,255,255,.55);
      --bs-btn-hover-bg: rgba(255,255,255,.12);
      --bs-btn-hover-border-color: rgba(255,255,255,.75);
      --bs-btn-hover-color: #fff;
      border-radius: 999px;
      font-weight: 700;
      padding: 14px 22px;
    }



    .industrial-page.page-sports .hero-image-wrap {
      position: relative;
      overflow: hidden;
      border-radius: 20px;
      background: #eef3ef;
      min-height: 430px;
      box-shadow: 0 30px 60px rgba(0,0,0,.18);
    }

    .industrial-page.page-sports .hero-image-wrap img {
      width: 100%;
      min-height: 430px;
      object-fit: cover;
      display: block;
    }

    .industrial-page.page-sports .section-photo {
      width: 100%;
      border-radius: 24px;
      border: 1px solid var(--kw-line);
      box-shadow: 0 18px 38px rgba(12,37,27,.08);
      background: #fff;
      display: block;
    }

    .industrial-page.page-sports .card-image {
      margin: -26px -26px 22px;
      overflow: hidden;
      border-radius: 22px 22px 0 0;
      border-bottom: 1px solid var(--kw-line);
      background: #eef3ef;
    }

    .industrial-page.page-sports .card-image img {
      width: 100%;
      aspect-ratio: 4 / 3;
      object-fit: cover;
      display: block;
    }

    .industrial-page.page-sports .advantage-image {
      width: 86px;
      height: 86px;
      border-radius: 24px;
      object-fit: cover;
      margin-bottom: 18px;
      border: 1px solid rgba(255,255,255,.1);
      background: rgba(255,255,255,.08);
    }

    .industrial-page.page-sports .spec-image {
      width: 100%;
      aspect-ratio: 4 / 3;
      object-fit: cover;
      border-radius: 16px;
      margin-bottom: 16px;
      border: 1px solid var(--kw-line);
      background: #eef3ef;
      display: block;
    }

    .industrial-page.page-sports .hero {
      background: linear-gradient(135deg, rgba(15,76,58,.96), rgba(10,55,42,.94));
      color: #fff;
      padding: 72px 0 48px;
      overflow: hidden;
    }

    .industrial-page.page-sports .hero .eyebrow {
      display: inline-block;
      font-size: 13px;
      letter-spacing: 1.4px;
      text-transform: uppercase;
      color: #dcece6;
      margin-bottom: 14px;
    }

    .industrial-page.page-sports h1, .industrial-page.page-sports h2, .industrial-page.page-sports h3 { line-height: 1.15; }
    .industrial-page.page-sports h1 { font-size: clamp(38px, 5vw, 60px); }
    .industrial-page.page-sports h2 { font-size: clamp(28px, 3.2vw, 40px); }
    .industrial-page.page-sports h3 { font-size: 22px; }

    .industrial-page.page-sports .lead {
      font-size: 18px;
      color: #e6f2ed;
      max-width: 720px;
    }

    .industrial-page.page-sports .hero-card {
      background: rgba(255,255,255,.1);
      border: 1px solid rgba(255,255,255,.14);
      border-radius: 24px;
      padding: 26px;
      backdrop-filter: blur(6px);
      position: relative;
    }

    .industrial-page.page-sports .display-visual {
      background: linear-gradient(180deg, #fefefe, #eef3ef);
      border-radius: 20px;
      padding: 24px 22px 18px;
      min-height: 430px;
      position: relative;
      box-shadow: 0 30px 60px rgba(0,0,0,.18);
      color: var(--kw-text);
    }

    .industrial-page.page-sports .tag {
      position: absolute;
      background: #fff;
      color: var(--kw-primary);
      border-radius: 999px;
      padding: 9px 14px;
      font-size: 13px;
      font-weight: 700;
      box-shadow: 0 10px 20px rgba(0,0,0,.08);
      z-index: 2;
    }

    .industrial-page.page-sports .tag.one { top: 18px; right: 16px; }
    .industrial-page.page-sports .tag.two { bottom: 98px; left: -10px; }
    .industrial-page.page-sports .tag.three { bottom: 26px; right: 16px; }

    .industrial-page.page-sports .mock-display {
      width: 100%;
      max-width: 330px;
      margin: 26px auto 0;
      background: #fff;
      border-radius: 16px 16px 12px 12px;
      border: 2px solid #d8e1db;
      padding: 0 0 14px;
      position: relative;
    }

    .industrial-page.page-sports .mock-header {
      background: linear-gradient(135deg, #1f6d53, #0f4c3a);
      color: #fff;
      padding: 18px 18px 56px;
      border-radius: 14px 14px 0 0;
      text-align: center;
      font-weight: 800;
      font-size: 24px;
    }

    .industrial-page.page-sports .shelf {
      margin: 12px 16px;
      border: 2px dashed #c9d7ce;
      border-radius: 12px;
      padding: 12px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 8px;
      background: #f9fbf9;
    }

    .industrial-page.page-sports .pack {
      height: 52px;
      border-radius: 10px;
      background: linear-gradient(180deg, #d9a441, #bf8930);
    }

    .industrial-page.page-sports .pack.alt { background: linear-gradient(180deg, #70b091, #4a8d6f); }

    .industrial-page.page-sports .base {
      margin: 14px 16px 0;
      background: var(--kw-primary);
      color: #fff;
      text-align: center;
      padding: 12px;
      border-radius: 10px;
      font-weight: 700;
      letter-spacing: .3px;
    }

    .industrial-page.page-sports .trust-wrapper { margin-top: -26px; position: relative; z-index: 3; }

    .industrial-page.page-sports .kw-card,
    .industrial-page.page-sports .trust-item,
    .industrial-page.page-sports .spec,
    .industrial-page.page-sports .faq-item {
      background: #fff;
      border: 1px solid var(--kw-line);
      border-radius: 22px;
      box-shadow: 0 16px 34px rgba(12,37,27,.05);
    }

    .industrial-page.page-sports .trust-item {
      border-radius: 18px;
      padding: 18px;
      text-align: center;
      height: 100%;
    }

    .industrial-page.page-sports .trust-item strong {
      display: block;
      color: var(--kw-primary);
      margin-bottom: 6px;
    }

    .industrial-page.page-sports .section-head {
      max-width: 760px;
      margin-bottom: 30px;
    }

    .industrial-page.page-sports .section-head p { color: var(--kw-muted); }

    .industrial-page.page-sports .kw-card {
      padding: 26px;
      height: 100%;
    }

    .industrial-page.page-sports .kw-card h3 { color: var(--kw-primary); }

    .industrial-page.page-sports .clean-list {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .industrial-page.page-sports .clean-list li {
      padding: 14px 0;
      border-bottom: 1px solid var(--kw-line);
    }

    .industrial-page.page-sports .clean-list li:last-child { border-bottom: none; }

    .industrial-page.page-sports .bullet-list li::before {
      content: "•";
      color: var(--kw-accent);
      font-weight: 800;
      margin-right: 10px;
    }

    .industrial-page.page-sports .dark-band {
      background: linear-gradient(135deg, #102e24, #0a231b);
      color: #fff;
    }

    .industrial-page.page-sports .dark-band .kw-card {
      background: rgba(255,255,255,.06);
      border-color: rgba(255,255,255,.08);
      box-shadow: none;
    }

    .industrial-page.page-sports .dark-band .kw-card h3,
    .industrial-page.page-sports .dark-band h2 { color: #fff; }

    .industrial-page.page-sports .dark-band p { color: #d6e6df; }

    .industrial-page.page-sports .spec {
      border-radius: 20px;
      padding: 22px;
      height: 100%;
    }

    .industrial-page.page-sports .spec strong {
      display: block;
      font-size: 14px;
      text-transform: uppercase;
      color: var(--kw-muted);
      margin-bottom: 8px;
      letter-spacing: .6px;
    }

    .industrial-page.page-sports .process-item {
      display: flex;
      gap: 16px;
      padding: 18px 0;
      border-bottom: 1px solid var(--kw-line);
    }

    .industrial-page.page-sports .process-item:last-child { border-bottom: none; }

    .industrial-page.page-sports .step {
      flex: 0 0 52px;
      width: 52px;
      height: 52px;
      border-radius: 50%;
      background: var(--kw-primary);
      color: #fff;
      display: grid;
      place-items: center;
      font-weight: 800;
    }

    .industrial-page.page-sports .faq-item {
      border-radius: 18px;
      padding: 22px;
      height: 100%;
    }

    .industrial-page.page-sports .faq-item p { color: var(--kw-muted); margin-bottom: 0; }

    .industrial-page.page-sports .cta-box {
      background: linear-gradient(135deg, #0f4c3a, #165b45);
      color: #fff;
      padding: 34px;
      border-radius: 28px;
    }

    .industrial-page.page-sports .checklist {
      background: rgba(255,255,255,.1);
      border: 1px solid rgba(255,255,255,.16);
      border-radius: 22px;
      padding: 24px;
    }

    .industrial-page.page-sports .checklist li {
      padding: 10px 0;
      border-bottom: 1px solid rgba(255,255,255,.12);
    }

    .industrial-page.page-sports .checklist li:last-child { border-bottom: none; }

    .industrial-page.page-sports .footer {
      background: #0d1d17;
      color: #d4e3dc;
      padding: 54px 0 26px;
    }

    .industrial-page.page-sports .footer h3 {
      font-size: 18px;
      color: #fff;
      margin-bottom: 14px;
    }

    .industrial-page.page-sports .footer p,
    .industrial-page.page-sports .footer li { color: #b6c8c0; }

    .industrial-page.page-sports .footer ul { list-style: none; margin: 0; padding: 0; }
    .industrial-page.page-sports .footer li { padding: 7px 0; }

    .industrial-page.page-sports .copyright {
      margin-top: 22px;
      padding-top: 22px;
      border-top: 1px solid rgba(255,255,255,.08);
      font-size: 14px;
      color: #90a79d;
    }

    @media (max-width: 767.98px) {
      .industrial-page.page-sports .section-padding { padding: 58px 0; }
      .industrial-page.page-sports .hero { padding-top: 52px; }
      .industrial-page.page-sports .btn-kw,
      .industrial-page.page-sports .btn-kw-outline-light { width: 100%; text-align: center; }
      .industrial-page.page-sports .tag.two { left: 10px; }
    }

/* kingwin-beverage-displays.css */
.industrial-page.page-beverage /* ===== ART DIRECTION =====
   Concept: Industrial precision meets retail excellence
   Palette: Kraft amber accent on dark charcoal + warm off-white surfaces
   Typography: Syne (bold, industrial) + Plus Jakarta Sans (clean body)
   Density: Generous — B2B landing page with confidence and whitespace
*/

/* === TOKENS === */
.industrial-page.page-beverage,
html[data-theme="light"] .industrial-page.page-beverage,
.industrial-page.page-beverage [data-theme="light"] {
  --font-display: 'Syne', 'Arial Black', sans-serif;
  --font-body: 'Plus Jakarta Sans', 'Helvetica Neue', sans-serif;

  --text-xs:   clamp(0.75rem,  0.7rem  + 0.25vw, 0.875rem);
  --text-sm:   clamp(0.875rem, 0.8rem  + 0.35vw, 1rem);
  --text-base: clamp(1rem,     0.95rem + 0.25vw, 1.125rem);
  --text-lg:   clamp(1.125rem, 1rem    + 0.75vw, 1.5rem);
  --text-xl:   clamp(1.5rem,   1.2rem  + 1.25vw, 2.25rem);
  --text-2xl:  clamp(2rem,     1.2rem  + 2.5vw,  3.5rem);
  --text-3xl:  clamp(2.5rem,   1rem    + 4vw,    5rem);

  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem;
  --space-4: 1rem;    --space-5: 1.25rem; --space-6: 1.5rem;
  --space-8: 2rem;    --space-10: 2.5rem; --space-12: 3rem;
  --space-16: 4rem;   --space-20: 5rem;  --space-24: 6rem;

  /* Surfaces — warm off-white */
  --color-bg:             #f8f6f2;
  --color-surface:        #ffffff;
  --color-surface-2:      #f2efea;
  --color-surface-offset: #e9e5de;
  --color-divider:        #ddd9d2;
  --color-border:         #cfc9c0;

  /* Text */
  --color-text:           #1a1814;
  --color-text-muted:     #6b6760;
  --color-text-faint:     #a09c95;
  --color-text-inverse:   #faf8f4;

  /* Primary Accent — Kraft Amber */
  --color-primary:        #c85a00;
  --color-primary-hover:  #a34800;
  --color-primary-active: #7d3700;
  --color-primary-highlight: #fde8d6;
  --color-primary-light:  #fff3eb;

  /* Dark charcoal for hero */
  --color-dark:           #1a1814;
  --color-dark-2:         #242018;
  --color-dark-3:         #2e2a22;

  --radius-sm: 0.375rem; --radius-md: 0.5rem;
  --radius-lg: 0.75rem;  --radius-xl: 1rem;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 3px rgba(26,24,20,0.08);
  --shadow-md: 0 4px 16px rgba(26,24,20,0.10);
  --shadow-lg: 0 12px 40px rgba(26,24,20,0.14);

  --content-narrow: 640px;
  --content-default: 960px;
  --content-wide: 1240px;

  --transition: 180ms cubic-bezier(0.16, 1, 0.3, 1);
}

html[data-theme="dark"] .industrial-page.page-beverage,
.industrial-page.page-beverage [data-theme="dark"] {
  --color-bg:             #141210;
  --color-surface:        #1c1916;
  --color-surface-2:      #221f1b;
  --color-surface-offset: #2a2620;
  --color-divider:        #332e27;
  --color-border:         #3d3830;
  --color-text:           #e8e4dc;
  --color-text-muted:     #9a9388;
  --color-text-faint:     #5e5750;
  --color-text-inverse:   #1a1814;
  --color-primary:        #f07030;
  --color-primary-hover:  #e05a18;
  --color-primary-active: #c84800;
  --color-primary-highlight: #3d2010;
  --color-primary-light:  #2a1a08;
  --color-dark:           #0e0c0a;
  --color-dark-2:         #141210;
  --color-dark-3:         #1c1916;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.4);
  --shadow-lg: 0 12px 40px rgba(0,0,0,0.5);
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme]) .industrial-page.page-beverage {
    --color-bg: #141210; --color-surface: #1c1916; --color-surface-2: #221f1b;
    --color-surface-offset: #2a2620; --color-divider: #332e27; --color-border: #3d3830;
    --color-text: #e8e4dc; --color-text-muted: #9a9388; --color-text-faint: #5e5750;
    --color-text-inverse: #1a1814; --color-primary: #f07030;
    --color-primary-hover: #e05a18; --color-primary-highlight: #3d2010;
    --color-primary-light: #2a1a08; --color-dark: #0e0c0a;
    --color-dark-2: #141210; --color-dark-3: #1c1916;
  }
}

.industrial-page.page-beverage /* === BASE === */
.industrial-page.page-beverage, .industrial-page.page-beverage *, .industrial-page.page-beverage *::before, .industrial-page.page-beverage *::after { box-sizing: border-box; margin: 0; padding: 0; }
.industrial-page.page-beverage { scroll-behavior: smooth; scroll-padding-top: 80px; -webkit-font-smoothing: antialiased; }
.industrial-page.page-beverage { font-family: var(--font-body); font-size: var(--text-base); color: var(--color-text); background: var(--color-bg); line-height: 1.65; min-height: 100dvh; }
.industrial-page.page-beverage img, .industrial-page.page-beverage picture, .industrial-page.page-beverage video { display: block; max-width: 100%; height: auto; }
.industrial-page.page-beverage h1,.industrial-page.page-beverage h2,.industrial-page.page-beverage h3,.industrial-page.page-beverage h4,.industrial-page.page-beverage h5 { text-wrap: balance; line-height: 1.1; }
.industrial-page.page-beverage p, .industrial-page.page-beverage li { text-wrap: pretty; }
.industrial-page.page-beverage button { cursor: pointer; background: none; border: none; font: inherit; color: inherit; }
.industrial-page.page-beverage a { color: inherit; text-decoration: none; }
.industrial-page.page-beverage ul[role="list"] { list-style: none; }
.industrial-page.page-beverage :focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; border-radius: var(--radius-sm); }
.industrial-page.page-beverage ::selection { background: oklch(from var(--color-primary) l c h / 0.2); }

.industrial-page.page-beverage .container { max-width: var(--content-wide); margin-inline: auto; padding-inline: clamp(var(--space-4), 4vw, var(--space-10)); }
.industrial-page.page-beverage .container--default { max-width: var(--content-default); margin-inline: auto; padding-inline: clamp(var(--space-4), 4vw, var(--space-10)); }

.industrial-page.page-beverage /* === HEADER / NAV === */
.site-header {
  position: sticky; top: 0; z-index: 100;
  background: var(--color-dark);
  border-bottom: 1px solid rgba(255,255,255,0.06);
  backdrop-filter: blur(12px);
}
.industrial-page.page-beverage .nav-inner {
  max-width: var(--content-wide); margin-inline: auto;
  padding-inline: clamp(var(--space-4), 4vw, var(--space-10));
  height: 68px; display: flex; align-items: center; justify-content: space-between; gap: var(--space-8);
}
.industrial-page.page-beverage .nav-logo { display: flex; align-items: center; gap: var(--space-3); color: #fff; flex-shrink: 0; }
.industrial-page.page-beverage .nav-logo svg { width: 36px; height: 36px; }
.industrial-page.page-beverage .nav-logo-text { font-family: var(--font-display); font-size: 1.25rem; font-weight: 800; letter-spacing: -0.02em; color: #fff; }
.industrial-page.page-beverage .nav-logo-sub { font-size: var(--text-xs); color: rgba(255,255,255,0.45); letter-spacing: 0.05em; text-transform: uppercase; margin-top: 1px; }
.industrial-page.page-beverage .nav-links { display: flex; align-items: center; gap: var(--space-6); list-style: none; }
.industrial-page.page-beverage .nav-links a { font-size: var(--text-sm); font-weight: 500; color: rgba(255,255,255,0.7); transition: color var(--transition); }
.industrial-page.page-beverage .nav-links a:hover { color: #fff; }
.industrial-page.page-beverage .nav-actions { display: flex; align-items: center; gap: var(--space-3); }
.industrial-page.page-beverage .btn-nav { font-size: var(--text-sm); font-weight: 600; padding: var(--space-2) var(--space-5); border-radius: var(--radius-full); background: var(--color-primary); color: #fff; transition: background var(--transition), transform var(--transition); }
.industrial-page.page-beverage .btn-nav:hover { background: var(--color-primary-hover); transform: translateY(-1px); }
.industrial-page.page-beverage .theme-toggle { width: 36px; height: 36px; border-radius: var(--radius-full); background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.7); display: flex; align-items: center; justify-content: center; transition: background var(--transition), color var(--transition); }
.industrial-page.page-beverage .theme-toggle:hover { background: rgba(255,255,255,0.15); color: #fff; }
.industrial-page.page-beverage .nav-mobile-toggle { display: none; color: rgba(255,255,255,0.8); padding: var(--space-2); }
@media (max-width: 768px) {
  .industrial-page.page-beverage .nav-links { display: none; }
  .industrial-page.page-beverage .nav-mobile-toggle { display: flex; align-items: center; }
}

.industrial-page.page-beverage /* === HERO === */
.hero {
  background: var(--color-dark);
  padding-block: clamp(var(--space-16), 10vw, 8rem) clamp(var(--space-12), 8vw, 6rem);
  position: relative; overflow: hidden;
}
.industrial-page.page-beverage .hero::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(ellipse 80% 60% at 70% 50%, rgba(200,90,0,0.18) 0%, transparent 60%),
              radial-gradient(ellipse 40% 40% at 20% 80%, rgba(200,90,0,0.08) 0%, transparent 50%);
  pointer-events: none;
}
.industrial-page.page-beverage .hero-inner {
  max-width: var(--content-wide); margin-inline: auto;
  padding-inline: clamp(var(--space-4), 4vw, var(--space-10));
  display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-12); align-items: center;
  position: relative; z-index: 1;
}
.industrial-page.page-beverage .hero-badge {
  display: inline-flex; align-items: center; gap: var(--space-2);
  font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--color-primary); background: rgba(200,90,0,0.12);
  padding: var(--space-2) var(--space-4); border-radius: var(--radius-full);
  border: 1px solid rgba(200,90,0,0.25); margin-bottom: var(--space-5);
}
.industrial-page.page-beverage .hero-title {
  font-family: var(--font-display); font-size: var(--text-3xl); font-weight: 800;
  color: #fff; line-height: 1.0; letter-spacing: -0.03em;
  margin-bottom: var(--space-5);
}
.industrial-page.page-beverage .hero-title span { color: var(--color-primary); }
.industrial-page.page-beverage .hero-sub {
  font-size: var(--text-lg); color: rgba(255,255,255,0.65); line-height: 1.6;
  margin-bottom: var(--space-8); max-width: 52ch;
}
.industrial-page.page-beverage .hero-ctas { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-bottom: var(--space-8); }
.industrial-page.page-beverage .btn-primary {
  display: inline-flex; align-items: center; gap: var(--space-2);
  font-size: var(--text-sm); font-weight: 700;
  padding: var(--space-4) var(--space-7);
  background: var(--color-primary); color: #fff; border-radius: var(--radius-full);
  transition: background var(--transition), transform var(--transition), box-shadow var(--transition);
  box-shadow: 0 4px 20px rgba(200,90,0,0.4);
}
.industrial-page.page-beverage .btn-primary:hover { background: var(--color-primary-hover); transform: translateY(-2px); box-shadow: 0 8px 28px rgba(200,90,0,0.5); }
.industrial-page.page-beverage .btn-ghost {
  display: inline-flex; align-items: center; gap: var(--space-2);
  font-size: var(--text-sm); font-weight: 600;
  padding: var(--space-4) var(--space-6);
  border: 1.5px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.8); border-radius: var(--radius-full);
  transition: border-color var(--transition), color var(--transition), background var(--transition);
}
.industrial-page.page-beverage .btn-ghost:hover { border-color: rgba(255,255,255,0.5); color: #fff; background: rgba(255,255,255,0.06); }
.industrial-page.page-beverage .hero-trust { display: flex; flex-wrap: wrap; gap: var(--space-4); }
.industrial-page.page-beverage .trust-pill {
  display: flex; align-items: center; gap: var(--space-2);
  font-size: var(--text-xs); color: rgba(255,255,255,0.5); font-weight: 500;
}
.industrial-page.page-beverage .trust-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--color-primary); flex-shrink: 0; }
.industrial-page.page-beverage .hero-visual { position: relative; }
.industrial-page.page-beverage .hero-img-wrap {
  border-radius: var(--radius-xl); overflow: hidden; aspect-ratio: 4/3;
  box-shadow: var(--shadow-lg), 0 0 0 1px rgba(255,255,255,0.06);
  position: relative;
}
.industrial-page.page-beverage .hero-img-wrap img { width: 100%; height: 100%; object-fit: cover; }
.industrial-page.page-beverage .hero-card {
  position: absolute; bottom: -20px; left: -20px;
  background: var(--color-surface); border-radius: var(--radius-lg);
  padding: var(--space-4) var(--space-5); box-shadow: var(--shadow-lg);
  border: 1px solid var(--color-border); min-width: 180px;
}
.industrial-page.page-beverage .hero-card-label { font-size: var(--text-xs); color: var(--color-text-muted); font-weight: 500; margin-bottom: var(--space-1); }
.industrial-page.page-beverage .hero-card-val { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 800; color: var(--color-primary); line-height: 1; }
.industrial-page.page-beverage .hero-card-sub { font-size: var(--text-xs); color: var(--color-text-muted); margin-top: var(--space-1); }
@media (max-width: 768px) {
  .industrial-page.page-beverage .hero-inner { grid-template-columns: 1fr; }
  .industrial-page.page-beverage .hero-visual { display: none; }
}

.industrial-page.page-beverage /* === SECTION BASE === */
section { padding-block: clamp(var(--space-12), 8vw, var(--space-24)); }
.industrial-page.page-beverage .section-tag {
  display: inline-flex; align-items: center; gap: var(--space-2);
  font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--color-primary); margin-bottom: var(--space-4);
}
.industrial-page.page-beverage .section-tag::before { content: ''; display: block; width: 20px; height: 2px; background: var(--color-primary); border-radius: 2px; }
.industrial-page.page-beverage .section-title {
  font-family: var(--font-display); font-size: var(--text-2xl); font-weight: 800;
  color: var(--color-text); letter-spacing: -0.03em; line-height: 1.05; margin-bottom: var(--space-4);
}
.industrial-page.page-beverage .section-desc { font-size: var(--text-base); color: var(--color-text-muted); max-width: 58ch; line-height: 1.7; }

.industrial-page.page-beverage /* === INTRO SECTION === */
.intro { background: var(--color-surface); }
.industrial-page.page-beverage .intro-inner {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: clamp(var(--space-8), 5vw, var(--space-16)); align-items: center;
}
.industrial-page.page-beverage .intro-imgs { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); }
.industrial-page.page-beverage .intro-img { border-radius: var(--radius-lg); overflow: hidden; }
.industrial-page.page-beverage .intro-img img { width: 100%; height: 180px; object-fit: cover; }
.industrial-page.page-beverage .intro-img:first-child { grid-column: 1 / -1; }
.industrial-page.page-beverage .intro-img:first-child img { height: 240px; }
.industrial-page.page-beverage .intro-stat-row { display: flex; gap: var(--space-8); margin-top: var(--space-8); }
.industrial-page.page-beverage .stat-item {}
.industrial-page.page-beverage .stat-val { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 800; color: var(--color-primary); }
.industrial-page.page-beverage .stat-label { font-size: var(--text-xs); color: var(--color-text-muted); font-weight: 500; margin-top: var(--space-1); }
@media (max-width: 768px) {
  .industrial-page.page-beverage .intro-inner { grid-template-columns: 1fr; }
  .industrial-page.page-beverage .intro-imgs { display: none; }
}

.industrial-page.page-beverage /* === DISPLAY TYPES === */
.display-types { background: var(--color-bg); }
.industrial-page.page-beverage .types-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
  gap: var(--space-4); margin-top: var(--space-10);
}
.industrial-page.page-beverage .type-card {
  background: var(--color-surface); border: 1px solid var(--color-border);
  border-radius: var(--radius-xl); padding: var(--space-6);
  transition: box-shadow var(--transition), transform var(--transition), border-color var(--transition);
}
.industrial-page.page-beverage .type-card:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); border-color: var(--color-primary); }
.industrial-page.page-beverage .type-icon {
  width: 44px; height: 44px; margin-bottom: var(--space-4);
  color: var(--color-primary);
}
.industrial-page.page-beverage .type-name { font-family: var(--font-display); font-size: var(--text-lg); font-weight: 700; color: var(--color-text); margin-bottom: var(--space-2); letter-spacing: -0.02em; }
.industrial-page.page-beverage .type-desc { font-size: var(--text-sm); color: var(--color-text-muted); line-height: 1.6; }

.industrial-page.page-beverage /* === BEVERAGE CATEGORIES === */
.categories { background: var(--color-dark); }
.industrial-page.page-beverage .categories .section-title { color: #fff; }
.industrial-page.page-beverage .categories .section-desc { color: rgba(255,255,255,0.55); }
.industrial-page.page-beverage .categories .section-tag { color: var(--color-primary); }
.industrial-page.page-beverage .cat-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: var(--space-4); margin-top: var(--space-10);
}
.industrial-page.page-beverage .cat-card {
  background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--radius-xl); padding: var(--space-6);
  transition: background var(--transition), border-color var(--transition);
}
.industrial-page.page-beverage .cat-card:hover { background: rgba(200,90,0,0.10); border-color: rgba(200,90,0,0.3); }
.industrial-page.page-beverage .cat-emoji { font-size: 2rem; margin-bottom: var(--space-3); display: block; }
.industrial-page.page-beverage .cat-name { font-family: var(--font-display); font-size: var(--text-lg); font-weight: 700; color: #fff; margin-bottom: var(--space-2); letter-spacing: -0.02em; }
.industrial-page.page-beverage .cat-desc { font-size: var(--text-sm); color: rgba(255,255,255,0.5); line-height: 1.6; }
@media (max-width: 768px) { .industrial-page.page-beverage .cat-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .industrial-page.page-beverage .cat-grid { grid-template-columns: 1fr; } }

.industrial-page.page-beverage /* === WHY KINGWIN === */
.why { background: var(--color-surface); }
.industrial-page.page-beverage .why-inner { display: grid; grid-template-columns: 1fr 1.5fr; gap: clamp(var(--space-8), 5vw, var(--space-16)); align-items: start; }
.industrial-page.page-beverage .why-left { position: sticky; top: 100px; }
.industrial-page.page-beverage .why-left img { width: 100%; border-radius: var(--radius-xl); object-fit: cover; margin-top: var(--space-6); }
.industrial-page.page-beverage .why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-5); }
.industrial-page.page-beverage .why-card {
  background: var(--color-surface-2); border: 1px solid var(--color-border);
  border-radius: var(--radius-xl); padding: var(--space-6);
}
.industrial-page.page-beverage .why-card-icon { font-size: 1.5rem; margin-bottom: var(--space-3); }
.industrial-page.page-beverage .why-card-title { font-family: var(--font-display); font-size: var(--text-base); font-weight: 700; color: var(--color-text); margin-bottom: var(--space-2); letter-spacing: -0.01em; }
.industrial-page.page-beverage .why-card-desc { font-size: var(--text-sm); color: var(--color-text-muted); line-height: 1.65; }
@media (max-width: 768px) {
  .industrial-page.page-beverage .why-inner { grid-template-columns: 1fr; }
  .industrial-page.page-beverage .why-left { position: static; }
  .industrial-page.page-beverage .why-left img { display: none; }
  .industrial-page.page-beverage .why-grid { grid-template-columns: 1fr; }
}

.industrial-page.page-beverage /* === SPECS TABLE === */
.specs { background: var(--color-bg); }
.industrial-page.page-beverage .specs-wrap {
  margin-top: var(--space-10); border-radius: var(--radius-xl);
  border: 1px solid var(--color-border); overflow: hidden;
  box-shadow: var(--shadow-sm);
}
.industrial-page.page-beverage .specs-table { width: 100%; border-collapse: collapse; }
.industrial-page.page-beverage .specs-table th {
  background: var(--color-dark); color: rgba(255,255,255,0.8);
  font-family: var(--font-display); font-size: var(--text-xs); font-weight: 700;
  letter-spacing: 0.08em; text-transform: uppercase;
  padding: var(--space-4) var(--space-6); text-align: left;
}
.industrial-page.page-beverage .specs-table td {
  padding: var(--space-4) var(--space-6);
  font-size: var(--text-sm); border-bottom: 1px solid var(--color-divider);
  vertical-align: top;
}
.industrial-page.page-beverage .specs-table tr:last-child td { border-bottom: none; }
.industrial-page.page-beverage .specs-table tr:nth-child(even) td { background: var(--color-surface-2); }
.industrial-page.page-beverage .specs-table td:first-child { font-weight: 600; color: var(--color-text); width: 35%; }
.industrial-page.page-beverage .specs-table td:last-child { color: var(--color-text-muted); }
@media (max-width: 480px) {
  .industrial-page.page-beverage .specs-table td, .industrial-page.page-beverage .specs-table th { padding: var(--space-3) var(--space-4); }
}

.industrial-page.page-beverage /* === PROCESS === */
.process { background: var(--color-surface); }
.industrial-page.page-beverage .steps-list { display: flex; flex-direction: column; gap: 0; margin-top: var(--space-10); position: relative; }
.industrial-page.page-beverage .steps-list::before {
  content: ''; position: absolute; left: 20px; top: 0; bottom: 0;
  width: 2px; background: var(--color-divider);
}
.industrial-page.page-beverage .step { display: grid; grid-template-columns: 42px 1fr; gap: var(--space-5); padding-bottom: var(--space-8); position: relative; }
.industrial-page.page-beverage .step:last-child { padding-bottom: 0; }
.industrial-page.page-beverage .step-num {
  width: 42px; height: 42px; border-radius: 50%;
  background: var(--color-primary); color: #fff;
  font-family: var(--font-display); font-size: var(--text-base); font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; position: relative; z-index: 1;
  box-shadow: 0 0 0 4px var(--color-surface), 0 0 0 6px var(--color-primary-highlight);
}
.industrial-page.page-beverage .step-body { padding-top: var(--space-2); }
.industrial-page.page-beverage .step-title { font-family: var(--font-display); font-size: var(--text-lg); font-weight: 700; color: var(--color-text); margin-bottom: var(--space-2); letter-spacing: -0.02em; }
.industrial-page.page-beverage .step-desc { font-size: var(--text-base); color: var(--color-text-muted); max-width: 55ch; line-height: 1.65; }

.industrial-page.page-beverage /* === FAQ === */
.faq { background: var(--color-bg); }
.industrial-page.page-beverage .faq-inner { display: grid; grid-template-columns: 1fr 2fr; gap: clamp(var(--space-8), 5vw, var(--space-16)); align-items: start; }
.industrial-page.page-beverage .faq-left { position: sticky; top: 100px; }
.industrial-page.page-beverage .faq-list { margin-top: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.industrial-page.page-beverage .faq-item {
  background: var(--color-surface); border: 1px solid var(--color-border);
  border-radius: var(--radius-lg); overflow: hidden;
}
.industrial-page.page-beverage .faq-q {
  width: 100%; text-align: left; padding: var(--space-5) var(--space-6);
  font-size: var(--text-base); font-weight: 600; color: var(--color-text);
  display: flex; justify-content: space-between; align-items: center; gap: var(--space-4);
  transition: background var(--transition);
}
.industrial-page.page-beverage .faq-q:hover { background: var(--color-surface-2); }
.industrial-page.page-beverage .faq-q svg { flex-shrink: 0; color: var(--color-text-muted); transition: transform var(--transition); }
.industrial-page.page-beverage .faq-item.open .faq-q svg { transform: rotate(45deg); color: var(--color-primary); }
.industrial-page.page-beverage .faq-item.open .faq-q { background: var(--color-surface-2); }
.industrial-page.page-beverage .faq-a {
  font-size: var(--text-sm); color: var(--color-text-muted); line-height: 1.7;
  padding: 0 var(--space-6); max-height: 0; overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
}
.industrial-page.page-beverage .faq-item.open .faq-a { max-height: 300px; padding: 0 var(--space-6) var(--space-5); }
@media (max-width: 768px) {
  .industrial-page.page-beverage .faq-inner { grid-template-columns: 1fr; }
  .industrial-page.page-beverage .faq-left { position: static; }
}

.industrial-page.page-beverage /* === GALLERY ROW === */
.gallery-row {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4);
  margin-top: var(--space-10);
}
.industrial-page.page-beverage .gallery-img { border-radius: var(--radius-lg); overflow: hidden; }
.industrial-page.page-beverage .gallery-img img { width: 100%; height: 240px; object-fit: cover; transition: transform 0.4s ease; }
.industrial-page.page-beverage .gallery-img:hover img { transform: scale(1.04); }
@media (max-width: 480px) { .industrial-page.page-beverage .gallery-row { grid-template-columns: 1fr; } }

.industrial-page.page-beverage /* === CTA SECTION === */
.cta-section {
  background: var(--color-dark); position: relative; overflow: hidden;
  padding-block: clamp(var(--space-16), 10vw, 8rem);
}
.industrial-page.page-beverage .cta-section::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(ellipse 70% 70% at 30% 50%, rgba(200,90,0,0.15), transparent 60%);
  pointer-events: none;
}
.industrial-page.page-beverage .cta-inner { max-width: 840px; margin-inline: auto; text-align: center; position: relative; z-index: 1; }
.industrial-page.page-beverage .cta-inner .section-tag { justify-content: center; color: rgba(255,165,80,0.8); }
.industrial-page.page-beverage .cta-inner .section-tag::before { background: rgba(255,165,80,0.6); }
.industrial-page.page-beverage .cta-title {
  font-family: var(--font-display); font-size: var(--text-2xl); font-weight: 800;
  color: #fff; letter-spacing: -0.03em; margin-bottom: var(--space-4);
}
.industrial-page.page-beverage .cta-desc { font-size: var(--text-base); color: rgba(255,255,255,0.55); max-width: 50ch; margin-inline: auto; margin-bottom: var(--space-10); line-height: 1.7; }
.industrial-page.page-beverage .cta-form {
  background: var(--color-surface); border-radius: var(--radius-xl);
  padding: var(--space-8); text-align: left;
  box-shadow: var(--shadow-lg);
}
.industrial-page.page-beverage .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }
.industrial-page.page-beverage .form-field { display: flex; flex-direction: column; gap: var(--space-2); }
.industrial-page.page-beverage .form-field.full { grid-column: 1 / -1; }
.industrial-page.page-beverage .form-label { font-size: var(--text-sm); font-weight: 600; color: var(--color-text); }
.industrial-page.page-beverage .form-input, .industrial-page.page-beverage .form-select, .industrial-page.page-beverage .form-textarea {
  width: 100%; padding: var(--space-3) var(--space-4);
  font-family: var(--font-body); font-size: var(--text-sm);
  background: var(--color-bg); border: 1.5px solid var(--color-border);
  border-radius: var(--radius-md); color: var(--color-text);
  transition: border-color var(--transition), box-shadow var(--transition);
}
.industrial-page.page-beverage .form-input:focus, .industrial-page.page-beverage .form-select:focus, .industrial-page.page-beverage .form-textarea:focus {
  outline: none; border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-highlight);
}
.industrial-page.page-beverage .form-textarea { resize: vertical; min-height: 100px; }
.industrial-page.page-beverage .form-submit {
  width: 100%; margin-top: var(--space-2);
  padding: var(--space-4) var(--space-6);
  background: var(--color-primary); color: #fff;
  font-family: var(--font-body); font-size: var(--text-base); font-weight: 700;
  border-radius: var(--radius-full);
  transition: background var(--transition), transform var(--transition), box-shadow var(--transition);
  box-shadow: 0 4px 20px rgba(200,90,0,0.4);
}
.industrial-page.page-beverage .form-submit:hover { background: var(--color-primary-hover); transform: translateY(-2px); box-shadow: 0 8px 28px rgba(200,90,0,0.5); }
.industrial-page.page-beverage .form-note { font-size: var(--text-xs); color: var(--color-text-muted); text-align: center; margin-top: var(--space-3); }
@media (max-width: 600px) { .industrial-page.page-beverage .form-grid { grid-template-columns: 1fr; } }

.industrial-page.page-beverage /* === FOOTER === */
.site-footer {
  background: var(--color-dark-2);
  padding-block: var(--space-10);
  border-top: 1px solid rgba(255,255,255,0.06);
}
.industrial-page.page-beverage .footer-inner {
  max-width: var(--content-wide); margin-inline: auto;
  padding-inline: clamp(var(--space-4), 4vw, var(--space-10));
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-6);
}
.industrial-page.page-beverage .footer-logo { display: flex; align-items: center; gap: var(--space-3); color: rgba(255,255,255,0.6); }
.industrial-page.page-beverage .footer-logo svg { width: 28px; height: 28px; opacity: 0.7; }
.industrial-page.page-beverage .footer-logo span { font-family: var(--font-display); font-size: 1rem; font-weight: 800; letter-spacing: -0.02em; }
.industrial-page.page-beverage .footer-links { display: flex; flex-wrap: wrap; gap: var(--space-5); }
.industrial-page.page-beverage .footer-links a { font-size: var(--text-xs); color: rgba(255,255,255,0.4); transition: color var(--transition); }
.industrial-page.page-beverage .footer-links a:hover { color: rgba(255,255,255,0.8); }
.industrial-page.page-beverage .footer-copy { font-size: var(--text-xs); color: rgba(255,255,255,0.3); }

.industrial-page.page-beverage /* === SCROLL REVEAL === */
.reveal { opacity: 1; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; }
.industrial-page.page-beverage .reveal.visible { opacity: 1; transform: none; }
.industrial-page.page-beverage .reveal-delay-1 { transition-delay: 0.1s; }
.industrial-page.page-beverage .reveal-delay-2 { transition-delay: 0.2s; }
.industrial-page.page-beverage .reveal-delay-3 { transition-delay: 0.3s; }

.industrial-page.page-beverage /* === DIVIDER === */
.divider { border: none; border-top: 1px solid var(--color-divider); }

.industrial-page.page-beverage /* Extracted inline utility styles */
.section-desc-spaced {
  margin-bottom: var(--space-5);
}

.industrial-page.page-beverage .specs-head,
.industrial-page.page-beverage .specs-title,
.industrial-page.page-beverage .specs-copy {
  text-align: center;
}

.industrial-page.page-beverage .section-tag-center {
  justify-content: center;
}

.industrial-page.page-beverage .specs-copy {
  margin-inline: auto;
}

.industrial-page.page-beverage .gallery-section {
  background: var(--color-surface);
  padding-block: clamp(var(--space-8), 5vw, var(--space-16));
}

.industrial-page.page-beverage .faq-cta {
  margin-top: var(--space-8);
}

.industrial-page.page-beverage .btn-inline {
  display: inline-flex;
}

.industrial-page.page-beverage .form-success-panel {
  display: none;
  text-align: center;
  padding: var(--space-8);
}

.industrial-page.page-beverage .form-success-icon {
  font-size: 2.5rem;
  margin-bottom: var(--space-4);
}

.industrial-page.page-beverage .form-success-title {
  margin-bottom: var(--space-3);
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: 800;
}

.industrial-page.page-beverage .form-success-copy {
  color: var(--color-text-muted);
}

/* kingwin-electronics-displays-bootstrap.css */
.industrial-page.page-electronics {
      --kw-primary: #1a4f82;
      --kw-primary-dark: #123c65;
      --kw-primary-soft: #dce8f5;
      --kw-fsc: #2d7a3a;
      --kw-fsc-soft: #d4ecda;
      --kw-cream: #f7f6f2;
      --kw-ink: #1e1c17;
      --kw-serif: 'Instrument Serif', Georgia, serif;
      --kw-sans: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    }
    .industrial-page.page-electronics [data-bs-theme="dark"] {
      --kw-primary: #5a9fd4;
      --kw-primary-dark: #3d87c2;
      --kw-primary-soft: #1e2d3d;
      --kw-fsc: #5ab96a;
      --kw-fsc-soft: #1c3020;
      --kw-cream: #141312;
      --kw-ink: #f2f0eb;
    }
    .industrial-page.page-electronics { font-family: var(--kw-sans); background: var(--kw-cream); color: var(--kw-ink); line-height: 1.65; }
    .industrial-page.page-electronics .font-display { font-family: var(--kw-serif); letter-spacing: -0.02em; }
    .industrial-page.page-electronics .section-padding { padding: clamp(4rem, 8vw, 7rem) 0; }
    .industrial-page.page-electronics .navbar { backdrop-filter: blur(14px); }
    .industrial-page.page-electronics .navbar-brand-title { font-family: var(--kw-serif); color: var(--kw-primary); font-size: 1.55rem; line-height: 1; }
    .industrial-page.page-electronics .navbar-brand-sub { font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
    .industrial-page.page-electronics .btn-primary { --bs-btn-bg: var(--kw-primary); --bs-btn-border-color: var(--kw-primary); --bs-btn-hover-bg: var(--kw-primary-dark); --bs-btn-hover-border-color: var(--kw-primary-dark); --bs-btn-active-bg: var(--kw-primary-dark); --bs-btn-active-border-color: var(--kw-primary-dark); }
    .industrial-page.page-electronics .btn-outline-primary { --bs-btn-color: var(--kw-primary); --bs-btn-border-color: var(--kw-primary); --bs-btn-hover-bg: var(--kw-primary); --bs-btn-hover-border-color: var(--kw-primary); }
    .industrial-page.page-electronics .text-primary { color: var(--kw-primary) !important; }
    .industrial-page.page-electronics .bg-primary { background-color: var(--kw-primary) !important; }
    .industrial-page.page-electronics .bg-primary-soft { background-color: var(--kw-primary-soft) !important; }
    .industrial-page.page-electronics .bg-fsc-soft { background-color: var(--kw-fsc-soft) !important; }
    .industrial-page.page-electronics .text-fsc { color: var(--kw-fsc) !important; }
    .industrial-page.page-electronics .hero-section { position: relative; overflow: hidden; padding: clamp(5rem, 10vw, 8rem) 0; background: linear-gradient(145deg, var(--kw-cream) 45%, var(--kw-primary-soft) 100%); }
    .industrial-page.page-electronics .hero-section::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 72% 42%, rgba(26,79,130,.14), transparent 36rem); pointer-events: none; }
    .industrial-page.page-electronics .hero-section .container { position: relative; z-index: 1; }
    .industrial-page.page-electronics .hero-title { font-family: var(--kw-serif); font-size: clamp(3rem, 6vw, 5.75rem); line-height: .98; letter-spacing: -.04em; }
    .industrial-page.page-electronics .hero-title em { color: var(--kw-primary); }
    .industrial-page.page-electronics .eyebrow { font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 800; color: var(--kw-primary); }
    .industrial-page.page-electronics .icon-box { width: 3.35rem; height: 3.35rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 1rem; background: var(--kw-primary-soft); color: var(--kw-primary); font-size: 1.45rem; }
    .industrial-page.page-electronics .icon-box-green { background: var(--kw-fsc-soft); color: var(--kw-fsc); }
    .industrial-page.page-electronics .hover-lift { transition: transform .22s ease, box-shadow .22s ease; }
    .industrial-page.page-electronics .hover-lift:hover { transform: translateY(-4px); box-shadow: 0 1rem 2.5rem rgba(0,0,0,.12) !important; }
    .industrial-page.page-electronics .trust-bar { background: var(--kw-primary); }
    .industrial-page.page-electronics .text-white-75 { color: rgba(255,255,255,.85); }
    .industrial-page.page-electronics .display-number, .industrial-page.page-electronics .step-number { font-family: var(--kw-serif); font-weight: 800; display: inline-flex; align-items: center; justify-content: center; color: var(--kw-primary); background: var(--kw-primary-soft); }
    .industrial-page.page-electronics .display-number { width: 3.25rem; height: 3.25rem; border-radius: .85rem; font-size: 1.15rem; }
    .industrial-page.page-electronics .step-number { width: 3.5rem; height: 3.5rem; border-radius: 50%; background: var(--kw-primary); color: #fff; box-shadow: 0 0 0 .45rem var(--kw-primary-soft); }
    .industrial-page.page-electronics .why-card { position: relative; overflow: hidden; }
    .industrial-page.page-electronics .why-card::before { content: ''; position: absolute; inset: 0 0 auto 0; height: .25rem; background: var(--kw-primary); }
    .industrial-page.page-electronics .why-card-green::before { background: var(--kw-fsc); }
    .industrial-page.page-electronics .fsc-badge { width: 12rem; height: 12rem; border-radius: 50%; background: var(--kw-fsc); color: #fff; box-shadow: 0 0 0 .85rem var(--kw-fsc-soft), 0 1rem 2.4rem rgba(0,0,0,.16); }
    .industrial-page.page-electronics .accordion-button:not(.collapsed) { color: var(--kw-primary); background: var(--kw-primary-soft); box-shadow: none; }
    .industrial-page.page-electronics .accordion-button:focus { box-shadow: 0 0 0 .25rem rgba(26,79,130,.15); }
    .industrial-page.page-electronics .cta-section { background: var(--kw-primary); position: relative; overflow: hidden; }
    .industrial-page.page-electronics .cta-section::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 50% 100%, rgba(255,255,255,.16), transparent 34rem); pointer-events: none; }
    .industrial-page.page-electronics .cta-section .container { position: relative; z-index: 1; }
    .industrial-page.page-electronics .footer-logo-mark { width: 2.25rem; height: 2.25rem; border-radius: .65rem; background: var(--kw-primary); position: relative; flex: 0 0 auto; }
    .industrial-page.page-electronics .footer-logo-mark::before { content: ''; position: absolute; left: .5rem; right: .5rem; bottom: .55rem; height: .28rem; background: #fff; border-radius: .15rem; box-shadow: 0 -.42rem 0 rgba(255,255,255,.65); }
    .industrial-page.page-electronics .footer-logo-mark::after { content: 'K'; position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-family: var(--kw-serif); font-weight: 800; font-size: 1.1rem; transform: translateY(-.25rem); }
    @media (min-width: 992px) { .industrial-page.page-electronics .sticky-lg-top-offset { position: sticky; top: 6.5rem; } }

.industrial-page.page-electronics /* Extracted inline utility styles */
.section-intro-narrow {
  max-width: 720px;
}

.industrial-page.page-electronics .quote-container-narrow {
  max-width: 820px !important;
}

.industrial-page.page-electronics .footer-summary {
  max-width: 36rem;
}

/* kingwin-food-displays-bootstrap.css */
.industrial-page.page-food {
      --kw-display: 'Fraunces', Georgia, serif;
      --kw-body: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
      --kw-bg: #f8f5ee;
      --kw-surface: #faf7f0;
      --kw-surface-2: #f2ede0;
      --kw-border: #d6cdb8;
      --kw-text: #231f15;
      --kw-muted: #6b6350;
      --kw-primary: #1e4f34;
      --kw-primary-dark: #163d28;
      --kw-accent: #b85c20;
      --kw-radius-xl: 1.25rem;
      --kw-radius-2xl: 2rem;
      --kw-shadow: 0 18px 50px rgba(35, 31, 21, .12);
      --kw-shadow-lg: 0 32px 72px rgba(35, 31, 21, .16);
    }

    .industrial-page.page-food [data-bs-theme="dark"] {
      --kw-bg: #131009;
      --kw-surface: #1a1710;
      --kw-surface-2: #221f17;
      --kw-border: #3a3528;
      --kw-text: #e5dfd3;
      --kw-muted: #9e9684;
      --kw-primary: #4e9970;
      --kw-primary-dark: #3d7a58;
      --kw-accent: #d97332;
      --kw-shadow: 0 18px 50px rgba(0, 0, 0, .35);
      --kw-shadow-lg: 0 32px 72px rgba(0, 0, 0, .45);
    }

    .industrial-page.page-food { scroll-behavior: smooth; scroll-padding-top: 5rem; }
    .industrial-page.page-food {
      font-family: var(--kw-body);
      background: var(--kw-bg);
      color: var(--kw-text);
      line-height: 1.65;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }
    .industrial-page.page-food h1, .industrial-page.page-food h2, .industrial-page.page-food h3, .industrial-page.page-food h4, .industrial-page.page-food h5, .industrial-page.page-food .navbar-brand { font-family: var(--kw-display); letter-spacing: -.02em; }
    .industrial-page.page-food p, .industrial-page.page-food li { color: var(--kw-muted); }
    .industrial-page.page-food .text-kw-muted { color: var(--kw-muted) !important; }
    .industrial-page.page-food .text-kw-primary { color: var(--kw-primary) !important; }
    .industrial-page.page-food .bg-kw { background: var(--kw-bg) !important; }
    .industrial-page.page-food .bg-kw-surface { background: var(--kw-surface) !important; }
    .industrial-page.page-food .bg-kw-surface-2 { background: var(--kw-surface-2) !important; }
    .industrial-page.page-food .border-kw { border-color: var(--kw-border) !important; }
    .industrial-page.page-food .rounded-kw-xl { border-radius: var(--kw-radius-xl) !important; }
    .industrial-page.page-food .rounded-kw-2xl { border-radius: var(--kw-radius-2xl) !important; }
    .industrial-page.page-food .shadow-kw { box-shadow: var(--kw-shadow) !important; }
    .industrial-page.page-food .shadow-kw-lg { box-shadow: var(--kw-shadow-lg) !important; }

    .industrial-page.page-food .btn-kw {
      --bs-btn-bg: var(--kw-primary);
      --bs-btn-border-color: var(--kw-primary);
      --bs-btn-hover-bg: var(--kw-primary-dark);
      --bs-btn-hover-border-color: var(--kw-primary-dark);
      --bs-btn-active-bg: var(--kw-primary-dark);
      --bs-btn-active-border-color: var(--kw-primary-dark);
      --bs-btn-color: #fff;
      --bs-btn-hover-color: #fff;
      --bs-btn-active-color: #fff;
      border-radius: 999px;
      font-weight: 700;
      padding: .8rem 1.4rem;
    }
    .industrial-page.page-food .btn-outline-kw {
      --bs-btn-color: var(--kw-text);
      --bs-btn-border-color: var(--kw-border);
      --bs-btn-hover-bg: var(--kw-surface-2);
      --bs-btn-hover-border-color: var(--kw-text);
      --bs-btn-hover-color: var(--kw-text);
      border-radius: 999px;
      font-weight: 700;
      padding: .8rem 1.4rem;
    }

    .industrial-page.page-food .navbar {
      background: color-mix(in srgb, var(--kw-bg) 88%, transparent);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border-bottom: 1px solid var(--kw-border);
    }
    .industrial-page.page-food .navbar-brand { font-weight: 700; font-size: 1.45rem; color: var(--kw-text); }
    .industrial-page.page-food .navbar-brand:hover, .industrial-page.page-food .nav-link:hover { color: var(--kw-primary) !important; }
    .industrial-page.page-food .nav-link { color: var(--kw-muted); font-weight: 600; }
    .industrial-page.page-food .logo-icon { width: 34px; height: 34px; }

    .industrial-page.page-food .section-py { padding: clamp(4rem, 8vw, 7rem) 0; }
    .industrial-page.page-food .eyebrow {
      color: var(--kw-primary);
      font-size: .78rem;
      letter-spacing: .14em;
      text-transform: uppercase;
      font-weight: 800;
    }
    .industrial-page.page-food .display-title { font-size: clamp(2.8rem, 6.5vw, 5.6rem); line-height: .98; font-weight: 700; }
    .industrial-page.page-food .section-title { font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.08; font-weight: 700; }
    .industrial-page.page-food .lead-lg { font-size: clamp(1.1rem, 1.5vw, 1.35rem); }

    .industrial-page.page-food .badge-kw {
      background: color-mix(in srgb, var(--kw-primary) 12%, var(--kw-bg));
      color: var(--kw-primary);
      border: 1px solid color-mix(in srgb, var(--kw-primary) 28%, transparent);
      font-weight: 800;
    }
    .industrial-page.page-food .badge-accent {
      background: color-mix(in srgb, var(--kw-accent) 12%, var(--kw-bg));
      color: var(--kw-accent);
      border: 1px solid color-mix(in srgb, var(--kw-accent) 30%, transparent);
      font-weight: 800;
    }

    .industrial-page.page-food .hero-img {
      aspect-ratio: 4 / 5;
      object-fit: cover;
      border-radius: var(--kw-radius-2xl);
      box-shadow: var(--kw-shadow-lg);
      width: 100%;
    }
    @media (max-width: 991.98px) { .industrial-page.page-food .hero-img { aspect-ratio: 16 / 10; } }
    .industrial-page.page-food .hero-float {
      position: absolute;
      left: 50%;
      bottom: 1.5rem;
      transform: translateX(-50%);
      background: var(--kw-bg);
      border: 1px solid var(--kw-border);
      border-radius: 1rem;
      box-shadow: var(--kw-shadow);
      white-space: nowrap;
    }

    .industrial-page.page-food .marquee-section {
      overflow: hidden;
      border-top: 1px solid var(--kw-border);
      border-bottom: 1px solid var(--kw-border);
      background: var(--kw-surface);
    }
    .industrial-page.page-food .marquee-track { display: flex; gap: 2rem; width: max-content; animation: marquee 24s linear infinite; }
    .industrial-page.page-food .marquee-item { color: color-mix(in srgb, var(--kw-muted) 75%, transparent); font-weight: 700; white-space: nowrap; }
    .industrial-page.page-food .marquee-dot { width: 6px; height: 6px; display: inline-block; background: var(--kw-primary); border-radius: 50%; margin-right: .6rem; opacity: .65; }
    @keyframes marquee { to { transform: translateX(-50%); } }

    .industrial-page.page-food .kw-card {
      background: var(--kw-bg);
      border: 1px solid var(--kw-border);
      border-radius: var(--kw-radius-xl);
      transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
      height: 100%;
    }
    .industrial-page.page-food .kw-card:hover { transform: translateY(-4px); box-shadow: var(--kw-shadow); border-color: color-mix(in srgb, var(--kw-primary) 35%, var(--kw-border)); }
    .industrial-page.page-food .icon-box {
      width: 48px;
      height: 48px;
      border-radius: .9rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: var(--kw-primary);
      background: color-mix(in srgb, var(--kw-primary) 12%, var(--kw-bg));
    }
    .industrial-page.page-food .card-tag {
      color: var(--kw-muted);
      background: var(--kw-surface-2);
      border: 1px solid var(--kw-border);
      border-radius: .5rem;
      font-size: .78rem;
      font-weight: 700;
      padding: .2rem .55rem;
    }
    .industrial-page.page-food .cat-card { background: var(--kw-surface); border: 1px solid var(--kw-border); border-radius: 1rem; }
    .industrial-page.page-food .split-img { aspect-ratio: 4 / 3; width: 100%; object-fit: cover; border-radius: var(--kw-radius-2xl); box-shadow: var(--kw-shadow); }
    .industrial-page.page-food .benefit-icon { flex: 0 0 42px; width: 42px; height: 42px; border-radius: .85rem; display: inline-flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--kw-primary) 12%, var(--kw-bg)); color: var(--kw-primary); }

    .industrial-page.page-food .fsc-section { background: var(--kw-primary); color: #fff; }
    .industrial-page.page-food .fsc-section p { color: rgba(255, 255, 255, .74); }
    .industrial-page.page-food .fsc-card { background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .22); border-radius: var(--kw-radius-xl); }
    .industrial-page.page-food .fsc-check { flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, .18); }

    .industrial-page.page-food .process-step { background: var(--kw-bg); border: 1px solid var(--kw-border); border-radius: var(--kw-radius-xl); height: 100%; position: relative; }
    .industrial-page.page-food .step-num { font-family: var(--kw-display); font-size: 3rem; font-weight: 700; color: var(--kw-primary); opacity: .3; line-height: 1; }
    @media (min-width: 992px) {
      .industrial-page.page-food .process-step:not(.last)::after {
        content: '→'; position: absolute; top: 50%; right: -24px; transform: translateY(-50%);
        color: color-mix(in srgb, var(--kw-muted) 65%, transparent); font-size: 1.4rem; z-index: 2;
      }
    }

    .industrial-page.page-food .accordion { --bs-accordion-bg: var(--kw-surface); --bs-accordion-border-color: var(--kw-border); --bs-accordion-active-bg: var(--kw-surface); --bs-accordion-active-color: var(--kw-text); --bs-accordion-btn-focus-box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--kw-primary) 20%, transparent); }
    .industrial-page.page-food .accordion-button { color: var(--kw-text); font-family: var(--kw-display); font-weight: 700; font-size: 1.12rem; }
    .industrial-page.page-food .accordion-button:not(.collapsed) { box-shadow: inset 0 -1px 0 var(--kw-border); }
    .industrial-page.page-food .accordion-body { color: var(--kw-muted); }

    .industrial-page.page-food .quote-form { background: var(--kw-bg); border: 1px solid var(--kw-border); border-radius: var(--kw-radius-xl); box-shadow: var(--kw-shadow); }
    .industrial-page.page-food .form-control, .industrial-page.page-food .form-select { background-color: var(--kw-surface); border-color: var(--kw-border); color: var(--kw-text); }
    .industrial-page.page-food .form-control:focus, .industrial-page.page-food .form-select:focus { border-color: var(--kw-primary); box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--kw-primary) 18%, transparent); }

    .industrial-page.page-food footer { background: var(--kw-text); color: var(--kw-bg); }
    .industrial-page.page-food footer p, .industrial-page.page-food footer a { color: rgba(248,245,238,.58); }
    .industrial-page.page-food footer a:hover { color: rgba(248,245,238,.95); }
    .industrial-page.page-food .back-top { position: fixed; right: 1.5rem; bottom: 1.5rem; z-index: 1040; width: 46px; height: 46px; opacity: 0; pointer-events: none; transform: translateY(8px); transition: .2s ease; }
    .industrial-page.page-food .back-top.show { opacity: 1; pointer-events: auto; transform: none; }

    .industrial-page.page-food .reveal { opacity: 1; transform: translateY(22px); transition: opacity .65s ease, transform .65s ease; }
    .industrial-page.page-food .reveal.visible { opacity: 1; transform: none; }
    @media (prefers-reduced-motion: reduce) { .industrial-page.page-food .reveal, .industrial-page.page-food .marquee-track { transition: none !important; animation: none !important; } }

.industrial-page.page-food /* Extracted inline utility styles */
.fsc-eyebrow {
  color: rgba(255, 255, 255, 0.65) !important;
}

.industrial-page.page-food .fsc-title-soft {
  opacity: 0.85;
}

.industrial-page.page-food .footer-brand-word {
  font-family: var(--kw-display);
}

.industrial-page.page-food .footer-summary {
  max-width: 26rem;
}

.industrial-page.page-food .footer-bottom {
  border-color: rgba(248, 245, 238, 0.12) !important;
}

/* kingwin-health-beauty-displays.css */
.industrial-page.page-beauty {
      --kw-pink:    #E91E8C;
      --kw-pink-lt: #fce4f3;
      --kw-dark:    #1a1a2e;
      --kw-mid:     #2d2d44;
      --kw-green:   #2e7d32;
      --kw-green-lt:#e8f5e9;
      --kw-gray:    #f7f8fa;
      --kw-border:  #e3e6ee;
      --kw-text:    #3d3d55;
    }
    .industrial-page.page-beauty * { box-sizing: border-box; }
    .industrial-page.page-beauty {
      font-family: 'Inter', sans-serif;
      color: var(--kw-text);
      background: #fff;
    }

    .industrial-page.page-beauty /* ── NAV ── */
    .navbar-brand { font-weight: 800; font-size: 1.5rem; letter-spacing: -0.5px; }
    .industrial-page.page-beauty .navbar-brand span { color: var(--kw-pink); }
    .industrial-page.page-beauty .nav-link { font-weight: 500; font-size: .92rem; }
    .industrial-page.page-beauty .btn-quote {
      background: var(--kw-pink);
      color: #fff !important;
      border-radius: 6px;
      padding: 7px 20px !important;
      font-weight: 600;
    }
    .industrial-page.page-beauty .btn-quote:hover { background: #c4177a; }

    .industrial-page.page-beauty /* ── HERO ── */
    .hero {
      background: linear-gradient(135deg, var(--kw-dark) 0%, var(--kw-mid) 60%, #3a1a4e 100%);
      color: #fff;
      padding: 96px 0 80px;
      position: relative;
      overflow: hidden;
    }
    .industrial-page.page-beauty .hero::before {
      content: '';
      position: absolute; inset: 0;
      background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    .industrial-page.page-beauty .hero h1 {
      font-size: clamp(2rem, 4.5vw, 3.2rem);
      font-weight: 800;
      line-height: 1.15;
      letter-spacing: -1px;
    }
    .industrial-page.page-beauty .hero h1 span { color: var(--kw-pink); }
    .industrial-page.page-beauty .hero .lead { font-size: 1.15rem; opacity: .88; max-width: 560px; }
    .industrial-page.page-beauty .badge-fsc {
      display: inline-flex; align-items: center; gap: 7px;
      background: var(--kw-green-lt); color: var(--kw-green);
      border: 1.5px solid #a5d6a7; border-radius: 20px;
      padding: 5px 14px; font-size: .82rem; font-weight: 600;
    }
    .industrial-page.page-beauty .btn-primary-kw {
      background: var(--kw-pink); color: #fff; border: none;
      border-radius: 8px; padding: 13px 30px; font-weight: 700;
      font-size: 1rem; transition: background .2s, transform .15s;
    }
    .industrial-page.page-beauty .btn-primary-kw:hover { background: #c4177a; color: #fff; transform: translateY(-1px); }
    .industrial-page.page-beauty .btn-outline-kw {
      background: transparent; color: #fff;
      border: 2px solid rgba(255,255,255,.45);
      border-radius: 8px; padding: 11px 28px;
      font-weight: 600; font-size: 1rem; transition: all .2s;
    }
    .industrial-page.page-beauty .btn-outline-kw:hover { border-color: #fff; background: rgba(255,255,255,.1); color:#fff; }
    .industrial-page.page-beauty .hero-mockup {
      background: rgba(255,255,255,.07);
      border: 1.5px solid rgba(255,255,255,.15);
      border-radius: 16px;
      padding: 28px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
    }
    .industrial-page.page-beauty .hero-mockup-item {
      background: rgba(255,255,255,.1);
      border-radius: 10px;
      padding: 20px 14px;
      text-align: center;
    }
    .industrial-page.page-beauty .hero-mockup-item .icon { font-size: 2rem; margin-bottom: 8px; display: block; }
    .industrial-page.page-beauty .hero-mockup-item p { font-size: .78rem; opacity: .8; margin: 0; }
    .industrial-page.page-beauty .hero-mockup-item strong { font-size: .9rem; display: block; margin-bottom: 2px; }

    .industrial-page.page-beauty /* ── TRUST BAR ── */
    .trust-bar {
      background: #fff;
      border-bottom: 1px solid var(--kw-border);
      padding: 28px 0;
      box-shadow: 0 2px 12px rgba(0,0,0,.05);
    }
    .industrial-page.page-beauty .trust-item { text-align: center; }
    .industrial-page.page-beauty .trust-item .ti-icon {
      width: 52px; height: 52px;
      background: var(--kw-pink-lt);
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      margin: 0 auto 10px;
      font-size: 1.3rem; color: var(--kw-pink);
    }
    .industrial-page.page-beauty .trust-item strong { display: block; font-size: .92rem; font-weight: 700; color: var(--kw-dark); }
    .industrial-page.page-beauty .trust-item span { font-size: .8rem; color: #888; }

    .industrial-page.page-beauty /* ── SECTION HEADINGS ── */
    .section-label {
      font-size: .78rem; font-weight: 700; letter-spacing: 2px;
      text-transform: uppercase; color: var(--kw-pink); margin-bottom: 10px;
    }
    .industrial-page.page-beauty .section-title {
      font-size: clamp(1.6rem, 3vw, 2.3rem);
      font-weight: 800; color: var(--kw-dark);
      line-height: 1.2; letter-spacing: -.5px;
    }
    .industrial-page.page-beauty .section-subtitle {
      font-size: 1.05rem; color: #666; max-width: 640px;
    }

    .industrial-page.page-beauty /* ── VALUE PROP ── */
    .value-section { padding: 80px 0; background: var(--kw-gray); }
    .industrial-page.page-beauty .value-card {
      background: #fff;
      border: 1px solid var(--kw-border);
      border-radius: 12px;
      padding: 28px;
      height: 100%;
      transition: box-shadow .2s, transform .2s;
    }
    .industrial-page.page-beauty .value-card:hover { box-shadow: 0 8px 30px rgba(233,30,140,.1); transform: translateY(-3px); }
    .industrial-page.page-beauty .value-card .vc-icon {
      width: 48px; height: 48px;
      background: var(--kw-pink-lt);
      border-radius: 10px;
      display: flex; align-items: center; justify-content: center;
      font-size: 1.3rem; color: var(--kw-pink);
      margin-bottom: 16px;
    }
    .industrial-page.page-beauty .value-card h5 { font-weight: 700; font-size: 1rem; color: var(--kw-dark); margin-bottom: 8px; }
    .industrial-page.page-beauty .value-card p { font-size: .87rem; color: #666; margin: 0; line-height: 1.6; }

    .industrial-page.page-beauty /* ── DISPLAY TYPES ── */
    .display-section { padding: 80px 0; }
    .industrial-page.page-beauty .display-card {
      background: #fff;
      border: 1.5px solid var(--kw-border);
      border-radius: 14px;
      padding: 0;
      overflow: hidden;
      height: 100%;
      transition: box-shadow .2s, transform .2s;
    }
    .industrial-page.page-beauty .display-card:hover { box-shadow: 0 10px 36px rgba(0,0,0,.1); transform: translateY(-4px); }
    .industrial-page.page-beauty .display-card-img {
      height: 160px;
      display: flex; align-items: center; justify-content: center;
      font-size: 3.5rem;
    }
    .industrial-page.page-beauty .display-card-body { padding: 20px; }
    .industrial-page.page-beauty .display-card-body h5 { font-weight: 700; font-size: .97rem; color: var(--kw-dark); margin-bottom: 6px; }
    .industrial-page.page-beauty .display-card-body p { font-size: .83rem; color: #666; margin: 0; line-height: 1.6; }
    .industrial-page.page-beauty .display-tag {
      display: inline-block; font-size: .7rem; font-weight: 600;
      background: var(--kw-pink-lt); color: var(--kw-pink);
      border-radius: 4px; padding: 2px 8px; margin-bottom: 8px;
    }

    .industrial-page.page-beauty /* ── CATEGORIES ── */
    .cat-section { padding: 80px 0; background: var(--kw-gray); }
    .industrial-page.page-beauty .cat-pill {
      display: flex; align-items: center; gap: 12px;
      background: #fff;
      border: 1px solid var(--kw-border);
      border-radius: 50px;
      padding: 10px 20px;
      font-size: .88rem; font-weight: 600; color: var(--kw-dark);
    }
    .industrial-page.page-beauty .cat-pill .cp-icon {
      width: 36px; height: 36px;
      background: var(--kw-pink-lt);
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      font-size: 1rem; color: var(--kw-pink); flex-shrink: 0;
    }
    .industrial-page.page-beauty .cat-pill small { display: block; font-weight: 400; color: #888; font-size: .77rem; }

    .industrial-page.page-beauty /* ── BENEFITS ── */
    .benefits-section { padding: 80px 0; }
    .industrial-page.page-beauty .benefit-item {
      display: flex; gap: 20px;
      padding: 24px;
      border-radius: 12px;
      border: 1px solid var(--kw-border);
      background: #fff;
      height: 100%;
      transition: box-shadow .2s;
    }
    .industrial-page.page-beauty .benefit-item:hover { box-shadow: 0 6px 24px rgba(233,30,140,.08); }
    .industrial-page.page-beauty .bi-num {
      width: 44px; height: 44px; flex-shrink: 0;
      background: var(--kw-pink);
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      font-weight: 800; font-size: 1rem; color: #fff;
    }
    .industrial-page.page-beauty .benefit-item h6 { font-weight: 700; color: var(--kw-dark); margin-bottom: 6px; }
    .industrial-page.page-beauty .benefit-item p { font-size: .85rem; color: #666; margin: 0; line-height: 1.6; }

    .industrial-page.page-beauty /* ── FSC ── */
    .fsc-section {
      padding: 80px 0;
      background: linear-gradient(135deg, var(--kw-green-lt) 0%, #f1f8f1 100%);
    }
    .industrial-page.page-beauty .fsc-badge-lg {
      width: 120px; height: 120px;
      background: #fff;
      border-radius: 50%;
      display: flex; flex-direction: column;
      align-items: center; justify-content: center;
      border: 3px solid var(--kw-green);
      margin: 0 auto 20px;
    }
    .industrial-page.page-beauty .fsc-badge-lg .fsc-tree { font-size: 2.5rem; }
    .industrial-page.page-beauty .fsc-badge-lg span { font-size: .65rem; font-weight: 800; color: var(--kw-green); letter-spacing: 1px; }
    .industrial-page.page-beauty .fsc-point {
      display: flex; align-items: flex-start; gap: 14px;
      padding: 16px; background: #fff; border-radius: 10px;
      margin-bottom: 12px;
      border: 1px solid #c8e6c9;
    }
    .industrial-page.page-beauty .fsc-point .fp-icon { font-size: 1.4rem; color: var(--kw-green); flex-shrink: 0; margin-top: 2px; }
    .industrial-page.page-beauty .fsc-point h6 { font-weight: 700; font-size: .9rem; margin-bottom: 3px; color: var(--kw-dark); }
    .industrial-page.page-beauty .fsc-point p { font-size: .82rem; color: #555; margin: 0; }

    .industrial-page.page-beauty /* ── PROCESS ── */
    .process-section { padding: 80px 0; background: var(--kw-dark); color: #fff; }
    .industrial-page.page-beauty .process-section .section-title { color: #fff; }
    .industrial-page.page-beauty .process-section .section-subtitle { color: rgba(255,255,255,.65); }
    .industrial-page.page-beauty .step-card {
      background: rgba(255,255,255,.07);
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 14px;
      padding: 28px 22px;
      height: 100%;
      position: relative;
      transition: background .2s;
    }
    .industrial-page.page-beauty .step-card:hover { background: rgba(255,255,255,.12); }
    .industrial-page.page-beauty .step-num {
      width: 40px; height: 40px;
      background: var(--kw-pink);
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      font-weight: 800; font-size: 1rem; color: #fff;
      margin-bottom: 16px;
    }
    .industrial-page.page-beauty .step-card h5 { font-weight: 700; font-size: .97rem; color: #fff; margin-bottom: 8px; }
    .industrial-page.page-beauty .step-card p { font-size: .84rem; color: rgba(255,255,255,.65); margin: 0; line-height: 1.6; }
    .industrial-page.page-beauty .step-icon { font-size: 1.8rem; margin-bottom: 10px; display: block; }

    .industrial-page.page-beauty /* ── FAQ ── */
    .faq-section { padding: 80px 0; background: var(--kw-gray); }
    .industrial-page.page-beauty .accordion-button { font-weight: 600; font-size: .95rem; color: var(--kw-dark); }
    .industrial-page.page-beauty .accordion-button:not(.collapsed) { color: var(--kw-pink); background: var(--kw-pink-lt); box-shadow: none; }
    .industrial-page.page-beauty .accordion-button::after { filter: none; }
    .industrial-page.page-beauty .accordion-button:not(.collapsed)::after { filter: none; }
    .industrial-page.page-beauty .accordion-body { font-size: .9rem; color: #555; line-height: 1.7; }
    .industrial-page.page-beauty .accordion-item { border: 1.5px solid var(--kw-border); border-radius: 10px !important; margin-bottom: 10px; overflow: hidden; }

    .industrial-page.page-beauty /* ── CTA ── */
    .cta-section {
      padding: 90px 0;
      background: linear-gradient(135deg, var(--kw-pink) 0%, #9c27b0 100%);
      color: #fff;
    }
    .industrial-page.page-beauty .cta-section h2 { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 800; letter-spacing: -.5px; }
    .industrial-page.page-beauty .cta-section p { opacity: .9; font-size: 1.08rem; }
    .industrial-page.page-beauty .cta-form {
      background: rgba(255,255,255,.13);
      border: 1.5px solid rgba(255,255,255,.25);
      border-radius: 16px;
      padding: 32px;
    }
    .industrial-page.page-beauty .cta-form .form-control, .industrial-page.page-beauty .cta-form .form-select {
      background: rgba(255,255,255,.9);
      border: none; border-radius: 8px;
      font-size: .9rem; padding: 11px 14px;
    }
    .industrial-page.page-beauty .cta-form label { font-size: .82rem; font-weight: 600; color: rgba(255,255,255,.9); margin-bottom: 5px; }
    .industrial-page.page-beauty .btn-submit {
      background: var(--kw-dark); color: #fff;
      border: none; border-radius: 8px;
      padding: 13px 32px; font-weight: 700; font-size: 1rem;
      width: 100%; transition: background .2s;
    }
    .industrial-page.page-beauty .btn-submit:hover { background: #000; color: #fff; }

    .industrial-page.page-beauty /* ── FOOTER ── */
    footer {
      background: var(--kw-dark);
      color: rgba(255,255,255,.6);
      padding: 40px 0 24px;
    }
    .industrial-page.page-beauty footer .brand { font-weight: 800; font-size: 1.3rem; color: #fff; }
    .industrial-page.page-beauty footer .brand span { color: var(--kw-pink); }
    .industrial-page.page-beauty footer a { color: rgba(255,255,255,.55); text-decoration: none; font-size: .86rem; }
    .industrial-page.page-beauty footer a:hover { color: #fff; }
    .industrial-page.page-beauty footer .footer-copy { font-size: .8rem; border-top: 1px solid rgba(255,255,255,.1); margin-top: 28px; padding-top: 20px; }

    .industrial-page.page-beauty /* ── MISC ── */
    .text-pink { color: var(--kw-pink); }
    .industrial-page.page-beauty .bg-pink { background: var(--kw-pink); }
    @media (max-width: 768px) {
      .industrial-page.page-beauty .hero { padding: 64px 0 56px; }
      .industrial-page.page-beauty .hero-mockup { grid-template-columns: 1fr 1fr; }
    }

.industrial-page.page-beauty /* Extracted inline utility styles */
.fsc-card-title {
  color: var(--kw-green);
  font-weight: 800;
}

.industrial-page.page-beauty .fsc-card-copy {
  color: #555;
  font-size: 0.9rem;
}

.industrial-page.page-beauty .section-label-green {
  color: var(--kw-green) !important;
}

.industrial-page.page-beauty .fsc-copy {
  margin: 16px 0 24px;
  color: #555;
  line-height: 1.7;
}

.industrial-page.page-beauty .section-label-light {
  color: rgba(255, 255, 255, 0.7) !important;
}

.industrial-page.page-beauty .quote-check {
  font-size: 0.9rem;
}

.industrial-page.page-beauty .quote-check-icon {
  font-size: 1.2rem;
}

.industrial-page.page-beauty .quote-form-title {
  margin-bottom: 24px;
  color: #fff;
  font-weight: 700;
}

.industrial-page.page-beauty .quote-note {
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.75rem;
  text-align: center;
}

.industrial-page.page-beauty .footer-summary {
  font-size: 0.85rem;
  line-height: 1.7;
}

.industrial-page.page-beauty .footer-heading {
  display: block;
  margin-bottom: 12px;
  color: #fff;
  font-size: 0.9rem;
}

.industrial-page.page-beauty .footer-contact {
  font-size: 0.85rem;
}

.industrial-page.page-beauty .footer-fsc-badge {
  border-color: #a5d6a7;
}

/* kingwin-paper-convenience-displays-bootstrap.css */
.industrial-page.page-convenience {
      --kw-bg: #f6f1ea;
      --kw-surface: #faf7f3;
      --kw-surface-2: #fffefb;
      --kw-surface-3: #ede6dc;
      --kw-border: #ddd5c8;
      --kw-divider: #e6dfd5;
      --kw-text: #1e1a15;
      --kw-muted: #6b6258;
      --kw-faint: #9d9389;
      --kw-primary: #1a5c52;
      --kw-primary-dark: #124039;
      --kw-primary-light: #d4e5e1;
      --kw-gold: #b07820;
      --kw-gold-light: #f0e3c8;
      --kw-serif: "Fraunces", Georgia, serif;
      --kw-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      --kw-shadow-sm: 0 1px 3px rgba(30, 20, 10, 0.07);
      --kw-shadow-md: 0 8px 28px rgba(30, 20, 10, 0.09);
      --kw-shadow-lg: 0 24px 60px rgba(30, 20, 10, 0.13);
    }

    html[data-bs-theme="dark"] .industrial-page.page-convenience {
      --kw-bg: #141210;
      --kw-surface: #1b1814;
      --kw-surface-2: #201d19;
      --kw-surface-3: #262118;
      --kw-border: #3a332a;
      --kw-divider: #2e2820;
      --kw-text: #e8e0d6;
      --kw-muted: #b0a89e;
      --kw-faint: #7a7268;
      --kw-primary: #5aa59e;
      --kw-primary-dark: #3d7a74;
      --kw-primary-light: #1e3330;
      --kw-gold: #d4a14a;
      --kw-gold-light: #3a2e1a;
      --kw-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);
      --kw-shadow-md: 0 8px 28px rgba(0, 0, 0, 0.28);
      --kw-shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.4);
    }

    .industrial-page.page-convenience { scroll-behavior: smooth; }
    .industrial-page.page-convenience {
      font-family: var(--kw-sans);
      color: var(--kw-text);
      background: var(--kw-bg);
      line-height: 1.65;
    }
    .industrial-page.page-convenience a { text-decoration: none; }
    .industrial-page.page-convenience img, .industrial-page.page-convenience svg { max-width: 100%; }
    .industrial-page.page-convenience .container { max-width: 1160px; }
    .industrial-page.page-convenience .font-serif { font-family: var(--kw-serif); }
    .industrial-page.page-convenience .text-muted-kw { color: var(--kw-muted) !important; }
    .industrial-page.page-convenience .text-primary-kw { color: var(--kw-primary) !important; }
    .industrial-page.page-convenience .bg-surface { background: var(--kw-surface); }
    .industrial-page.page-convenience .bg-surface-2 { background: var(--kw-surface-2); }
    .industrial-page.page-convenience .border-kw { border-color: var(--kw-border) !important; }
    .industrial-page.page-convenience .shadow-kw-sm { box-shadow: var(--kw-shadow-sm); }
    .industrial-page.page-convenience .shadow-kw-md { box-shadow: var(--kw-shadow-md); }
    .industrial-page.page-convenience .shadow-kw-lg { box-shadow: var(--kw-shadow-lg); }
    .industrial-page.page-convenience .rounded-kw-lg { border-radius: 1.5rem; }
    .industrial-page.page-convenience .rounded-kw-xl { border-radius: 2rem; }
    .industrial-page.page-convenience .section-pad { padding: clamp(3.5rem, 7vw, 5.5rem) 0; }
    .industrial-page.page-convenience .section-pad-sm { padding: clamp(3rem, 6vw, 5rem) 0; }
    .industrial-page.page-convenience .section-title {
      font-family: var(--kw-serif);
      font-size: clamp(2rem, 3.5vw, 3.4rem);
      line-height: 1.04;
      letter-spacing: -0.025em;
    }
    .industrial-page.page-convenience .section-copy { max-width: 60ch; color: var(--kw-muted); }
    .industrial-page.page-convenience .section-head { max-width: 46rem; margin-bottom: 2.75rem; }
    .industrial-page.page-convenience .badge-pill {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      padding: 0.38rem 0.8rem;
      border-radius: 9999px;
      background: var(--kw-primary-light);
      color: var(--kw-primary);
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.07em;
      text-transform: uppercase;
    }
    .industrial-page.page-convenience .btn {
      border-radius: 9999px;
      font-weight: 700;
      padding: 0.6rem 1.2rem;
      transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
    }
    .industrial-page.page-convenience .btn:hover { transform: translateY(-1px); }
    .industrial-page.page-convenience .btn-primary-kw {
      --bs-btn-bg: var(--kw-primary);
      --bs-btn-border-color: var(--kw-primary);
      --bs-btn-hover-bg: var(--kw-primary-dark);
      --bs-btn-hover-border-color: var(--kw-primary-dark);
      --bs-btn-color: #fff;
      --bs-btn-hover-color: #fff;
    }
    .industrial-page.page-convenience .btn-outline-kw {
      --bs-btn-color: var(--kw-text);
      --bs-btn-border-color: var(--kw-border);
      --bs-btn-hover-color: var(--kw-text);
      --bs-btn-hover-bg: var(--kw-surface);
      --bs-btn-hover-border-color: var(--kw-border);
    }
    .industrial-page.page-convenience .btn-white-kw {
      --bs-btn-bg: #fff;
      --bs-btn-border-color: #fff;
      --bs-btn-color: #1a5c52;
      --bs-btn-hover-bg: #f0f0ee;
      --bs-btn-hover-border-color: #f0f0ee;
      --bs-btn-hover-color: #124039;
    }
    .industrial-page.page-convenience .btn-outline-white-kw {
      --bs-btn-color: #fff;
      --bs-btn-border-color: rgba(255, 255, 255, 0.35);
      --bs-btn-hover-color: #fff;
      --bs-btn-hover-bg: rgba(255, 255, 255, 0.08);
      --bs-btn-hover-border-color: rgba(255, 255, 255, 0.45);
    }

    .industrial-page.page-convenience /* Header */
    .kw-navbar {
      background: rgba(246, 241, 234, 0.9);
      backdrop-filter: blur(16px);
      border-bottom: 1px solid var(--kw-divider);
    }
    html[data-bs-theme="dark"] .industrial-page.page-convenience .kw-navbar { background: rgba(20, 18, 16, 0.88); }
    .industrial-page.page-convenience .navbar-brand { color: var(--kw-text); }
    .industrial-page.page-convenience .logo-mark {
      width: 40px;
      height: 40px;
      border-radius: 0.75rem;
      background: linear-gradient(145deg, var(--kw-primary-light), var(--kw-gold-light));
      border: 1px solid var(--kw-border);
      color: var(--kw-primary);
      display: grid;
      place-items: center;
      box-shadow: var(--kw-shadow-sm);
      flex: 0 0 auto;
    }
    .industrial-page.page-convenience .logo-title { font-size: 0.9rem; font-weight: 700; line-height: 1.2; }
    .industrial-page.page-convenience .logo-subtitle { font-size: 0.72rem; color: var(--kw-muted); line-height: 1.25; }
    .industrial-page.page-convenience .navbar-nav .nav-link {
      color: var(--kw-muted);
      font-size: 0.875rem;
      font-weight: 600;
      padding-left: 0.9rem !important;
      padding-right: 0.9rem !important;
    }
    .industrial-page.page-convenience .navbar-nav .nav-link:hover { color: var(--kw-text); }
    .industrial-page.page-convenience .theme-toggle {
      width: 40px;
      height: 40px;
      padding: 0;
      display: inline-grid;
      place-items: center;
      border-color: var(--kw-border);
      background: var(--kw-surface-2);
      color: var(--kw-text);
    }

    .industrial-page.page-convenience /* Hero */
    .hero { padding: clamp(3.5rem, 8vw, 6rem) 0 clamp(3rem, 7vw, 5rem); }
    .industrial-page.page-convenience .hero-title {
      font-family: var(--kw-serif);
      font-size: clamp(2.6rem, 5.5vw, 5.2rem);
      line-height: 0.98;
      letter-spacing: -0.03em;
    }
    .industrial-page.page-convenience .hero-sub { color: var(--kw-muted); max-width: 52ch; }
    .industrial-page.page-convenience .stat-card {
      height: 100%;
      padding: 1rem;
      border-radius: 1rem;
      background: var(--kw-surface-2);
      border: 1px solid var(--kw-border);
      box-shadow: var(--kw-shadow-sm);
    }
    .industrial-page.page-convenience .stat-card strong { display: block; font-size: 1.05rem; color: var(--kw-primary); margin-bottom: 0.2rem; }
    .industrial-page.page-convenience .stat-card span { display: block; font-size: 0.78rem; color: var(--kw-muted); }
    .industrial-page.page-convenience .scene-card {
      min-height: 520px;
      border-radius: 2rem;
      overflow: hidden;
      background: linear-gradient(160deg, var(--kw-surface-2), var(--kw-surface-3));
      border: 1px solid var(--kw-border);
      box-shadow: var(--kw-shadow-lg);
      position: relative;
    }
    .industrial-page.page-convenience .scene-grid {
      position: absolute;
      inset: 0;
      background-image: linear-gradient(rgba(30, 26, 21, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(30, 26, 21, 0.06) 1px, transparent 1px);
      background-size: 28px 28px;
      opacity: 0.7;
    }
    html[data-bs-theme="dark"] .industrial-page.page-convenience .scene-grid { opacity: 0.18; }
    .industrial-page.page-convenience .scene-body {
      position: absolute;
      inset: 0;
      display: grid;
      place-items: center;
      padding: 2rem;
    }
    .industrial-page.page-convenience .display-wrap { position: relative; width: min(430px, 100%); height: 440px; }
    .industrial-page.page-convenience .d-unit {
      position: absolute;
      border-radius: 1rem;
      background: linear-gradient(175deg, #d9b882, #c9a260);
      box-shadow: 0 18px 40px rgba(60, 35, 10, 0.22), inset 0 0 0 1px rgba(80, 50, 15, 0.14);
      overflow: hidden;
    }
    .industrial-page.page-convenience .d-unit::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(255,255,255,0.38) 0%, transparent 28%), repeating-linear-gradient(0deg, transparent, transparent 10px, rgba(100,65,20,0.07) 10px, rgba(100,65,20,0.07) 11px);
    }
    .industrial-page.page-convenience .d-header {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 20%;
      background: var(--kw-primary);
      color: #fff;
      font-size: 0.6rem;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 2;
    }
    .industrial-page.page-convenience .d-shelf {
      position: absolute;
      left: 8%;
      right: 8%;
      height: 10%;
      display: flex;
      align-items: flex-end;
      gap: 3px;
      padding: 3px;
      background: rgba(255,255,255,0.28);
      border-radius: 0.25rem;
      z-index: 2;
    }
    .industrial-page.page-convenience .d-pack { flex: 1; border-radius: 3px 3px 2px 2px; }
    .industrial-page.page-convenience .c1 { background: linear-gradient(180deg, #3e8e88, #1e6460); }
    .industrial-page.page-convenience .c2 { background: linear-gradient(180deg, #c49538, #9c6f18); }
    .industrial-page.page-convenience .c3 { background: linear-gradient(180deg, #cd6e52, #a44e30); }
    .industrial-page.page-convenience .d-floor { width: 33%; height: 62%; bottom: 5%; right: 8%; transform: rotate(3deg); }
    .industrial-page.page-convenience .d-counter { width: 29%; height: 40%; bottom: 5%; left: 9%; transform: rotate(-5deg); }
    .industrial-page.page-convenience .d-base {
      position: absolute;
      bottom: 3.5%;
      left: 50%;
      transform: translateX(-50%);
      width: 78%;
      height: 5%;
      border-radius: 9999px;
      background: var(--kw-surface-3);
      filter: blur(0.5px);
    }
    .industrial-page.page-convenience .d-mid {
      position: absolute;
      top: 30%;
      left: 32%;
      right: 10%;
      background: var(--kw-surface-2);
      border: 1px solid var(--kw-border);
      border-radius: 1rem;
      padding: 0.9rem;
      box-shadow: var(--kw-shadow-md);
      z-index: 5;
    }
    .industrial-page.page-convenience .d-mid strong { display: block; font-size: 0.8rem; margin-bottom: 0.3rem; }
    .industrial-page.page-convenience .d-mid p { font-size: 0.72rem; color: var(--kw-muted); margin: 0; }
    .industrial-page.page-convenience .floating-badge {
      position: absolute;
      display: flex;
      align-items: center;
      gap: 0.4rem;
      background: var(--kw-surface-2);
      border: 1px solid var(--kw-border);
      border-radius: 9999px;
      padding: 0.45rem 0.75rem;
      font-size: 0.72rem;
      font-weight: 700;
      box-shadow: var(--kw-shadow-md);
      z-index: 10;
      white-space: nowrap;
    }
    .industrial-page.page-convenience .badge-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--kw-primary); flex: 0 0 auto; }
    .industrial-page.page-convenience .b1 { top: 8%; left: 5%; }
    .industrial-page.page-convenience .b2 { top: 19%; right: 4%; }
    .industrial-page.page-convenience .b3 { bottom: 7%; left: 8%; }

    .industrial-page.page-convenience /* Trust bar */
    .trust-bar {
      background: var(--kw-surface);
      border-top: 1px solid var(--kw-divider);
      border-bottom: 1px solid var(--kw-divider);
      padding: 1.5rem 0;
    }
    .industrial-page.page-convenience .trust-item {
      display: flex;
      align-items: center;
      gap: 0.6rem;
      color: var(--kw-muted);
      font-size: 0.85rem;
      font-weight: 600;
    }
    .industrial-page.page-convenience .trust-item svg { color: var(--kw-primary); flex: 0 0 auto; }

    .industrial-page.page-convenience /* Cards */
    .kw-card {
      height: 100%;
      background: var(--kw-surface-2);
      border: 1px solid var(--kw-border);
      border-radius: 1.5rem;
      box-shadow: var(--kw-shadow-sm);
    }
    .industrial-page.page-convenience .kw-card .card-title { color: var(--kw-text); }
    .industrial-page.page-convenience .kw-card .card-text { color: var(--kw-muted); font-size: 0.9rem; }
    .industrial-page.page-convenience .card-icon { width: 2.6rem; height: 2.6rem; color: var(--kw-primary); margin-bottom: 1.1rem; }
    .industrial-page.page-convenience .format-card {
      min-height: 320px;
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding-top: 9rem;
    }
    .industrial-page.page-convenience .format-mock {
      position: absolute;
      top: 1.2rem;
      left: 1.2rem;
      right: 1.2rem;
      border-radius: 0.9rem;
      background: linear-gradient(180deg, #d6b882, #c49660);
      overflow: hidden;
    }
    .industrial-page.page-convenience .format-mock::before { content: ""; display: block; height: 22px; background: var(--kw-primary); }
    .industrial-page.page-convenience .format-mock .shelves { padding: 0.35rem 0.4rem; display: grid; gap: 3px; }
    .industrial-page.page-convenience .format-mock .row-line { display: flex; gap: 3px; height: 12px; }
    .industrial-page.page-convenience .format-mock .p1, .industrial-page.page-convenience .format-mock .p2, .industrial-page.page-convenience .format-mock .p3 { flex: 1; border-radius: 2px 2px 1px 1px; }
    .industrial-page.page-convenience .format-mock .p1 { background: #3e8e88; }
    .industrial-page.page-convenience .format-mock .p2 { background: #c49538; }
    .industrial-page.page-convenience .format-mock .p3 { background: #cd6e52; }
    .industrial-page.page-convenience .fm-counter .format-mock { height: 100px; width: 68%; }
    .industrial-page.page-convenience .fm-floor .format-mock { height: 150px; width: 58%; }
    .industrial-page.page-convenience .fm-endcap .format-mock { height: 135px; width: calc(100% - 2.4rem); }
    .industrial-page.page-convenience .fm-bin .format-mock { height: 105px; width: 72%; border-radius: 0.6rem 0.6rem 1.2rem 1.2rem; }
    .industrial-page.page-convenience .fm-pdq .format-mock { height: 70px; width: 82%; }
    .industrial-page.page-convenience .format-label {
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.07em;
      text-transform: uppercase;
      color: var(--kw-primary);
      margin-bottom: 0.4rem;
    }

    .industrial-page.page-convenience /* Process and spec */
    .step-card {
      display: flex;
      gap: 1rem;
      background: var(--kw-surface-2);
      border: 1px solid var(--kw-border);
      border-radius: 1rem;
      padding: 1.2rem;
      height: 100%;
    }
    .industrial-page.page-convenience .step-num {
      width: 2.2rem;
      height: 2.2rem;
      border-radius: 50%;
      background: var(--kw-primary);
      color: #fff;
      display: grid;
      place-items: center;
      font-weight: 700;
      font-size: 0.85rem;
      flex: 0 0 auto;
    }
    .industrial-page.page-convenience .step-card h4 { font-size: 0.95rem; margin-bottom: 0.25rem; }
    .industrial-page.page-convenience .step-card p { font-size: 0.875rem; color: var(--kw-muted); margin: 0; }
    .industrial-page.page-convenience .spec-panel {
      background: var(--kw-surface-2);
      border: 1px solid var(--kw-border);
      border-radius: 1.5rem;
      padding: 2rem;
      box-shadow: var(--kw-shadow-md);
    }
    @media (min-width: 992px) {
      .industrial-page.page-convenience .spec-panel { position: sticky; top: 6rem; }
    }
    .industrial-page.page-convenience .spec-row {
      display: grid;
      grid-template-columns: 145px 1fr;
      gap: 1rem;
      padding: 0.9rem 0;
      border-bottom: 1px solid var(--kw-divider);
      font-size: 0.875rem;
    }
    .industrial-page.page-convenience .spec-row:last-child { border-bottom: 0; padding-bottom: 0; }
    .industrial-page.page-convenience .spec-row dt { font-weight: 700; color: var(--kw-text); }
    .industrial-page.page-convenience .spec-row dd { color: var(--kw-muted); margin: 0; }

    .industrial-page.page-convenience /* Dark band */
    .section-dark {
      background: linear-gradient(160deg, var(--kw-primary) 0%, var(--kw-primary-dark) 100%);
      color: #fff;
    }
    .industrial-page.page-convenience .section-dark .section-copy { color: rgba(255, 255, 255, 0.72); }
    .industrial-page.page-convenience .why-card {
      height: 100%;
      padding: 1.6rem;
      border-radius: 1.5rem;
      background: rgba(255,255,255,0.08);
      border: 1px solid rgba(255,255,255,0.14);
    }
    .industrial-page.page-convenience .why-card h3 { color: #fff; font-size: 1.05rem; margin-bottom: 0.5rem; }
    .industrial-page.page-convenience .why-card p { color: rgba(255,255,255,0.68); font-size: 0.875rem; margin-bottom: 0; }
    .industrial-page.page-convenience .why-icon { width: 2.4rem; height: 2.4rem; color: rgba(255,255,255,0.85); margin-bottom: 1rem; }

    .industrial-page.page-convenience /* Categories */
    .cat-card {
      height: 100%;
      background: var(--kw-surface-2);
      border: 1px solid var(--kw-border);
      border-radius: 1rem;
      padding: 1.2rem 1.4rem;
      box-shadow: var(--kw-shadow-sm);
    }
    .industrial-page.page-convenience .cat-tag {
      display: block;
      margin-bottom: 0.45rem;
      color: var(--kw-primary);
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.07em;
      text-transform: uppercase;
    }
    .industrial-page.page-convenience .cat-card p { color: var(--kw-muted); font-size: 0.875rem; margin-bottom: 0; }

    .industrial-page.page-convenience /* Testimonials */
    .testimonial-card {
      height: 100%;
      background: var(--kw-surface-2);
      border: 1px solid var(--kw-border);
      border-radius: 1.5rem;
      padding: 1.6rem;
      box-shadow: var(--kw-shadow-sm);
    }
    .industrial-page.page-convenience .stars { color: var(--kw-gold); font-size: 0.85rem; margin-bottom: 0.75rem; letter-spacing: 0.05em; }
    .industrial-page.page-convenience .testimonial-card blockquote {
      color: var(--kw-muted);
      font-size: 0.9rem;
      font-style: italic;
      margin-bottom: 1rem;
    }
    .industrial-page.page-convenience .testimonial-card blockquote::before { content: "\201C"; }
    .industrial-page.page-convenience .testimonial-card blockquote::after { content: "\201D"; }
    .industrial-page.page-convenience .avatar {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: #fff;
      font-size: 0.8rem;
      font-weight: 700;
      flex: 0 0 auto;
    }
    .industrial-page.page-convenience .author-title { font-size: 0.75rem; color: var(--kw-muted); }

    .industrial-page.page-convenience /* FAQ */
    .accordion-item {
      background: var(--kw-surface-2);
      border: 1px solid var(--kw-border) !important;
      border-radius: 1rem !important;
      overflow: hidden;
    }
    .industrial-page.page-convenience .accordion-button {
      background: var(--kw-surface-2);
      color: var(--kw-text);
      font-size: 0.9rem;
      font-weight: 700;
      box-shadow: none !important;
    }
    .industrial-page.page-convenience .accordion-button:not(.collapsed) {
      background: var(--kw-surface-2);
      color: var(--kw-text);
    }
    .industrial-page.page-convenience .accordion-button::after { filter: none; }
    html[data-bs-theme="dark"] .industrial-page.page-convenience .accordion-button::after { filter: invert(1) grayscale(1); }
    .industrial-page.page-convenience .accordion-body { color: var(--kw-muted); font-size: 0.9rem; padding-top: 0; }

    .industrial-page.page-convenience /* CTA and footer */
    .cta-panel {
      border-radius: 2rem;
      padding: clamp(2.5rem, 5vw, 4rem);
      color: #fff;
      background: linear-gradient(135deg, var(--kw-primary) 0%, var(--kw-primary-dark) 55%, #704f20 100%);
      box-shadow: var(--kw-shadow-lg);
      position: relative;
      overflow: hidden;
    }
    .industrial-page.page-convenience .cta-panel::before,
    .industrial-page.page-convenience .cta-panel::after {
      content: "";
      position: absolute;
      border-radius: 50%;
      background: rgba(255,255,255,0.05);
      pointer-events: none;
    }
    .industrial-page.page-convenience .cta-panel::before { right: -120px; top: -120px; width: 380px; height: 380px; }
    .industrial-page.page-convenience .cta-panel::after { left: -60px; bottom: -80px; width: 260px; height: 260px; }
    .industrial-page.page-convenience .cta-panel > .row { position: relative; z-index: 1; }
    .industrial-page.page-convenience .cta-title {
      font-family: var(--kw-serif);
      font-size: clamp(1.8rem, 3vw, 3rem);
      line-height: 1.06;
      max-width: 16ch;
    }
    .industrial-page.page-convenience .cta-copy { color: rgba(255,255,255,0.74); max-width: 56ch; }
    .industrial-page.page-convenience .checklist-card {
      background: rgba(255,255,255,0.08);
      border: 1px solid rgba(255,255,255,0.14);
      border-radius: 1.5rem;
      padding: 1.75rem;
    }
    .industrial-page.page-convenience .checklist-card li { display: flex; gap: 0.6rem; color: rgba(255,255,255,0.82); font-size: 0.875rem; }
    .industrial-page.page-convenience .footer {
      background: var(--kw-surface);
      border-top: 1px solid var(--kw-divider);
      padding: clamp(2.5rem, 5vw, 4rem) 0 2rem;
    }
    .industrial-page.page-convenience .footer p, .industrial-page.page-convenience .footer li, .industrial-page.page-convenience .footer a { color: var(--kw-muted); font-size: 0.875rem; }
    .industrial-page.page-convenience .footer a:hover { color: var(--kw-text); }
    .industrial-page.page-convenience .footer-title { color: var(--kw-text); font-size: 0.85rem; font-weight: 700; margin-bottom: 0.9rem; }
    .industrial-page.page-convenience .footer-bottom {
      border-top: 1px solid var(--kw-divider);
      padding-top: 1.5rem;
      color: var(--kw-faint);
      font-size: 0.78rem;
    }

    @media (max-width: 991.98px) {
      .industrial-page.page-convenience .navbar-collapse { padding: 1rem 0; }
      .industrial-page.page-convenience .navbar-actions { align-items: stretch !important; }
      .industrial-page.page-convenience .navbar-actions .btn:not(.theme-toggle) { width: 100%; }
      .industrial-page.page-convenience .scene-card { min-height: 460px; }
      .industrial-page.page-convenience .display-wrap { height: 390px; }
    }
    @media (max-width: 575.98px) {
      .industrial-page.page-convenience .hero-title { font-size: clamp(2.25rem, 12vw, 3rem); }
      .industrial-page.page-convenience .scene-card { min-height: 430px; border-radius: 1.5rem; }
      .industrial-page.page-convenience .scene-body { padding: 1.25rem; }
      .industrial-page.page-convenience .display-wrap { height: 360px; }
      .industrial-page.page-convenience .floating-badge { font-size: 0.68rem; padding: 0.4rem 0.6rem; }
      .industrial-page.page-convenience .d-mid { left: 22%; right: 4%; }
      .industrial-page.page-convenience .spec-row { grid-template-columns: 1fr; gap: 0.25rem; }
      .industrial-page.page-convenience .format-card { min-height: 300px; }
      .industrial-page.page-convenience .footer-bottom { gap: 0.5rem; }
    }
    @media (prefers-reduced-motion: reduce) {
      .industrial-page.page-convenience *, .industrial-page.page-convenience *::before, .industrial-page.page-convenience *::after { transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
    }

.industrial-page.page-convenience /* Extracted inline utility styles */
.badge-pill-inverse {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
}

.industrial-page.page-convenience .avatar-primary {
  background: var(--kw-primary);
}

.industrial-page.page-convenience .avatar-gold {
  background: var(--kw-gold);
}

.industrial-page.page-convenience .avatar-red {
  background: #c94e30;
}

.industrial-page.page-convenience .checklist-title {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.78rem;
  letter-spacing: 0.07em;
}

.industrial-page.page-convenience .checkmark {
  color: #6dd4cc;
}

.industrial-page.page-convenience .footer-summary {
  max-width: 44ch;
}

}
/* KINGWIN CONSOLIDATED PAGE CSS END */

.industrial-page,
html[data-bs-theme="light"] .industrial-page,
html[data-theme="light"] .industrial-page,
.industrial-page[data-bs-theme="light"],
.industrial-page[data-theme="light"] {
  --kw-unified-bg: #f4f2ec;
  --kw-unified-surface: #fffdf8;
  --kw-unified-surface-2: #ecefe9;
  --kw-unified-surface-3: #e4e8df;
  --kw-unified-text: #1d2421;
  --kw-unified-muted: #646c67;
  --kw-unified-faint: #8c928c;
  --kw-unified-primary: #006b67;
  --kw-unified-primary-dark: #004f4c;
  --kw-unified-primary-soft: #dceae7;
  --kw-unified-accent: #b36a32;
  --kw-unified-accent-soft: #f0dfd1;
  --kw-unified-border: rgba(29, 36, 33, 0.14);
  --kw-unified-shadow-sm: 0 1px 2px rgba(18, 24, 21, 0.06);
  --kw-unified-shadow-md: 0 12px 30px rgba(18, 24, 21, 0.09);
  --kw-unified-shadow-lg: 0 24px 60px rgba(18, 24, 21, 0.12);
  --kw-unified-radius: 8px;
  --kw-unified-display: "Cabinet Grotesk", "General Sans", Arial, sans-serif;
  --kw-unified-body: "General Sans", Inter, Arial, sans-serif;

  --kw-bg: var(--kw-unified-bg);
  --kw-surface: var(--kw-unified-surface);
  --kw-surface-2: var(--kw-unified-surface-2);
  --kw-surface-3: var(--kw-unified-surface-3);
  --kw-gray: var(--kw-unified-surface-2);
  --kw-cream: var(--kw-unified-bg);
  --kw-border: var(--kw-unified-border);
  --kw-divider: var(--kw-unified-border);
  --kw-line: var(--kw-unified-border);
  --kw-text: var(--kw-unified-text);
  --kw-ink: var(--kw-unified-text);
  --kw-muted: var(--kw-unified-muted);
  --kw-faint: var(--kw-unified-faint);
  --kw-primary: var(--kw-unified-primary);
  --kw-primary-dark: var(--kw-unified-primary-dark);
  --kw-primary-hover: var(--kw-unified-primary-dark);
  --kw-primary-light: var(--kw-unified-primary-soft);
  --kw-primary-soft: var(--kw-unified-primary-soft);
  --kw-accent: var(--kw-unified-accent);
  --kw-gold: var(--kw-unified-accent);
  --kw-gold-light: var(--kw-unified-accent-soft);
  --kw-success: #3f7b49;
  --kw-success-soft: #dfece1;
  --kw-fsc: #3f7b49;
  --kw-fsc-soft: #dfece1;
  --kw-green: #3f7b49;
  --kw-green-lt: #dfece1;
  --kw-pink: var(--kw-unified-primary);
  --kw-pink-lt: var(--kw-unified-primary-soft);
  --kw-dark: #162625;
  --kw-mid: #213230;
  --kw-shadow-sm: var(--kw-unified-shadow-sm);
  --kw-shadow: var(--kw-unified-shadow-md);
  --kw-shadow-md: var(--kw-unified-shadow-md);
  --kw-shadow-lg: var(--kw-unified-shadow-lg);
  --kw-radius-lg: var(--kw-unified-radius);
  --kw-radius-xl: var(--kw-unified-radius);
  --kw-radius-2xl: var(--kw-unified-radius);
  --kw-display: var(--kw-unified-display);
  --kw-font-display: var(--kw-unified-display);
  --kw-serif: var(--kw-unified-display);
  --font-display: var(--kw-unified-display);
  --kw-body: var(--kw-unified-body);
  --kw-font-body: var(--kw-unified-body);
  --kw-sans: var(--kw-unified-body);
  --font-body: var(--kw-unified-body);

  --color-bg: var(--kw-unified-bg);
  --color-surface: var(--kw-unified-surface);
  --color-surface-2: var(--kw-unified-surface-2);
  --color-surface-offset: var(--kw-unified-surface-3);
  --color-divider: var(--kw-unified-border);
  --color-border: var(--kw-unified-border);
  --color-text: var(--kw-unified-text);
  --color-text-muted: var(--kw-unified-muted);
  --color-text-faint: var(--kw-unified-faint);
  --color-text-inverse: #ffffff;
  --color-primary: var(--kw-unified-primary);
  --color-primary-hover: var(--kw-unified-primary-dark);
  --color-primary-active: #003d3a;
  --color-primary-highlight: var(--kw-unified-primary-soft);
  --color-primary-light: var(--kw-unified-primary-soft);
  --color-dark: #162625;
  --color-dark-2: #1d302e;
  --color-dark-3: #29413d;

  --bs-body-font-family: var(--kw-unified-body);
  --bs-body-bg: var(--kw-unified-bg);
  --bs-body-color: var(--kw-unified-text);
  --bs-primary: var(--kw-unified-primary);
  --bs-primary-rgb: 0, 107, 103;
  --bs-link-color: var(--kw-unified-primary);
  --bs-link-hover-color: var(--kw-unified-primary-dark);
  --bs-border-color: var(--kw-unified-border);
  --bs-border-radius: var(--kw-unified-radius);
  --bs-border-radius-lg: var(--kw-unified-radius);
  --bs-border-radius-xl: var(--kw-unified-radius);
}

html[data-bs-theme="dark"] .industrial-page,
html[data-theme="dark"] .industrial-page,
.industrial-page[data-bs-theme="dark"],
.industrial-page[data-theme="dark"] {
  --kw-unified-bg: #111918;
  --kw-unified-surface: #182321;
  --kw-unified-surface-2: #202d2a;
  --kw-unified-surface-3: #2a3935;
  --kw-unified-text: #edf3ef;
  --kw-unified-muted: #b7c2bc;
  --kw-unified-faint: #84918b;
  --kw-unified-primary: #5fc0b6;
  --kw-unified-primary-dark: #86d4cc;
  --kw-unified-primary-soft: rgba(95, 192, 182, 0.16);
  --kw-unified-accent: #d59a59;
  --kw-unified-accent-soft: rgba(213, 154, 89, 0.18);
  --kw-unified-border: rgba(237, 243, 239, 0.16);
  --kw-unified-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --kw-unified-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.34);
  --kw-unified-shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.44);
  --kw-dark: #0d1514;
  --kw-mid: #162321;
  --color-dark: #0d1514;
  --color-dark-2: #162321;
  --color-dark-3: #20312e;
  --bs-primary-rgb: 95, 192, 182;
}

.industrial-page,
.industrial-page *,
.industrial-page *::before,
.industrial-page *::after {
  box-sizing: border-box;
}

html:has(.industrial-page) {
  scroll-behavior: smooth;
  scroll-padding-top: 88px;
}

.industrial-page {
  margin: 0;
  background: var(--kw-bg) !important;
  color: var(--kw-text) !important;
  font-family: var(--kw-unified-body) !important;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.industrial-page a {
  color: var(--kw-primary);
  text-decoration: none !important;
}

.industrial-page a:hover {
  color: var(--kw-primary-dark);
}

.industrial-page img,
.industrial-page svg {
  max-width: 100%;
}

.industrial-page h1,
.industrial-page h2,
.industrial-page h3,
.industrial-page h4,
.industrial-page h5,
.industrial-page h6,
.industrial-page .font-display,
.industrial-page .font-serif,
.industrial-page .hero-title,
.industrial-page .display-title,
.industrial-page .section-title,
.industrial-page .cta-title,
.industrial-page .navbar-brand,
.industrial-page .navbar-brand-title,
.industrial-page .nav-logo-text,
.industrial-page .brand-name,
.industrial-page .footer-title,
.industrial-page .step-title,
.industrial-page .card-title {
  font-family: var(--kw-unified-display) !important;
  letter-spacing: 0 !important;
}

.industrial-page h1,
.industrial-page .hero-title,
.industrial-page .display-title {
  font-size: clamp(2.35rem, 5vw, 4.65rem) !important;
  line-height: 1.04 !important;
}

.industrial-page h2,
.industrial-page .section-title,
.industrial-page .cta-title {
  font-size: clamp(1.9rem, 3.6vw, 3.35rem) !important;
  line-height: 1.1 !important;
}

.industrial-page p,
.industrial-page li,
.industrial-page .section-copy,
.industrial-page .section-desc,
.industrial-page .section-subtitle,
.industrial-page .text-kw-muted,
.industrial-page .text-muted-kw,
.industrial-page .small-muted,
.industrial-page .hero-lead,
.industrial-page .hero-sub,
.industrial-page .lead {
  color: var(--kw-muted) !important;
}

.industrial-page .container,
.industrial-page .container-xxl,
.industrial-page .hero-inner,
.industrial-page .nav-inner,
.industrial-page .footer-inner,
.industrial-page .container--default {
  max-width: 1180px !important;
}

.industrial-page .site-header,
.industrial-page header.sticky-top,
.industrial-page .navbar,
.industrial-page .kw-navbar {
  background: color-mix(in srgb, var(--kw-surface) 92%, transparent) !important;
  border-bottom: 1px solid var(--kw-border) !important;
  box-shadow: 0 8px 26px rgba(18, 24, 21, 0.06) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.industrial-page .nav-inner {
  min-height: 76px;
  padding-block: 0.9rem !important;
}

.industrial-page .navbar-brand,
.industrial-page .nav-logo,
.industrial-page .nav-logo-text,
.industrial-page .brand-name,
.industrial-page .navbar-brand-title {
  color: var(--kw-text) !important;
  font-weight: 800 !important;
}

.industrial-page .navbar-brand span,
.industrial-page .navbar-brand-title,
.industrial-page .nav-logo svg,
.industrial-page .brand-icon,
.industrial-page .logo-icon,
.industrial-page .footer-logo-mark,
.industrial-page .brand-mark {
  color: var(--kw-primary) !important;
}

.industrial-page .footer-logo-mark,
.industrial-page .brand-mark,
.industrial-page .logo-icon rect,
.industrial-page .footer-logo-mark::before,
.industrial-page .footer-logo-mark::after {
  background-color: var(--kw-primary) !important;
  border-color: var(--kw-primary) !important;
}

.industrial-page .nav-logo-sub,
.industrial-page .navbar-brand-sub {
  color: var(--kw-muted) !important;
  letter-spacing: 0 !important;
}

.industrial-page .navbar .nav-link,
.industrial-page .nav-links a,
.industrial-page .footer-links a {
  color: var(--kw-muted) !important;
  font-size: 0.94rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.industrial-page .navbar .nav-link:hover,
.industrial-page .navbar .nav-link:focus,
.industrial-page .nav-links a:hover,
.industrial-page .nav-links a:focus {
  color: var(--kw-primary) !important;
}

.industrial-page .navbar-toggler,
.industrial-page .nav-mobile-toggle,
.industrial-page .theme-toggle {
  border: 1px solid var(--kw-border) !important;
  border-radius: 999px !important;
  color: var(--kw-text) !important;
  background: var(--kw-surface) !important;
}

.industrial-page .btn,
.industrial-page .btn-nav,
.industrial-page .btn-quote,
.industrial-page .btn-primary-kw,
.industrial-page .btn-kw,
.industrial-page .btn-kw-primary,
.industrial-page .btn-submit,
.industrial-page .form-submit {
  border-radius: 999px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
}

.industrial-page .btn-primary,
.industrial-page .btn-nav,
.industrial-page .btn-quote,
.industrial-page .btn-primary-kw,
.industrial-page .btn-kw,
.industrial-page .btn-kw-primary,
.industrial-page .btn-submit,
.industrial-page .form-submit {
  --bs-btn-bg: var(--kw-primary);
  --bs-btn-border-color: var(--kw-primary);
  --bs-btn-hover-bg: var(--kw-primary-dark);
  --bs-btn-hover-border-color: var(--kw-primary-dark);
  --bs-btn-active-bg: var(--kw-primary-dark);
  --bs-btn-active-border-color: var(--kw-primary-dark);
  --bs-btn-color: #ffffff;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-active-color: #ffffff;
  background: var(--kw-primary) !important;
  border-color: var(--kw-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(0, 107, 103, 0.18) !important;
}

.industrial-page .btn-primary:hover,
.industrial-page .btn-nav:hover,
.industrial-page .btn-quote:hover,
.industrial-page .btn-primary-kw:hover,
.industrial-page .btn-kw:hover,
.industrial-page .btn-kw-primary:hover,
.industrial-page .btn-submit:hover,
.industrial-page .form-submit:hover {
  background: var(--kw-primary-dark) !important;
  border-color: var(--kw-primary-dark) !important;
  transform: translateY(-1px);
}

.industrial-page .btn-outline-primary,
.industrial-page .btn-outline-secondary,
.industrial-page .btn-outline-kw,
.industrial-page .btn-outline-white-kw,
.industrial-page .btn-kw-secondary,
.industrial-page .btn-kw-outline-light,
.industrial-page .btn-ghost {
  --bs-btn-color: var(--kw-text);
  --bs-btn-border-color: var(--kw-border);
  --bs-btn-hover-color: var(--kw-primary);
  --bs-btn-hover-bg: var(--kw-primary-soft);
  --bs-btn-hover-border-color: var(--kw-primary);
  background: transparent !important;
  border-color: var(--kw-border) !important;
  color: var(--kw-text) !important;
}

.industrial-page .navbar .btn-quote,
.industrial-page .navbar .btn-primary,
.industrial-page .site-header .btn-nav {
  color: #ffffff !important;
}

.industrial-page .hero,
.industrial-page .hero-section {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #163735 0%, #0f2726 58%, #3d2e22 100%) !important;
  color: #ffffff !important;
  padding: clamp(4rem, 8vw, 7rem) 0 !important;
}

.industrial-page .hero::before,
.industrial-page .hero::after,
.industrial-page .hero-section::before,
.industrial-page .cta-section::before,
.industrial-page .cta-panel::before,
.industrial-page .cta-panel::after {
  opacity: 0 !important;
}

.industrial-page .hero .container,
.industrial-page .hero .container-xxl,
.industrial-page .hero-section .container {
  position: relative;
  z-index: 1;
}

.industrial-page .kw-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.95fr);
  align-items: center;
  gap: clamp(2.5rem, 5vw, 5rem);
}

.industrial-page .kw-hero-copy {
  max-width: 680px;
}

.industrial-page .kw-hero-copy p {
  max-width: 62ch;
  margin: 1.5rem 0 0;
  font-size: clamp(1.05rem, 1rem + 0.45vw, 1.28rem) !important;
  line-height: 1.75;
}

.industrial-page .kw-hero-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: 2rem;
  padding: 0.95rem 1.65rem !important;
  border-radius: 999px !important;
  background: var(--kw-primary) !important;
  border: 1px solid var(--kw-primary) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  line-height: 1.1;
  box-shadow: 0 14px 30px rgba(0, 107, 103, 0.28) !important;
}

.industrial-page .kw-hero-cta:hover,
.industrial-page .kw-hero-cta:focus {
  background: var(--kw-primary-dark) !important;
  border-color: var(--kw-primary-dark) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

.industrial-page .kw-hero-media {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--kw-unified-radius);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: var(--kw-shadow-lg);
}

.industrial-page .kw-hero-media img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  height: auto;
  object-fit: cover;
}

.industrial-page .hero h1,
.industrial-page .hero h2,
.industrial-page .hero h3,
.industrial-page .hero-title,
.industrial-page .display-title,
.industrial-page .hero .section-title,
.industrial-page .hero .font-display,
.industrial-page .hero .font-serif {
  color: #ffffff !important;
}

.industrial-page .hero h1 span,
.industrial-page .hero .hero-title span,
.industrial-page .hero .display-title span,
.industrial-page .hero .text-kw-primary,
.industrial-page .hero .text-primary,
.industrial-page .hero-section h1 span,
.industrial-page .hero-section .hero-title em,
.industrial-page .hero-section .display-title span,
.industrial-page .hero-section .text-kw-primary,
.industrial-page .hero-section .text-primary {
  color: #66d3c9 !important;
}

.industrial-page .hero p,
.industrial-page .hero li,
.industrial-page .hero .lead,
.industrial-page .hero-sub,
.industrial-page .hero-lead,
.industrial-page .hero .text-secondary,
.industrial-page .hero-section p,
.industrial-page .hero-section li,
.industrial-page .hero-section .lead,
.industrial-page .hero-section .text-secondary,
.industrial-page .hero-section .text-kw-muted {
  color: rgba(255, 255, 255, 0.78) !important;
}

.industrial-page .hero .eyebrow,
.industrial-page .hero-section .eyebrow,
.industrial-page .hero-badge,
.industrial-page .badge-fsc,
.industrial-page .badge-pill,
.industrial-page .badge-kw,
.industrial-page .section-tag,
.industrial-page .section-label,
.industrial-page .display-tag,
.industrial-page .format-label {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  width: fit-content;
  border-radius: 999px !important;
  background: var(--kw-primary-soft) !important;
  border: 1px solid color-mix(in srgb, var(--kw-primary) 34%, transparent) !important;
  color: var(--kw-primary) !important;
  font-family: var(--kw-unified-body) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase;
}

.industrial-page .hero .eyebrow,
.industrial-page .hero-section .eyebrow,
.industrial-page .hero-badge {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
}

.industrial-page .hero-card,
.industrial-page .hero-panel,
.industrial-page .hero-art,
.industrial-page .hero-mockup,
.industrial-page .hero-img-wrap,
.industrial-page .soft-card,
.industrial-page .visual-card {
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: var(--kw-unified-radius) !important;
  box-shadow: var(--kw-shadow-lg) !important;
}

.industrial-page .hero-card,
.industrial-page .hero-panel,
.industrial-page .hero-art,
.industrial-page .hero-mockup {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

.industrial-page .hero-card p,
.industrial-page .hero-panel p,
.industrial-page .hero-art p,
.industrial-page .hero-mockup p {
  color: rgba(255, 255, 255, 0.76) !important;
}

.industrial-page .hero .btn-outline-primary,
.industrial-page .hero .btn-outline-secondary,
.industrial-page .hero .btn-outline-kw,
.industrial-page .hero .btn-outline-white-kw,
.industrial-page .hero .btn-kw-secondary,
.industrial-page .hero .btn-kw-outline-light,
.industrial-page .hero .btn-ghost,
.industrial-page .hero-section .btn-outline-primary,
.industrial-page .hero-section .btn-outline-secondary,
.industrial-page .hero-section .btn-outline-kw,
.industrial-page .hero-section .btn-outline-white-kw,
.industrial-page .hero-section .btn-kw-secondary,
.industrial-page .hero-section .btn-kw-outline-light,
.industrial-page .hero-section .btn-ghost,
.industrial-page .section-dark .btn-outline-primary,
.industrial-page .section-dark .btn-outline-secondary,
.industrial-page .section-dark .btn-outline-kw,
.industrial-page .section-dark .btn-outline-white-kw,
.industrial-page .section-dark .btn-kw-secondary,
.industrial-page .section-dark .btn-kw-outline-light,
.industrial-page .section-dark .btn-ghost,
.industrial-page .dark-band .btn-outline-primary,
.industrial-page .dark-band .btn-outline-secondary,
.industrial-page .dark-band .btn-outline-kw,
.industrial-page .dark-band .btn-outline-white-kw,
.industrial-page .dark-band .btn-kw-secondary,
.industrial-page .dark-band .btn-kw-outline-light,
.industrial-page .dark-band .btn-ghost,
.industrial-page .cta-section .btn-outline-primary,
.industrial-page .cta-section .btn-outline-secondary,
.industrial-page .cta-section .btn-outline-kw,
.industrial-page .cta-section .btn-outline-white-kw,
.industrial-page .cta-section .btn-kw-secondary,
.industrial-page .cta-section .btn-kw-outline-light,
.industrial-page .cta-section .btn-ghost,
.industrial-page .cta-panel .btn-outline-primary,
.industrial-page .cta-panel .btn-outline-secondary,
.industrial-page .cta-panel .btn-outline-kw,
.industrial-page .cta-panel .btn-outline-white-kw,
.industrial-page .cta-panel .btn-kw-secondary,
.industrial-page .cta-panel .btn-kw-outline-light,
.industrial-page .cta-panel .btn-ghost {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
}

.industrial-page .hero .btn-outline-primary:hover,
.industrial-page .hero .btn-outline-secondary:hover,
.industrial-page .hero .btn-outline-kw:hover,
.industrial-page .hero .btn-outline-white-kw:hover,
.industrial-page .hero .btn-kw-secondary:hover,
.industrial-page .hero .btn-kw-outline-light:hover,
.industrial-page .hero .btn-ghost:hover,
.industrial-page .hero-section .btn-outline-primary:hover,
.industrial-page .hero-section .btn-outline-secondary:hover,
.industrial-page .hero-section .btn-outline-kw:hover,
.industrial-page .hero-section .btn-outline-white-kw:hover,
.industrial-page .hero-section .btn-kw-secondary:hover,
.industrial-page .hero-section .btn-kw-outline-light:hover,
.industrial-page .hero-section .btn-ghost:hover,
.industrial-page .section-dark .btn-outline-primary:hover,
.industrial-page .section-dark .btn-outline-secondary:hover,
.industrial-page .section-dark .btn-outline-kw:hover,
.industrial-page .section-dark .btn-outline-white-kw:hover,
.industrial-page .section-dark .btn-kw-secondary:hover,
.industrial-page .section-dark .btn-kw-outline-light:hover,
.industrial-page .section-dark .btn-ghost:hover,
.industrial-page .dark-band .btn-outline-primary:hover,
.industrial-page .dark-band .btn-outline-secondary:hover,
.industrial-page .dark-band .btn-outline-kw:hover,
.industrial-page .dark-band .btn-outline-white-kw:hover,
.industrial-page .dark-band .btn-kw-secondary:hover,
.industrial-page .dark-band .btn-kw-outline-light:hover,
.industrial-page .dark-band .btn-ghost:hover,
.industrial-page .cta-section .btn-outline-primary:hover,
.industrial-page .cta-section .btn-outline-secondary:hover,
.industrial-page .cta-section .btn-outline-kw:hover,
.industrial-page .cta-section .btn-outline-white-kw:hover,
.industrial-page .cta-section .btn-kw-secondary:hover,
.industrial-page .cta-section .btn-kw-outline-light:hover,
.industrial-page .cta-section .btn-ghost:hover,
.industrial-page .cta-panel .btn-outline-primary:hover,
.industrial-page .cta-panel .btn-outline-secondary:hover,
.industrial-page .cta-panel .btn-outline-kw:hover,
.industrial-page .cta-panel .btn-outline-white-kw:hover,
.industrial-page .cta-panel .btn-kw-secondary:hover,
.industrial-page .cta-panel .btn-kw-outline-light:hover,
.industrial-page .cta-panel .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
  color: #ffffff !important;
}

.industrial-page .hero .hero-card-label,
.industrial-page .hero .hero-card-sub,
.industrial-page .hero .trust-pill,
.industrial-page .hero .tag,
.industrial-page .hero-section .hero-card-label,
.industrial-page .hero-section .hero-card-sub,
.industrial-page .hero-section .trust-pill,
.industrial-page .hero-section .tag {
  color: rgba(255, 255, 255, 0.74) !important;
}

.industrial-page .hero .hero-card-val,
.industrial-page .hero .stat-val,
.industrial-page .hero-section .hero-card-val,
.industrial-page .hero-section .stat-val {
  color: #66d3c9 !important;
}

.industrial-page .hero .tag,
.industrial-page .hero-section .tag {
  background: var(--kw-surface) !important;
  border-color: var(--kw-border) !important;
  color: var(--kw-primary) !important;
}

.industrial-page .hero .scene-card .floating-badge,
.industrial-page .hero-section .scene-card .floating-badge,
.industrial-page .hero .scene-card .d-mid,
.industrial-page .hero-section .scene-card .d-mid {
  background: color-mix(in srgb, var(--kw-surface) 94%, transparent) !important;
  border: 1px solid var(--kw-border) !important;
  color: var(--kw-primary) !important;
}

.industrial-page .hero .scene-card .d-mid strong,
.industrial-page .hero-section .scene-card .d-mid strong {
  color: var(--kw-text) !important;
}

.industrial-page .hero .scene-card .d-mid p,
.industrial-page .hero-section .scene-card .d-mid p {
  color: var(--kw-muted) !important;
}

.industrial-page .hero .card h1,
.industrial-page .hero .card h2,
.industrial-page .hero .card h3,
.industrial-page .hero .card h4,
.industrial-page .hero .card h5,
.industrial-page .hero .kw-card h1,
.industrial-page .hero .kw-card h2,
.industrial-page .hero .kw-card h3,
.industrial-page .hero .kw-card h4,
.industrial-page .hero .kw-card h5,
.industrial-page .hero-section .card h1,
.industrial-page .hero-section .card h2,
.industrial-page .hero-section .card h3,
.industrial-page .hero-section .card h4,
.industrial-page .hero-section .card h5,
.industrial-page .hero-section .kw-card h1,
.industrial-page .hero-section .kw-card h2,
.industrial-page .hero-section .kw-card h3,
.industrial-page .hero-section .kw-card h4,
.industrial-page .hero-section .kw-card h5,
.industrial-page .hero-section .bg-white h1,
.industrial-page .hero-section .bg-white h2,
.industrial-page .hero-section .bg-white h3,
.industrial-page .hero-section .bg-white h4,
.industrial-page .hero-section .bg-white h5 {
  color: var(--kw-text) !important;
}

.industrial-page .hero .card p,
.industrial-page .hero .card li,
.industrial-page .hero .card .text-secondary,
.industrial-page .hero .kw-card p,
.industrial-page .hero .kw-card li,
.industrial-page .hero .kw-card .text-secondary,
.industrial-page .hero-section .card p,
.industrial-page .hero-section .card li,
.industrial-page .hero-section .card .text-secondary,
.industrial-page .hero-section .kw-card p,
.industrial-page .hero-section .kw-card li,
.industrial-page .hero-section .kw-card .text-secondary,
.industrial-page .hero-section .bg-white p,
.industrial-page .hero-section .bg-white li,
.industrial-page .hero-section .bg-white .text-secondary {
  color: var(--kw-muted) !important;
}

.industrial-page .hero-img,
.industrial-page .hero-img-wrap img,
.industrial-page .card-image img,
.industrial-page .display-card-img img,
.industrial-page .hero-mockup-item,
.industrial-page .format-mock,
.industrial-page .display-scene {
  border-radius: var(--kw-unified-radius) !important;
}

.industrial-page .section,
.industrial-page .section-padding,
.industrial-page .section-py,
.industrial-page .section-pad,
.industrial-page .section-pad-sm,
.industrial-page .display-section,
.industrial-page .faq-section,
.industrial-page .process-section {
  padding-top: clamp(3.5rem, 7vw, 5.5rem) !important;
  padding-bottom: clamp(3.5rem, 7vw, 5.5rem) !important;
}

.industrial-page .section-alt,
.industrial-page .bg-kw-surface,
.industrial-page .bg-kw-surface-2,
.industrial-page .bg-surface,
.industrial-page .bg-surface-2,
.industrial-page .bg-body-tertiary,
.industrial-page .display-types,
.industrial-page .faq {
  background: var(--kw-surface-2) !important;
}

.industrial-page .trust-bar {
  background: linear-gradient(135deg, #163735 0%, #0f2726 100%) !important;
  color: #ffffff !important;
}

.industrial-page .trust-bar .text-white,
.industrial-page .trust-bar .text-white-75 {
  color: rgba(255, 255, 255, 0.82) !important;
}

.industrial-page .section-dark,
.industrial-page .dark-band,
.industrial-page .process-section,
.industrial-page .cta-section,
.industrial-page .cta-panel,
.industrial-page .trust-bar.trust-dark {
  background: linear-gradient(135deg, #163735 0%, #0f2726 62%, #2f2b22 100%) !important;
  color: #ffffff !important;
}

.industrial-page .section-dark p,
.industrial-page .section-dark li,
.industrial-page .dark-band p,
.industrial-page .dark-band li,
.industrial-page .process-section p,
.industrial-page .process-section li,
.industrial-page .cta-section p,
.industrial-page .cta-section li,
.industrial-page .cta-panel p,
.industrial-page .cta-panel li {
  color: rgba(255, 255, 255, 0.75) !important;
}

.industrial-page .section-dark h1,
.industrial-page .section-dark h2,
.industrial-page .section-dark h3,
.industrial-page .section-dark h4,
.industrial-page .section-dark h5,
.industrial-page .dark-band h1,
.industrial-page .dark-band h2,
.industrial-page .dark-band h3,
.industrial-page .dark-band h4,
.industrial-page .dark-band h5,
.industrial-page .process-section h1,
.industrial-page .process-section h2,
.industrial-page .process-section h3,
.industrial-page .process-section h4,
.industrial-page .process-section h5,
.industrial-page .cta-section h1,
.industrial-page .cta-section h2,
.industrial-page .cta-section h3,
.industrial-page .cta-panel h1,
.industrial-page .cta-panel h2,
.industrial-page .cta-panel h3 {
  color: #ffffff !important;
}

.industrial-page .card,
.industrial-page .kw-card,
.industrial-page .metric-card,
.industrial-page .display-card,
.industrial-page .process-card,
.industrial-page .type-card,
.industrial-page .category-card,
.industrial-page .why-card,
.industrial-page .benefit-card,
.industrial-page .step-card,
.industrial-page .stat-card,
.industrial-page .trust-item,
.industrial-page .footer-box,
.industrial-page .spec-panel,
.industrial-page .checklist-card,
.industrial-page .quote-form,
.industrial-page .cta-form,
.industrial-page .accordion-item,
.industrial-page .faq-item,
.industrial-page .fsc-card,
.industrial-page .application-card,
.industrial-page .custom-card {
  background: var(--kw-surface) !important;
  border: 1px solid var(--kw-border) !important;
  border-radius: var(--kw-unified-radius) !important;
  box-shadow: var(--kw-shadow-sm) !important;
  color: var(--kw-text) !important;
}

.industrial-page .card:hover,
.industrial-page .kw-card:hover,
.industrial-page .display-card:hover,
.industrial-page .process-card:hover,
.industrial-page .type-card:hover,
.industrial-page .category-card:hover,
.industrial-page .why-card:hover,
.industrial-page .benefit-card:hover,
.industrial-page .step-card:hover {
  border-color: color-mix(in srgb, var(--kw-primary) 45%, var(--kw-border)) !important;
  box-shadow: var(--kw-shadow-md) !important;
  transform: translateY(-2px);
}

.industrial-page .kw-type-card {
  overflow: hidden !important;
}

.industrial-page .kw-type-image {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  height: auto;
  object-fit: cover;
  margin: 0 0 1.15rem;
  border: 1px solid var(--kw-border);
  border-radius: var(--kw-unified-radius) !important;
  background: var(--kw-primary-soft);
}

.industrial-page .kw-type-card .card-image {
  margin-bottom: 1.15rem;
}

.industrial-page .kw-type-card .card-image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  height: auto;
  object-fit: cover;
}

.industrial-page .kw-type-image--flush {
  margin: 0;
  border-width: 0 0 1px;
  border-radius: 0 !important;
}

.industrial-page .kw-type-card .card-body,
.industrial-page .kw-type-card .display-card-body {
  position: relative;
  z-index: 1;
}

.industrial-page .format-card.kw-type-card {
  min-height: 100% !important;
  padding-top: 0 !important;
  justify-content: flex-start !important;
}

.industrial-page .format-card.kw-type-card .card-body {
  justify-content: flex-start !important;
}

.industrial-page .kw-workflow-section {
  background: var(--kw-surface-2) !important;
  color: var(--kw-text) !important;
}

.industrial-page .kw-section-head {
  margin: 0 auto;
  text-align: center;
}

.industrial-page .kw-section-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  margin-bottom: 1rem;
  padding: 0.35rem 0.85rem;
  border: 1px solid color-mix(in srgb, var(--kw-primary) 34%, transparent);
  border-radius: 999px;
  background: var(--kw-primary-soft);
  color: var(--kw-primary);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}

.industrial-page .kw-section-title {
  margin: 0;
  color: var(--kw-text) !important;
  font-family: var(--kw-unified-display) !important;
  font-size: clamp(1.9rem, 3.3vw, 3.2rem) !important;
  line-height: 1.1 !important;
}

.industrial-page .kw-section-copy {
  margin: 1rem auto 0;
  color: var(--kw-muted) !important;
  font-size: clamp(1rem, 0.95rem + 0.2vw, 1.12rem) !important;
}

.industrial-page .kw-workflow-head { max-width: 780px; }

.industrial-page .kw-workflow-copy { max-width: 64ch; }

.industrial-page .kw-workflow-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.industrial-page .kw-workflow-card {
  position: relative;
  min-height: 100%;
  overflow: hidden;
  padding: 1.35rem;
  background: var(--kw-surface) !important;
  border: 1px solid var(--kw-border) !important;
  border-radius: var(--kw-unified-radius) !important;
  box-shadow: var(--kw-shadow-sm) !important;
  color: var(--kw-text) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.industrial-page .kw-workflow-card::before {
  content: "";
  display: block;
  height: 4px;
  margin: -1.35rem -1.35rem 1.15rem;
  background: linear-gradient(90deg, var(--kw-primary), var(--kw-accent));
}

.industrial-page .kw-workflow-card:hover {
  border-color: color-mix(in srgb, var(--kw-primary) 45%, var(--kw-border)) !important;
  box-shadow: var(--kw-shadow-md) !important;
  transform: translateY(-2px);
}

.industrial-page .kw-workflow-step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.7rem;
  height: 2.7rem;
  margin-bottom: 1rem;
  border-radius: var(--kw-unified-radius);
  background: var(--kw-primary-soft);
  color: var(--kw-primary);
  font-family: var(--kw-unified-display);
  font-size: 0.98rem;
  font-weight: 800;
}

.industrial-page .kw-workflow-card h3 {
  margin: 0 0 0.65rem;
  color: var(--kw-text) !important;
  font-size: 1.05rem !important;
  line-height: 1.24 !important;
}

.industrial-page .kw-workflow-card p {
  margin: 0;
  color: var(--kw-muted) !important;
  font-size: 0.92rem !important;
  line-height: 1.65;
}

.industrial-page .kw-category-section {
  background: var(--kw-surface-2) !important;
  color: var(--kw-text) !important;
}

.industrial-page .kw-category-head { max-width: 820px; }

.industrial-page .kw-category-copy {
  max-width: 66ch;
}

.industrial-page .kw-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(2rem, 4vw, 3rem);
}
.industrial-page.page-beverage .kw-category-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.industrial-page .kw-category-card {
  min-height: 100%;
  overflow: hidden;
  background: var(--kw-surface) !important;
  border: 1px solid var(--kw-border) !important;
  border-radius: var(--kw-unified-radius) !important;
  box-shadow: var(--kw-shadow-sm) !important;
  color: var(--kw-text) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.industrial-page .kw-category-card:hover {
  border-color: color-mix(in srgb, var(--kw-primary) 45%, var(--kw-border)) !important;
  box-shadow: var(--kw-shadow-md) !important;
  transform: translateY(-2px);
}

.industrial-page .kw-category-image {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  height: auto;
  object-fit: cover;
  background: var(--kw-primary-soft);
  border-bottom: 1px solid var(--kw-border);
}

.industrial-page .kw-category-body {
  padding: 1.15rem;
}

.industrial-page .kw-category-card h3 {
  margin: 0 0 0.55rem;
  color: var(--kw-text) !important;
  font-family: var(--kw-unified-display) !important;
  font-size: 1.08rem !important;
  line-height: 1.24 !important;
}

.industrial-page .kw-category-card p {
  margin: 0;
  color: var(--kw-muted) !important;
  font-size: 0.92rem !important;
  line-height: 1.65;
}

.industrial-page .marquee-section {
  max-width: 100%;
  overflow: hidden;
}

.industrial-page .card h3,
.industrial-page .card h4,
.industrial-page .card h5,
.industrial-page .kw-card h3,
.industrial-page .kw-card h4,
.industrial-page .kw-card h5,
.industrial-page .display-card h3,
.industrial-page .display-card h4,
.industrial-page .display-card h5,
.industrial-page .type-card h3,
.industrial-page .type-card h4,
.industrial-page .type-card h5 {
  color: var(--kw-text) !important;
}

.industrial-page .card h2.h6,
.industrial-page .card h3.h6,
.industrial-page .card h4.h6,
.industrial-page .kw-card h2.h6,
.industrial-page .kw-card h3.h6,
.industrial-page .display-card h2.h6,
.industrial-page .display-card h3.h6,
.industrial-page .type-card h2.h6,
.industrial-page .type-card h3.h6 {
  font-size: 1.05rem !important;
  line-height: 1.25 !important;
}

.industrial-page .card h2.h5,
.industrial-page .card h3.h5,
.industrial-page .card h4.h5,
.industrial-page .kw-card h2.h5,
.industrial-page .kw-card h3.h5,
.industrial-page .display-card h2.h5,
.industrial-page .display-card h3.h5,
.industrial-page .type-card h2.h5,
.industrial-page .type-card h3.h5 {
  font-size: 1.25rem !important;
  line-height: 1.22 !important;
}

.industrial-page .card h2.h4,
.industrial-page .card h3.h4,
.industrial-page .card h4.h4,
.industrial-page .kw-card h2.h4,
.industrial-page .kw-card h3.h4,
.industrial-page .display-card h2.h4,
.industrial-page .display-card h3.h4,
.industrial-page .type-card h2.h4,
.industrial-page .type-card h3.h4 {
  font-size: 1.45rem !important;
  line-height: 1.18 !important;
}

.industrial-page .card p,
.industrial-page .card li,
.industrial-page .kw-card p,
.industrial-page .kw-card li,
.industrial-page .display-card p,
.industrial-page .display-card li,
.industrial-page .type-card p,
.industrial-page .type-card li,
.industrial-page .faq-item p,
.industrial-page .accordion-body {
  color: var(--kw-muted) !important;
}

.industrial-page .section-dark .card,
.industrial-page .section-dark .kw-card,
.industrial-page .section-dark .step-card,
.industrial-page .section-dark .why-card,
.industrial-page .dark-band .card,
.industrial-page .dark-band .kw-card,
.industrial-page .dark-band .step-card,
.industrial-page .process-section .step-card,
.industrial-page .process-section .card,
.industrial-page .cta-section .cta-form,
.industrial-page .cta-panel .checklist-card {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
}

.industrial-page .section-dark .card p,
.industrial-page .section-dark .kw-card p,
.industrial-page .dark-band .card p,
.industrial-page .dark-band .kw-card p,
.industrial-page .process-section .step-card p,
.industrial-page .cta-section .cta-form p,
.industrial-page .cta-panel .checklist-card p {
  color: rgba(255, 255, 255, 0.74) !important;
}

.industrial-page .card-icon,
.industrial-page .icon-box,
.industrial-page .benefit-icon,
.industrial-page .trust-item .ti-icon,
.industrial-page .step-num,
.industrial-page .step-number,
.industrial-page .display-number,
.industrial-page .type-icon,
.industrial-page .fsc-check {
  background: var(--kw-primary-soft) !important;
  color: var(--kw-primary) !important;
  border-color: color-mix(in srgb, var(--kw-primary) 24%, transparent) !important;
  border-radius: var(--kw-unified-radius) !important;
}

.industrial-page .accordion {
  --bs-accordion-bg: var(--kw-surface);
  --bs-accordion-color: var(--kw-text);
  --bs-accordion-border-color: var(--kw-border);
  --bs-accordion-active-color: var(--kw-primary);
  --bs-accordion-active-bg: var(--kw-primary-soft);
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.18);
}

.industrial-page .accordion-button {
  color: var(--kw-text) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.industrial-page .accordion-button:not(.collapsed) {
  background: var(--kw-primary-soft) !important;
  color: var(--kw-primary) !important;
}

.industrial-page .form-control,
.industrial-page .form-select,
.industrial-page .form-input,
.industrial-page .form-textarea,
.industrial-page input,
.industrial-page select,
.industrial-page textarea {
  border-radius: var(--kw-unified-radius) !important;
  border: 1px solid var(--kw-border) !important;
  background: var(--kw-surface) !important;
  color: var(--kw-text) !important;
  box-shadow: none !important;
}

.industrial-page .form-control:focus,
.industrial-page .form-select:focus,
.industrial-page .form-input:focus,
.industrial-page .form-textarea:focus,
.industrial-page input:focus,
.industrial-page select:focus,
.industrial-page textarea:focus {
  border-color: var(--kw-primary) !important;
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.16) !important;
}

.industrial-page label,
.industrial-page .form-label,
.industrial-page .form-label,
.industrial-page .form-field label {
  color: var(--kw-text) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.industrial-page footer,
.industrial-page .footer,
.industrial-page .site-footer {
  background: #101817 !important;
  border-top: 0 !important;
  color: rgba(255, 255, 255, 0.72) !important;
}

.industrial-page footer .footer-box,
.industrial-page .footer .footer-box,
.industrial-page .site-footer .footer-box {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
}

.industrial-page footer h1,
.industrial-page footer h2,
.industrial-page footer h3,
.industrial-page footer h4,
.industrial-page footer h5,
.industrial-page footer strong,
.industrial-page .footer h1,
.industrial-page .footer h2,
.industrial-page .footer h3,
.industrial-page .footer h4,
.industrial-page .footer h5,
.industrial-page .footer strong,
.industrial-page .site-footer h1,
.industrial-page .site-footer h2,
.industrial-page .site-footer h3,
.industrial-page .site-footer h4,
.industrial-page .site-footer h5,
.industrial-page .site-footer strong,
.industrial-page .footer-title,
.industrial-page footer .brand {
  color: #ffffff !important;
}

.industrial-page footer p,
.industrial-page footer li,
.industrial-page footer small,
.industrial-page footer a,
.industrial-page .footer p,
.industrial-page .footer li,
.industrial-page .footer small,
.industrial-page .footer a,
.industrial-page .site-footer p,
.industrial-page .site-footer li,
.industrial-page .site-footer small,
.industrial-page .site-footer a,
.industrial-page .footer-copy {
  color: rgba(255, 255, 255, 0.66) !important;
}

.industrial-page footer a:hover,
.industrial-page .footer a:hover,
.industrial-page .site-footer a:hover {
  color: #ffffff !important;
}

.industrial-page .back-top {
  background: var(--kw-primary) !important;
  border-color: var(--kw-primary) !important;
  color: #ffffff !important;
  box-shadow: var(--kw-shadow-md) !important;
}

@media (max-width: 991.98px) {
  .industrial-page .navbar-collapse,
  .industrial-page .nav-links {
    background: var(--kw-surface) !important;
    border: 1px solid var(--kw-border) !important;
    border-radius: var(--kw-unified-radius) !important;
    padding: 1rem !important;
    box-shadow: var(--kw-shadow-md) !important;
  }

  .industrial-page .hero,
  .industrial-page .hero-section {
    padding: clamp(3.4rem, 12vw, 5rem) 0 !important;
  }

  .industrial-page .kw-hero-grid {
    grid-template-columns: 1fr;
  }

  .industrial-page .kw-workflow-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .industrial-page .kw-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .industrial-page h1,
  .industrial-page .hero-title,
  .industrial-page .display-title {
    font-size: clamp(2.1rem, 12vw, 3rem) !important;
  }

  .industrial-page .btn,
  .industrial-page .btn-nav,
  .industrial-page .btn-quote,
  .industrial-page .btn-primary-kw,
  .industrial-page .btn-kw,
  .industrial-page .btn-kw-primary,
  .industrial-page .btn-outline-kw,
  .industrial-page .btn-outline-secondary,
  .industrial-page .btn-outline-primary {
    width: 100%;
    justify-content: center;
  }

  .industrial-page .kw-workflow-grid {
    grid-template-columns: 1fr;
  }

  .industrial-page .kw-category-grid {
    grid-template-columns: 1fr;
  }

  .industrial-page .container > .row,
  .industrial-page .container-xxl > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .industrial-page .container > .row > [class*="col"],
  .industrial-page .container-xxl > .row > [class*="col"] {
    min-width: 0;
  }
}

/* Unified final cleanup */
.industrial-page[class*="page-"] {
  --kw-bg: var(--kw-unified-bg);
  --kw-surface: var(--kw-unified-surface);
  --kw-surface-2: var(--kw-unified-surface-2);
  --kw-surface-3: var(--kw-unified-surface-3);
  --kw-gray: var(--kw-unified-surface-2);
  --kw-cream: var(--kw-unified-bg);
  --kw-border: var(--kw-unified-border);
  --kw-divider: var(--kw-unified-border);
  --kw-line: var(--kw-unified-border);
  --kw-text: var(--kw-unified-text);
  --kw-ink: var(--kw-unified-text);
  --kw-muted: var(--kw-unified-muted);
  --kw-faint: var(--kw-unified-faint);
  --kw-primary: var(--kw-unified-primary);
  --kw-primary-dark: var(--kw-unified-primary-dark);
  --kw-primary-hover: var(--kw-unified-primary-dark);
  --kw-primary-light: var(--kw-unified-primary-soft);
  --kw-primary-soft: var(--kw-unified-primary-soft);
  --kw-accent: var(--kw-unified-accent);
  --kw-gold: var(--kw-unified-accent);
  --kw-gold-light: var(--kw-unified-accent-soft);
  --color-bg: var(--kw-unified-bg);
  --color-surface: var(--kw-unified-surface);
  --color-surface-2: var(--kw-unified-surface-2);
  --color-surface-offset: var(--kw-unified-surface-3);
  --color-divider: var(--kw-unified-border);
  --color-border: var(--kw-unified-border);
  --color-text: var(--kw-unified-text);
  --color-text-muted: var(--kw-unified-muted);
  --color-text-faint: var(--kw-unified-faint);
  --color-primary: var(--kw-unified-primary);
  --color-primary-hover: var(--kw-unified-primary-dark);
  --color-primary-highlight: var(--kw-unified-primary-soft);
  --bs-primary: var(--kw-unified-primary);
  --bs-primary-rgb: 0, 107, 103;
  --bs-link-color: var(--kw-unified-primary);
  --bs-link-hover-color: var(--kw-unified-primary-dark);
  --bs-border-color: var(--kw-unified-border);
}

.industrial-page .kw-navbar { z-index: 1030; }
.industrial-page .kw-navbar .container { min-height: 76px; }
.industrial-page .kw-navbar .navbar-brand { min-width: 0; }
.industrial-page .kw-navbar .nav-actions { flex-wrap: wrap; justify-content: flex-start; }
.industrial-page .kw-brand-mark {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: var(--kw-unified-primary);
  color: #ffffff;
  display: inline-grid;
  place-items: center;
  position: relative;
  flex: 0 0 auto;
  box-shadow: 0 8px 18px rgba(0, 107, 103, 0.18);
}
.industrial-page .kw-brand-mark::before {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 9px;
  height: 4px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 -7px 0 rgba(255, 255, 255, 0.66);
}
.industrial-page .kw-brand-mark::after {
  content: "K";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #ffffff;
  font-family: var(--kw-unified-display);
  font-size: 1.05rem;
  font-weight: 800;
  transform: translateY(-3px);
}
.industrial-page .kw-theme-toggle { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.industrial-page .hero .hero-actions, .industrial-page .hero-section .hero-actions, .industrial-page .hero-ctas { display: flex; flex-wrap: wrap; gap: 0.85rem; align-items: center; }
.industrial-page .hero .hero-actions .btn, .industrial-page .hero-section .hero-actions .btn, .industrial-page .hero-ctas .btn { min-height: 48px; }
@media (max-width: 575.98px) { .industrial-page .kw-navbar .nav-actions, .industrial-page .kw-navbar .nav-actions .btn { width: 100%; } .industrial-page .kw-theme-toggle { width: 48px; } }

.industrial-page.page-sports #advantages .kw-card h3{--kw-text:#fff;}
.industrial-page.page-food .fsc-section{    --kw-muted:#fff;}