:root {
      --dark: #1E2229;
      --slate: #2B3E50;
      --blue: #162536;
      --white: #F8F9FA;
      --muted: #6c7582;
      --yellow: #F2A900;
      --red: #E63946;
      --line: rgba(255, 255, 255, .14);
      --shadow: 0 24px 70px rgba(13, 22, 34, .18)
    }

    * {
      box-sizing: border-box
    }

    html {
      scroll-behavior: smooth
    }

    body {
      margin: 0;
      font-family: Inter, system-ui, -apple-system, Segoe UI, sans-serif;
      background: #f8f9fa;
      color: #1e2229
    }

    #rfq {
      scroll-margin-top: 110px
    }

    a {
      color: inherit;
      text-decoration: none
    }

    .site-header {
      position: sticky;
      top: 0;
      z-index: 99 !important;
      background: rgba(30, 34, 41, .96);
      backdrop-filter: blur(16px);
      color: #fff;
      box-shadow: 0 8px 28px rgba(0, 0, 0, .16)
    }

    .topbar {
      height: 34px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 5vw;
      border-bottom: 1px solid var(--line);
      font-size: 13px;
      color: #d9e1ea
    }

    .phone {
      color: #fff;
      font-weight: 700
    }

    .navbar {
      min-height: 76px;
      display: flex;
      align-items: center;
      gap: 24px;
      padding: 0 5vw
    }

    .brand {
      display: flex;
      align-items: center;
      gap: 12px;
      min-width: max-content
    }

    .brand-logo img {
      width: 180px;
      height: 54px;
      object-fit: contain;
      display: block
    }

    .brand-mark {
      width: 42px;
      height: 42px;
      border-radius: 8px;
      background: linear-gradient(135deg, var(--yellow), #ffe08a);
      color: #111;
      display: inline-grid;
      place-items: center;
      font-weight: 900;
      letter-spacing: -1px;
      box-shadow: 0 10px 30px rgba(242, 169, 0, .28)
    }

    .brand strong {
      display: block;
      font-size: 18px;
      line-height: 1
    }

    .brand em {
      display: block;
      font-style: normal;
      color: #ffcf59;
      font-size: 12px;
      letter-spacing: .16em;
      text-transform: uppercase;
      margin-top: 3px
    }

    .nav-links {
      display: flex;
      align-items: center;
      gap: 18px;
      font-size: 13px;
      font-weight: 600;
      margin-left: auto
    }

    .nav-links a {
      opacity: .86
    }

    .nav-links a:hover {
      opacity: 1;
      color: var(--yellow)
    }

    .quote-btn {
      background: var(--yellow);
      color: #111;
      font-weight: 900;
      padding: 13px 18px;
      border-radius: 8px;
      box-shadow: 0 14px 28px rgba(242, 169, 0, .28);
      white-space: nowrap;
      transition: .2s ease
    }

    .quote-btn:hover {
      background: #ffc433;
      transform: translateY(-1px)
    }

    .nav-item {
      position: relative
    }

    .mega-menu {
      position: absolute;
      top: 24px;
      left: -18px;
      display: none;
      min-width: 245px;
      background: #fff;
      color: #1e2229;
      border-radius: 4px;
      padding: 8px;
      border: 1px solid rgba(30, 34, 41, .14);
      box-shadow: 0 14px 34px rgba(0, 0, 0, .16)
    }

    .mega-menu a {
      display: block;
      padding: 11px 12px;
      border-radius: 2px
    }

    .mega-menu a:hover {
      background: #f1f3f5;
      color: #162536
    }

    .has-menu:hover .mega-menu,
    .has-menu:focus-within .mega-menu {
      display: block
    }

    .nav-taxonomy-menu {
      top: 30px;
      left: 50%;
      transform: translateX(-50%);
      width: min(820px, calc(100vw - 48px));
      padding: 18px;
      border-radius: 14px;
      background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
      color: #1e2229;
      box-shadow: 0 24px 58px rgba(0, 0, 0, .22);
      border: 1px solid rgba(22, 37, 54, .1);
      z-index: 50
    }

    .nav-taxonomy-menu:before {
      content: "";
      position: absolute;
      top: -8px;
      left: 50%;
      width: 14px;
      height: 14px;
      background: #fff;
      border-left: 1px solid rgba(22, 37, 54, .1);
      border-top: 1px solid rgba(22, 37, 54, .1);
      transform: translateX(-50%) rotate(45deg)
    }

    .nav-tier-tabs {
      display: grid;
      grid-template-columns: 230px minmax(0, 1fr);
      gap: 16px;
      align-items: start
    }

    .nav-tier-tabs input {
      position: absolute;
      opacity: 0;
      pointer-events: none
    }

    .nav-tier-list {
      display: grid;
      gap: 8px
    }

    .nav-tier-label {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      min-height: 48px;
      padding: 12px 14px;
      border-radius: 10px;
      background: #edf2f7;
      color: #243247;
      font-size: 12px;
      font-weight: 900;
      line-height: 1.25;
      letter-spacing: .03em;
      cursor: pointer;
      border: 1px solid rgba(22, 37, 54, .08);
      transition: .18s ease
    }

    .nav-tier-label:after {
      content: "›";
      font-size: 18px;
      color: #8a94a3
    }

    .nav-tier-label:hover {
      background: #e6edf5;
      color: #162536
    }

    .nav-tier-panels {
      position: relative;
      min-height: 118px;
      padding: 14px;
      border-radius: 12px;
      background: #fff;
      border: 1px solid rgba(22, 37, 54, .08);
      box-shadow: inset 3px 0 0 rgba(242, 169, 0, .85)
    }

    .nav-tier-panel {
      display: none;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 7px
    }

    .nav-tier-panel a {
      padding: 10px 11px !important;
      border-radius: 8px;
      color: #344052 !important;
      font-size: 12px;
      font-weight: 650;
      line-height: 1.32;
      opacity: 1 !important;
      border: 1px solid transparent
    }

    .nav-tier-panel a:hover {
      background: #f1f5f9 !important;
      border-color: rgba(22, 37, 54, .08);
      color: #162536 !important
    }

    .nav-tier-tabs input:nth-of-type(1):checked~.nav-tier-list label:nth-of-type(1),
    .nav-tier-tabs input:nth-of-type(2):checked~.nav-tier-list label:nth-of-type(2),
    .nav-tier-tabs input:nth-of-type(3):checked~.nav-tier-list label:nth-of-type(3) {
      background: #162536;
      color: #fff;
      box-shadow: 0 10px 22px rgba(22, 37, 54, .18)
    }

    .nav-tier-tabs input:nth-of-type(1):checked~.nav-tier-list label:nth-of-type(1):after,
    .nav-tier-tabs input:nth-of-type(2):checked~.nav-tier-list label:nth-of-type(2):after,
    .nav-tier-tabs input:nth-of-type(3):checked~.nav-tier-list label:nth-of-type(3):after {
      color: #f2a900
    }

    .nav-tier-tabs input:nth-of-type(1):checked~.nav-tier-panels .nav-tier-panel:nth-child(1),
    .nav-tier-tabs input:nth-of-type(2):checked~.nav-tier-panels .nav-tier-panel:nth-child(2),
    .nav-tier-tabs input:nth-of-type(3):checked~.nav-tier-panels .nav-tier-panel:nth-child(3) {
      display: grid
    }

    .nav-simple-menu {
      width: min(340px, calc(100vw - 48px));
      left: 0;
      transform: none;
      padding: 12px;
      border-radius: 12px
    }

    .nav-simple-menu:before {
      left: 34px
    }

    .nav-simple-list {
      display: grid;
      gap: 7px
    }

    .nav-simple-list a {
      padding: 12px 13px !important;
      border-radius: 9px;
      background: #f5f7fa;
      color: #243247 !important;
      font-size: 12px;
      font-weight: 800;
      line-height: 1.35;
      opacity: 1 !important;
      border: 1px solid rgba(22, 37, 54, .08)
    }

    .nav-simple-list a:hover {
      background: #162536 !important;
      color: #fff !important;
      border-color: #162536
    }

    .nav-toggle {
      display: none;
      background: transparent;
      border: 1px solid var(--line);
      color: #fff;
      border-radius: 8px;
      padding: 8px 10px
    }

    .hero {
      position: relative;
      min-height: 760px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) 380px;
      align-items: center;
      gap: 46px;
      overflow: hidden;
      padding: 80px 5vw;
      background: radial-gradient(circle at 75% 30%, rgba(242, 169, 0, .18), transparent 24%), linear-gradient(135deg, #111820 0%, #1e2229 48%, #2b3e50 100%);
      color: #fff
    }

    .hero:after {
      content: "";
      position: absolute;
      inset: auto 0 0 0;
      height: 140px;
      background: linear-gradient(transparent, rgba(0, 0, 0, .22));
      pointer-events: none
    }

    .hero-bg {
      position: absolute;
      inset: 0;
      opacity: .62
    }

    .machine {
      position: absolute;
      border: 1px solid rgba(255, 255, 255, .16);
      background: linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .03));
      box-shadow: inset 0 0 30px rgba(255, 255, 255, .06)
    }

    .machine-a {
      width: 36vw;
      height: 22vw;
      right: 8vw;
      top: 15%;
      border-radius: 8px;
      animation: float 7s ease-in-out infinite
    }

    .machine-b {
      width: 26vw;
      height: 16vw;
      left: 4vw;
      bottom: 12%;
      border-radius: 8px;
      animation: float 9s ease-in-out infinite reverse
    }

    .arm {
      position: absolute;
      width: 340px;
      height: 12px;
      background: var(--yellow);
      right: 23vw;
      top: 36%;
      transform: rotate(-28deg);
      box-shadow: 0 0 30px rgba(242, 169, 0, .48)
    }

    .spark {
      position: absolute;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--yellow);
      animation: pulse 1.6s infinite
    }

    .s1 {
      right: 32%;
      top: 30%
    }

    .s2 {
      right: 26%;
      top: 46%;
      animation-delay: .4s
    }

    .s3 {
      left: 18%;
      bottom: 28%;
      animation-delay: .8s
    }

    .hero-content,
    .hero-proof-card {
      position: relative;
      z-index: 2
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #ffd56d;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .16em;
      font-size: 12px
    }

    .eyebrow.dark {
      color: #b87900
    }

    .hero h1 {
      font-size: clamp(42px, 6vw, 78px);
      letter-spacing: -.065em;
      line-height: .94;
      margin: 18px 0 20px;
      max-width: 980px
    }

    .hero-subtitle {
      font-size: 20px;
      color: #dfe7ef;
      max-width: 820px;
      line-height: 1.6
    }

    .hero-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin: 30px 0
    }

    .hero-badges span {
      border: 1px solid rgba(255, 255, 255, .18);
      background: rgba(255, 255, 255, .08);
      padding: 12px 14px;
      border-radius: 8px;
      font-weight: 700;
      color: #fff
    }

    .hero-actions {
      display: flex;
      gap: 14px;
      flex-wrap: wrap
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 52px;
      border-radius: 8px;
      padding: 0 24px;
      font-weight: 900;
      transition: .2s ease
    }

    .btn-primary {
      background: var(--yellow);
      color: #111;
      box-shadow: 0 14px 34px rgba(242, 169, 0, .28)
    }

    .btn-primary:hover {
      background: #ffc433;
      transform: translateY(-1px)
    }

    .btn-ghost {
      border: 1px solid rgba(255, 255, 255, .38);
      color: #fff
    }

    .btn-ghost:hover {
      border-color: var(--yellow);
      color: #ffd56d
    }

    .hero-proof-card {
      align-self: end;
      background: rgba(248, 249, 250, .1);
      border: 1px solid rgba(255, 255, 255, .18);
      border-radius: 8px;
      padding: 20px;
      backdrop-filter: blur(14px);
      box-shadow: var(--shadow)
    }

    .proof-label {
      font-size: 12px;
      text-transform: uppercase;
      color: #ffd56d;
      font-weight: 900;
      letter-spacing: .12em
    }

    .proof-screen {
      height: 240px;
      margin: 14px 0;
      border-radius: 8px;
      background: linear-gradient(135deg, #2b3e50, #111820);
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, .14)
    }

    .press-line {
      position: absolute;
      left: 18%;
      right: 18%;
      top: 46%;
      height: 18px;
      background: #dce4ea;
      border-radius: 8px;
      animation: press 2.4s infinite
    }

    .pallet-stack {
      position: absolute;
      left: 24%;
      right: 24%;
      bottom: 34px;
      height: 54px;
      background: repeating-linear-gradient(90deg, var(--yellow) 0 34px, #cf8e00 34px 45px);
      border-radius: 8px
    }

    .load-meter {
      position: absolute;
      left: 22px;
      right: 22px;
      bottom: 18px;
      height: 8px;
      background: rgba(255, 255, 255, .16);
      border-radius: 99px
    }

    .load-meter span {
      display: block;
      width: 78%;
      height: 100%;
      background: var(--red);
      border-radius: 99px
    }

    .hero-proof-card p {
      color: #dfe7ef;
      margin: 0
    }

    .section {
      padding: 92px 5vw
    }

    .section-heading {
      max-width: 860px;
      margin: 0 auto 42px;
      text-align: center
    }

    .section-heading.split {
      max-width: none;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      text-align: left;
      gap: 30px
    }

    .section-heading h2 {
      font-size: clamp(30px, 4vw, 52px);
      line-height: 1.02;
      letter-spacing: -.045em;
      margin: 12px 0;
      color: #17202a
    }

    .section-heading p {
      color: var(--muted);
      font-size: 17px;
      line-height: 1.7
    }

    .application-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px
    }

    .app-card {
      min-height: 360px;
      border-radius: 8px;
      padding: 26px;
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      position: relative;
      overflow: hidden;
      box-shadow: var(--shadow);
      transition: .25s transform
    }

    .app-card:hover {
      transform: translateY(-8px)
    }

    .app-card:before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(transparent, rgba(0, 0, 0, .74));
      z-index: 0
    }

    .app-card:after {
      content: "";
      position: absolute;
      inset: 0;
      opacity: .52;
      background-size: 70px 70px;
      background-image: linear-gradient(45deg, rgba(255, 255, 255, .13) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .13) 50%, rgba(255, 255, 255, .13) 75%, transparent 75%, transparent)
    }

    .app-card>* {
      position: relative;
      z-index: 1
    }

    .app-card span {
      color: #ffd56d;
      font-weight: 900
    }

    .app-card h3 {
      font-size: 24px;
      margin: 14px 0 8px
    }

    .app-card p {
      color: #e8edf2;
      line-height: 1.55
    }

    .rackable {
      background: linear-gradient(135deg, #1e2229, #2b3e50)
    }

    .hygiene {
      background: linear-gradient(135deg, #263b44, #5a7882)
    }

    .heavy {
      background: linear-gradient(135deg, #251f1f, #8c2930)
    }

    .chemical {
      background: linear-gradient(135deg, #152a1f, #41614f)
    }

    .products {
      background: #fff
    }

    .tabs {
      display: flex;
      gap: 8px;
      flex-wrap: wrap
    }

    .tab {
      border: 1px solid #dfe4ea;
      background: #fff;
      border-radius: 8px;
      padding: 11px 14px;
      font-weight: 800;
      color: #44505c
    }

    .tab.active {
      background: #1e2229;
      color: #fff;
      border-color: #1e2229
    }

    .product-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px
    }

    .product-card {
      position: relative;
      border: 1px solid #e7ebef;
      border-radius: 8px;
      padding: 22px;
      background: #fff;
      box-shadow: 0 18px 50px rgba(18, 32, 48, .08)
    }

    .hot-tag {
      position: absolute;
      right: 22px;
      top: 22px;
      background: var(--red);
      color: #fff;
      border-radius: 8px;
      padding: 7px 12px 7px 22px;
      font-size: 12px;
      font-weight: 900;
      z-index: 1;
      letter-spacing: .04em;
      text-transform: uppercase;
      box-shadow: 0 12px 26px rgba(230, 57, 70, .28)
    }

    .hot-tag:before {
      content: "";
      position: absolute;
      left: 10px;
      top: 50%;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--yellow);
      transform: translateY(-50%);
      box-shadow: 0 0 0 4px rgba(242, 169, 0, .16)
    }

    .hot-tag.red {
      background: var(--red);
      color: #fff
    }

    .product-visual {
      height: 240px;
      border-radius: 8px;
      background: linear-gradient(135deg, #f3f5f7, #fff);
      display: grid;
      place-items: center;
      overflow: hidden
    }

    .product-visual div {
      width: 70%;
      height: 86px;
      border-radius: 8px;
      background: repeating-linear-gradient(90deg, #1e2229 0 36px, #2b3e50 36px 48px);
      box-shadow: 0 24px 35px rgba(0, 0, 0, .18);
      transform: perspective(500px) rotateX(48deg)
    }

    .hygiene-visual div {
      background: repeating-linear-gradient(90deg, #dfe7ef 0 36px, #c8d1dc 36px 48px)
    }

    .crate-visual div {
      height: 118px;
      background: repeating-linear-gradient(0deg, #f2a900 0 18px, #c98700 18px 28px);
      transform: perspective(500px) rotateX(20deg)
    }

    .product-card h3 {
      font-size: 22px;
      margin: 18px 0 8px
    }

    .product-card p {
      color: var(--muted);
      line-height: 1.6
    }

    .load-specs {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 8px;
      margin: 18px 0
    }

    .load-specs div {
      background: #f6f7f8;
      border-radius: 8px;
      padding: 14px 10px;
      text-align: center;
      border-top: 3px solid var(--yellow)
    }

    .load-specs div:nth-child(3) {
      border-top-color: var(--red)
    }

    .load-specs b {
      display: block;
      font-size: 24px;
      color: #17202a
    }

    .load-specs span {
      font-size: 11px;
      color: var(--muted);
      font-weight: 800;
      text-transform: uppercase
    }

    .card-actions {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px
    }

    .card-actions a,
    .card-actions button {
      border: 0;
      border-radius: 8px;
      padding: 13px 10px;
      font-weight: 900;
      text-align: center;
      font-family: inherit;
      transition: .2s ease
    }

    .card-actions a {
      background: var(--yellow);
      color: #111;
      box-shadow: 0 10px 24px rgba(242, 169, 0, .24)
    }

    .card-actions a:hover {
      background: #ffc433;
      transform: translateY(-1px)
    }

    .card-actions button {
      background: #fff;
      color: #1e2229;
      border: 1px solid #dfe4ea
    }

    .card-actions button:hover {
      border-color: var(--red);
      color: var(--red)
    }

    .solutions {
      background: #f1f4f7
    }

    .cad-panel {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 44px;
      align-items: center
    }

    .cad-visual {
      min-height: 520px;
      background: #162536;
      border-radius: 8px;
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, .1);
      box-shadow: var(--shadow)
    }

    .cad-visual:before {
      content: "";
      position: absolute;
      inset: 0;
      background-image: linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px);
      background-size: 34px 34px
    }

    .cad-layer {
      position: absolute;
      left: 18%;
      right: 18%;
      height: 70px;
      border: 2px solid var(--yellow);
      background: rgba(242, 169, 0, .08);
      transform: skewX(-18deg);
      box-shadow: 0 0 40px rgba(242, 169, 0, .18)
    }

    .layer-1 {
      top: 34%
    }

    .layer-2 {
      top: 48%;
      left: 22%;
      right: 14%;
      border-color: #fff
    }

    .layer-3 {
      top: 62%;
      left: 26%;
      right: 10%;
      border-color: var(--red)
    }

    .cad-note {
      position: absolute;
      background: #fff;
      color: #111;
      padding: 9px 12px;
      border-radius: 8px;
      font-weight: 900;
      font-size: 12px
    }

    .n1 {
      top: 22%;
      left: 12%
    }

    .n2 {
      right: 12%;
      top: 42%
    }

    .n3 {
      left: 16%;
      bottom: 18%
    }

    .solution-copy h2 {
      font-size: clamp(32px, 4vw, 54px);
      line-height: 1.02;
      letter-spacing: -.045em
    }

    .process-list {
      list-style: none;
      padding: 0;
      margin: 26px 0;
      display: grid;
      gap: 14px
    }

    .process-list li {
      display: grid;
      grid-template-columns: 210px 1fr;
      gap: 16px;
      padding: 18px;
      background: #fff;
      border-radius: 8px;
      border-left: 5px solid var(--yellow)
    }

    .process-list span {
      color: var(--muted);
      line-height: 1.5
    }

    .custom-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 10px
    }

    .custom-tags span {
      background: #1e2229;
      color: #fff;
      border-radius: 8px;
      padding: 11px 14px;
      font-weight: 800
    }

    .factory {
      background: #fff
    }

    .factory-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px
    }

    .metric-card {
      background: #1e2229;
      color: #fff;
      border-radius: 8px;
      padding: 28px;
      min-height: 190px
    }

    .metric-card b {
      display: block;
      color: var(--yellow);
      font-size: 42px;
      letter-spacing: -.04em
    }

    .metric-card span {
      display: block;
      font-weight: 900;
      margin: 10px 0
    }

    .metric-card small {
      color: #b9c3cf
    }

    .test-video {
      grid-column: span 1;
      min-height: 260px;
      border-radius: 8px;
      padding: 24px;
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      position: relative;
      overflow: hidden;
      background: #2b3e50
    }

    .test-video:before {
      content: "";
      position: absolute;
      inset: 20px;
      border: 1px dashed rgba(255, 255, 255, .3);
      border-radius: 8px
    }

    .drop {
      grid-column: span 2;
      background: linear-gradient(135deg, #2b3e50, #101820)
    }

    .forklift {
      background: linear-gradient(135deg, #493110, #f2a900)
    }

    .cold {
      background: linear-gradient(135deg, #19354c, #75a7c8)
    }

    .test-video h3,
    .test-video p {
      position: relative
    }

    .test-video p {
      color: #edf2f7
    }

    .blog {
      background: linear-gradient(180deg, #f1f4f7 0%, #fff 100%)
    }

    .insights-heading {
      border-left: 4px solid var(--yellow);
      padding-left: 22px;
      margin-bottom: 30px
    }

    .company-media-panel {
      display: grid;
      grid-template-columns: minmax(0, 1.18fr) minmax(340px, .82fr);
      gap: 24px;
      align-items: start;
      margin-bottom: 26px
    }

    .company-video-card {
      position: relative;
      min-height: 390px;
      border-radius: 10px;
      overflow: hidden;
      background: linear-gradient(135deg, #111820, #1e2229 58%, #2b3e50);
      box-shadow: var(--shadow);
      color: #fff
    }

    .company-video-card:before {
      content: "";
      position: absolute;
      inset: 0;
      background: radial-gradient(circle at 72% 24%, rgba(242, 169, 0, .25), transparent 27%), linear-gradient(135deg, rgba(230, 57, 70, .18), transparent 45%);
      opacity: .82
    }

    .company-video-card:after {
      content: "";
      position: absolute;
      inset: 0;
      background-image: linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px);
      background-size: 36px 36px;
      mask-image: linear-gradient(90deg, #000, transparent 78%)
    }

    .company-video-card.has-video {
      background: #0e141c;
      min-height: 0;
      aspect-ratio: 16/9;
      width: 100%;
      align-self: start
    }

    .company-video-card.has-video:before {
      background: linear-gradient(180deg, rgba(10, 14, 20, .08) 0%, rgba(10, 14, 20, 0) 36%, rgba(10, 14, 20, .72) 100%);
      opacity: 1;
      z-index: 1;
      pointer-events: none
    }

    .company-video-card.has-video:after {
      display: none
    }

    .company-video-card.has-video video {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      background: #0e141c
    }

    .video-feature-content {
      position: relative;
      z-index: 1;
      height: 100%;
      min-height: 390px;
      display: grid;
      align-content: end;
      padding: 34px
    }

    .company-video-card.has-video .video-feature-content {
      min-height: 0;
      height: 100%
    }

    .video-caption {
      pointer-events: none;
      padding: 26px;
      align-content: end
    }

    .video-caption h3 {
      max-width: 720px !important;
      font-size: clamp(22px, 2.7vw, 38px) !important
    }

    .video-kicker {
      position: absolute;
      left: 26px;
      top: 24px;
      display: inline-flex;
      width: max-content;
      background: var(--yellow);
      color: #111;
      border-radius: 4px;
      padding: 7px 9px;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .1em;
      text-transform: uppercase;
      margin-bottom: 0;
      box-shadow: 0 10px 24px rgba(0, 0, 0, .22)
    }

    .play-button {
      display: grid;
      place-items: center;
      width: 76px;
      height: 76px;
      border-radius: 50%;
      background: #fff;
      color: #111;
      font-size: 30px;
      box-shadow: 0 18px 42px rgba(0, 0, 0, .28);
      margin-bottom: 26px
    }

    .video-feature-content h3 {
      margin: 0 0 12px;
      font-size: clamp(30px, 4vw, 52px);
      line-height: 1;
      letter-spacing: -.055em;
      max-width: 720px
    }

    .video-feature-content p {
      margin: 0;
      color: #dce5ed;
      line-height: 1.65;
      max-width: 680px
    }

    .company-intro-card {
      background: #fff;
      border: 1px solid rgba(23, 32, 42, .1);
      border-radius: 10px;
      padding: 30px 32px;
      box-shadow: 0 18px 45px rgba(18, 31, 44, .08);
      display: grid;
      align-content: center
    }

    .company-intro-card span {
      color: var(--yellow);
      font-size: 12px;
      font-weight: 900;
      letter-spacing: .12em;
      text-transform: uppercase
    }

    .company-intro-card h3 {
      margin: 12px 0 14px;
      font-size: clamp(25px, 2.45vw, 34px);
      line-height: 1.04;
      letter-spacing: -.045em;
      color: #17202a
    }

    .company-intro-card p {
      margin: 0;
      color: #65717d;
      line-height: 1.6;
      font-size: 15px
    }

    .company-update-list {
      display: grid;
      gap: 9px;
      margin-top: 18px
    }

    .company-update-list b {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      color: #17202a;
      font-size: 13px;
      line-height: 1.38
    }

    .company-update-list b:before {
      content: "";
      flex: 0 0 8px;
      width: 8px;
      height: 8px;
      margin-top: .42em;
      background: var(--yellow);
      border-radius: 50%;
      box-shadow: 0 0 14px rgba(242, 169, 0, .45)
    }

    .about-video-card {
      background: transparent;
      border: 0;
      border-left: 4px solid var(--yellow);
      border-radius: 0;
      box-shadow: none;
      padding: 8px 0 8px 28px;
      align-content: center
    }

    .about-video-card h3 {
      max-width: 660px;
      font-size: clamp(36px, 3.65vw, 52px);
      line-height: .96;
      letter-spacing: -.06em
    }

    .about-video-card p {
      max-width: 620px
    }

    .about-video-card .company-update-list {
      max-width: 620px
    }

    .about-video-actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 14px 18px;
      margin-top: 22px
    }

    .about-video-cta {
      display: inline-flex;
      width: max-content;
      align-items: center;
      gap: 8px;
      background: var(--yellow);
      color: #111;
      font-weight: 900;
      border-radius: 6px;
      padding: 13px 16px;
      box-shadow: 0 14px 28px rgba(242, 169, 0, .22);
      transition: .2s ease
    }

    .about-video-cta:after {
      content: "→"
    }

    .about-video-cta:hover {
      background: #ffc433;
      transform: translateY(-1px)
    }

    .about-youtube-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #17202a;
      font-weight: 900;
      border-bottom: 2px solid var(--yellow);
      padding-bottom: 5px
    }

    .about-youtube-link:after {
      content: "→"
    }

    .about-youtube-link:hover {
      color: var(--red)
    }

    .blog-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px
    }

    .blog-grid article {
      position: relative;
      background: #fff;
      border-radius: 9px;
      padding: 26px;
      border: 1px solid rgba(23, 32, 42, .1);
      box-shadow: 0 14px 40px rgba(18, 32, 48, .08);
      overflow: hidden
    }

    .blog-grid article:after {
      content: "";
      position: absolute;
      left: 26px;
      right: 26px;
      bottom: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--yellow), rgba(242, 169, 0, 0));
      transform: scaleX(.45);
      transform-origin: left;
      transition: .24s ease
    }

    .blog-grid article:hover:after {
      transform: scaleX(1)
    }

    .blog-grid span {
      color: var(--red);
      font-weight: 900;
      text-transform: uppercase;
      font-size: 12px;
      letter-spacing: .12em
    }

    .blog-grid h3 {
      font-size: 23px;
      line-height: 1.25;
      color: #17202a
    }

    .blog-grid p {
      color: #65717d;
      line-height: 1.58;
      font-size: 14px
    }

    .blog-grid a {
      font-weight: 900;
      color: #1e2229;
      border-bottom: 2px solid var(--yellow);
      padding-bottom: 4px
    }

    @media(max-width:980px) {
      .company-media-panel {
        grid-template-columns: 1fr
      }

      .company-intro-card {
        padding: 28px 30px
      }

      .company-video-card:not(.has-video),
      .video-feature-content {
        min-height: 340px
      }

      .company-video-card.has-video .video-feature-content {
        min-height: 0
      }

      .blog-grid {
        grid-template-columns: 1fr
      }
    }

    @media(max-width:640px) {
      .insights-heading {
        padding-left: 16px
      }

      .company-intro-card,
      .video-feature-content {
        padding: 24px
      }

      .video-kicker {
        left: 20px;
        top: 18px
      }

      .play-button {
        width: 64px;
        height: 64px;
        font-size: 25px
      }

      .company-video-card:not(.has-video),
      .video-feature-content {
        min-height: 320px
      }

      .company-video-card.has-video .video-feature-content {
        min-height: 0
      }

      .video-caption h3 {
        font-size: clamp(20px, 6vw, 28px) !important
      }
    }

    .lead-capture {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 40px;
      align-items: center;
      margin: 0 5vw 0;
      padding: 56px;
      border-radius: 8px;
      background: linear-gradient(135deg, #111820, #1e2229 55%, #2b3e50);
      color: #fff;
      box-shadow: var(--shadow)
    }

    .lead-copy h2 {
      font-size: clamp(32px, 4vw, 56px);
      line-height: 1.02;
      letter-spacing: -.05em
    }

    .lead-copy p {
      color: #dbe3ec;
      line-height: 1.7
    }

    .rfq-proof-list {
      display: grid;
      gap: 12px;
      margin-top: 26px
    }

    .rfq-proof-list b {
      position: relative;
      display: block;
      padding-left: 28px;
      color: #f4f7fb;
      font-size: 15px;
      line-height: 1.55
    }

    .rfq-proof-list b:before {
      content: "";
      position: absolute;
      left: 0;
      top: .45em;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: var(--yellow);
      box-shadow: 0 0 0 5px rgba(242, 169, 0, .14)
    }

    .footer-logo-img {
      width: 200px
    }
    }

    @media(max-width:640px) {
      .footer {
        padding: 34px 22px 26px
      }

      .footer-top {
        gap: 22px;
        padding-bottom: 24px
      }

      .footer-middle {
        padding: 26px 0
      }

      .footer-nav {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px 18px
      }

      .footer-contact-line {
        font-size: 14px
      }

      .footer-connect {
        align-items: flex-start
      }

      .footer-qr {
        width: 96px
      }

      .footer-social a {
        width: 40px;
        height: 40px
      }

      .footer-social svg {
        width: 19px;
        height: 19px
      }
    }

    @keyframes float {
      50% {
        transform: translateY(-18px)
      }
    }

    @keyframes pulse {
      50% {
        transform: scale(2.8);
        opacity: .2
      }
    }

    @keyframes press {
      50% {
        transform: translateY(56px)
      }
    }

    @media(max-width:1100px) {
      .nav-links {
        display: none
      }

      .nav-toggle {
        display: block;
        margin-left: auto
      }

      .hero {
        grid-template-columns: 1fr;
        min-height: auto
      }

      .hero-proof-card {
        max-width: 520px
      }

      .application-grid,
      .product-grid,
      .factory-grid,
      .blog-grid {
        grid-template-columns: repeat(2, 1fr)
      }

      .cad-panel,
      .lead-capture {
        grid-template-columns: 1fr
      }

      .section-heading.split {
        display: block
      }

      .drop {
        grid-column: span 1
      }
    }

    @media(max-width:700px) {
      .topbar {
        display: none
      }

      .navbar {
        padding: 14px 20px
      }

      .quote-btn {
        display: none
      }

      .hero,
      .section {
        padding: 64px 22px
      }

      .hero h1 {
        font-size: 42px
      }

      .hero-subtitle {
        font-size: 17px
      }

      .application-grid,
      .product-grid,
      .factory-grid,
      .blog-grid {
        grid-template-columns: 1fr
      }

      .process-list li {
        grid-template-columns: 1fr
      }

      .lead-capture {
        margin: 0;
        padding: 40px 22px;
        border-radius: 0
      }

      .card-actions {
        grid-template-columns: 1fr
      }

      .cad-visual {
        min-height: 360px
      }

      .metric-card b {
        font-size: 34px
      }
    }


    /* Hero carousel concept: CSS-only manual arrow controls */
    .hero-carousel {
      min-height: 760px;
      grid-template-columns: minmax(0, 1fr);
      background: #111820;
      isolation: isolate;
      overflow: hidden
    }

    .hero-radio {
      position: absolute;
      opacity: 0;
      pointer-events: none
    }

    .hero-slides {
      position: absolute;
      inset: 0;
      z-index: 0;
      overflow: hidden
    }

    .hero-slide {
      position: absolute;
      inset: 0;
      opacity: 0;
      transform: scale(1.045);
      transition: opacity .72s ease, transform 4.8s ease;
      background-image: linear-gradient(90deg, rgba(12, 18, 26, .86) 0%, rgba(17, 24, 32, .56) 48%, rgba(17, 24, 32, .14) 100%), var(--hero-image);
      background-size: cover;
      background-position: center
    }

    .hero-slide:after {
      content: "";
      position: absolute;
      inset: 0;
      background: radial-gradient(circle at 76% 28%, rgba(242, 169, 0, .24), transparent 27%), linear-gradient(135deg, rgba(230, 57, 70, .18), transparent 45%);
      mix-blend-mode: screen
    }

    #hero-scene-1:checked~.hero-slides .hero-slide:nth-child(1),
    #hero-scene-2:checked~.hero-slides .hero-slide:nth-child(2),
    #hero-scene-3:checked~.hero-slides .hero-slide:nth-child(3),
    #hero-scene-4:checked~.hero-slides .hero-slide:nth-child(4),
    #hero-scene-5:checked~.hero-slides .hero-slide:nth-child(5),
    #hero-scene-6:checked~.hero-slides .hero-slide:nth-child(6) {
      opacity: 1;
      transform: scale(1)
    }

    .hero-industrial-overlay {
      position: absolute;
      inset: 0;
      z-index: 1;
      pointer-events: none
    }

    .hero-grid-lines {
      position: absolute;
      inset: 0;
      background-image: linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
      background-size: 42px 42px;
      mask-image: linear-gradient(90deg, #000, transparent 72%)
    }

    .hero-red-rail {
      display: none
    }

    .hero-carousel .hero-content {
      z-index: 2;
      max-width: 980px;
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: minmax(390px, auto) auto auto;
      align-content: center;
      transform: translateY(-42px)
    }

    .hero-main-copy {
      grid-column: 1;
      grid-row: 1;
      opacity: 0;
      transform: translateY(14px);
      pointer-events: none;
      transition: opacity .45s ease, transform .45s ease
    }

    #hero-scene-1:checked~.hero-content .hero-main-copy:nth-child(1),
    #hero-scene-2:checked~.hero-content .hero-main-copy:nth-child(2),
    #hero-scene-3:checked~.hero-content .hero-main-copy:nth-child(3),
    #hero-scene-4:checked~.hero-content .hero-main-copy:nth-child(4),
    #hero-scene-5:checked~.hero-content .hero-main-copy:nth-child(5) {
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto
    }

    .hero-kicker {
      padding: 8px 12px;
      border-left: 4px solid var(--red);
      background: rgba(17, 24, 32, .45);
      backdrop-filter: blur(10px)
    }

    .hero-carousel h1 {
      max-width: 940px;
      text-wrap: balance
    }

    .hero-carousel .hero-subtitle {
      max-width: 780px
    }

    .hero-carousel .hero-badges span {
      border-radius: 8px;
      border-color: rgba(255, 255, 255, .2);
      background: rgba(17, 24, 32, .52);
      box-shadow: inset 0 0 0 1px rgba(242, 169, 0, .08)
    }

    .hero-carousel .hero-actions {
      grid-column: 1;
      grid-row: 2;
      position: relative;
      z-index: 3
    }

    .hero-carousel-dots {
      grid-column: 1;
      grid-row: 3;
      display: flex;
      gap: 10px;
      margin-top: 30px;
      position: relative;
      z-index: 3
    }

    .hero-carousel-dots label {
      width: 38px;
      height: 4px;
      border-radius: 99px;
      background: rgba(255, 255, 255, .28);
      overflow: hidden;
      position: relative;
      cursor: pointer
    }

    .hero-carousel-dots label:before {
      content: "";
      position: absolute;
      inset: 0;
      transform: scaleX(0);
      transform-origin: left;
      background: linear-gradient(90deg, var(--yellow), var(--red));
      transition: transform .28s ease
    }

    #hero-scene-1:checked~.hero-content .hero-carousel-dots label:nth-child(1):before,
    #hero-scene-2:checked~.hero-content .hero-carousel-dots label:nth-child(2):before,
    #hero-scene-3:checked~.hero-content .hero-carousel-dots label:nth-child(3):before,
    #hero-scene-4:checked~.hero-content .hero-carousel-dots label:nth-child(4):before,
    #hero-scene-5:checked~.hero-content .hero-carousel-dots label:nth-child(5):before,
    #hero-scene-6:checked~.hero-content .hero-carousel-dots label:nth-child(6):before {
      transform: scaleX(1)
    }

    .hero-arrow {
      position: absolute;
      top: 50%;
      z-index: 4;
      width: 50px;
      height: 50px;
      border-radius: 8px;
      border: 1px solid rgba(255, 255, 255, .24);
      background: rgba(17, 24, 32, .54);
      color: #fff;
      display: none;
      place-items: center;
      font-size: 28px;
      font-weight: 500;
      line-height: 1;
      cursor: pointer;
      backdrop-filter: blur(10px);
      box-shadow: 0 16px 34px rgba(0, 0, 0, .22);
      transition: background .2s ease, border-color .2s ease, transform .2s ease
    }

    .hero-arrow:hover {
      background: var(--yellow);
      border-color: var(--yellow);
      color: #111
    }

    .hero-arrow.prev {
      left: 28px;
      transform: translateY(-50%)
    }

    .hero-arrow.next {
      right: 28px;
      transform: translateY(-50%)
    }

    #hero-scene-1:checked~.hero-arrows .prev-1,
    #hero-scene-1:checked~.hero-arrows .next-1,
    #hero-scene-2:checked~.hero-arrows .prev-2,
    #hero-scene-2:checked~.hero-arrows .next-2,
    #hero-scene-3:checked~.hero-arrows .prev-3,
    #hero-scene-3:checked~.hero-arrows .next-3,
    #hero-scene-4:checked~.hero-arrows .prev-4,
    #hero-scene-4:checked~.hero-arrows .next-4 {
      display: grid
    }

    @media(max-width:1100px) {
      .hero-carousel {
        grid-template-columns: 1fr
      }

      .hero-carousel .hero-content {
        max-width: 860px;
        grid-template-rows: minmax(420px, auto) auto auto
      }

      .hero-arrow {
        width: 44px;
        height: 44px;
        font-size: 24px
      }

      .hero-arrow.prev {
        left: 18px
      }

      .hero-arrow.next {
        right: 18px
      }
    }

    @media(max-width:700px) {
      .hero-carousel {
        min-height: auto
      }

      .hero-carousel .hero-content {
        grid-template-rows: minmax(470px, auto) auto auto;
        transform: translateY(-22px)
      }

      .hero-carousel-dots label {
        width: 28px
      }

      .hero-slide {
        background-position: center
      }

      .hero-carousel h1 {
        text-wrap: auto
      }

      .hero-arrow {
        top: auto;
        bottom: 24px;
        width: 40px;
        height: 40px;
        font-size: 22px
      }

      .hero-arrow.prev {
        left: auto;
        right: 74px;
        transform: none
      }

      .hero-arrow.next {
        right: 24px;
        transform: none
      }
    }

    @keyframes heroAutoFade {

      0%,
      21% {
        opacity: 1;
        transform: scale(1)
      }

      25%,
      96% {
        opacity: 0;
        transform: scale(1.045)
      }

      100% {
        opacity: 1;
        transform: scale(1)
      }
    }

    @keyframes heroAutoCopy {

      0%,
      24.95% {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto
      }

      25%,
      100% {
        opacity: 0;
        visibility: hidden;
        transform: translateY(14px);
        pointer-events: none
      }
    }

    @keyframes heroAutoDot {

      0%,
      24.95% {
        transform: scaleX(1)
      }

      25%,
      100% {
        transform: scaleX(0)
      }
    }

    .hero-carousel .hero-slide {
      animation: heroAutoFade 20.8s infinite ease-in-out
    }

    .hero-carousel .hero-main-copy {
      visibility: hidden;
      animation: heroAutoCopy 20.8s infinite step-end
    }

    .hero-carousel .hero-slide:nth-child(1),
    .hero-carousel .hero-main-copy:nth-child(1),
    .hero-carousel:not(:has(.hero-radio:checked)) .hero-carousel-dots label:nth-child(1):before {
      animation-delay: 0s
    }

    .hero-carousel .hero-slide:nth-child(2),
    .hero-carousel .hero-main-copy:nth-child(2),
    .hero-carousel:not(:has(.hero-radio:checked)) .hero-carousel-dots label:nth-child(2):before {
      animation-delay: 5.2s
    }

    .hero-carousel .hero-slide:nth-child(3),
    .hero-carousel .hero-main-copy:nth-child(3),
    .hero-carousel:not(:has(.hero-radio:checked)) .hero-carousel-dots label:nth-child(3):before {
      animation-delay: 10.4s
    }

    .hero-carousel .hero-slide:nth-child(4),
    .hero-carousel .hero-main-copy:nth-child(4),
    .hero-carousel:not(:has(.hero-radio:checked)) .hero-carousel-dots label:nth-child(4):before {
      animation-delay: 15.6s
    }

    .hero-carousel:not(:has(.hero-radio:checked)) .hero-carousel-dots label:before {
      animation: heroAutoDot 20.8s infinite step-end
    }

    .hero-carousel:not(:has(.hero-radio:checked)) .hero-arrows .prev-1,
    .hero-carousel:not(:has(.hero-radio:checked)) .hero-arrows .next-1 {
      display: grid
    }

    .hero-radio:checked~.hero-slides .hero-slide {
      animation: none !important;
      opacity: 0 !important;
      transform: scale(1.045) !important
    }

    .hero-radio:checked~.hero-content .hero-main-copy {
      animation: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      transform: translateY(14px) !important;
      pointer-events: none !important
    }

    .hero-radio:checked~.hero-content .hero-carousel-dots label:before {
      animation: none !important;
      transform: scaleX(0) !important
    }

    #hero-scene-1:checked~.hero-slides .hero-slide:nth-child(1),
    #hero-scene-2:checked~.hero-slides .hero-slide:nth-child(2),
    #hero-scene-3:checked~.hero-slides .hero-slide:nth-child(3),
    #hero-scene-4:checked~.hero-slides .hero-slide:nth-child(4),
    #hero-scene-5:checked~.hero-slides .hero-slide:nth-child(5) {
      opacity: 1 !important;
      transform: scale(1) !important
    }

    #hero-scene-1:checked~.hero-content .hero-main-copy:nth-child(1),
    #hero-scene-2:checked~.hero-content .hero-main-copy:nth-child(2),
    #hero-scene-3:checked~.hero-content .hero-main-copy:nth-child(3),
    #hero-scene-4:checked~.hero-content .hero-main-copy:nth-child(4),
    #hero-scene-5:checked~.hero-content .hero-main-copy:nth-child(5) {
      opacity: 1 !important;
      visibility: visible !important;
      transform: translateY(0) !important;
      pointer-events: auto !important
    }

    #hero-scene-1:checked~.hero-content .hero-carousel-dots label:nth-child(1):before,
    #hero-scene-2:checked~.hero-content .hero-carousel-dots label:nth-child(2):before,
    #hero-scene-3:checked~.hero-content .hero-carousel-dots label:nth-child(3):before,
    #hero-scene-4:checked~.hero-content .hero-carousel-dots label:nth-child(4):before,
    #hero-scene-5:checked~.hero-content .hero-carousel-dots label:nth-child(5):before {
      transform: scaleX(1) !important
    }

    .hero-carousel:hover .hero-slide,
    .hero-carousel:hover .hero-main-copy,
    .hero-carousel:hover .hero-carousel-dots label:before {
      animation-play-state: paused
    }

    /* Applications buyer guide upgrade */
    .applications .split {
      align-items: flex-start;
      border-left: 4px solid var(--yellow);
      padding-left: 22px;
      margin-bottom: 34px
    }

    .applications .split>div {
      max-width: 780px
    }

    .applications .split>p {
      max-width: 520px;
      margin-top: 32px
    }

    .buyer-guide-grid .app-card {
      justify-content: flex-start;
      min-height: 430px;
      background-blend-mode: multiply
    }

    .buyer-guide-grid .app-card:before {
      background: linear-gradient(180deg, rgba(10, 14, 20, .08), rgba(10, 14, 20, .86))
    }

    .buyer-guide-grid .app-card span {
      display: inline-flex;
      width: 42px;
      height: 42px;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(255, 213, 109, .58);
      border-radius: 4px;
      background: rgba(10, 14, 20, .28);
      margin-bottom: auto
    }

    .buyer-guide-grid .app-card h3 {
      margin-top: 90px
    }

    .buyer-guide-grid .app-card ul {
      position: relative;
      z-index: 1;
      margin: 18px 0 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 8px
    }

    .buyer-guide-grid .app-card li {
      color: #f2f6f9;
      font-size: 13px;
      line-height: 1.45;
      padding-left: 18px;
      position: relative
    }

    .buyer-guide-grid .app-card li:before {
      content: "";
      position: absolute;
      left: 0;
      top: .58em;
      width: 7px;
      height: 7px;
      background: var(--yellow);
      border-radius: 2px
    }

    .buyer-guide-grid .app-card a {
      position: relative;
      z-index: 1;
      margin-top: 20px;
      display: inline-flex;
      width: max-content;
      max-width: 100%;
      align-items: center;
      gap: 8px;
      color: #111;
      background: var(--yellow);
      font-weight: 900;
      font-size: 13px;
      padding: 10px 12px;
      border-radius: 4px
    }

    .buyer-guide-grid .app-card a:after {
      content: "→"
    }

    .buyer-guide-grid .app-card a:hover {
      background: #ffc433
    }

    @media(max-width:980px) {
      .applications .split {
        display: block
      }

      .applications .split>p {
        margin-top: 12px
      }

      .buyer-guide-grid .app-card {
        min-height: 390px
      }

      .buyer-guide-grid .app-card h3 {
        margin-top: 56px
      }
    }

    @media(max-width:640px) {
      .applications .split {
        padding-left: 16px
      }

      .buyer-guide-grid .app-card {
        min-height: auto
      }

      .buyer-guide-grid .app-card h3 {
        margin-top: 42px
      }

      .buyer-guide-grid .app-card a {
        width: 100%;
        justify-content: center
      }
    }


    /* Product category gateway upgrade */
    .product-categories {
      background: linear-gradient(180deg, #f8f9fa 0%, #eef2f5 100%)
    }

    .product-category-heading {
      border-left: 4px solid var(--yellow);
      padding-left: 22px;
      margin-bottom: 34px
    }

    .product-category-heading>div {
      max-width: 820px
    }

    .product-category-heading>p {
      max-width: 560px;
      margin-top: 30px
    }

    .product-category-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
      gap: 22px;
      align-items: stretch
    }

    .category-card {
      border-radius: 8px;
      border: 1px solid rgba(23, 32, 42, .12);
      box-shadow: var(--shadow);
      position: relative;
      overflow: hidden
    }

    .category-card-primary {
      background: linear-gradient(135deg, #17202a 0%, #26394b 60%, #1e2229 100%);
      color: #fff;
      padding: 34px;
      min-height: 560px
    }

    .category-card-primary:after {
      content: "";
      position: absolute;
      inset: auto -90px -120px auto;
      width: 340px;
      height: 340px;
      border: 46px solid rgba(242, 169, 0, .13);
      border-radius: 50%
    }

    .category-card-topline {
      display: flex;
      align-items: center;
      gap: 12px;
      position: relative;
      z-index: 1
    }

    .category-number {
      display: inline-grid;
      place-items: center;
      width: 42px;
      height: 42px;
      border-radius: 4px;
      background: var(--yellow);
      color: #111;
      font-weight: 900
    }

    .category-card-topline strong {
      font-size: 12px;
      letter-spacing: .16em;
      text-transform: uppercase;
      color: #ffd56d
    }

    .category-card h3 {
      position: relative;
      z-index: 1;
      margin: 28px 0 12px;
      font-size: clamp(27px, 3vw, 44px);
      letter-spacing: -.04em;
      line-height: 1
    }

    .category-card p {
      position: relative;
      z-index: 1;
      line-height: 1.65;
      margin: 0;
      color: inherit
    }

    .category-card-primary p {
      max-width: 760px;
      color: #dce5ed;
      font-size: 17px
    }

    .category-pathways {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
      margin-top: 30px
    }

    .category-pathways>div {
      background: rgba(255, 255, 255, .08);
      border: 1px solid rgba(255, 255, 255, .12);
      border-radius: 6px;
      padding: 18px
    }

    .category-pathways h4 {
      margin: 0 0 12px;
      color: #fff;
      font-size: 15px
    }

    .category-pathways ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 9px
    }

    .category-pathways li {
      color: #edf3f7;
      font-size: 14px;
      padding-left: 17px;
      position: relative
    }

    .category-pathways li:before {
      content: "";
      position: absolute;
      left: 0;
      top: .58em;
      width: 7px;
      height: 7px;
      background: var(--yellow);
      border-radius: 2px
    }

    .category-cta,
    .category-link,
    .category-advisor a {
      position: relative;
      z-index: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: max-content;
      max-width: 100%;
      border-radius: 4px;
      font-weight: 900
    }

    .category-cta {
      margin-top: 28px;
      background: var(--yellow);
      color: #111;
      padding: 13px 16px
    }

    .category-cta:after,
    .category-link:after,
    .category-advisor a:after {
      content: "→";
      margin-left: 8px
    }

    .category-support-grid {
      display: grid;
      grid-template-rows: repeat(3, 1fr);
      gap: 16px
    }

    .category-card-support {
      background: #fff;
      padding: 24px
    }

    .category-card-support .category-card-topline strong {
      color: #425466
    }

    .category-card-support h3 {
      font-size: 25px;
      color: #17202a;
      margin-top: 20px
    }

    .category-card-support p {
      font-size: 14px;
      color: #637081
    }

    .category-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      margin-top: 16px
    }

    .category-tags span {
      font-size: 12px;
      font-weight: 800;
      color: #26394b;
      background: #eef2f5;
      border: 1px solid #dde5eb;
      border-radius: 4px;
      padding: 7px 9px
    }

    .category-link {
      margin-top: 16px;
      color: #17202a;
      border-bottom: 2px solid var(--yellow);
      padding-bottom: 5px
    }

    .category-advisor {
      margin-top: 22px;
      background: #fff;
      border: 1px solid rgba(23, 32, 42, .12);
      border-left: 5px solid var(--yellow);
      border-radius: 8px;
      padding: 20px 22px;
      display: flex;
      align-items: center;
      gap: 16px;
      box-shadow: 0 12px 30px rgba(13, 22, 34, .08)
    }

    .category-advisor strong {
      color: #17202a
    }

    .category-advisor span {
      color: #647180;
      line-height: 1.55;
      flex: 1
    }

    .category-advisor a {
      background: #17202a;
      color: #fff;
      padding: 12px 14px;
      white-space: nowrap
    }

    @media(max-width:1080px) {
      .product-category-layout {
        grid-template-columns: 1fr
      }

      .category-support-grid {
        grid-template-rows: auto;
        grid-template-columns: repeat(3, 1fr)
      }

      .category-card-primary {
        min-height: auto
      }
    }

    @media(max-width:820px) {

      .category-support-grid,
      .category-pathways {
        grid-template-columns: 1fr
      }

      .category-advisor {
        display: block
      }

      .category-advisor span {
        display: block;
        margin: 8px 0 14px
      }

      .category-advisor a {
        width: 100%
      }
    }

    @media(max-width:640px) {
      .product-category-heading {
        padding-left: 16px
      }

      .category-card-primary,
      .category-card-support {
        padding: 22px
      }

      .category-card h3 {
        font-size: 28px
      }

      .category-cta {
        width: 100%
      }
    }


    /* Core plastic pallet series preview */
    .pallet-series-preview {
      position: relative;
      z-index: 1;
      margin-top: 28px;
      background: rgba(255, 255, 255, .075);
      border: 1px solid rgba(255, 255, 255, .14);
      border-radius: 6px;
      padding: 18px
    }

    .pallet-series-header {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 14px;
      margin-bottom: 14px
    }

    .pallet-series-header h4 {
      margin: 0;
      color: #fff;
      font-size: 16px
    }

    .pallet-series-header span {
      font-size: 12px;
      color: #b8c5d0
    }

    .pallet-series-track {
      display: grid;
      grid-template-columns: repeat(4, minmax(150px, 1fr));
      gap: 12px
    }

    .pallet-series-card {
      background: rgba(11, 19, 29, .62);
      border: 1px solid rgba(255, 255, 255, .12);
      border-radius: 6px;
      overflow: hidden
    }

    .pallet-series-card img {
      display: block;
      width: 100%;
      height: 108px;
      object-fit: cover;
      background: #102033
    }

    .pallet-series-card div {
      padding: 12px
    }

    .pallet-series-card strong {
      display: block;
      color: #fff;
      font-size: 13px;
      line-height: 1.25
    }

    .pallet-series-card span {
      display: inline-flex;
      margin-top: 8px;
      color: #111;
      background: var(--yellow);
      border-radius: 3px;
      padding: 4px 6px;
      font-size: 10px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .04em
    }

    .pallet-series-card p {
      margin: 8px 0 0 !important;
      color: #cfd9e2 !important;
      font-size: 12px !important;
      line-height: 1.45 !important
    }

    @media(max-width:980px) {
      .pallet-series-track {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        padding-bottom: 4px
      }

      .pallet-series-card {
        min-width: 220px;
        scroll-snap-align: start
      }

      .pallet-series-header {
        display: block
      }

      .pallet-series-header span {
        display: block;
        margin-top: 5px
      }
    }

    @media(max-width:640px) {
      .pallet-series-preview {
        padding: 14px
      }

      .pallet-series-card {
        min-width: 235px
      }

      .pallet-series-card img {
        height: 118px
      }
    }


    /* Single-panel plastic pallet series showcase */
    .pallet-series-showcase {
      padding: 20px
    }

    .series-radio {
      position: absolute;
      opacity: 0;
      pointer-events: none
    }

    .series-tabs {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      margin-bottom: 14px
    }

    .series-tabs label {
      cursor: pointer;
      border: 1px solid rgba(255, 255, 255, .17);
      background: rgba(255, 255, 255, .08);
      color: #dce5ed;
      border-radius: 4px;
      padding: 10px 12px;
      font-size: 12px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .04em;
      transition: .18s ease
    }

    .series-tabs label:hover {
      border-color: rgba(242, 169, 0, .58);
      color: #fff
    }

    .series-panels {
      position: relative;
      min-height: 360px
    }

    .series-panel {
      position: absolute;
      inset: 0;
      display: grid;
      grid-template-columns: minmax(240px, .9fr) minmax(320px, 1.1fr);
      gap: 22px;
      align-items: stretch;
      opacity: 0;
      visibility: hidden;
      transform: translateY(8px);
      transition: opacity .24s ease, transform .24s ease, visibility .24s
    }

    .series-panel figure {
      margin: 0;
      border-radius: 6px;
      overflow: hidden;
      background: #102033;
      min-height: 330px;
      border: 1px solid rgba(255, 255, 255, .12)
    }

    .series-panel img {
      display: block;
      width: 100%;
      height: 100%;
      min-height: 330px;
      object-fit: cover
    }

    .series-panel-copy {
      align-self: center
    }

    .series-panel-copy>span {
      display: inline-flex;
      background: var(--yellow);
      color: #111;
      border-radius: 3px;
      padding: 6px 8px;
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .05em
    }

    .series-panel-copy h5 {
      margin: 14px 0 10px;
      color: #fff;
      font-size: clamp(22px, 2.4vw, 34px);
      line-height: 1;
      letter-spacing: -.035em
    }

    .series-panel-copy p {
      color: #dce5ed !important;
      font-size: 15px !important;
      line-height: 1.58 !important;
      margin: 0 0 16px !important
    }

    .series-panel-copy ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 9px
    }

    .series-panel-copy li {
      color: #edf3f7;
      font-size: 13px;
      line-height: 1.45;
      padding-left: 18px;
      position: relative
    }

    .series-panel-copy li:before {
      content: "";
      position: absolute;
      left: 0;
      top: .58em;
      width: 7px;
      height: 7px;
      background: var(--yellow);
      border-radius: 2px
    }

    .series-panel-copy a {
      display: inline-flex;
      margin-top: 18px;
      color: #111;
      background: var(--yellow);
      font-weight: 900;
      border-radius: 4px;
      padding: 10px 12px
    }

    .series-panel-copy a:after {
      content: "→";
      margin-left: 8px
    }

    #series-grid:checked~.series-tabs label[for="series-grid"],
    #series-solid:checked~.series-tabs label[for="series-solid"],
    #series-reversible:checked~.series-tabs label[for="series-reversible"],
    #series-nestable:checked~.series-tabs label[for="series-nestable"] {
      background: var(--yellow);
      color: #111;
      border-color: var(--yellow)
    }

    #series-grid:checked~.series-panels .series-panel-grid,
    #series-solid:checked~.series-panels .series-panel-solid,
    #series-reversible:checked~.series-panels .series-panel-reversible,
    #series-nestable:checked~.series-panels .series-panel-nestable {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
      position: relative
    }

    @media(max-width:980px) {
      .series-panels {
        min-height: 0
      }

      .series-panel {
        grid-template-columns: 1fr;
        position: relative;
        display: none
      }

      .series-panel figure,
      .series-panel img {
        min-height: 260px
      }

      .series-panel-copy {
        align-self: auto
      }

      #series-grid:checked~.series-panels .series-panel-grid,
      #series-solid:checked~.series-panels .series-panel-solid,
      #series-reversible:checked~.series-panels .series-panel-reversible,
      #series-nestable:checked~.series-panels .series-panel-nestable {
        display: grid
      }
    }

    @media(max-width:640px) {
      .series-tabs {
        display: grid;
        grid-template-columns: 1fr 1fr
      }

      .series-tabs label {
        text-align: center
      }

      .series-panel figure,
      .series-panel img {
        min-height: 220px
      }

      .series-panel-copy a {
        width: 100%;
        justify-content: center
      }
    }


    /* Integrated series switcher refinement */
    .pallet-series-showcase .series-tabs {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0;
      margin: 2px 0 18px;
      border-bottom: 1px solid rgba(255, 255, 255, .16)
    }

    .pallet-series-showcase .series-tabs label {
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      color: #aebbc7;
      padding: 12px 8px 14px;
      text-align: left;
      position: relative;
      letter-spacing: .02em
    }

    .pallet-series-showcase .series-tabs label span {
      display: block;
      color: rgba(242, 169, 0, .72);
      font-size: 10px;
      letter-spacing: .12em;
      margin-bottom: 5px
    }

    .pallet-series-showcase .series-tabs label:after {
      content: "";
      position: absolute;
      left: 8px;
      right: 8px;
      bottom: -1px;
      height: 3px;
      background: transparent
    }

    .pallet-series-showcase .series-tabs label:hover {
      color: #fff
    }

    .pallet-series-showcase #series-grid:checked~.series-tabs label[for="series-grid"],
    .pallet-series-showcase #series-solid:checked~.series-tabs label[for="series-solid"],
    .pallet-series-showcase #series-reversible:checked~.series-tabs label[for="series-reversible"],
    .pallet-series-showcase #series-nestable:checked~.series-tabs label[for="series-nestable"] {
      color: #fff !important;
      background: transparent !important
    }

    .pallet-series-showcase #series-grid:checked~.series-tabs label[for="series-grid"]:after,
    .pallet-series-showcase #series-solid:checked~.series-tabs label[for="series-solid"]:after,
    .pallet-series-showcase #series-reversible:checked~.series-tabs label[for="series-reversible"]:after,
    .pallet-series-showcase #series-nestable:checked~.series-tabs label[for="series-nestable"]:after {
      background: var(--yellow)
    }

    @media(max-width:640px) {
      .pallet-series-showcase .series-tabs {
        grid-template-columns: 1fr 1fr
      }

      .pallet-series-showcase .series-tabs label {
        text-align: left
      }
    }


    /* Unified product category CTA color */
    .category-advisor a {
      background: var(--yellow) !important;
      color: #111 !important;
      box-shadow: 0 12px 24px rgba(242, 169, 0, .22)
    }

    .category-advisor a:hover {
      background: #ffc433 !important
    }


    /* Plastic pallet primary card text-link CTA */
    .category-link-on-dark {
      color: #fff !important;
      border-bottom: 2px solid var(--yellow);
      padding-bottom: 5px;
      margin-top: 24px
    }

    .category-link-on-dark:hover {
      color: var(--yellow) !important
    }


    /* Featured products specification board inspired by industrial catalog reference */
    .featured-products-system {
      background: #fff
    }

    .featured-products-heading {
      border-left: 4px solid var(--yellow);
      padding-left: 22px
    }

    .featured-products-heading>p {
      max-width: 560px;
      margin-top: 28px
    }

    .product-spec-board {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
      gap: 22px;
      align-items: start
    }

    .spec-board-main,
    .spec-board-side {
      display: grid;
      gap: 18px
    }

    .spec-block {
      background: #fff;
      border: 1px solid rgba(23, 32, 42, .12);
      border-radius: 8px;
      box-shadow: 0 18px 45px rgba(18, 31, 44, .08);
      overflow: hidden
    }

    .spec-titlebar {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      align-items: center;
      background: linear-gradient(135deg, #1E2229 0%, #162536 100%);
      color: #fff;
      padding: 12px 16px;
      border-left: 4px solid var(--yellow)
    }

    .spec-titlebar b {
      font-size: 15px;
      letter-spacing: .01em
    }

    .spec-titlebar span {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: .1em;
      color: #ffd56d
    }

    .hue-row {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      gap: 12px;
      padding: 18px
    }

    .hue-row span {
      display: grid;
      justify-items: center;
      gap: 8px;
      font-size: 12px;
      color: #3e4854
    }

    .hue-row i {
      display: block;
      width: 34px;
      height: 34px;
      border-radius: 4px;
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12)
    }

    .hue-row .white-swatch {
      background: #fff;
      border: 1px solid #c8d0d7
    }

    .structure-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1px;
      background: #e6ebef
    }

    .structure-item {
      background: #fff;
      padding: 18px 12px;
      text-align: center;
      min-height: 150px;
      display: grid;
      align-content: center;
      justify-items: center
    }

    .structure-item strong {
      display: block;
      margin-top: 12px;
      font-size: 13px;
      color: #17202a
    }

    .structure-item span {
      font-size: 12px;
      color: #6c7582;
      margin-top: 4px
    }

    .structure-thumb {
      width: 104px;
      height: 58px;
      border-radius: 6px;
      background: #1b75bc;
      position: relative;
      box-shadow: inset 0 -10px 0 rgba(0, 0, 0, .14), 0 10px 18px rgba(27, 117, 188, .18)
    }

    .structure-thumb:before,
    .structure-thumb:after {
      content: "";
      position: absolute;
      left: 10px;
      right: 10px;
      height: 6px;
      background: rgba(255, 255, 255, .38);
      border-radius: 4px
    }

    .structure-thumb:before {
      top: 14px
    }

    .structure-thumb:after {
      top: 30px
    }

    .runners-six {
      background-image: linear-gradient(90deg, transparent 0 13%, rgba(255, 255, 255, .32) 13% 18%, transparent 18% 47%, rgba(255, 255, 255, .32) 47% 53%, transparent 53% 82%, rgba(255, 255, 255, .32) 82% 87%, transparent 87%)
    }

    .double-sided {
      box-shadow: inset 0 8px 0 rgba(255, 255, 255, .18), inset 0 -10px 0 rgba(0, 0, 0, .2), 0 10px 18px rgba(27, 117, 188, .18)
    }

    .nine-feet:after {
      box-shadow: -30px 16px 0 rgba(13, 79, 132, .9), 0 16px 0 rgba(13, 79, 132, .9), 30px 16px 0 rgba(13, 79, 132, .9)
    }

    .three-runners:before {
      height: 42px;
      top: 8px;
      background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .38) 0 7px, transparent 7px 14px)
    }

    .flat-runners:before {
      height: 30px;
      top: 10px;
      background: rgba(255, 255, 255, .22)
    }

    .seven-feet {
      background-image: radial-gradient(circle at 20% 72%, rgba(13, 79, 132, .96) 0 7px, transparent 8px), radial-gradient(circle at 50% 72%, rgba(13, 79, 132, .96) 0 7px, transparent 8px), radial-gradient(circle at 80% 72%, rgba(13, 79, 132, .96) 0 7px, transparent 8px)
    }

    .bearing-row {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0;
      border-top: 1px solid #eef2f5
    }

    .bearing-row>div {
      padding: 20px 18px;
      border-right: 1px solid #eef2f5
    }

    .bearing-row>div:last-child {
      border-right: 0
    }

    .bearing-row i {
      display: inline-grid;
      width: 38px;
      height: 38px;
      place-items: center;
      border: 1px solid #cdd7df;
      border-radius: 50%;
      font-style: normal;
      font-weight: 900;
      color: #162536;
      margin-bottom: 12px
    }

    .bearing-row strong,
    .feature-list strong,
    .test-grid strong {
      display: block;
      color: #17202a;
      font-size: 14px
    }

    .bearing-row span,
    .feature-list span {
      display: block;
      margin-top: 6px;
      color: #65717d;
      font-size: 13px;
      line-height: 1.5
    }

    .feature-list {
      display: grid;
      gap: 0
    }

    .feature-list>div {
      padding: 16px 18px;
      border-bottom: 1px solid #eef2f5
    }

    .feature-list>div:last-child {
      border-bottom: 0
    }

    .feature-list strong {
      text-transform: uppercase;
      letter-spacing: .02em
    }

    .test-block p {
      margin: 0;
      padding: 16px 18px;
      color: #65717d;
      line-height: 1.55
    }

    .test-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      border-top: 1px solid #eef2f5;
      border-bottom: 1px solid #eef2f5
    }

    .test-grid>div {
      padding: 18px;
      border-right: 1px solid #eef2f5;
      border-bottom: 1px solid #eef2f5;
      min-height: 106px
    }

    .test-grid>div:nth-child(2n) {
      border-right: 0
    }

    .test-grid>div:nth-last-child(-n+2) {
      border-bottom: 0
    }

    .test-grid i {
      display: grid;
      width: 44px;
      height: 44px;
      place-items: center;
      border: 2px solid #17202a;
      border-radius: 6px;
      margin-bottom: 10px;
      font-style: normal;
      font-weight: 900;
      color: #162536;
      background: linear-gradient(135deg, #fff7e0, #ffffff)
    }

    .spec-board-cta {
      display: flex;
      justify-content: center;
      margin: 18px;
      color: #111;
      background: var(--yellow);
      font-weight: 900;
      border-radius: 6px;
      padding: 13px 16px
    }

    .spec-board-cta:after {
      content: " →"
    }

    @media(max-width:980px) {
      .product-spec-board {
        grid-template-columns: 1fr
      }

      .hue-row {
        grid-template-columns: repeat(4, 1fr)
      }

      .structure-grid {
        grid-template-columns: repeat(2, 1fr)
      }

      .bearing-row {
        grid-template-columns: 1fr
      }

      .bearing-row>div {
        border-right: 0;
        border-bottom: 1px solid #eef2f5
      }

      .bearing-row>div:last-child {
        border-bottom: 0
      }
    }

    @media(max-width:640px) {
      .featured-products-heading {
        padding-left: 16px
      }

      .hue-row {
        grid-template-columns: repeat(3, 1fr);
        padding: 14px
      }

      .structure-grid,
      .test-grid {
        grid-template-columns: 1fr
      }

      .test-grid>div {
        border-right: 0 !important
      }

      .structure-item {
        min-height: 138px
      }

      .spec-titlebar {
        display: block
      }

      .spec-titlebar span {
        display: block;
        margin-top: 4px
      }
    }


    /* Larger real-image layout for plastic pallet back structures */
    .structure-image-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      background: #f1f4f6;
      padding: 14px
    }

    .structure-image-grid .structure-item {
      border: 1px solid rgba(23, 32, 42, .1);
      border-radius: 7px;
      min-height: 220px;
      padding: 12px;
      background: #fff;
      align-content: start;
      transition: transform .18s ease, box-shadow .18s ease
    }

    .structure-image-grid .structure-item:hover {
      transform: translateY(-2px);
      box-shadow: 0 16px 34px rgba(18, 31, 44, .12)
    }

    .structure-photo {
      width: 100%;
      height: 156px;
      margin: 0;
      border-radius: 6px;
      overflow: hidden;
      background: #eef2f5;
      border: 1px solid rgba(23, 32, 42, .08)
    }

    .structure-photo img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center
    }

    .structure-image-grid .structure-item strong {
      font-size: 14px;
      margin-top: 12px;
      line-height: 1.25
    }

    .structure-image-grid .structure-thumb {
      display: none
    }

    @media(max-width:980px) {
      .structure-image-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
      }

      .structure-photo {
        height: 170px
      }

      .structure-image-grid .structure-item {
        min-height: 232px
      }
    }

    @media(max-width:640px) {
      .structure-image-grid {
        grid-template-columns: 1fr;
        padding: 12px
      }

      .structure-photo {
        height: 210px
      }

      .structure-image-grid .structure-item {
        min-height: auto
      }
    }


    /* Website-style plastic pallet selection guide layout */
    .selection-guide {
      background: linear-gradient(180deg, #fff 0%, #f5f7f9 100%)
    }

    .selection-guide-heading {
      margin-bottom: 30px
    }

    .selection-guide-hero {
      display: grid;
      grid-template-columns: minmax(0, 1.28fr) minmax(330px, .72fr);
      gap: 24px;
      align-items: stretch
    }

    .structure-showcase {
      background: #fff;
      border: 1px solid rgba(23, 32, 42, .1);
      border-radius: 10px;
      box-shadow: 0 20px 55px rgba(18, 31, 44, .09);
      overflow: hidden
    }

    .selection-block-heading {
      padding: 24px 24px 10px
    }

    .selection-block-heading span,
    .advice-kicker {
      display: inline-flex;
      color: var(--yellow);
      font-size: 12px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .12em
    }

    .selection-block-heading h3 {
      margin: 10px 0 8px;
      font-size: clamp(26px, 3vw, 38px);
      letter-spacing: -.04em;
      line-height: 1;
      color: #17202a
    }

    .selection-block-heading p {
      margin: 0;
      max-width: 760px;
      color: #65717d;
      line-height: 1.6
    }

    .selection-structure-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      background: transparent;
      padding: 18px 24px 24px
    }

    .selection-structure-grid .structure-item {
      min-height: 248px;
      border-radius: 9px;
      border: 1px solid rgba(23, 32, 42, .1);
      padding: 12px;
      background: linear-gradient(180deg, #fff, #f8fafb);
      box-shadow: none
    }

    .selection-structure-grid .structure-photo {
      height: 184px;
      border-radius: 8px
    }

    .selection-structure-grid .structure-item strong {
      font-size: 14px;
      margin-top: 13px
    }

    .selection-advice-card {
      position: relative;
      background: linear-gradient(135deg, #1E2229 0%, #162536 72%, #111820 100%);
      color: #fff;
      border-radius: 10px;
      padding: 30px;
      box-shadow: var(--shadow);
      overflow: hidden
    }

    .selection-advice-card:after {
      content: "";
      position: absolute;
      right: -70px;
      bottom: -90px;
      width: 230px;
      height: 230px;
      border: 34px solid rgba(242, 169, 0, .15);
      border-radius: 50%
    }

    .selection-advice-card h3 {
      position: relative;
      z-index: 1;
      margin: 13px 0 12px;
      font-size: clamp(27px, 3vw, 40px);
      letter-spacing: -.045em;
      line-height: 1
    }

    .selection-advice-card p {
      position: relative;
      z-index: 1;
      color: #dce5ed;
      line-height: 1.65;
      margin: 0 0 20px
    }

    .selection-advice-card ul {
      position: relative;
      z-index: 1;
      margin: 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 13px
    }

    .selection-advice-card li {
      color: #edf3f7;
      font-size: 14px;
      line-height: 1.5;
      padding-left: 18px;
      position: relative
    }

    .selection-advice-card li:before {
      content: "";
      position: absolute;
      left: 0;
      top: .62em;
      width: 7px;
      height: 7px;
      background: var(--yellow);
      border-radius: 2px
    }

    .selection-advice-card a {
      position: relative;
      z-index: 1;
      display: inline-flex;
      margin-top: 26px;
      background: var(--yellow);
      color: #111;
      font-weight: 900;
      border-radius: 7px;
      padding: 13px 16px;
      box-shadow: 0 14px 28px rgba(242, 169, 0, .22)
    }

    .selection-advice-card a:after {
      content: " →"
    }

    .selection-info-strip {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 16px;
      margin-top: 20px
    }

    .selection-info-card {
      background: #fff;
      border: 1px solid rgba(23, 32, 42, .1);
      border-radius: 9px;
      padding: 19px;
      box-shadow: 0 14px 35px rgba(18, 31, 44, .07)
    }

    .selection-info-card>span {
      display: inline-grid;
      place-items: center;
      width: 34px;
      height: 34px;
      background: #17202a;
      color: var(--yellow);
      font-weight: 900;
      border-radius: 6px;
      margin-bottom: 14px
    }

    .selection-info-card h3 {
      margin: 0 0 8px;
      font-size: 18px;
      color: #17202a;
      letter-spacing: -.02em
    }

    .selection-info-card p {
      margin: 0;
      color: #65717d;
      line-height: 1.55;
      font-size: 14px
    }

    .compact-hue-row {
      display: flex !important;
      gap: 8px !important;
      padding: 0 !important;
      margin-top: 16px
    }

    .compact-hue-row i {
      width: 24px !important;
      height: 24px !important;
      border-radius: 50% !important
    }

    .mini-specs,
    .mini-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      margin-top: 14px
    }

    .mini-specs b,
    .mini-tags em {
      font-style: normal;
      background: #f0f3f6;
      border: 1px solid rgba(23, 32, 42, .08);
      border-radius: 999px;
      padding: 6px 9px;
      color: #17202a;
      font-size: 11px;
      font-weight: 800
    }

    .mini-tags em {
      color: #4f5b66
    }

    @media(max-width:1080px) {
      .selection-guide-hero {
        grid-template-columns: 1fr
      }

      .selection-info-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr))
      }
    }

    @media(max-width:760px) {
      .selection-structure-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 14px
      }

      .selection-structure-grid .structure-photo {
        height: 160px
      }

      .selection-advice-card {
        padding: 24px
      }

      .selection-info-strip {
        grid-template-columns: 1fr
      }
    }

    @media(max-width:520px) {
      .selection-structure-grid {
        grid-template-columns: 1fr
      }

      .selection-structure-grid .structure-photo {
        height: 220px
      }

      .selection-block-heading {
        padding: 20px 18px 8px
      }
    }


    /* Custom OEM/ODM content refinement */
    .solution-intro {
      margin: 16px 0 0;
      color: #5f6b76;
      line-height: 1.65;
      font-size: 16px
    }

    .solution-cta {
      display: inline-flex;
      align-items: center;
      margin-top: 22px;
      background: var(--yellow);
      color: #111;
      font-weight: 900;
      border-radius: 7px;
      padding: 13px 16px;
      box-shadow: 0 14px 28px rgba(242, 169, 0, .22)
    }

    .solution-cta:after {
      content: " →"
    }

    .solution-cta:hover {
      background: #ffc433
    }


    /* Website-style Custom OEM/ODM solutions: real image placeholders + capability matrix + process timeline */
    .oem-solutions {
      background: linear-gradient(180deg, #f1f4f7 0%, #fff 100%)
    }

    .oem-heading {
      border-left: 4px solid var(--yellow);
      padding-left: 22px;
      margin-bottom: 30px
    }

    .oem-heading>p {
      max-width: 600px;
      margin-top: 28px;
      color: #5f6b76;
      line-height: 1.65
    }

    .oem-visual-row {
      display: grid;
      grid-template-columns: 1.25fr .875fr .875fr;
      gap: 18px;
      margin-bottom: 20px
    }

    .oem-visual-card {
      position: relative;
      min-height: 280px;
      border-radius: 10px;
      overflow: hidden;
      background: #17202a;
      box-shadow: 0 20px 50px rgba(18, 31, 44, .12)
    }

    .oem-visual-card.large {
      min-height: 360px
    }

    .oem-visual-card img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: saturate(.95) contrast(1.04)
    }

    .oem-visual-card:after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(10, 14, 20, .08), rgba(10, 14, 20, .72))
    }

    .oem-visual-card div {
      position: absolute;
      left: 20px;
      right: 20px;
      bottom: 20px;
      z-index: 1;
      color: #fff
    }

    .oem-visual-card span {
      display: inline-flex;
      background: var(--yellow);
      color: #111;
      border-radius: 4px;
      padding: 6px 8px;
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .08em;
      margin-bottom: 10px
    }

    .oem-visual-card strong {
      display: block;
      font-size: clamp(18px, 2vw, 27px);
      line-height: 1.05;
      letter-spacing: -.035em
    }

    .oem-capability-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
      margin: 20px 0
    }

    .oem-capability-grid article {
      background: #fff;
      border: 1px solid rgba(23, 32, 42, .1);
      border-radius: 9px;
      padding: 20px;
      box-shadow: 0 14px 36px rgba(18, 31, 44, .07);
      min-height: 180px
    }

    .oem-capability-grid span {
      display: inline-grid;
      place-items: center;
      width: 34px;
      height: 34px;
      background: #17202a;
      color: var(--yellow);
      font-weight: 900;
      border-radius: 6px;
      margin-bottom: 18px
    }

    .oem-capability-grid h3 {
      margin: 0 0 10px;
      font-size: 20px;
      color: #17202a;
      letter-spacing: -.025em
    }

    .oem-capability-grid p {
      margin: 0;
      color: #65717d;
      line-height: 1.55;
      font-size: 14px
    }

    .oem-process-panel {
      display: grid;
      grid-template-columns: minmax(240px, .36fr) minmax(0, 1fr) auto;
      gap: 22px;
      align-items: center;
      background: linear-gradient(135deg, #1E2229 0%, #162536 100%);
      border-radius: 12px;
      padding: 26px;
      box-shadow: var(--shadow);
      color: #fff
    }

    .oem-process-heading span {
      display: inline-flex;
      color: var(--yellow);
      font-size: 12px;
      font-weight: 900;
      letter-spacing: .12em;
      text-transform: uppercase
    }

    .oem-process-heading h3 {
      margin: 10px 0 0;
      font-size: clamp(24px, 3vw, 36px);
      line-height: 1;
      letter-spacing: -.04em
    }

    .oem-timeline {
      counter-reset: oemstep;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
      list-style: none;
      margin: 0;
      padding: 0
    }

    .oem-timeline li {
      position: relative;
      background: rgba(255, 255, 255, .08);
      border: 1px solid rgba(255, 255, 255, .12);
      border-radius: 8px;
      padding: 44px 15px 15px;
      min-height: 170px
    }

    .oem-timeline li:before {
      counter-increment: oemstep;
      content: "0" counter(oemstep);
      position: absolute;
      top: 14px;
      left: 15px;
      color: #111;
      background: var(--yellow);
      border-radius: 5px;
      padding: 4px 7px;
      font-weight: 900;
      font-size: 12px
    }

    .oem-timeline b {
      display: block;
      font-size: 14px;
      margin-bottom: 8px
    }

    .oem-timeline span {
      display: block;
      color: #d5dee7;
      font-size: 12px;
      line-height: 1.45
    }

    .oem-main-cta {
      white-space: nowrap;
      margin-top: 0 !important
    }

    @media(max-width:1120px) {
      .oem-process-panel {
        grid-template-columns: 1fr
      }

      .oem-timeline {
        grid-template-columns: repeat(2, minmax(0, 1fr))
      }

      .oem-main-cta {
        width: max-content
      }
    }

    @media(max-width:980px) {
      .oem-visual-row {
        grid-template-columns: 1fr
      }

      .oem-visual-card,
      .oem-visual-card.large {
        min-height: 300px
      }

      .oem-capability-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
      }
    }

    @media(max-width:640px) {
      .oem-heading {
        padding-left: 16px
      }

      .oem-capability-grid,
      .oem-timeline {
        grid-template-columns: 1fr
      }

      .oem-process-panel {
        padding: 22px
      }

      .oem-main-cta {
        width: 100%;
        min-width: 0;
        justify-content: center;
        white-space: normal;
        text-align: center
      }

      .oem-visual-card,
      .oem-visual-card.large {
        min-height: 260px
      }
    }


    /* Section anchor and OEM timeline readability refinements */
    .section {
      scroll-margin-top: 118px
    }

    .oem-timeline li {
      min-height: 150px
    }

    .oem-timeline span {
      font-size: 12px;
      line-height: 1.42
    }

    .oem-process-panel {
      align-items: stretch
    }

    .oem-main-cta {
      align-self: center
    }

    .oem-visual-card div {
      background: linear-gradient(180deg, rgba(10, 14, 20, 0), rgba(10, 14, 20, .46));
      left: 0;
      right: 0;
      bottom: 0;
      padding: 44px 20px 20px
    }

    .oem-visual-card strong {
      max-width: 92%
    }

    @media(max-width:1120px) {
      .oem-process-panel {
        align-items: start
      }

      .oem-main-cta {
        align-self: start
      }
    }


    /* Factory Strength upgrade: data-first buyer trust module */
    .factory-strength-upgrade {
      background: linear-gradient(180deg, #fff 0%, #f1f4f7 100%)
    }

    .factory-strength-heading {
      border-left: 4px solid var(--yellow);
      padding-left: 22px;
      margin-bottom: 30px
    }

    .factory-strength-heading>p {
      max-width: 620px;
      margin-top: 28px;
      color: #5f6b76;
      line-height: 1.65
    }

    .factory-strength-metrics {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
      margin-bottom: 18px
    }

    .factory-strength-metrics article {
      background: linear-gradient(135deg, #1E2229 0%, #162536 100%);
      color: #fff;
      border-radius: 10px;
      padding: 22px 16px;
      min-height: 190px;
      box-shadow: 0 18px 45px rgba(18, 31, 44, .12);
      position: relative;
      overflow: hidden
    }

    .factory-strength-metrics article:after {
      content: "";
      position: absolute;
      right: -34px;
      bottom: -42px;
      width: 100px;
      height: 100px;
      border: 18px solid rgba(242, 169, 0, .12);
      border-radius: 50%
    }

    .factory-strength-metrics b {
      display: block;
      color: var(--yellow);
      font-size: clamp(25px, 2.4vw, 38px);
      letter-spacing: -.045em;
      line-height: 1
    }

    .factory-strength-metrics span {
      display: block;
      font-weight: 900;
      margin: 13px 0 8px;
      line-height: 1.2
    }

    .factory-strength-metrics small {
      display: block;
      color: #c7d1db;
      line-height: 1.45;
      font-size: 12px
    }

    .factory-proof-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 16px
    }

    .factory-proof-grid article {
      background: #fff;
      border: 1px solid rgba(23, 32, 42, .1);
      border-radius: 10px;
      padding: 22px;
      box-shadow: 0 14px 36px rgba(18, 31, 44, .07);
      min-height: 210px
    }

    .factory-proof-grid span {
      display: inline-grid;
      place-items: center;
      width: 36px;
      height: 36px;
      background: var(--yellow);
      color: #111;
      border-radius: 6px;
      font-weight: 900;
      margin-bottom: 18px
    }

    .factory-proof-grid h3 {
      margin: 0 0 10px;
      font-size: 20px;
      color: #17202a;
      letter-spacing: -.025em
    }

    .factory-proof-grid p {
      margin: 0;
      color: #65717d;
      line-height: 1.58;
      font-size: 14px
    }

    @media(max-width:1180px) {
      .factory-strength-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr))
      }

      .factory-proof-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
      }
    }

    @media(max-width:700px) {
      .factory-strength-heading {
        padding-left: 16px
      }

      .factory-strength-metrics,
      .factory-proof-grid {
        grid-template-columns: 1fr
      }

      .factory-strength-metrics article,
      .factory-proof-grid article {
        min-height: auto
      }
    }


    /* Compact Factory Strength refinement */
    .compact-factory-metrics {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      max-width: 1180px;
      margin-left: auto;
      margin-right: auto
    }

    .factory-trust-strip {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
      margin-top: 18px;
      background: #fff;
      border: 1px solid rgba(23, 32, 42, .1);
      border-radius: 10px;
      padding: 16px;
      box-shadow: 0 12px 32px rgba(18, 31, 44, .06)
    }

    .factory-trust-strip span {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #17202a;
      font-weight: 800;
      font-size: 13px;
      background: #f1f4f7;
      border-radius: 999px;
      padding: 9px 12px
    }

    .factory-trust-strip span:before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--yellow)
    }

    @media(max-width:900px) {
      .compact-factory-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
      }
    }

    @media(max-width:620px) {
      .compact-factory-metrics {
        grid-template-columns: 1fr !important
      }

      .factory-trust-strip {
        justify-content: flex-start
      }

      .factory-trust-strip span {
        width: 100%
      }
    }


    /* Factory Strength light text metrics with dynamic underline accents */
    .factory-strength-lines {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 32px 42px;
      margin: 18px 0 24px
    }

    .factory-strength-lines article {
      position: relative;
      padding: 0 0 20px;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      color: #17202a
    }

    .factory-strength-lines article:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 1px;
      background: linear-gradient(90deg, rgba(23, 32, 42, .22), rgba(23, 32, 42, .05))
    }

    .factory-strength-lines article:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -1px;
      width: 58px;
      height: 3px;
      background: var(--yellow);
      border-radius: 999px;
      box-shadow: 0 0 18px rgba(242, 169, 0, .35);
      transition: width .28s ease
    }

    .factory-strength-lines article:hover:after {
      width: 118px
    }

    .factory-strength-lines b {
      display: block;
      color: #17202a;
      font-size: clamp(32px, 3.8vw, 54px);
      letter-spacing: -.055em;
      line-height: .95;
      will-change: contents, transform
    }

    .factory-strength-lines b.is-counting {
      animation: metricCountPop .24s ease both
    }

    @keyframes metricCountPop {
      0% {
        transform: translateY(8px) scale(.98);
        opacity: .7
      }

      100% {
        transform: translateY(0) scale(1);
        opacity: 1
      }
    }

    .factory-strength-lines span {
      display: block;
      margin: 12px 0 6px;
      color: #17202a;
      font-weight: 900;
      font-size: 15px
    }

    .factory-strength-lines small {
      display: block;
      color: #65717d;
      font-size: 13px;
      line-height: 1.45;
      max-width: 270px
    }

    .factory-proof-line {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      gap: 16px 24px;
      align-items: center;
      padding-top: 18px;
      margin-top: 4px;
      border-top: 1px solid rgba(23, 32, 42, .1)
    }

    .factory-proof-line:before {
      content: "";
      position: absolute;
      left: 0;
      top: -1px;
      width: 180px;
      height: 2px;
      background: linear-gradient(90deg, var(--yellow), rgba(242, 169, 0, 0));
      animation: factoryLineSweep 3.8s ease-in-out infinite
    }

    .factory-proof-line span {
      position: relative;
      color: #4f5b66;
      font-size: 13px;
      font-weight: 800;
      padding-left: 16px
    }

    .factory-proof-line span:before {
      content: "";
      position: absolute;
      left: 0;
      top: .56em;
      width: 6px;
      height: 6px;
      background: var(--yellow);
      border-radius: 50%
    }

    .partner-logo-band {
      margin-top: 30px;
      padding-top: 22px;
      border-top: 1px solid rgba(23, 32, 42, .1);
      overflow: hidden
    }

    .partner-logo-band h3 {
      margin: 0 0 16px;
      color: #17202a;
      font-size: 14px;
      letter-spacing: .12em;
      text-transform: uppercase
    }

    .partner-logo-marquee {
      display: flex;
      overflow: hidden;
      mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
      margin: 10px 0
    }

    .partner-logo-track {
      display: flex;
      gap: 14px;
      min-width: max-content;
      animation: partnerLogoScroll 32s linear infinite
    }

    .partner-logo-marquee.reverse .partner-logo-track {
      animation-direction: reverse;
      animation-duration: 36s
    }

    .partner-logo-marquee.slow .partner-logo-track {
      animation-duration: 40s
    }

    .partner-logo-marquee:hover .partner-logo-track {
      animation-play-state: paused
    }

    .partner-logo {
      display: grid;
      place-items: center;
      flex: 0 0 208px;
      width: 208px;
      height: 84px;
      border: 1px solid rgba(23, 32, 42, .12);
      border-radius: 8px;
      background: #fff;
      padding: 12px 22px;
      filter: saturate(.88) contrast(1.04);
      transition: .2s ease;
      overflow: visible
    }

    .partner-logo img {
      display: block;
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
      object-position: center
    }

    .partner-logo:hover {
      filter: none;
      border-color: rgba(242, 169, 0, .42);
      box-shadow: 0 12px 26px rgba(18, 31, 44, .08);
      background: #fff
    }

    @keyframes factoryLineSweep {

      0%,
      100% {
        transform: translateX(0);
        opacity: .65
      }

      50% {
        transform: translateX(56px);
        opacity: 1
      }
    }

    @keyframes partnerLogoScroll {
      from {
        transform: translateX(0)
      }

      to {
        transform: translateX(-50%)
      }
    }

    @media(max-width:900px) {
      .factory-strength-lines {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px
      }

      .partner-logo {
        flex-basis: 172px;
        width: 172px;
        height: 70px;
        padding: 10px 16px
      }
    }

    @media(max-width:620px) {
      .factory-strength-lines {
        grid-template-columns: 1fr
      }

      .factory-strength-lines b {
        font-size: 42px
      }

      .factory-proof-line {
        display: grid;
        gap: 12px
      }

      .factory-proof-line:before {
        width: 120px
      }

      .partner-logo-band {
        margin-top: 24px
      }

      .partner-logo {
        flex-basis: 150px;
        width: 150px;
        height: 62px;
        padding: 9px 13px
      }
    }

    @media(max-width:900px) {
      .form-row {
        grid-template-columns: 1fr
      }

      .lead-capture {
        padding: 38px 24px
      }

      .rfq-proof-list {
        margin-top: 20px
      }
    }

    @media(max-width:1100px) {
      .footer-main {
        grid-template-columns: 1fr 1fr
      }

      .footer-qr-grid {
        max-width: 280px
      }
    }

    @media(max-width:700px) {
      .footer-main {
        grid-template-columns: 1fr
      }

      .footer {
        padding: 42px 5vw 28px
      }

      .footer-qr-grid {
        max-width: 260px
      }

      .footer-bottom {
        display: grid
      }
    }

    /* Patented product promotional banner - appended at page end */
    .patent-banner {
      position: relative;
      min-height: 520px;
      margin: 80px 0 0;
      padding: 72px 5vw;
      display: grid;
      grid-template-columns: minmax(0, 620px) minmax(320px, 1fr);
      align-items: center;
      gap: 44px;
      overflow: hidden;
      background: linear-gradient(112deg, #121820 0%, #1e2a36 48%, #eef2f5 48%, #f8f9fa 100%);
      color: #fff
    }

    .patent-banner:before {
      content: "";
      position: absolute;
      inset: 0;
      background: radial-gradient(circle at 78% 28%, rgba(242, 169, 0, .24), transparent 28%), linear-gradient(90deg, rgba(17, 24, 32, .94) 0%, rgba(17, 24, 32, .88) 39%, rgba(17, 24, 32, .18) 69%, rgba(248, 249, 250, .12) 100%);
      pointer-events: none
    }

    .patent-banner-bg {
      position: absolute;
      inset: 0;
      background-image: var(--patent-banner-bg, none);
      background-size: cover;
      background-position: center right;
      opacity: .42
    }

    .patent-banner-copy {
      position: relative;
      z-index: 2;
      max-width: 620px
    }

    .patent-banner-copy .eyebrow {
      display: inline-flex;
      margin-bottom: 14px
    }

    .patent-banner h2 {
      font-size: clamp(38px, 5vw, 68px);
      line-height: .96;
      letter-spacing: -.055em;
      margin: 0 0 18px;
      color: #fff
    }

    .patent-banner p {
      max-width: 590px;
      color: #e4ebf1;
      font-size: 18px;
      line-height: 1.58;
      margin: 0 0 24px
    }

    .patent-banner p b {
      color: var(--yellow);
      font-weight: 900;
      margin: 0 5px
    }

    .patent-points {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px 16px;
      list-style: none;
      margin: 0 0 30px;
      padding: 0
    }

    .patent-points li {
      position: relative;
      padding: 12px 14px 12px 34px;
      border: 1px solid rgba(255, 255, 255, .15);
      background: rgba(255, 255, 255, .065);
      border-radius: 8px;
      color: #f4f7fa;
      font-size: 14px;
      font-weight: 800;
      backdrop-filter: blur(8px)
    }

    .patent-points li:before {
      content: "";
      position: absolute;
      left: 14px;
      top: 17px;
      width: 8px;
      height: 8px;
      border-radius: 2px;
      background: var(--yellow);
      box-shadow: 0 0 0 4px rgba(242, 169, 0, .15)
    }

    .patent-banner .btn-primary {
      display: inline-flex;
      background: var(--yellow);
      color: #111;
      padding: 15px 22px;
      border-radius: 8px;
      font-weight: 900;
      box-shadow: 0 14px 28px rgba(242, 169, 0, .26)
    }

    .patent-banner-visual {
      position: relative;
      z-index: 1;
      min-height: 360px;
      border-radius: 12px;
      border: 1px dashed rgba(30, 34, 41, .22);
      background: linear-gradient(135deg, rgba(255, 255, 255, .76), rgba(255, 255, 255, .32)), repeating-linear-gradient(135deg, rgba(30, 34, 41, .06) 0, rgba(30, 34, 41, .06) 1px, transparent 1px, transparent 16px);
      box-shadow: 0 28px 80px rgba(12, 22, 35, .16)
    }

    @media(max-width:980px) {
      .patent-banner {
        grid-template-columns: 1fr;
        min-height: auto;
        padding: 56px 5vw;
        background: linear-gradient(135deg, #121820, #243243)
      }

      .patent-banner:before {
        background: radial-gradient(circle at 85% 20%, rgba(242, 169, 0, .24), transparent 32%), linear-gradient(135deg, rgba(17, 24, 32, .94), rgba(17, 24, 32, .88))
      }

      .patent-banner-visual {
        min-height: 260px;
        order: -1
      }

      .patent-points {
        grid-template-columns: 1fr 1fr
      }
    }

    @media(max-width:640px) {
      .patent-banner {
        padding: 44px 22px;
        gap: 28px
      }

      .patent-banner h2 {
        font-size: 38px
      }

      .patent-banner p {
        font-size: 16px
      }

      .patent-points {
        grid-template-columns: 1fr
      }

      .patent-banner-visual {
        min-height: 210px;
        border-radius: 10px
      }
    }




    /* Document-aligned header taxonomy: keep provided logic, polish dropdown style only */
    .site-header .nav-links-clean {
      gap: 0 !important;
      font-size: 13.2px !important
    }

    .site-header .nav-links-clean>.nav-link-clean,
    .site-header .nav-links-clean>.clean-nav-item>.nav-link-clean {
      padding: 0 12px !important;
      letter-spacing: -.015em !important
    }

    .site-header .nav-links-clean>.nav-link-clean:after,
    .site-header .nav-links-clean>.clean-nav-item>.nav-link-clean:after {
      left: 12px !important;
      right: 12px !important
    }

    .site-header .product-simple-menu {
      width: max-content !important;
      min-width: 250px !important;
      max-width: min(380px, calc(100vw - 40px)) !important;
      padding: 8px !important
    }

    .site-header .product-simple-menu a {
      min-height: 40px !important;
      padding: 0 14px !important;
      white-space: nowrap !important;
      color: #565e68 !important;
      font-weight: 650 !important
    }

    .site-header .product-simple-menu a:hover {
      color: #1e76d0 !important;
      background: #f5f8fc !important
    }

    .site-header .product-nav-item:nth-of-type(3) .product-simple-menu,
    .site-header .solution-nav-item .clean-simple-menu {
      left: auto !important;
      right: 0 !important
    }

    /* Tiered product menu style only: second-level click reveals third-level links */
    .site-header .product-simple-menu.product-tier-menu {
      width: 520px !important;
      min-width: 520px !important;
      max-width: min(90vw, 520px) !important;
      padding: 10px !important
    }

    .site-header .tier-menu-shell {
      display: grid;
      grid-template-columns: 190px minmax(0, 1fr);
      gap: 10px;
      min-height: 226px
    }

    .site-header .tier-menu-tabs {
      display: grid;
      align-content: start;
      gap: 6px;
      padding: 2px 8px 2px 2px;
      border-right: 1px solid #edf0f3
    }

    .site-header .tier-menu-tab {
      appearance: none;
      border: 0;
      background: transparent;
      color: #2e3640;
      border-radius: 7px;
      min-height: 44px;
      padding: 0 10px;
      text-align: left;
      font: inherit;
      font-size: 13px;
      font-weight: 850;
      line-height: 1.25;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      transition: background .16s ease, color .16s ease
    }

    .site-header .tier-menu-tab:after {
      content: "›";
      font-size: 20px;
      line-height: 1;
      color: #b6c0ca;
      font-weight: 400
    }

    .site-header .tier-menu-tab:hover,
    .site-header .tier-menu-tab.is-active {
      background: #f4f8fc;
      color: #1e76d0
    }

    .site-header .tier-menu-tab.is-active:after {
      color: #1e76d0
    }

    .site-header .tier-menu-panels {
      min-width: 0;
      padding: 2px
    }

    .site-header .tier-menu-panel {
      display: none;
      grid-template-columns: 1fr;
      gap: 2px
    }

    .site-header .tier-menu-panel.is-active {
      display: grid
    }

    .site-header .tier-menu-panel a {
      min-height: 38px !important;
      padding: 0 12px !important;
      border-radius: 6px !important;
      font-size: 13px !important;
      color: #56606b !important;
      background: transparent !important
    }

    .site-header .tier-menu-panel a:hover {
      color: #1e76d0 !important;
      background: #f5f8fc !important;
      transform: translateX(2px)
    }

    .site-header .tier-menu-empty {
      color: #7c8793;
      font-size: 12px;
      font-weight: 700;
      padding: 12px
    }

    @media(max-width:1280px) {
      .site-header .product-simple-menu.product-tier-menu {
        width: 460px !important;
        min-width: 460px !important
      }

      .site-header .tier-menu-shell {
        grid-template-columns: 170px minmax(0, 1fr)
      }
    }

    @media(max-width:1160px) {
      .site-header .product-simple-menu.product-tier-menu {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important
      }

      .site-header .tier-menu-shell {
        grid-template-columns: 1fr
      }

      .site-header .tier-menu-tabs {
        border-right: 0;
        border-bottom: 1px solid #edf0f3;
        padding: 0 0 8px
      }

      .site-header .tier-menu-tab:after {
        transform: rotate(90deg)
      }
    }

    @media(max-width:1400px) {
      .site-header .navbar {
        padding: 0 clamp(16px, 2.8vw, 42px) !important;
        gap: 14px !important
      }

      .site-header .brand-logo img {
        width: 148px !important;
        height: 44px !important
      }

      .site-header .nav-links-clean {
        font-size: 11.4px !important
      }

      .site-header .nav-links-clean>.nav-link-clean,
      .site-header .nav-links-clean>.clean-nav-item>.nav-link-clean {
        padding: 0 5px !important
      }

      .site-header .nav-links-clean>.nav-link-clean:after,
      .site-header .nav-links-clean>.clean-nav-item>.nav-link-clean:after {
        left: 5px !important;
        right: 5px !important
      }

      .site-header .quote-btn {
        padding: 9px 10px !important;
        font-size: 11.2px !important
      }
    }

    @media(max-width:1160px) {
      .site-header .nav-links-clean {
        display: none !important
      }

      .site-header .nav-toggle {
        display: block !important;
        margin-left: auto !important;
        color: #111820 !important;
        background: transparent !important;
        border: 0 !important;
        font-size: 28px !important
      }
    }


    /* Document DOCX taxonomy menu correction */
    .site-header .nav-links-clean {
      font-size: 12.2px !important
    }

    .site-header .nav-links-clean>.nav-link-clean,
    .site-header .nav-links-clean>.clean-nav-item>.nav-link-clean {
      padding: 0 9px !important
    }

    .site-header .nav-links-clean>.nav-link-clean:after,
    .site-header .nav-links-clean>.clean-nav-item>.nav-link-clean:after {
      left: 9px !important;
      right: 9px !important
    }

    .site-header .product-simple-menu.product-tier-menu {
      width: 600px !important;
      min-width: 600px !important;
      max-width: min(92vw, 600px) !important;
      padding: 10px !important
    }

    .site-header .tier-menu-shell {
      grid-template-columns: 230px minmax(0, 1fr) !important;
      min-height: 238px !important
    }

    .site-header .tier-menu-tab {
      font-size: 12.5px !important;
      min-height: 42px !important;
      padding: 0 9px !important
    }

    .site-header .tier-menu-panel a,
    .site-header .product-flat-menu a {
      font-size: 12.6px !important;
      min-height: 37px !important;
      padding: 0 12px !important;
      white-space: normal !important;
      line-height: 1.22 !important
    }

    .site-header .product-flat-menu {
      width: 310px !important;
      min-width: 310px !important;
      max-width: min(88vw, 330px) !important;
      padding: 10px !important
    }

    .site-header .product-nav-item:nth-of-type(3) .product-simple-menu {
      left: 0 !important;
      right: auto !important
    }

    .site-header .product-nav-item:nth-of-type(4) .product-simple-menu,
    .site-header .commercial-nav-item .product-simple-menu,
    .site-header .solution-nav-item .clean-simple-menu {
      left: auto !important;
      right: 0 !important
    }

    @media(max-width:1420px) {
      .site-header .nav-links-clean {
        font-size: 11.2px !important
      }

      .site-header .nav-links-clean>.nav-link-clean,
      .site-header .nav-links-clean>.clean-nav-item>.nav-link-clean {
        padding: 0 5px !important
      }

      .site-header .nav-links-clean>.nav-link-clean:after,
      .site-header .nav-links-clean>.clean-nav-item>.nav-link-clean:after {
        left: 5px !important;
        right: 5px !important
      }

      .site-header .brand-logo img {
        width: 142px !important;
        height: 42px !important
      }

      .site-header .quote-btn {
        font-size: 10.8px !important;
        padding: 9px 9px !important
      }

      .site-header .product-simple-menu.product-tier-menu {
        width: 540px !important;
        min-width: 540px !important
      }

      .site-header .tier-menu-shell {
        grid-template-columns: 205px minmax(0, 1fr) !important
      }
    }

    @media(max-width:1220px) {
      .site-header .nav-links-clean {
        font-size: 10.6px !important
      }

      .site-header .nav-links-clean>.nav-link-clean,
      .site-header .nav-links-clean>.clean-nav-item>.nav-link-clean {
        padding: 0 4px !important
      }

      .site-header .navbar {
        padding: 0 16px !important;
        gap: 10px !important
      }
    }


    /* DOCX navigation fit fix: keep exact taxonomy text, reduce spacing only */
    .site-header .navbar {
      gap: 10px !important
    }

    .site-header .nav-links-clean {
      font-size: 11.4px !important
    }

    .site-header .nav-links-clean>.nav-link-clean,
    .site-header .nav-links-clean>.clean-nav-item>.nav-link-clean {
      padding: 0 5px !important
    }

    .site-header .nav-links-clean>.nav-link-clean:after,
    .site-header .nav-links-clean>.clean-nav-item>.nav-link-clean:after {
      left: 5px !important;
      right: 5px !important
    }

    .site-header .brand-logo img {
      width: 136px !important;
      height: 40px !important
    }

    .site-header .quote-btn {
      font-size: 10.6px !important;
      padding: 9px 8px !important
    }

    @media(max-width:1320px) {
      .site-header .nav-links-clean {
        font-size: 10.6px !important
      }

      .site-header .nav-link-parent:before {
        width: 6px !important;
        height: 6px !important;
        margin-left: 4px !important
      }

      .site-header .nav-links-clean>.nav-link-clean,
      .site-header .nav-links-clean>.clean-nav-item>.nav-link-clean {
        padding: 0 3.5px !important
      }

      .site-header .quote-btn {
        font-size: 10px !important;
        padding: 8px 6px !important
      }

      .site-header .brand-logo img {
        width: 126px !important;
        height: 38px !important
      }
    }

    @media(max-width:1180px) {
      .site-header .nav-links-clean {
        display: none !important
      }

      .site-header .nav-toggle {
        display: block !important;
        margin-left: auto !important;
        color: #111820 !important;
        background: transparent !important;
        border: 0 !important;
        font-size: 28px !important
      }

      .site-header .quote-btn {
        display: inline-flex !important
      }

      .site-header .navbar {
        min-height: 68px !important
      }

      .site-header .brand-logo img {
        width: 156px !important;
        height: 46px !important
      }
    }