.machine-sheet main {
            --green: #b6e94d;
            --green-dark: #4c8600;
            --ink: #151a16;
            --muted: #667067;
            --line: #e7ebe5;
            --soft: #f6f8f4;
            --white: #fff
        }

.machine-sheet main * {
            box-sizing: border-box
        }

.machine-sheet main {
            margin: 0;
            font-family: Inter, Arial, sans-serif;
            color: var(--ink);
            background: #fff
        }

.machine-sheet main .wrap {
            width: min(1180px, calc(100% - 40px));
            margin: auto
        }

.machine-sheet main .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 13px 20px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            border: 1px solid var(--ink);
            color: var(--ink)
        }

.machine-sheet main .btn.primary {
            background: var(--green);
            border-color: var(--green);
            color: #172000
        }

.machine-sheet main .hero {
            padding: 74px 0 54px;
            background: linear-gradient(180deg, #fbfcfa, #fff)
        }

.machine-sheet main .crumb {
            font-size: 13px;
            color: var(--muted);
            margin-bottom: 35px
        }

.machine-sheet main .hero-grid {
            display: grid;
            grid-template-columns: 1.05fr .95fr;
            gap: 70px;
            align-items: center
        }

.machine-sheet main .eyebrow {
            font-size: 13px;
            font-weight: 700;
            letter-spacing: .13em;
            text-transform: uppercase;
            color: var(--green-dark)
        }

.machine-sheet main h1 {
            font: 700 clamp(44px, 6vw, 76px)/.98 'Space Grotesk';
            letter-spacing: -3px;
            margin: 14px 0 22px
        }

.machine-sheet main .lead {
            font-size: 18px;
            line-height: 1.75;
            color: #4f5850;
            max-width: 650px
        }

.machine-sheet main .hero-actions {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
            margin-top: 30px
        }

.machine-sheet main .machine-img {
            min-height: 520px;
            border-radius: 24px;
            background: var(--soft);
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden
        }

.machine-sheet main .machine-img img {
            max-width: 92%;
            max-height: 500px;
            object-fit: contain
        }

.machine-sheet main .placeholder {
            padding: 40px;
            text-align: center;
            color: #8a938b
        }

.machine-sheet main .quick {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 14px;
            margin-top: 50px
        }

.machine-sheet main .quick-card {
            border: 1px solid var(--line);
            border-radius: 14px;
            padding: 20px
        }

.machine-sheet main .quick-card small {
            display: block;
            color: var(--muted);
            margin-bottom: 8px
        }

.machine-sheet main .quick-card strong {
            font: 600 20px 'Space Grotesk'
        }

.machine-sheet main section {
            padding: 78px 0
        }

.machine-sheet main .section-head {
            max-width: 760px;
            margin-bottom: 38px
        }

.machine-sheet main .section-head h2 {
            font: 600 38px 'Space Grotesk';
            margin: 8px 0 10px
        }

.machine-sheet main .section-head p {
            color: var(--muted);
            line-height: 1.7
        }

.machine-sheet main .features {
            background: var(--soft)
        }

.machine-sheet main .feature-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 18px
        }

.machine-sheet main .feature {
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 16px;
            padding: 26px
        }

.machine-sheet main .feature b {
            font: 600 18px 'Space Grotesk';
            display: block;
            margin-bottom: 8px
        }

.machine-sheet main .feature p {
            margin: 0;
            color: var(--muted);
            line-height: 1.6
        }

.machine-sheet main .apps {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px
        }

.machine-sheet main .app {
            border: 1px solid var(--line);
            border-radius: 14px;
            padding: 22px;
            font-weight: 600
        }

.machine-sheet main .spec-wrap {
            overflow: auto;
            border: 1px solid var(--line);
            border-radius: 16px
        }

.machine-sheet main table {
            width: 100%;
            border-collapse: collapse;
            min-width: 700px
        }

.machine-sheet main td {
            padding: 15px 18px;
            border-bottom: 1px solid var(--line);
            vertical-align: top
        }

.machine-sheet main tr:last-child td {
            border-bottom: 0
        }

.machine-sheet main td:first-child {
            width: 38%;
            font-weight: 600;
            background: #fafbf9
        }

.machine-sheet main td:last-child {
            color: #4f5850
        }

.machine-sheet main .cta {
            padding: 65px 0
        }

.machine-sheet main .cta-box {
            background: #151a16;
            color: #fff;
            border-radius: 24px;
            padding: 46px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 30px
        }

.machine-sheet main .cta-box h2 {
            font: 600 34px 'Space Grotesk';
            margin: 0 0 10px
        }

.machine-sheet main .cta-box p {
            margin: 0;
            color: #cbd1cb
        }

.machine-sheet main .cta-box .btn.primary {
            white-space: nowrap
        }

@media(max-width:850px) {
.machine-sheet main .hero-grid {
                grid-template-columns: 1fr
            }

.machine-sheet main .machine-img {
                min-height: 380px
            }

.machine-sheet main .quick {
                grid-template-columns: repeat(2, 1fr)
            }

.machine-sheet main .feature-grid,
.machine-sheet main .apps {
                grid-template-columns: 1fr
            }

.machine-sheet main .cta-box {
                align-items: flex-start;
                flex-direction: column
            }
}

@media(max-width:520px) {
.machine-sheet main .wrap {
                width: min(100% - 28px, 1180px)
            }

.machine-sheet main .quick {
                grid-template-columns: 1fr
            }

.machine-sheet main h1 {
                letter-spacing: -2px
            }

.machine-sheet main .hero {
                padding-top: 45px
            }
}

.machine-sheet main {background:#fff;color:var(--ink);font-size:16px;line-height:1.6}

.machine-sheet main .hero {padding:64px 0 54px}

.machine-sheet main .crumb a:hover {color:var(--green-dark);text-decoration:underline}

.machine-sheet main h1 {color:var(--ink)}

.machine-sheet main h2 {line-height:1.2;letter-spacing:-1px}

.machine-sheet main .btn {font-size:14px;line-height:1.5;transition:background .15s}

.machine-sheet main .btn:hover {background:#edf2e7}

.machine-sheet main .btn.primary:hover {background:#a5d83e}

.machine-sheet main .machine-img img {width:92%;height:500px}

.machine-sheet main .quick-card strong {overflow-wrap:anywhere;line-height:1.4;display:block}

.machine-sheet main .quick-card small {font-size:13px}

.machine-sheet main .feature {display:flex;align-items:center;min-height:100px;gap:18px}

.machine-sheet main .feature-number {font:600 14px 'Space Grotesk',sans-serif;color:var(--green-dark)}

.machine-sheet main .feature b {margin:0}

.machine-sheet main .feature p {margin-top:6px;font-size:14px}

.machine-sheet main .spec-wrap {width:100%}

.machine-sheet main .spec-wrap table {margin:0;border:0;table-layout:fixed;min-width:0}

.machine-sheet main .spec-wrap th {text-align:left;width:38%;font-weight:600;background:#fafbf9}

.machine-sheet main .spec-wrap td,
.machine-sheet main .spec-wrap th {padding:15px 18px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;font-size:14px}

.machine-sheet main .spec-wrap tr:last-child>* {border-bottom:0}

.machine-sheet main .spec-wrap td {background:white;color:#4f5850}

.machine-sheet main .machine-realizations {margin:0}

.machine-sheet main .machine-detail-image {height:440px;min-height:0;background:var(--soft);border:1px solid var(--line);border-radius:16px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}

.machine-sheet main .machine-detail-image img {width:100%;height:100%;object-fit:contain;max-height:100%}

.machine-sheet main .gallery-slider {margin-top:18px}

.machine-sheet main .gallery-thumb {border-radius:10px;background:var(--soft)}

.machine-sheet main .gallery-thumb.is-active {border-color:var(--green-dark)}

.machine-sheet main .cta-box .hero-actions {margin-top:20px}

.machine-sheet main .cta-box .btn:not(.primary) {color:white;border-color:#677066}

.machine-sheet main .cta-box .btn:not(.primary):hover {background:#303a2e}

.machine-sheet main :focus-visible {outline:3px solid var(--green-dark);outline-offset:4px}

@media(max-width:1000px) {
.machine-sheet main .hero-grid {gap:35px}
}

@media(max-width:850px) {
.machine-sheet main .hero-grid {grid-template-columns:1fr}

.machine-sheet main .machine-img {min-height:340px}

.machine-sheet main .machine-img img {height:360px}

.machine-sheet main .hero {padding-top:32px}

.machine-sheet main .cta-box {padding:30px}

.machine-sheet main section {padding:48px 0}
}

@media(max-width:520px) {
.machine-sheet main .hero-actions .btn {width:100%}

.machine-sheet main .quick {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px}

.machine-sheet main .quick-card {padding:14px}

.machine-sheet main .quick-card strong {font-size:17px}

.machine-sheet main .section-head h2 {font-size:29px}

.machine-sheet main .machine-detail-image {height:300px}

.machine-sheet main .cta-box {padding:24px}

.machine-sheet main .cta-box h2 {font-size:28px}

.machine-sheet main .spec-wrap td,
.machine-sheet main .spec-wrap th {padding:12px 10px;font-size:13px}
}

@media(prefers-reduced-motion:reduce) {
.machine-sheet main * {transition:none!important}
}

.machine-sheet main .gallery-slider {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
}

.machine-sheet main .gallery-strip {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--cyan) transparent;
  padding: 2px 0 8px;
  scroll-behavior: smooth;
}

.machine-sheet main .gallery-strip::-webkit-scrollbar {
  height: 5px;
}

.machine-sheet main .gallery-strip::-webkit-scrollbar-thumb {
  background: var(--cyan);
  border-radius: 10px;
}

.machine-sheet main .gallery-thumb {
  flex: 0 0 110px;
  width: 110px;
  padding: 0;
  border-radius: 12px;
  overflow: hidden;
  background: transparent;
  border: 2px solid transparent;
  cursor: pointer;
  transition: var(--transition);
}

.machine-sheet main .gallery-thumb.is-active {
  border-color: var(--cyan);
  box-shadow: var(--shadow-glow);
}

.machine-sheet main .gallery-thumb img {
  display: block;
  width: 110px;
  height: 80px;
  object-fit: cover;
}

.machine-sheet main .hero-grid>* {min-width:0}

/* Space for the original fixed site header. */
.machine-sheet main {padding-top:80px}

/* Matching controls for the main image and the thumbnail strip. */
.machine-sheet main .gallery-nav,
.machine-sheet main .gallery-strip-nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--white);
  color: var(--ink);
  cursor: pointer;
  flex-shrink: 0;
  box-shadow: 0 3px 12px rgb(21 26 22 / 8%);
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
  -webkit-tap-highlight-color: transparent;
}

.machine-sheet main .gallery-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.machine-sheet main .gallery-nav.prev {left: 18px}
.machine-sheet main .gallery-nav.next {right: 18px}

/* CSS chevrons stay visible even when the external icon font is unavailable. */
.machine-sheet main .gallery-nav i,
.machine-sheet main .gallery-strip-nav i {display: none}

.machine-sheet main .gallery-nav::before,
.machine-sheet main .gallery-strip-nav::before {
  content: "";
  width: 9px;
  height: 9px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: translateX(-2px) rotate(45deg);
}

.machine-sheet main .gallery-nav.prev::before,
.machine-sheet main .gallery-strip-nav.prev::before {
  transform: translateX(2px) rotate(-135deg);
}

@media (hover: hover) {
  .machine-sheet main .gallery-nav:hover,
  .machine-sheet main .gallery-strip-nav:hover {
    background: var(--green);
    border-color: var(--green);
    box-shadow: 0 4px 16px rgb(21 26 22 / 12%);
  }
}

.machine-sheet main .gallery-nav:active,
.machine-sheet main .gallery-strip-nav:active {
  background: var(--green);
  border-color: var(--green-dark);
}

@media (max-width: 520px) {
  .machine-sheet main .gallery-nav.prev {left: 10px}
  .machine-sheet main .gallery-nav.next {right: 10px}
  .machine-sheet main .gallery-slider {gap: 6px}
}