/* ===== style.css ===== */
:root {
  --navy-950: #07142f;
  --navy-900: #0c1d42;
  --navy-800: #102a62;
  --navy-700: #183b82;
  --blue-600: #2456aa;
  --orange-600: #c9770d;
  --orange-500: #dd8f22;
  --orange-400: #efa33b;
  --ink: #182033;
  --muted: #667085;
  --line: #dfe4ec;
  --surface: #f5f7fa;
  --surface-2: #eef2f7;
  --white: #ffffff;
  --shadow-sm: 0 10px 30px rgba(7, 20, 47, 0.08);
  --shadow-md: 0 22px 60px rgba(7, 20, 47, 0.14);
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --container: 1240px;
  --header-h: 78px;
  --transition: 220ms ease;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-width: 320px;
  color: var(--ink);
  background: var(--white);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.menu-open,
body.modal-open {
  overflow: hidden;
}

img {
  display: block;
  max-width: 100%;
}

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

button,
input,
textarea,
select {
  font: inherit;
}

button {
  cursor: pointer;
}

::selection {
  color: var(--white);
  background: var(--orange-500);
}

.container {
  width: min(calc(100% - 40px), var(--container));
  margin-inline: auto;
}

.section {
  position: relative;
  padding: 112px 0;
}

.section--compact {
  padding: 78px 0;
}

.section--surface {
  background: var(--surface);
}

.section--dark {
  color: var(--white);
  background: var(--navy-950);
}

.section-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(280px, 0.55fr);
  gap: 56px;
  align-items: end;
  margin-bottom: 54px;
}

.section-heading--single {
  display: block;
  max-width: 1000px;
}

.section-heading--center {
  display: block;
  max-width: 830px;
  margin-inline: auto;
  text-align: center;
}

.section-heading h2,
.display-title,
.page-hero h1 {
  margin: 0;
  color: var(--navy-950);
  font-weight: 450;
  line-height: 1.04;
  letter-spacing: -0.045em;
}

.section-heading h2 {
  font-size: clamp(2.25rem, 4.2vw, 4rem);
}

.section-heading p {
  margin: 0;
  color: var(--muted);
  font-size: 1.06rem;
}

.section--dark .section-heading h2,
.section--dark .section-heading p {
  color: var(--white);
}

.section--dark .section-heading p {
  color: rgba(255, 255, 255, 0.66);
}

.eyebrow {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 18px;
  color: var(--orange-600);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.eyebrow::before {
  width: 32px;
  height: 2px;
  background: currentColor;
  content: "";
}

.eyebrow--light {
  color: var(--orange-400);
}

.text-link {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  color: var(--navy-800);
  font-weight: 750;
  transition: gap var(--transition), color var(--transition);
}

.text-link::after {
  font-size: 1.15em;
  content: "→";
}

.text-link:hover {
  gap: 15px;
  color: var(--orange-600);
}

.btn {
  display: inline-flex;
  min-height: 52px;
  gap: 11px;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  border: 1px solid transparent;
  border-radius: 7px;
  font-weight: 800;
  letter-spacing: -0.01em;
  transition: transform var(--transition), background var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
}

.btn:hover {
  transform: translateY(-2px);
}

.btn--primary {
  color: var(--white);
  background: var(--orange-500);
  box-shadow: 0 14px 30px rgba(221, 143, 34, 0.22);
}

.btn--primary:hover {
  background: var(--orange-600);
  box-shadow: 0 18px 38px rgba(201, 119, 13, 0.28);
}

.btn--navy {
  color: var(--white);
  background: var(--navy-800);
}

.btn--navy:hover {
  background: var(--navy-700);
}

.btn--ghost {
  color: var(--white);
  border-color: rgba(255, 255, 255, 0.42);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(8px);
}

.btn--ghost:hover {
  border-color: var(--white);
  background: rgba(255, 255, 255, 0.11);
}

.btn--light {
  color: var(--navy-950);
  background: var(--white);
}

.btn--light:hover {
  color: var(--orange-600);
}

.btn--small {
  min-height: 44px;
  padding-inline: 18px;
  font-size: 0.92rem;
}

.topbar {
  position: relative;
  z-index: 30;
  color: rgba(255, 255, 255, 0.76);
  background: var(--navy-950);
  font-size: 0.78rem;
}

.topbar__inner {
  display: flex;
  min-height: 36px;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
}

.topbar__meta {
  display: flex;
  gap: 26px;
  align-items: center;
}

.topbar__tag {
  color: var(--orange-400);
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.site-header {
  position: sticky;
  z-index: 25;
  top: 0;
  border-bottom: 1px solid rgba(16, 42, 98, 0.08);
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(16px);
  transition: box-shadow var(--transition), background var(--transition);
}

.site-header.is-scrolled {
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 10px 30px rgba(7, 20, 47, 0.09);
}

.site-header__inner {
  display: flex;
  min-height: var(--header-h);
  gap: 32px;
  align-items: center;
}

.brand {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
}

.brand img {
  width: 202px;
  height: 55px;
  object-fit: contain;
}

.main-nav {
  display: flex;
  gap: 30px;
  align-items: center;
  margin-left: auto;
}

.main-nav a {
  position: relative;
  padding: 27px 0 26px;
  color: #35405a;
  font-size: 0.92rem;
  font-weight: 750;
}

.main-nav a::after {
  position: absolute;
  right: 0;
  bottom: 19px;
  left: 0;
  height: 2px;
  background: var(--orange-500);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform var(--transition);
  content: "";
}

.main-nav a:hover,
.main-nav a.is-active {
  color: var(--navy-800);
}

.main-nav a:hover::after,
.main-nav a.is-active::after {
  transform: scaleX(1);
  transform-origin: left;
}

.header-actions {
  display: flex;
  gap: 12px;
  align-items: center;
}

.menu-toggle {
  display: none;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  color: var(--navy-950);
  background: var(--surface-2);
}

.menu-toggle span,
.menu-toggle::before,
.menu-toggle::after {
  display: block;
  width: 20px;
  height: 2px;
  margin: 4px auto;
  background: currentColor;
  transition: transform var(--transition), opacity var(--transition);
  content: "";
}

.menu-toggle.is-active span {
  opacity: 0;
}

.menu-toggle.is-active::before {
  transform: translateY(6px) rotate(45deg);
}

.menu-toggle.is-active::after {
  transform: translateY(-6px) rotate(-45deg);
}

.mobile-nav {
  display: none;
}

.hero {
  position: relative;
  isolation: isolate;
  min-height: 710px;
  overflow: hidden;
  color: var(--white);
  background: var(--navy-950);
}

.hero::before {
  position: absolute;
  z-index: -3;
  inset: 0;
  background: var(--hero-image) center / cover no-repeat;
  transform: scale(1.015);
  content: "";
}

.hero::after {
  position: absolute;
  z-index: -2;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(5, 15, 36, 0.98) 0%, rgba(7, 20, 47, 0.88) 43%, rgba(7, 20, 47, 0.44) 72%, rgba(7, 20, 47, 0.2) 100%),
    linear-gradient(0deg, rgba(7, 20, 47, 0.65), transparent 50%);
  content: "";
}

.hero--home {
  --hero-image: url("../img/hero-machining.webp");
}

.hero__grid {
  display: grid;
  min-height: 710px;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.55fr);
  gap: 70px;
  align-items: center;
  padding: 82px 0 96px;
}

.hero__content {
  max-width: 790px;
}

.hero h1 {
  max-width: 860px;
  margin: 0;
  color: var(--white);
  font-size: clamp(2.15rem, 6.7vw, 4.65rem);
  font-weight: 560;
  line-height: 0.95;  
}

.hero h1 em {
  color: var(--orange-400);
  font-style: normal;
}

.hero__lead {
  max-width: 650px;
  margin: 28px 0 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: clamp(1.03rem, 1.4vw, 1.23rem);
}

.hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 36px;
}

.hero__micro {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 48px;
  color: rgba(255, 255, 255, 0.64);
  font-size: 0.83rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.hero__micro span {
  display: inline-flex;
  gap: 9px;
  align-items: center;
}

.hero__micro span::before {
  width: 7px;
  height: 7px;
  border: 2px solid var(--orange-400);
  border-radius: 50%;
  content: "";
}

.hero-card {
  position: relative;
  overflow: hidden;
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--radius-md);
  background: rgba(10, 28, 63, 0.64);
  box-shadow: var(--shadow-md);
  backdrop-filter: blur(16px);
}

.hero-card::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: var(--orange-500);
  content: "";
}

.hero-card__kicker {
  color: var(--orange-400);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.hero-card h2 {
  margin: 12px 0 24px;
  font-size: 1.3rem;
  line-height: 1.25;
  letter-spacing: -0.025em;
}

.hero-card__steps {
  display: grid;
  gap: 0;
}

.hero-card__step {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 13px;
  align-items: start;
  padding: 16px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.hero-card__step strong {
  color: var(--orange-400);
  font-size: 0.8rem;
}

.hero-card__step span {
  color: rgba(255, 255, 255, 0.74);
  font-size: 0.93rem;
}

.hero__corner-label {
  position: absolute;
  z-index: -1;
  right: 36px;
  bottom: 15px;
  color: rgba(255, 255, 255, 0.05);
  font-size: clamp(5rem, 13vw, 12rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.07em;
  user-select: none;
}

.capability-strip {
  position: relative;
  z-index: 4;
  margin-top: -44px;
}

.capability-strip__grid {
  display: grid;
  overflow: hidden;
  grid-template-columns: repeat(4, 1fr);
  border-radius: var(--radius-md);
  background: var(--white);
  box-shadow: var(--shadow-md);
}

.capability-strip__item {
  min-height: 130px;
  padding: 28px 28px 25px;
  border-right: 1px solid var(--line);
}

.capability-strip__item:last-child {
  border-right: 0;
}

.capability-strip__item strong {
  display: block;
  margin-bottom: 8px;
  color: var(--navy-800);
  font-size: 0.98rem;
}

.capability-strip__item span {
  color: var(--muted);
  font-size: 0.87rem;
}

.capability-strip__num {
  display: block;
  margin-bottom: 16px;
  color: var(--orange-500);
  font-size: 0.73rem;
  font-weight: 900;
  letter-spacing: 0.16em;
}

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

.service-card {
  position: relative;
  min-height: 310px;
  overflow: hidden;
  padding: 34px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--white);
  transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}

.service-card:hover {
  border-color: rgba(221, 143, 34, 0.42);
  box-shadow: var(--shadow-md);
  transform: translateY(-7px);
}

.service-card::after {
  position: absolute;
  right: -42px;
  bottom: -72px;
  width: 180px;
  height: 180px;
  border: 26px solid rgba(16, 42, 98, 0.045);
  border-radius: 50%;
  content: "";
}

.service-card__num {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  margin-bottom: 38px;
  border-radius: 50%;
  color: var(--orange-600);
  background: rgba(221, 143, 34, 0.11);
  font-size: 0.78rem;
  font-weight: 900;
}

.service-card h3 {
  margin: 0 0 13px;
  color: var(--navy-950);
  font-size: 1.28rem;
  line-height: 1.3;
}

.service-card p {
  margin: 0;
  color: var(--muted);
  font-size: 0.94rem;
}

.service-card .text-link {
  position: absolute;
  z-index: 1;
  bottom: 30px;
  left: 34px;
  font-size: 0.9rem;
}

.split-feature {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.88fr);
  gap: 86px;
  align-items: center;
}

.media-frame {
  position: relative;
  min-height: 570px;
}

.media-frame__image {
  position: absolute;
  inset: 0 72px 58px 0;
  overflow: hidden;
  border-radius: var(--radius-md);
  background: var(--navy-900);
}

.media-frame__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.media-frame__badge {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 250px;
  padding: 29px;
  border-radius: var(--radius-md);
  color: var(--white);
  background: var(--navy-800);
  box-shadow: var(--shadow-md);
}

.media-frame__badge strong {
  display: block;
  margin-bottom: 7px;
  color: var(--orange-400);
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.media-frame__badge span {
  font-size: 1.05rem;
  font-weight: 750;
  line-height: 1.35;
}

.feature-copy h2 {
  margin: 0;
  color: var(--navy-950);
  font-size: clamp(2.4rem, 3.3vw, 4.25rem);
  line-height: 1.02;
  letter-spacing: -0.05em;
}

.feature-copy > p {
  margin: 24px 0 0;
  color: var(--muted);
  font-size: 1.04rem;
}

.check-list {
  display: grid;
  gap: 0;
  margin: 34px 0;
}

.check-list__item {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 13px;
  align-items: start;
  padding: 17px 0;
  border-top: 1px solid var(--line);
}

.check-list__item:last-child {
  border-bottom: 1px solid var(--line);
}

.check-list__icon {
  display: inline-flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--white);
  background: var(--orange-500);
  font-size: 0.72rem;
  font-weight: 900;
}

.check-list__item strong {
  display: block;
  margin-bottom: 2px;
  color: var(--navy-950);
  font-size: 0.96rem;
}

.check-list__item span {
  font-size: 0.9rem;
}

.industry-grid {
  display: grid;
  grid-template-columns: 1.4fr repeat(2, 1fr);
  border-top: 1px solid rgba(255, 255, 255, 0.13);
  border-left: 1px solid rgba(255, 255, 255, 0.13);
}

.industry-card {
  position: relative;
  min-height: 260px;
  padding: 34px;
  border-right: 1px solid rgba(255, 255, 255, 0.13);
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
  transition: background var(--transition);
}

.industry-card:hover {
  background: rgba(255, 255, 255, 0.045);
}

.industry-card--lead {
  grid-row: span 2;
  min-height: 520px;
  background: linear-gradient(180deg, rgba(7, 20, 47, 0.26), rgba(7, 20, 47, 0.93)), url("../img/press-brake.webp") center / cover no-repeat;
}

.industry-card__num {
  color: var(--orange-400);
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.industry-card h3 {
  position: absolute;
  right: 34px;
  bottom: 30px;
  left: 34px;
  margin: 0;
  font-size: clamp(1.25rem, 2.4vw, 2.05rem);
  line-height: 1.1;
  letter-spacing: -0.035em;
}

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

.case-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--white);
  transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}

.case-card:hover {
  border-color: rgba(221, 143, 34, 0.45);
  box-shadow: var(--shadow-md);
  transform: translateY(-7px);
}

.case-card__image {
  position: relative;
  height: 255px;
  overflow: hidden;
  background: var(--navy-900);
}

.case-card__image::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 52%, rgba(7, 20, 47, 0.78));
  content: "";
}

.case-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 600ms ease;
}

.case-card:hover .case-card__image img {
  transform: scale(1.055);
}

.case-card__tag {
  position: absolute;
  z-index: 2;
  top: 18px;
  left: 18px;
  padding: 7px 10px;
  border-radius: 999px;
  color: var(--navy-950);
  background: rgba(255, 255, 255, 0.9);
  font-size: 0.71rem;
  font-weight: 850;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  backdrop-filter: blur(6px);
}

.case-card__body {
  padding: 27px 28px 29px;
}

.case-card__meta {
  color: var(--orange-600);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.case-card h3 {
  margin: 11px 0 16px;
  color: var(--navy-950);
  font-size: 1.22rem;
  line-height: 1.3;
  letter-spacing: -0.025em;
}

.case-card p {
  margin: 0 0 21px;
  color: var(--muted);
  font-size: 0.91rem;
}

.case-card button {
  padding: 0;
  border: 0;
  background: transparent;
}

.process-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

.process-step {
  min-height: 270px;
  padding: 32px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: var(--white);
  transition: background var(--transition);
}

.process-step:hover {
  background: var(--surface);
}

.process-step__num {
  display: block;
  margin-bottom: 48px;
  color: var(--orange-500);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.15em;
}

.process-step h3 {
  margin: 0 0 10px;
  color: var(--navy-950);
  font-size: 1.16rem;
}

.process-step p {
  margin: 0;
  color: var(--muted);
  font-size: 0.9rem;
}

.cta-panel {
  position: relative;
  display: grid;
  overflow: hidden;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 0.56fr);
  gap: 60px;
  align-items: center;
  padding: 68px;
  border-radius: var(--radius-lg);
  color: var(--white);
  background: var(--navy-800);
}

.cta-panel::before,
.cta-panel::after {
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  content: "";
}

.cta-panel::before {
  top: -240px;
  right: -170px;
  width: 520px;
  height: 520px;
}

.cta-panel::after {
  right: 70px;
  bottom: -280px;
  width: 430px;
  height: 430px;
}

.cta-panel__content,
.cta-panel__actions {
  position: relative;
  z-index: 1;
}

.cta-panel h2 {
  max-width: 690px;
  margin: 0;
  font-size: clamp(2.4rem, 3.7vw, 4.7rem);
  line-height: 0.98;
  letter-spacing: -0.052em;
}

.cta-panel p {
  max-width: 650px;
  margin: 22px 0 0;
  color: rgba(255, 255, 255, 0.68);
}

.cta-panel__actions {
  display: grid;
  gap: 12px;
}

.cta-panel__note {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.79rem;
  text-align: center;
}

.page-hero {
  position: relative;
  isolation: isolate;
  min-height: 520px;
  overflow: hidden;
  color: var(--white);
  background: var(--navy-950);
}

.page-hero::before {
  position: absolute;
  z-index: -3;
  inset: 0;
  background: var(--page-hero-image) center / cover no-repeat;
  content: "";
}

.page-hero::after {
  position: absolute;
  z-index: -2;
  inset: 0;
  background: linear-gradient(90deg, rgba(5, 15, 36, 0.97), rgba(7, 20, 47, 0.78) 58%, rgba(7, 20, 47, 0.38));
  content: "";
}

.page-hero--about {
  --page-hero-image: url("../img/factory-wide.webp");
}

.page-hero--cases {
  --page-hero-image: url("../img/press-brake.webp");
}

.page-hero__inner {
  display: flex;
  min-height: 520px;
  flex-direction: column;
  justify-content: center;
  padding: 84px 0;
}

.page-hero__breadcrumbs {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 34px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.82rem;
}

.page-hero__breadcrumbs span {
  color: var(--orange-400);
}

.page-hero h1 {
  max-width: 940px;
  color: var(--white);
  font-size: clamp(3rem, 6.5vw, 6.2rem);
}

.page-hero p {
  max-width: 720px;
  margin: 25px 0 0;
  color: rgba(255, 255, 255, 0.73);
  font-size: 1.08rem;
}

.story-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);
  gap: 90px;
  align-items: start;
}

.story-intro {
  position: sticky;
  top: 120px;
}

.story-intro h2 {
  margin: 0;
  color: var(--navy-950);
  font-size: clamp(2.5rem, 3.6vw, 4.6rem);
  line-height: 1.01;
  letter-spacing: -0.052em;
}

.story-content {
  display: grid;
  gap: 30px;
}

.story-content p {
  margin: 0;
  color: var(--muted);
  font-size: 1.04rem;
}

.story-quote {
  padding: 32px;
  border-left: 4px solid var(--orange-500);
  color: var(--navy-950);
  background: var(--surface);
  font-size: 1.22rem;
  font-weight: 700;
  line-height: 1.45;
}

.phase-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.phase-card {
  min-height: 250px;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--white);
}

.phase-card__num {
  color: var(--orange-500);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.15em;
}

.phase-card h3 {
  margin: 52px 0 10px;
  color: var(--navy-950);
  font-size: 1.08rem;
}

.phase-card p {
  margin: 0;
  color: var(--muted);
  font-size: 0.87rem;
}

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

.capability-card {
  min-height: 250px;
  padding: 31px;
  border-radius: var(--radius-md);
  color: var(--white);
  background: var(--navy-900);
}

.capability-card:nth-child(even) {
  background: var(--navy-800);
}

.capability-card__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin-bottom: 42px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  color: var(--orange-400);
  font-size: 0.74rem;
  font-weight: 900;
}

.capability-card h3 {
  margin: 0 0 11px;
  font-size: 1.2rem;
}

.capability-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.66);
  font-size: 0.89rem;
}

.photo-mosaic {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr 0.8fr;
  grid-template-rows: 270px 270px;
  gap: 16px;
}

.photo-mosaic__item {
  overflow: hidden;
  border-radius: var(--radius-md);
  background: var(--navy-900);
}

.photo-mosaic__item:first-child {
  grid-row: span 2;
}

.photo-mosaic__item:nth-child(2) {
  grid-column: span 2;
}

.photo-mosaic__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 700ms ease;
}

.photo-mosaic__item:hover img {
  transform: scale(1.04);
}

.quality-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(430px, 1fr);
  gap: 80px;
  align-items: center;
}

.quality-copy h2 {
  margin: 0;
  color: var(--navy-950);
  font-size: clamp(2.45rem, 3.4vw, 3.4rem);
  line-height: 1.02;
  letter-spacing: -0.05em;
}

.quality-copy p {
  margin: 23px 0 0;
  color: var(--muted);
}

.quality-points {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.quality-point {
  min-height: 185px;
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--white);
}

.quality-point strong {
  display: block;
  margin-bottom: 34px;
  color: var(--orange-500);
  font-size: 0.72rem;
  letter-spacing: 0.14em;
}

.quality-point h3 {
  margin: 0 0 8px;
  color: var(--navy-950);
  font-size: 1rem;
}

.quality-point p {
  margin: 0;
  color: var(--muted);
  font-size: 0.84rem;
}

.team-roles {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  border-left: 1px solid rgba(255, 255, 255, 0.14);
}

.team-role {
  min-height: 260px;
  padding: 30px;
  border-right: 1px solid rgba(255, 255, 255, 0.14);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.team-role__num {
  color: var(--orange-400);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.team-role h3 {
  margin: 75px 0 10px;
  font-size: 1.15rem;
}

.team-role p {
  margin: 0;
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.88rem;
}

.filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}

.filter-btn {
  min-height: 42px;
  padding: 0 17px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: #48536a;
  background: var(--white);
  font-size: 0.86rem;
  font-weight: 750;
  transition: color var(--transition), background var(--transition), border-color var(--transition);
}

.filter-btn:hover,
.filter-btn.is-active {
  border-color: var(--navy-800);
  color: var(--white);
  background: var(--navy-800);
}

.case-card.is-hidden {
  display: none;
}

.case-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 22px;
}

.case-detail-chip {
  padding: 17px;
  border-radius: 10px;
  background: var(--surface);
}

.case-detail-chip strong {
  display: block;
  margin-bottom: 4px;
  color: var(--navy-950);
  font-size: 0.76rem;
  text-transform: uppercase;
}

.case-detail-chip span {
  color: var(--muted);
  font-size: 0.83rem;
}

.case-method {
  display: grid;
  grid-template-columns: minmax(0, 0.75fr) minmax(450px, 1fr);
  gap: 90px;
  align-items: center;
}

.case-method__image {
  min-height: 540px;
  overflow: hidden;
  border-radius: var(--radius-md);
}

.case-method__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case-method__copy h2 {
  margin: 0;
  color: var(--navy-950);
  font-size: clamp(2.4rem, 4.2vw, 4.2rem);
  line-height: 1.02;
  letter-spacing: -0.05em;
}

.case-method__copy p {
  margin: 22px 0 0;
  color: var(--muted);
}

.site-footer {
  color: rgba(255, 255, 255, 0.68);
  background: #050f25;
}

.site-footer__main {
  display: grid;
  grid-template-columns: 1.05fr 0.62fr 0.62fr 0.9fr;
  gap: 54px;
  padding: 76px 0 58px;
}

.footer-brand {
  display: inline-flex;
  padding: 8px 12px;
  border-radius: 7px;
  background: var(--white);
}

.footer-brand img {
  width: 180px;
}

.footer-about p {
  max-width: 380px;
  margin: 24px 0 0;
  color: rgba(255, 255, 255, 0.56);
  font-size: 0.9rem;
}

.footer-col h3 {
  margin: 0 0 21px;
  color: var(--white);
  font-size: 0.88rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.footer-links {
  display: grid;
  gap: 10px;
}

.footer-links a {
  font-size: 0.9rem;
  transition: color var(--transition), transform var(--transition);
}

.footer-links a:hover {
  color: var(--orange-400);
  transform: translateX(3px);
}

.footer-contact {
  display: grid;
  gap: 17px;
}

.footer-contact__item span {
  display: block;
  margin-bottom: 3px;
  color: rgba(255, 255, 255, 0.44);
  font-size: 0.72rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.footer-contact__item a,
.footer-contact__item strong {
  color: var(--white);
  font-size: 0.94rem;
  font-weight: 650;
}

.site-footer__bottom {
  display: flex;
  gap: 22px;
  align-items: center;
  justify-content: space-between;
  padding: 22px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.11);
  font-size: 0.77rem;
}

.modal {
  position: fixed;
  z-index: 100;
  inset: 0;
  display: none;
  padding: 24px;
  overflow-y: auto;
  background: rgba(3, 10, 25, 0.76);
  backdrop-filter: blur(8px);
}

.modal.is-open {
  display: grid;
  place-items: center;
}

.modal__dialog {
  position: relative;
  width: min(100%, 720px);
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  border-radius: var(--radius-md);
  background: var(--white);
  box-shadow: 0 32px 90px rgba(3, 10, 25, 0.42);
  animation: modal-in 220ms ease both;
}

.modal__dialog--wide {
  width: min(100%, 940px);
}

@keyframes modal-in {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.modal__close {
  position: absolute;
  z-index: 2;
  top: 18px;
  right: 18px;
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  color: var(--navy-950);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--shadow-sm);
  font-size: 1.4rem;
}

.modal__header {
  padding: 40px 42px 25px;
  border-bottom: 1px solid var(--line);
}

.modal__header .eyebrow {
  margin-bottom: 12px;
}

.modal__header h2 {
  margin: 0;
  color: var(--navy-950);
  font-size: clamp(1.9rem, 4vw, 3rem);
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.modal__header p {
  margin: 12px 0 0;
  color: var(--muted);
}

.modal__body {
  padding: 30px 42px 42px;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.form-field {
  display: grid;
  gap: 7px;
}

.form-field--full {
  grid-column: 1 / -1;
}

.form-field label {
  color: var(--navy-950);
  font-size: 0.79rem;
  font-weight: 800;
}

.form-field input,
.form-field textarea,
.form-field select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  outline: none;
  color: var(--ink);
  background: var(--white);
  transition: border-color var(--transition), box-shadow var(--transition);
}

.form-field input,
.form-field select {
  height: 50px;
  padding: 0 14px;
}

.form-field textarea {
  min-height: 124px;
  padding: 13px 14px;
  resize: vertical;
}

.form-field input:focus,
.form-field textarea:focus,
.form-field select:focus {
  border-color: var(--blue-600);
  box-shadow: 0 0 0 4px rgba(36, 86, 170, 0.1);
}

.form-actions {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-top: 20px;
}

.form-note {
  color: var(--muted);
  font-size: 0.76rem;
}

.form-success {
  display: none;
  padding: 15px 17px;
  border: 1px solid rgba(28, 136, 79, 0.24);
  border-radius: 8px;
  color: #17663d;
  background: #edf9f2;
  font-size: 0.9rem;
}

.form-success.is-visible {
  display: block;
}

.case-modal__image {
  height: 330px;
  overflow: hidden;
  border-radius: var(--radius-md) var(--radius-md) 0 0;
}

.case-modal__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case-modal__content {
  padding: 34px 42px 42px;
}

.case-modal__content h2 {
  margin: 0;
  color: var(--navy-950);
  font-size: clamp(1.9rem, 4vw, 3rem);
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.case-modal__lead {
  margin: 15px 0 0;
  color: var(--muted);
}

.case-modal__sections {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 28px;
}

.case-modal__section {
  padding: 22px;
  border-radius: 12px;
  background: var(--surface);
}

.case-modal__section strong {
  display: block;
  margin-bottom: 8px;
  color: var(--orange-600);
  font-size: 0.74rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.case-modal__section p {
  margin: 0;
  color: var(--muted);
  font-size: 0.86rem;
}

.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 680ms ease, transform 680ms ease;
}

.reveal.is-visible {
  opacity: 1;
  transform: none;
}

.reveal-delay-1 {
  transition-delay: 90ms;
}

.reveal-delay-2 {
  transition-delay: 180ms;
}

.reveal-delay-3 {
  transition-delay: 270ms;
}

.template-note {
  padding: 14px 18px;
  border: 1px dashed rgba(221, 143, 34, 0.45);
  border-radius: 8px;
  color: #85520c;
  background: #fff9ee;
  font-size: 0.84rem;
}

@media (max-width: 1120px) {
  .main-nav {
    gap: 20px;
  }

  .header-actions .btn {
    display: none;
  }

  .hero__grid {
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 36px;
  }

  .hero h1 {
    font-size: clamp(3.2rem, 7.2vw, 5.6rem);
  }

  .split-feature,
  .quality-grid,
  .case-method {
    gap: 48px;
  }

  .service-grid,
  .case-grid,
  .capability-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .phase-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .team-roles {
    grid-template-columns: repeat(2, 1fr);
  }

  .site-footer__main {
    grid-template-columns: 1.1fr repeat(2, 0.7fr);
  }

  .footer-contact-col {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  :root {
    --header-h: 70px;
  }

  .section {
    padding: 88px 0;
  }

  .topbar {
    display: none;
  }

  .site-header__inner {
    justify-content: space-between;
  }

  .brand img {
    width: 172px;
    height: auto;
  }

  .main-nav,
  .header-actions {
    display: none;
  }

  .menu-toggle {
    display: block;
  }

  .mobile-nav {
    position: fixed;
    z-index: 24;
    top: var(--header-h);
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    align-content: start;
    gap: 0;
    padding: 28px 20px 40px;
    overflow-y: auto;
    background: var(--white);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-10px);
    transition: opacity var(--transition), transform var(--transition);
  }

  .mobile-nav.is-open {
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }

  .mobile-nav a {
    padding: 16px 0;
    border-bottom: 1px solid var(--line);
    color: var(--navy-950);
    font-size: 1.1rem;
    font-weight: 750;
  }

  .mobile-nav .btn {
    margin-top: 24px;
  }

  .hero,
  .hero__grid {
    min-height: auto;
  }

  .hero__grid {
    grid-template-columns: 1fr;
    padding: 82px 0 110px;
  }

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

  .capability-strip__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .capability-strip__item:nth-child(2) {
    border-right: 0;
  }

  .capability-strip__item:nth-child(-n + 2) {
    border-bottom: 1px solid var(--line);
  }

  .section-heading {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .split-feature,
  .story-grid,
  .quality-grid,
  .case-method {
    grid-template-columns: 1fr;
  }

  .story-intro {
    position: static;
  }

  .media-frame {
    min-height: 520px;
  }

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

  .industry-card--lead {
    grid-column: span 2;
    grid-row: auto;
    min-height: 390px;
  }

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

  .cta-panel {
    grid-template-columns: 1fr;
    padding: 52px;
  }

  .cta-panel__actions {
    max-width: 370px;
  }

  .photo-mosaic {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 320px 240px 240px;
  }

  .photo-mosaic__item:first-child {
    grid-column: span 2;
    grid-row: auto;
  }

  .photo-mosaic__item:nth-child(2) {
    grid-column: auto;
  }

  .site-footer__main {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-about {
    grid-column: 1 / -1;
  }

  .footer-contact-col {
    grid-column: auto;
  }
}

@media (max-width: 640px) {
  .container {
    width: min(calc(100% - 28px), var(--container));
  }

  .section {
    padding: 72px 0;
  }

  .section--compact {
    padding: 58px 0;
  }

  .hero__grid {
    padding-top: 66px;
    gap: 38px;
  }

  .hero h1 {
    font-size: clamp(2.75rem, 14.5vw, 4.2rem);
  }

  .hero__lead {
    font-size: 1rem;
  }

  .hero__actions,
  .hero__actions .btn {
    width: 100%;
  }

  .hero-card {
    padding: 26px;
  }

  .hero__micro {
    display: grid;
    gap: 13px;
  }

  .capability-strip {
    margin-top: -24px;
  }

  .capability-strip__grid {
    grid-template-columns: 1fr;
  }

  .capability-strip__item,
  .capability-strip__item:nth-child(2) {
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .capability-strip__item:last-child {
    border-bottom: 0;
  }

  .service-grid,
  .case-grid,
  .capability-grid,
  .phase-list,
  .quality-points {
    grid-template-columns: 1fr;
  }

  .service-card {
    min-height: 290px;
  }

  .media-frame {
    min-height: 430px;
  }

  .media-frame__image {
    inset: 0 28px 52px 0;
  }

  .media-frame__badge {
    width: 230px;
    padding: 24px;
  }

  .industry-grid,
  .process-grid,
  .team-roles {
    grid-template-columns: 1fr;
  }

  .industry-card--lead {
    grid-column: auto;
    min-height: 330px;
  }

  .industry-card {
    min-height: 210px;
  }

  .cta-panel {
    padding: 38px 26px;
    border-radius: var(--radius-md);
  }

  .page-hero,
  .page-hero__inner {
    min-height: 460px;
  }

  .page-hero__inner {
    padding: 64px 0;
  }

  .page-hero h1 {
    font-size: clamp(2.7rem, 13vw, 4.2rem);
  }

  .photo-mosaic {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 250px);
  }

  .photo-mosaic__item:first-child,
  .photo-mosaic__item:nth-child(2) {
    grid-column: auto;
  }

  .case-method__image {
    min-height: 380px;
  }

  .site-footer__main {
    grid-template-columns: 1fr;
    gap: 36px;
    padding-top: 58px;
  }

  .footer-about,
  .footer-contact-col {
    grid-column: auto;
  }

  .site-footer__bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .modal {
    padding: 10px;
  }

  .modal__dialog {
    max-height: calc(100vh - 20px);
  }

  .modal__header,
  .modal__body,
  .case-modal__content {
    padding-right: 24px;
    padding-left: 24px;
  }

  .form-grid,
  .case-modal__sections,
  .case-detail-grid {
    grid-template-columns: 1fr;
  }

  .form-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .case-modal__image {
    height: 240px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .reveal {
    opacity: 1;
    transform: none;
  }
}


/* Contact page */
.contact-layout {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(430px, 1.22fr);
  gap: 34px;
  align-items: stretch;
}
.contact-stack { display: grid; gap: 18px; }
.contact-info-card {
  position: relative;
  overflow: hidden;
  min-height: 170px;
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--white);
  box-shadow: var(--shadow-sm);
}
.contact-info-card::after {
  position: absolute;
  right: -30px;
  bottom: -70px;
  width: 160px;
  height: 160px;
  border: 28px solid rgba(221,143,34,.12);
  border-radius: 50%;
  content: "";
}
.contact-info-card__label {
  display: block;
  margin-bottom: 13px;
  color: var(--muted);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.contact-info-card a,
.contact-info-card strong { display: block; color: var(--navy-950); font-size: 1.22rem; line-height: 1.35; }
.contact-info-card p { max-width: 520px; margin: 12px 0 0; color: var(--muted); }
.contact-map {
  min-height: 570px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--surface-2);
  box-shadow: var(--shadow-md);
}
.contact-map iframe { width: 100%; height: 100%; min-height: 570px; border: 0; }
.contact-form-panel {
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(520px, 1.3fr);
  gap: 62px;
  align-items: start;
  padding: 58px;
  border-radius: var(--radius-lg);
  color: var(--white);
  background: var(--navy-950);
}
.contact-form-panel h2 { margin: 0 0 18px; font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.05; letter-spacing: -.04em; }
.contact-form-panel p { color: rgba(255,255,255,.66); }
.contact-form-panel .form-field label { color: rgba(255,255,255,.75); }
.contact-form-panel input,
.contact-form-panel textarea,
.contact-form-panel select { border-color: rgba(255,255,255,.17); color: var(--white); background: rgba(255,255,255,.07); }
.contact-form-panel option { color: var(--ink); background: var(--white); }
.contact-form-panel .form-note { color: rgba(255,255,255,.52); }
.contact-meta-line { display: flex; flex-wrap: wrap; gap: 12px 26px; margin-top: 26px; color: rgba(255,255,255,.65); font-size: .9rem; }
@media (max-width: 980px) {
  .contact-layout, .contact-form-panel { grid-template-columns: 1fr; }
  .contact-form-panel { gap: 32px; padding: 40px; }
}
@media (max-width: 620px) {
  .contact-map, .contact-map iframe { min-height: 420px; }
  .contact-form-panel { padding: 28px 22px; }
}


/* Layout resilience */
:where(.site-header__inner, .main-nav, .header-actions, .section-heading, .hero__grid, .contact-layout, .contact-form-panel) > * { min-width: 0; }
:where(h1,h2,h3,p,a,strong,span,dd,dt,button,label,td,th) { overflow-wrap: break-word; }
:where(.footer-contact__item a, .footer-contact__item strong, .contact-info-card a, .contact-info-card strong) { overflow-wrap: anywhere; }

/* Extended header */
.site-header__inner { gap: 24px; }
.brand img { width: 188px; }
.main-nav { gap: clamp(16px, 1.7vw, 26px); }
.main-nav a { white-space: nowrap; }
.header-actions { gap: 10px; }
/* Extended corporate pages */
.page-hero--solutions { --page-hero-image: url("../img/cnc-milling.webp"); }
.page-hero--engineering { --page-hero-image: url("../img/cnc-detail.webp"); }
.page-hero--quality { --page-hero-image: url("../img/factory-wide.webp"); }
.header-project-btn { min-height: 42px; padding-inline: 18px; white-space: nowrap; }
.mobile-nav a.is-active { color: var(--orange-600); }
.solution-index { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.solution-index__item { min-height:220px; padding:30px; border:1px solid var(--line); border-radius:var(--radius-md); color:inherit; background:var(--white); box-shadow:var(--shadow-sm); transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition); }
.solution-index__item:hover { transform:translateY(-5px); border-color:rgba(221,143,34,.55); box-shadow:var(--shadow-md); }
.solution-index__item > span,.component-card > span,.engineering-principle > span,.manufacturing-card > span,.delivery-card > span { color:var(--orange-500); font-size:.74rem; font-weight:900; letter-spacing:.14em; }
.solution-index__item h3 { margin:54px 0 10px; color:var(--navy-950); font-size:1.18rem; }
.solution-index__item p { margin:0; color:var(--muted); font-size:.88rem; }
.split-feature--reverse .feature-copy { order:1; }
.split-feature--reverse .media-frame { order:2; }
.solution-specs { display:grid; gap:1px; overflow:hidden; margin-top:30px; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--line); }
.solution-specs > div { display:grid; grid-template-columns:150px minmax(0,1fr); gap:22px; padding:20px 22px; background:var(--white); }
.solution-specs strong { color:var(--navy-950); font-size:.82rem; }
.solution-specs span { color:var(--muted); font-size:.88rem; }
.component-grid,.manufacturing-grid,.delivery-grid,.engineering-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.component-card,.delivery-card { min-height:210px; padding:28px; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--white); }
.component-card h3,.delivery-card h3 { margin:48px 0 9px; color:var(--navy-950); font-size:1.08rem; }
.component-card p,.delivery-card p { margin:0; color:var(--muted); font-size:.86rem; }
.service-focus { display:grid; grid-template-columns:minmax(0,.78fr) minmax(460px,1fr); gap:70px; align-items:stretch; }
.service-focus__media { min-height:590px; overflow:hidden; border-radius:var(--radius-md); }
.service-focus__media img { width:100%; height:100%; object-fit:cover; }
.service-focus__copy { padding:50px; border-radius:var(--radius-md); color:var(--white); background:var(--navy-950); }
.service-focus__copy h2 { margin:0; font-size:clamp(2.4rem,4.2vw,4.2rem); line-height:1; letter-spacing:-.05em; }
.service-focus__copy > p { margin:22px 0 0; color:rgba(255,255,255,.68); }
.service-focus__steps { display:grid; margin:30px 0; }
.service-focus__steps > div { display:grid; grid-template-columns:42px 1fr; gap:14px; padding:16px 0; border-top:1px solid rgba(255,255,255,.13); }
.service-focus__steps strong { color:var(--orange-400); font-size:.8rem; }
.service-focus__steps span { color:rgba(255,255,255,.74); font-size:.9rem; }
.engineering-principle,.manufacturing-card { min-height:235px; padding:30px; border:1px solid rgba(255,255,255,.13); border-radius:var(--radius-md); background:var(--navy-900); }
.engineering-principle:nth-child(even),.manufacturing-card:nth-child(even) { background:var(--navy-800); }
.engineering-principle h3,.manufacturing-card h3 { margin:54px 0 10px; color:var(--white); font-size:1.15rem; }
.engineering-principle p,.manufacturing-card p { margin:0; color:rgba(255,255,255,.64); font-size:.87rem; }
.engineering-input { display:grid; grid-template-columns:minmax(0,.65fr) minmax(520px,1.35fr); gap:70px; align-items:start; }
.engineering-input__copy { position:sticky; top:120px; }
.engineering-input__copy h2 { margin:0; color:var(--navy-950); font-size:clamp(2.5rem,4.4vw,4.4rem); line-height:1.02; letter-spacing:-.05em; }
.engineering-input__copy p { margin:22px 0 28px; color:var(--muted); }
.engineering-input__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.engineering-input__grid article { min-height:190px; padding:26px; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--white); }
.engineering-input__grid span { color:var(--orange-500); font-size:.72rem; font-weight:900; }
.engineering-input__grid h3 { margin:34px 0 8px; color:var(--navy-950); font-size:1.05rem; }
.engineering-input__grid p { margin:0; color:var(--muted); font-size:.85rem; }
@media (max-width:1180px){ .header-project-btn{display:none;} .main-nav{gap:14px;} .main-nav a{font-size:.84rem;} }
@media (max-width:980px){ .solution-index,.component-grid,.manufacturing-grid,.delivery-grid,.engineering-principles{grid-template-columns:repeat(2,minmax(0,1fr));} .service-focus,.engineering-input{grid-template-columns:1fr;gap:38px;} .service-focus__media{min-height:440px;} .engineering-input__copy{position:static;} }
@media (max-width:760px){ .split-feature--reverse .feature-copy,.split-feature--reverse .media-frame{order:initial;} .solution-specs>div{grid-template-columns:1fr;gap:6px;} .service-focus__copy{padding:34px 26px;} }
@media (max-width:620px){ .solution-index,.component-grid,.manufacturing-grid,.delivery-grid,.engineering-principles,.engineering-input__grid{grid-template-columns:1fr;} .solution-index__item,.component-card,.delivery-card,.engineering-principle,.manufacturing-card{min-height:auto;} .solution-index__item h3,.component-card h3,.delivery-card h3,.engineering-principle h3,.manufacturing-card h3{margin-top:30px;} .service-focus__media{min-height:340px;} }


/* Hierarchical navigation v5 */
.main-nav {
  gap: clamp(8px, 1.2vw, 20px);
}

.nav-item {
  position: relative;
  display: flex;
  align-items: center;
}

.main-nav__trigger,
.main-nav__link {
  position: relative;
  display: inline-flex;
  min-height: var(--header-h);
  align-items: center;
  gap: 9px;
  padding: 0;
  border: 0;
  color: #35405a;
  background: transparent;
  font: inherit;
  font-size: 0.92rem;
  font-weight: 750;
  white-space: nowrap;
  cursor: pointer;
}

.main-nav__link {
  padding: 0;
}

.main-nav__trigger::after,
.main-nav__link::after {
  position: absolute;
  right: 0;
  bottom: 18px;
  left: 0;
  height: 2px;
  background: var(--orange-500);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform var(--transition);
  content: "";
}

.main-nav__trigger:hover,
.main-nav__trigger.is-active,
.main-nav__link:hover,
.main-nav__link.is-active,
.nav-item.is-open > .main-nav__trigger,
.nav-item:focus-within > .main-nav__trigger {
  color: var(--navy-800);
}

.main-nav__trigger:hover::after,
.main-nav__trigger.is-active::after,
.main-nav__link:hover::after,
.main-nav__link.is-active::after,
.nav-item.is-open > .main-nav__trigger::after,
.nav-item:focus-within > .main-nav__trigger::after {
  transform: scaleX(1);
  transform-origin: left;
}

.nav-chevron {
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  transition: transform var(--transition);
}

.nav-item.is-open .nav-chevron,
.nav-item:focus-within .nav-chevron {
  margin-top: 3px;
  transform: rotate(225deg);
}

.submenu {
  position: absolute;
  z-index: 80;
  top: calc(100% - 8px);
  left: 50%;
  display: grid;
  min-width: 300px;
  padding: 12px;
  border: 1px solid rgba(16, 42, 98, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.99);
  box-shadow: 0 24px 60px rgba(7, 20, 47, 0.18);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 10px);
  transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
  pointer-events: none;
}

.submenu::before {
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
  height: 14px;
  content: "";
}

.nav-item:hover > .submenu,
.nav-item:focus-within > .submenu,
.nav-item.is-open > .submenu {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
  pointer-events: auto;
}

.submenu--company {
  left: 0;
  width: 340px;
  transform: translate(0, 10px);
}

.nav-item:hover > .submenu--company,
.nav-item:focus-within > .submenu--company,
.nav-item.is-open > .submenu--company {
  transform: translate(0, 0);
}

.submenu--solutions {
  left: auto;
  right: -110px;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  width: min(580px, calc(100vw - 40px));
  gap: 8px 12px;
  transform: translate(0, 10px);
}

.nav-item:hover > .submenu--solutions,
.nav-item:focus-within > .submenu--solutions,
.nav-item.is-open > .submenu--solutions {
  transform: translate(0, 0);
}

.submenu__column {
  display: grid;
  align-content: start;
  gap: 2px;
}

.submenu__label {
  padding: 9px 12px 7px;
  color: #8790a4;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.main-nav .submenu__link,
.main-nav .submenu__all {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 10px 12px;
  border-radius: 8px;
  color: var(--navy-900);
  font-size: 0.86rem;
  font-weight: 750;
  line-height: 1.25;
  white-space: normal;
  transition: color var(--transition), background var(--transition), transform var(--transition);
}

.main-nav .submenu__link::after,
.main-nav .submenu__all::after {
  display: none;
}

.main-nav .submenu__link:hover,
.main-nav .submenu__link.is-active,
.main-nav .submenu__all:hover,
.main-nav .submenu__all.is-active {
  color: var(--navy-950);
  background: var(--surface-2);
  transform: translateX(2px);
}

.submenu__num {
  color: var(--orange-500);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.main-nav .submenu__all {
  grid-column: 1 / -1;
  grid-template-columns: 1fr auto;
  min-height: 44px;
  margin-top: 4px;
  border-top: 1px solid var(--line);
  border-radius: 0 0 8px 8px;
  color: var(--orange-600);
}

.mobile-nav__group {
  border-bottom: 1px solid var(--line);
}

.mobile-nav__trigger {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 16px 0;
  border: 0;
  color: var(--navy-950);
  background: transparent;
  font: inherit;
  font-size: 1.1rem;
  font-weight: 750;
  text-align: left;
  cursor: pointer;
}

.mobile-nav__group.is-active > .mobile-nav__trigger {
  color: var(--orange-600);
}

.mobile-nav__chevron {
  width: 9px;
  height: 9px;
  margin-right: 3px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  transition: transform var(--transition);
}

.mobile-nav__group.is-open .mobile-nav__chevron {
  transform: rotate(225deg);
}

.mobile-nav__submenu {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: grid-template-rows 220ms ease, opacity 180ms ease;
}

.mobile-nav__submenu::before {
  display: block;
  min-height: 0;
  content: "";
}

.mobile-nav__submenu > * {
  overflow: hidden;
}

.mobile-nav__group.is-open .mobile-nav__submenu {
  grid-template-rows: 1fr;
  padding-bottom: 10px;
  opacity: 1;
}

.mobile-nav .mobile-nav__submenu {
  display: none;
  grid-template-rows: none;
  padding: 0 0 10px;
  opacity: 1;
}

.mobile-nav__group.is-open .mobile-nav__submenu {
  display: grid;
}

.mobile-nav .mobile-nav__submenu a {
  position: relative;
  padding: 11px 12px 11px 24px;
  border: 0;
  color: #5d6679;
  font-size: 0.94rem;
  font-weight: 700;
}

.mobile-nav .mobile-nav__submenu a::before {
  position: absolute;
  top: 50%;
  left: 5px;
  width: 7px;
  height: 1px;
  background: var(--orange-500);
  content: "";
}

.mobile-nav .mobile-nav__submenu a.is-active {
  color: var(--orange-600);
}

:where(#progressive, #forming, #transfer, #moulds, #components, #service) {
  scroll-margin-top: 110px;
}

@media (max-width: 1180px) {
  .main-nav__trigger,
  .main-nav__link {
    font-size: 0.86rem;
  }

  .submenu--solutions {
    right: -72px;
  }
}

@media (max-width: 900px) {
  .nav-item,
  .submenu {
    display: none;
  }

  .mobile-nav {
    padding-top: 18px;
  }

  .mobile-nav > .mobile-nav__direct {
    padding: 16px 0;
  }
}

/* Navigation specificity and mobile accordion refinements */
.main-nav > .main-nav__link {
  min-height: var(--header-h);
  padding: 0;
}

.main-nav > .main-nav__link::after {
  right: 0;
  bottom: 18px;
  left: 0;
}

.mobile-nav .mobile-nav__submenu {
  display: grid;
  max-height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 260ms ease, padding 220ms ease, opacity 180ms ease;
}

.mobile-nav__group.is-open .mobile-nav__submenu {
  max-height: 620px;
  padding: 0 0 10px;
  opacity: 1;
}

.mobile-nav__submenu::before {
  display: none;
}

.mobile-nav__submenu > * {
  overflow: visible;
}

/* Visual refinement v6 */
:root {
  --surface: #f6f8fc;
  --surface-2: #eef3fa;
  --line: #dde5f0;
  --shadow-sm: 0 12px 30px rgba(7, 20, 47, 0.07), 0 2px 8px rgba(7, 20, 47, 0.04);
  --shadow-md: 0 24px 70px rgba(7, 20, 47, 0.12), 0 6px 20px rgba(7, 20, 47, 0.05);
  --radius-sm: 12px;
  --radius-md: 22px;
  --radius-lg: 34px;
  --transition: 260ms cubic-bezier(.22,.61,.36,1);
}

html {
  background: #f6f8fc;
}

body {
  background:
    radial-gradient(circle at top right, rgba(239, 163, 59, 0.08), transparent 24%),
    linear-gradient(180deg, #ffffff 0%, #f8fafe 52%, #f4f7fb 100%);
}

main {
  overflow: clip;
}

.section,
.section--surface {
  background-image: linear-gradient(180deg, rgba(255,255,255,0.84), rgba(246,248,252,0.92));
}

.section--surface {
  background-color: var(--surface);
}

.section--dark {
  background:
    radial-gradient(circle at top right, rgba(239, 163, 59, 0.14), transparent 26%),
    linear-gradient(135deg, #081731 0%, #0b1f49 56%, #061126 100%);
}

.topbar {
  background:
    linear-gradient(90deg, #061126 0%, #0b1c42 46%, #0d2454 100%);
  box-shadow: inset 0 -1px 0 rgba(255,255,255,0.06);
}

.site-header {
  border-bottom: 1px solid rgba(12, 29, 66, 0.08);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 1px 0 rgba(255,255,255,0.75);
}

.site-header::after {
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(16,42,98,.12), transparent);
  content: "";
}

.site-header.is-scrolled {
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 14px 36px rgba(7, 20, 47, 0.1);
}

.site-header__inner {
  min-height: 82px;
}

.brand {
  padding: 8px 14px 8px 10px;
  border: 1px solid rgba(16, 42, 98, 0.08);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,249,252,0.96));
  box-shadow: 0 10px 22px rgba(7, 20, 47, 0.05);
}

.brand img {
  width: 186px;
}

.main-nav__trigger,
.main-nav__link {
  color: #33415f;
  letter-spacing: -0.01em;
}

.main-nav__trigger:hover,
.main-nav__link:hover,
.main-nav__trigger.is-active,
.main-nav__link.is-active,
.nav-item.is-open > .main-nav__trigger {
  color: #112e69;
}

.submenu {
  padding: 14px;
  border: 1px solid rgba(16, 42, 98, 0.08);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.99), rgba(247,249,253,0.98));
  box-shadow: 0 30px 70px rgba(7, 20, 47, 0.18);
}

.main-nav .submenu__link,
.main-nav .submenu__all {
  border: 1px solid transparent;
  border-radius: 12px;
}

.main-nav .submenu__link:hover,
.main-nav .submenu__link.is-active,
.main-nav .submenu__all:hover,
.main-nav .submenu__all.is-active {
  border-color: rgba(16, 42, 98, 0.07);
  background: linear-gradient(180deg, #ffffff, #f3f6fb);
  box-shadow: 0 8px 18px rgba(7, 20, 47, 0.06);
}

.btn {
  min-height: 54px;
  border-radius: 12px;
}

.btn--primary {
  background: linear-gradient(135deg, #f0a743 0%, #d27f0c 100%);
  box-shadow: 0 16px 34px rgba(221, 143, 34, 0.26);
}

.btn--primary:hover {
  background: linear-gradient(135deg, #f3ae4e 0%, #c9770d 100%);
  box-shadow: 0 22px 40px rgba(201, 119, 13, 0.3);
}

.btn--navy {
  background: linear-gradient(135deg, #1a3d84 0%, #0b2455 100%);
  box-shadow: 0 14px 26px rgba(16, 42, 98, 0.22);
}

.btn--navy:hover {
  background: linear-gradient(135deg, #214895 0%, #102a62 100%);
}

.btn--ghost {
  border-color: rgba(255,255,255,0.32);
  background: rgba(255,255,255,0.08);
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
}

.hero {
  background:
    radial-gradient(circle at 80% 16%, rgba(239,163,59,0.18), transparent 24%),
    linear-gradient(135deg, #07142f 0%, #0b1f49 58%, #081731 100%);
}

.hero::before {
  transform: scale(1.025);
  filter: saturate(1.03) contrast(1.02);
}

.hero::after {
  background:
    linear-gradient(90deg, rgba(5, 15, 36, 0.99) 0%, rgba(7, 20, 47, 0.9) 40%, rgba(7, 20, 47, 0.48) 72%, rgba(7, 20, 47, 0.18) 100%),
    linear-gradient(180deg, rgba(255,255,255,0.04), transparent 40%),
    linear-gradient(0deg, rgba(7, 20, 47, 0.72), transparent 56%);
}

.hero__content {
  position: relative;
}

.hero__lead {
  max-width: 680px;
  color: rgba(255,255,255,0.79);
}

.hero-card {
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(15, 34, 72, 0.72), rgba(7, 20, 47, 0.84));
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.28);
}

.hero-card::after {
  position: absolute;
  right: -70px;
  bottom: -84px;
  width: 220px;
  height: 220px;
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 50%;
  content: "";
}

.capability-strip__grid {
  border: 1px solid rgba(16,42,98,0.06);
  border-radius: 24px;
  box-shadow: 0 24px 60px rgba(7,20,47,0.12);
}

.capability-strip__item {
  position: relative;
  background: linear-gradient(180deg, #ffffff, #fbfcfe);
}

.capability-strip__item::before {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(36,86,170,.08), transparent 68%);
  content: "";
}

.service-card,
.case-card,
.phase-card,
.quality-point,
.contact-info-card,
.solution-index__item,
.component-card,
.delivery-card,
.engineering-input__grid article,
.case-detail-chip,
.contact-map,
.modal__dialog,
.solution-specs,
.photo-mosaic__item,
.media-frame__image,
.case-method__image {
  border-color: rgba(16, 42, 98, 0.08);
  box-shadow: var(--shadow-sm);
}

.service-card::before,
.solution-index__item::before,
.component-card::before,
.delivery-card::before,
.engineering-input__grid article::before,
.phase-card::before,
.quality-point::before {
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, var(--orange-500), var(--blue-600));
  content: "";
}

.phase-card,
.quality-point,
.solution-index__item,
.component-card,
.delivery-card,
.engineering-input__grid article,
.contact-info-card {
  position: relative;
  overflow: hidden;
}

.service-card:hover,
.case-card:hover,
.solution-index__item:hover,
.component-card:hover,
.delivery-card:hover,
.quality-point:hover,
.phase-card:hover,
.engineering-input__grid article:hover,
.contact-info-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-md);
}

.service-card h3,
.case-card h3,
.solution-index__item h3,
.component-card h3,
.delivery-card h3,
.engineering-input__grid h3,
.phase-card h3,
.quality-point h3 {
  text-wrap: balance;
}

.case-card {
  border-radius: 22px;
}

.case-card__image {
  height: 265px;
}

.case-card__body {
  display: flex;
  min-height: 245px;
  flex-direction: column;
}

.case-card__body .text-link {
  margin-top: auto;
}

.media-frame__image,
.case-method__image,
.photo-mosaic__item,
.contact-map {
  border-radius: 24px;
}

.media-frame__image::after,
.case-method__image::after,
.photo-mosaic__item::after {
  position: absolute;
  inset: auto 0 0;
  height: 32%;
  background: linear-gradient(180deg, transparent, rgba(7,20,47,0.08));
  content: "";
  pointer-events: none;
}

.media-frame__badge {
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 22px;
  background: linear-gradient(135deg, #143777 0%, #0b1f49 100%);
}

.check-list__item,
.process-step,
.solution-specs > div {
  position: relative;
}

.check-list__item::after,
.process-step::after,
.solution-specs > div::after {
  position: absolute;
  inset: auto 18px 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(16,42,98,0), rgba(16,42,98,0.1), rgba(16,42,98,0));
  content: "";
}

.check-list__item:last-child::after,
.solution-specs > div:last-child::after {
  display: none;
}

.process-step {
  background: linear-gradient(180deg, #ffffff, #fbfcfe);
}

.process-step:hover {
  background: linear-gradient(180deg, #ffffff, #f5f8fd);
}

.cta-panel {
  border: 1px solid rgba(255,255,255,0.08);
  background:
    radial-gradient(circle at top right, rgba(239,163,59,.2), transparent 22%),
    linear-gradient(135deg, #153674 0%, #0b214e 45%, #061126 100%);
  box-shadow: 0 28px 80px rgba(7,20,47,0.24);
}

.cta-panel::before,
.cta-panel::after {
  border-color: rgba(255,255,255,0.08);
}

.page-hero {
  background:
    radial-gradient(circle at 80% 14%, rgba(239,163,59,.16), transparent 24%),
    linear-gradient(135deg, #07142f 0%, #0b1f49 58%, #081731 100%);
}

.page-hero::after {
  background:
    linear-gradient(90deg, rgba(5, 15, 36, 0.98), rgba(7, 20, 47, 0.82) 56%, rgba(7, 20, 47, 0.38)),
    linear-gradient(180deg, rgba(255,255,255,.03), transparent 35%);
}

.page-hero__breadcrumbs {
  width: fit-content;
  padding: 10px 14px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(10px);
}

.story-quote {
  border-radius: 0 18px 18px 0;
  box-shadow: inset 0 0 0 1px rgba(16,42,98,.04);
}

.capability-card,
.engineering-principle,
.manufacturing-card,
.service-focus__copy,
.contact-form-panel {
  box-shadow: var(--shadow-md);
}

.contact-form-panel,
.service-focus__copy {
  border: 1px solid rgba(255,255,255,0.08);
  background:
    radial-gradient(circle at top right, rgba(239,163,59,.12), transparent 28%),
    linear-gradient(135deg, #0d2454 0%, #091b3f 50%, #061126 100%);
}

.site-footer {
  background:
    radial-gradient(circle at top right, rgba(239,163,59,.12), transparent 24%),
    linear-gradient(180deg, #061127 0%, #040d1e 100%);
}

.footer-brand {
  border: 1px solid rgba(16,42,98,.08);
  box-shadow: 0 12px 24px rgba(0,0,0,.14);
}

.modal {
  background: rgba(3, 10, 25, 0.72);
}

.modal__dialog {
  border: 1px solid rgba(16,42,98,0.06);
  border-radius: 24px;
}

.form-field input,
.form-field textarea,
.form-field select {
  border-radius: 12px;
}

.mobile-nav {
  background: linear-gradient(180deg, #ffffff 0%, #f6f9fd 100%);
}

.mobile-nav__group,
.mobile-nav__direct {
  border-bottom-color: rgba(16,42,98,.09);
}

.mobile-nav .mobile-nav__submenu a {
  border-radius: 12px;
}

.mobile-nav .mobile-nav__submenu a:hover,
.mobile-nav .mobile-nav__submenu a.is-active {
  background: #f1f5fb;
}

@media (max-width: 1120px) {
  .brand img {
    width: 176px;
  }

  .site-header__inner {
    gap: 18px;
  }

  .hero__grid {
    gap: 30px;
  }
}

@media (max-width: 900px) {
  .site-header {
    background: rgba(255,255,255,0.95);
  }

  .brand {
    padding: 6px 10px 6px 8px;
  }

  .hero-card {
    box-shadow: 0 20px 40px rgba(0,0,0,.2);
  }
}

@media (max-width: 640px) {
  .brand img {
    width: 160px;
  }

  .btn,
  .btn--small {
    width: 100%;
  }

  .service-card,
  .case-card,
  .phase-card,
  .quality-point,
  .solution-index__item,
  .component-card,
  .delivery-card,
  .engineering-input__grid article,
  .contact-info-card {
    box-shadow: 0 12px 26px rgba(7,20,47,0.08);
  }

  .page-hero__breadcrumbs {
    width: 100%;
  }
}


/* ===== theme-02_industrial.css ===== */

/* INNOTECH — INDUSTRIAL */
:root {
  --navy-950:#17191b; --navy-900:#222528; --navy-800:#303438; --navy-700:#454a4f;
  --blue-600:#52616e; --orange-600:#c95f00; --orange-500:#e87500; --orange-400:#ff9a2e;
  --ink:#202326; --muted:#666b70; --line:#bfc2c4; --surface:#e8e6e1; --surface-2:#dad8d3; --white:#ffffff;
  --shadow-sm:6px 6px 0 rgba(32,35,38,.14); --shadow-md:10px 10px 0 rgba(32,35,38,.2);
  --radius-sm:0; --radius-md:0; --radius-lg:0; --container:1280px; --header-h:82px;
}
html,body { background:#e5e3de; }
body { color:var(--ink); font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif; }
body::before { position:fixed; z-index:-5; inset:0; background:repeating-linear-gradient(135deg,rgba(40,43,46,.025) 0 1px,transparent 1px 9px); content:""; }
.container { width:min(calc(100% - 44px),var(--container)); }
.topbar { color:#f1f1ef; background:#151719; border-bottom:3px solid var(--orange-500); }
.topbar__tag { color:#ff9a2e; }
.site-header { border:0; background:#272a2d; box-shadow:0 6px 0 rgba(0,0,0,.18); backdrop-filter:none; }
.site-header::after { display:none; }
.site-header.is-scrolled { background:#202326; box-shadow:0 6px 0 rgba(0,0,0,.25); }
.site-header__inner { min-height:var(--header-h); }
.brand { padding:7px 12px; border:3px solid #111; border-radius:0; background:#fff; box-shadow:5px 5px 0 #111; }
.brand img { width:184px; }
.main-nav__trigger,.main-nav__link { color:#e5e5e3; font-size:.82rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.main-nav__trigger:hover,.main-nav__link:hover,.main-nav__trigger.is-active,.main-nav__link.is-active,.nav-item.is-open>.main-nav__trigger { color:#ff9827; }
.main-nav__trigger::after,.main-nav__link::after { bottom:0; height:5px; background:#e87500; }
.nav-chevron { border-color:#ff9827; }
.header-project-btn { border:2px solid #ff9827; color:#fff; background:#c95f00; box-shadow:4px 4px 0 #111; }
.submenu { padding:10px; border:3px solid #141618; border-radius:0; background:#efeee9; box-shadow:9px 9px 0 rgba(0,0,0,.35); }
.submenu__label { color:#73777a; border-bottom:2px solid #bec1c3; }
.main-nav .submenu__link,.main-nav .submenu__all { border-radius:0; color:#222528; font-weight:900; text-transform:uppercase; }
.main-nav .submenu__link:hover,.main-nav .submenu__link.is-active,.main-nav .submenu__all:hover,.main-nav .submenu__all.is-active { border:0; color:#fff; background:#303438; box-shadow:inset 5px 0 #e87500; transform:none; }
.submenu__num { color:#c95f00; }
.btn { min-height:52px; border:2px solid #16181a; border-radius:0; font-size:.84rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; box-shadow:5px 5px 0 rgba(18,20,22,.28); }
.btn:hover { transform:translate(-2px,-2px); box-shadow:8px 8px 0 rgba(18,20,22,.28); }
.btn--primary { color:#fff; background:#e87500; }
.btn--primary:hover { background:#c95f00; }
.btn--navy { color:#fff; background:#303438; }
.btn--ghost { border-color:#d9dad8; background:rgba(25,27,29,.42); }
.section,.section--surface { background:
  linear-gradient(rgba(46,50,54,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(46,50,54,.04) 1px,transparent 1px),#eceae5; background-size:32px 32px; }
.section--surface { background-color:#dedcd7; }
.section--dark { color:#fff; background:
  repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 1px,transparent 1px 10px),#222528; }
.section-heading h2,.display-title,.page-hero h1,.feature-copy h2,.story-intro h2,.quality-copy h2,.case-method__copy h2,.engineering-input__copy h2 { color:#1d2022; font-family:Impact,"Arial Narrow",Arial,sans-serif; font-weight:400; line-height:.95; letter-spacing:.015em; text-transform:uppercase; }
.section--dark .section-heading h2 { color:#fff; }
.section-heading h2 { font-size:clamp(2.6rem,5vw,5rem); }
.section-heading p,.feature-copy>p,.story-content p,.quality-copy p,.case-method__copy p,.engineering-input__copy p { color:#5d6267; }
.eyebrow { color:#c95f00; font-weight:900; }
.eyebrow::before { width:10px; height:10px; background:#e87500; }
.text-link { color:#202326; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
.text-link:hover { color:#c95f00; }
.hero { min-height:720px; border-bottom:8px solid #e87500; background:#1c1f21; }
.hero::before { filter:grayscale(.55) contrast(1.2); }
.hero::after { background:
  repeating-linear-gradient(135deg,transparent 0 16px,rgba(255,255,255,.018) 16px 17px),
  linear-gradient(90deg,rgba(19,21,23,.98) 0%,rgba(26,29,31,.91) 48%,rgba(31,34,36,.42) 78%,rgba(24,26,28,.15)); }
.hero__grid { min-height:720px; }
.hero h1 { max-width:980px; font-family:Impact,"Arial Narrow",Arial,sans-serif; font-size:clamp(3.4rem,7.2vw,7.1rem); font-weight:400; line-height:.88; letter-spacing:.02em; text-transform:uppercase; }
.hero h1 em { color:#ff8b12; }
.hero__lead { max-width:670px; color:#d0d1cf; font-size:1.08rem; }
.hero__micro { color:#b6b8b7; }
.hero__micro span::before { width:10px; height:10px; border:0; border-radius:0; background:#e87500; }
.hero-card { padding:30px; border:3px solid #909396; border-radius:0; background:rgba(35,38,41,.92); box-shadow:10px 10px 0 rgba(0,0,0,.38); backdrop-filter:none; }
.hero-card::before { width:8px; background:#e87500; }
.hero-card::after { display:none; }
.hero-card__kicker { color:#ff9827; }
.hero-card h2 { font-family:"Arial Narrow",Arial,sans-serif; font-weight:900; text-transform:uppercase; }
.hero-card__step { border-color:#55595d; }
.hero-card__step strong { color:#ff9827; }
.hero-card__step span { color:#d4d5d3; }
.hero__corner-label { right:20px; color:rgba(255,255,255,.035); font-family:Impact,Arial,sans-serif; letter-spacing:.01em; }
.capability-strip { margin-top:-38px; }
.capability-strip__grid { border:3px solid #25282a; border-radius:0; background:#f0efeb; box-shadow:10px 10px 0 rgba(32,35,38,.25); }
.capability-strip__item { border-color:#afb2b4; background:#f0efeb; }
.capability-strip__item::before { display:none; }
.capability-strip__item strong { color:#222528; font-size:1rem; text-transform:uppercase; }
.capability-strip__item span { color:#666a6e; }
.capability-strip__num { color:#c95f00; }
.service-card,.case-card,.phase-card,.quality-point,.solution-index__item,.component-card,.delivery-card,.engineering-input__grid article,.contact-info-card { border:3px solid #b5b7b8; border-radius:0; background:#f3f2ee; box-shadow:6px 6px 0 rgba(38,41,44,.14); }
.service-card::before,.solution-index__item::before,.component-card::before,.delivery-card::before,.engineering-input__grid article::before,.phase-card::before,.quality-point::before { height:8px; background:#303438; }
.service-card:hover,.case-card:hover,.solution-index__item:hover,.component-card:hover,.delivery-card:hover,.quality-point:hover,.phase-card:hover,.engineering-input__grid article:hover,.contact-info-card:hover { border-color:#656a6f; box-shadow:10px 10px 0 rgba(38,41,44,.22); transform:translate(-3px,-3px); }
.service-card h3,.case-card h3,.phase-card h3,.quality-point h3,.solution-index__item h3,.component-card h3,.delivery-card h3,.engineering-input__grid h3 { font-weight:900; letter-spacing:.015em; text-transform:uppercase; }
.service-card__num { border:2px solid #c95f00; border-radius:0; color:#fff; background:#e87500; }
.service-card::after { right:-58px; bottom:-84px; border-radius:0; border-color:rgba(48,52,56,.045); transform:rotate(45deg); }
.case-card { border-color:#aeb1b3; }
.case-card__image { height:255px; filter:grayscale(.5) contrast(1.08); }
.case-card__tag { border-radius:0; color:#fff; background:#e87500; }
.case-card__body { background:#f1f0ec; }
.media-frame__image,.case-method__image,.photo-mosaic__item,.contact-map,.service-focus__media { border:4px solid #373b3e; border-radius:0; box-shadow:10px 10px 0 rgba(36,39,42,.22); }
.media-frame__badge { border:3px solid #17191b; border-radius:0; background:#303438; box-shadow:7px 7px 0 rgba(0,0,0,.25); }
.check-list__icon { border-radius:0; background:#e87500; }
.check-list__item { border-color:#b9bbbd; }
.industry-grid,.team-roles,.process-grid { border-color:#62676b; }
.industry-card,.team-role,.process-step { border-color:#62676b; }
.industry-card { background-color:#2a2d30; }
.industry-card:hover { background:#33373b; }
.industry-card--lead { filter:grayscale(.65) contrast(1.15); }
.industry-card h3,.team-role h3 { font-family:Impact,"Arial Narrow",Arial,sans-serif; font-weight:400; letter-spacing:.02em; text-transform:uppercase; }
.process-step { background:#efeee9; }
.process-step:hover { background:#dedcd7; }
.cta-panel,.contact-form-panel,.service-focus__copy { border:4px solid #1c1e20; border-radius:0; background:
  repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 1px,transparent 1px 10px),#303438; box-shadow:10px 10px 0 rgba(0,0,0,.28); }
.cta-panel::before,.cta-panel::after { border-radius:0; transform:rotate(45deg); }
.cta-panel h2,.contact-form-panel h2,.service-focus__copy h2 { font-family:Impact,"Arial Narrow",Arial,sans-serif; font-weight:400; letter-spacing:.02em; text-transform:uppercase; }
.page-hero { min-height:500px; border-bottom:8px solid #e87500; background:#202326; }
.page-hero::before { filter:grayscale(.55) contrast(1.18); }
.page-hero::after { background:linear-gradient(90deg,rgba(23,25,27,.98),rgba(29,32,34,.85) 60%,rgba(27,29,31,.4)); }
.page-hero__breadcrumbs { border:2px solid #aeb1b3; border-radius:0; color:#d5d6d4; background:rgba(34,37,40,.72); }
.page-hero h1 { color:#fff; font-family:Impact,"Arial Narrow",Arial,sans-serif; font-weight:400; letter-spacing:.02em; text-transform:uppercase; }
.story-quote { border-left:9px solid #e87500; border-radius:0; color:#202326; background:#dad8d3; }
.capability-card,.engineering-principle,.manufacturing-card { border:3px solid #555a5f; border-radius:0; background:#2a2d30; box-shadow:6px 6px 0 rgba(0,0,0,.22); }
.capability-card:nth-child(even),.engineering-principle:nth-child(even),.manufacturing-card:nth-child(even) { background:#383c40; }
.solution-specs { border:3px solid #74787c; border-radius:0; background:#7d8184; }
.solution-specs>div,.case-detail-chip { background:#efeee9; }
.contact-info-card::after { border-radius:0; transform:rotate(45deg); border-color:rgba(232,117,0,.12); }
.form-field input,.form-field textarea,.form-field select { border:2px solid #808489; border-radius:0; }
.contact-form-panel input,.contact-form-panel textarea,.contact-form-panel select { border-color:#72777c; background:#24272a; }
.site-footer { border-top:8px solid #e87500; background:#17191b; }
.footer-brand { border:3px solid #08090a; border-radius:0; box-shadow:5px 5px 0 #000; }
.modal { backdrop-filter:none; }
.modal__dialog { border:4px solid #292c2f; border-radius:0; background:#efeee9; box-shadow:12px 12px 0 rgba(0,0,0,.4); }
.modal__close { border-radius:0; color:#fff; background:#303438; }
.mobile-nav { background:#272a2d; }
.mobile-nav a,.mobile-nav__trigger { color:#f0f0ee; border-color:#55595d; text-transform:uppercase; }
.mobile-nav .mobile-nav__submenu a:hover,.mobile-nav .mobile-nav__submenu a.is-active { color:#fff; background:#3a3e42; box-shadow:inset 5px 0 #e87500; }
.menu-toggle { border:2px solid #ff9827; border-radius:0; color:#fff; background:#303438; }
@media(max-width:900px){ .site-header__inner{min-height:70px}.brand{box-shadow:4px 4px 0 #111}.brand img{width:160px}.mobile-nav{top:70px}.hero__grid{padding-top:70px} }
@media(max-width:640px){ .container{width:min(calc(100% - 26px),var(--container))}.hero h1{font-size:clamp(3rem,15vw,5rem)}.btn{width:100%}.page-hero h1{font-size:clamp(2.8rem,14vw,4.4rem)} }

/* Typography correction v2 — compact industrial scale */
.main-nav > a.main-nav__link,
.main-nav > a.main-nav__link:visited {
  color: #e5e5e3;
  font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.main-nav > a.main-nav__link:hover,
.main-nav > a.main-nav__link.is-active,
.main-nav > a.main-nav__link:focus-visible {
  color: #ff9827;
}

.hero,
.hero__grid {
  min-height: 650px;
}

.hero h1 {
  max-width: 900px;
  font-size: clamp(2.9rem, 5.25vw, 5.25rem);
  line-height: .92;
  letter-spacing: .015em;
}

.hero__lead {
  max-width: 720px;
  font-size: 1rem;
  line-height: 1.65;
}

.hero-card h2 {
  font-size: 1.12rem;
  line-height: 1.3;
}

.section-heading h2 {
  font-size: clamp(2.05rem, 3.35vw, 3.45rem);
  line-height: .98;
}

.feature-copy h2,
.story-intro h2,
.quality-copy h2,
.case-method__copy h2,
.engineering-input__copy h2 {
  font-size: clamp(2rem, 3vw, 3.15rem);
  line-height: .98;
}

.cta-panel h2,
.contact-form-panel h2,
.service-focus__copy h2 {
  font-size: clamp(2.05rem, 3.2vw, 3.4rem);
  line-height: .98;
}

.page-hero,
.page-hero__inner {
  min-height: 430px;
}

.page-hero h1 {
  max-width: 880px;
  font-size: clamp(2.35rem, 4.15vw, 4.05rem);
  line-height: .95;
}

.page-hero p {
  max-width: 760px;
  font-size: 1rem;
}

.service-card h3 {
  font-size: 1.14rem;
  line-height: 1.28;
}

.case-card h3 {
  font-size: 1.12rem;
  line-height: 1.3;
}

.industry-card h3 {
  font-size: clamp(1.18rem, 1.8vw, 1.7rem);
  line-height: 1.08;
}

.team-role h3 {
  margin-top: 58px;
  font-size: 1.05rem;
  line-height: 1.25;
}

.phase-card h3,
.capability-card h3,
.quality-point h3,
.process-step h3,
.solution-index__item h3,
.component-card h3,
.delivery-card h3,
.engineering-principle h3,
.manufacturing-card h3,
.engineering-input__grid h3 {
  font-size: 1rem;
  line-height: 1.28;
}

.modal__header h2,
.case-modal__content h2 {
  font-size: clamp(1.7rem, 3vw, 2.45rem);
  line-height: 1;
}

.footer-col h3 {
  font-size: .82rem;
}

@media (max-width: 1120px) {
  .hero h1 {
    font-size: clamp(2.8rem, 5.7vw, 4.7rem);
  }

  .main-nav > a.main-nav__link,
  .main-nav > a.main-nav__link:visited,
  .main-nav__trigger {
    font-size: .78rem;
    letter-spacing: .065em;
  }
}

@media (max-width: 900px) {
  .hero,
  .hero__grid {
    min-height: auto;
  }

  .page-hero,
  .page-hero__inner {
    min-height: 400px;
  }
}

@media (max-width: 640px) {
  .hero h1 {
    font-size: clamp(2.45rem, 11.4vw, 3.75rem);
    line-height: .94;
  }

  .section-heading h2 {
    font-size: clamp(1.95rem, 8.7vw, 2.7rem);
  }

  .feature-copy h2,
  .story-intro h2,
  .quality-copy h2,
  .case-method__copy h2,
  .engineering-input__copy h2,
  .cta-panel h2,
  .contact-form-panel h2,
  .service-focus__copy h2 {
    font-size: clamp(1.9rem, 8.3vw, 2.55rem);
  }

  .page-hero h1 {
    font-size: clamp(2.15rem, 9.8vw, 3.15rem);
    line-height: .96;
  }

  .industry-card h3 {
    font-size: 1.35rem;
  }
}


/* ===== company-data.css ===== */

/* Company profile rebuild v3 — content grounded in supplied INNOTECH deck */
:root { --profile-orange:#f07b0b; }
.hero--profile { --hero-image:url('../img/profile/factory.webp'); }
.page-hero--company { --page-hero-image:url('../img/profile/tooling-floor.webp'); }
.page-hero--capabilities { --page-hero-image:url('../img/profile/cnc-line.webp'); }
.page-hero--workflow { --page-hero-image:url('../img/profile/cnc-heavy.webp'); }
.page-hero--quality-profile { --page-hero-image:url('../img/profile/quality-cmm.webp'); }
.page-hero--gallery { --page-hero-image:url('../img/profile/tooling-02.webp'); }
.page-hero--contacts-profile { --page-hero-image:url('../img/profile/cranes.webp'); }

.hero--profile::before { background-position:center 34%; }
.hero--profile .hero__grid { grid-template-columns:minmax(0,1fr) minmax(360px,.5fr); }
.hero--profile h1 { max-width:900px; }
.hero--profile .hero-card { align-self:center; }
.hero-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin-top:38px; border-top:1px solid rgba(255,255,255,.28); border-bottom:1px solid rgba(255,255,255,.28); }
.hero-fact { padding:20px 18px 20px 0; }
.hero-fact + .hero-fact { padding-left:20px; border-left:1px solid rgba(255,255,255,.22); }
.hero-fact strong { display:block; color:#ff9827; font-family:Impact,'Arial Narrow',Arial,sans-serif; font-size:2rem; font-weight:400; letter-spacing:.02em; }
.hero-fact span { color:#d4d5d3; font-size:.8rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }

.profile-stats { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border:3px solid #25282a; background:#f0efeb; box-shadow:10px 10px 0 rgba(32,35,38,.25); }
.profile-stat { min-height:145px; padding:26px; border-right:2px solid #b8bbbd; }
.profile-stat:last-child { border-right:0; }
.profile-stat strong { display:block; margin-bottom:8px; color:#c95f00; font-family:Impact,'Arial Narrow',Arial,sans-serif; font-size:2.35rem; font-weight:400; letter-spacing:.02em; }
.profile-stat span { color:#25282a; font-size:.82rem; font-weight:900; line-height:1.3; letter-spacing:.06em; text-transform:uppercase; }

.fact-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.fact-card { position:relative; min-height:230px; padding:30px; border:3px solid #b5b7b8; background:#f3f2ee; box-shadow:6px 6px 0 rgba(38,41,44,.14); }
.fact-card::before { position:absolute; top:0; right:0; left:0; height:8px; background:#303438; content:''; }
.fact-card__num { display:block; margin-bottom:38px; color:#c95f00; font-size:.76rem; font-weight:900; letter-spacing:.13em; }
.fact-card h3 { margin:0 0 10px; color:#222528; font-size:1.05rem; line-height:1.25; letter-spacing:.025em; text-transform:uppercase; }
.fact-card p { margin:0; color:#666a6e; font-size:.9rem; }

.equipment-summary { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); border:3px solid #555a5f; background:#222528; }
.equipment-summary__item { min-height:150px; padding:22px 18px; border-right:1px solid #555a5f; }
.equipment-summary__item:last-child { border-right:0; }
.equipment-summary__item strong { display:block; margin-bottom:12px; color:#ff9827; font-family:Impact,'Arial Narrow',Arial,sans-serif; font-size:2.1rem; font-weight:400; }
.equipment-summary__item span { color:#d2d3d1; font-size:.75rem; font-weight:800; line-height:1.35; text-transform:uppercase; }

.profile-split { display:grid; grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr); gap:58px; align-items:center; }
.profile-split--reverse .profile-media { order:2; }
.profile-media { min-height:520px; overflow:hidden; border:4px solid #373b3e; box-shadow:10px 10px 0 rgba(36,39,42,.22); }
.profile-media img { width:100%; height:100%; object-fit:cover; }
.profile-copy h2 { margin:0; color:#1d2022; font-family:Impact,'Arial Narrow',Arial,sans-serif; font-size:clamp(2rem,3vw,3.15rem); font-weight:400; line-height:.98; letter-spacing:.015em; text-transform:uppercase; }
.profile-copy > p { color:#5d6267; }

.spec-rack { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:28px; }
.spec-box { min-height:130px; padding:20px; border:2px solid #b4b7b9; background:#efeee9; }
.spec-box strong { display:block; margin-bottom:6px; color:#c95f00; font-family:Impact,'Arial Narrow',Arial,sans-serif; font-size:1.45rem; font-weight:400; }
.spec-box span { color:#4e5357; font-size:.76rem; font-weight:900; letter-spacing:.045em; text-transform:uppercase; }

.machine-table { width:100%; margin-top:28px; border-collapse:collapse; border:3px solid #767a7e; background:#efeee9; font-size:.84rem; }
.machine-table th,.machine-table td { padding:15px 16px; border-bottom:1px solid #b4b6b8; text-align:left; }
.machine-table th { color:#fff; background:#303438; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; }
.machine-table td:first-child { color:#222528; font-weight:900; }
.machine-table tr:last-child td { border-bottom:0; }

.process-line { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); border:3px solid #555a5f; background:#efeee9; }
.process-line__step { position:relative; min-height:230px; padding:26px 22px; border-right:1px solid #9da0a2; }
.process-line__step:last-child { border-right:0; }
.process-line__step strong { color:#c95f00; font-size:.74rem; font-weight:900; letter-spacing:.12em; }
.process-line__step h3 { margin:52px 0 9px; color:#222528; font-size:1rem; line-height:1.2; text-transform:uppercase; }
.process-line__step p { margin:0; color:#666a6e; font-size:.84rem; }
.process-line__step::after { position:absolute; z-index:2; top:34px; right:-10px; width:18px; height:18px; border-top:3px solid #e87500; border-right:3px solid #e87500; background:#efeee9; transform:rotate(45deg); content:''; }
.process-line__step:last-child::after { display:none; }

.value-panel { display:grid; grid-template-columns:minmax(0,.75fr) minmax(420px,1.25fr); gap:50px; align-items:start; padding:50px; border:4px solid #1c1e20; color:#fff; background:repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 1px,transparent 1px 10px),#303438; box-shadow:10px 10px 0 rgba(0,0,0,.28); }
.value-panel h2 { margin:0; font-family:Impact,'Arial Narrow',Arial,sans-serif; font-size:clamp(2rem,3vw,3rem); font-weight:400; line-height:.98; letter-spacing:.02em; text-transform:uppercase; }
.value-list { display:grid; gap:0; }
.value-list__item { display:grid; grid-template-columns:44px 1fr; gap:14px; padding:17px 0; border-top:1px solid #5a5f63; }
.value-list__item strong { color:#ff9827; font-size:.78rem; }
.value-list__item span { color:#dddeda; }

.gallery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.gallery-card { position:relative; min-height:330px; overflow:hidden; border:3px solid #555a5f; background:#202326; box-shadow:6px 6px 0 rgba(0,0,0,.2); }
.gallery-card--wide { grid-column:span 2; }
.gallery-card img { width:100%; height:100%; object-fit:cover; filter:saturate(.85) contrast(1.03); transition:transform .45s ease,filter .45s ease; }
.gallery-card:hover img { transform:scale(1.035); filter:saturate(1) contrast(1.04); }
.gallery-card__caption { position:absolute; right:0; bottom:0; left:0; padding:26px 24px 20px; color:#fff; background:linear-gradient(180deg,transparent,rgba(15,17,19,.92)); }
.gallery-card__caption strong { display:block; font-size:.95rem; text-transform:uppercase; }
.gallery-card__caption span { color:#d5d6d4; font-size:.8rem; }

.acceptance-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.acceptance-card { min-height:200px; padding:28px; border:3px solid #b5b7b8; background:#f3f2ee; box-shadow:6px 6px 0 rgba(38,41,44,.14); }
.acceptance-card strong { color:#c95f00; font-size:.76rem; letter-spacing:.1em; text-transform:uppercase; }
.acceptance-card h3 { margin:35px 0 8px; color:#222528; font-size:1.05rem; text-transform:uppercase; }
.acceptance-card p { margin:0; color:#666a6e; }

.nav-item--capabilities .submenu--solutions { right:-160px; width:min(650px,calc(100vw - 40px)); }
.submenu--solutions { grid-template-columns:repeat(2,minmax(240px,1fr)); }

@media(max-width:1100px){
  .profile-stats{grid-template-columns:repeat(3,1fr)} .profile-stat:nth-child(3){border-right:0}.profile-stat:nth-child(-n+3){border-bottom:2px solid #b8bbbd}
  .equipment-summary{grid-template-columns:repeat(4,1fr)} .equipment-summary__item:nth-child(4){border-right:0}.equipment-summary__item:nth-child(-n+4){border-bottom:1px solid #555a5f}
  .process-line{grid-template-columns:repeat(3,1fr)} .process-line__step:nth-child(3){border-right:0}.process-line__step:nth-child(-n+3){border-bottom:1px solid #9da0a2}.process-line__step:nth-child(3)::after{display:none}
}
@media(max-width:900px){
  .hero--profile .hero__grid,.profile-split,.value-panel{grid-template-columns:1fr}.profile-split--reverse .profile-media{order:initial}.profile-media{min-height:420px}
  .fact-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)} .gallery-card--wide{grid-column:auto}
}
@media(max-width:680px){
  .hero-facts,.profile-stats,.equipment-summary,.spec-rack,.process-line,.fact-grid,.gallery-grid,.acceptance-grid{grid-template-columns:1fr}
  .hero-fact+.hero-fact{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.22)}
  .profile-stat,.profile-stat:nth-child(3),.equipment-summary__item,.equipment-summary__item:nth-child(4),.process-line__step,.process-line__step:nth-child(3){border-right:0;border-bottom:1px solid #aeb1b3}
  .profile-stat:last-child,.equipment-summary__item:last-child,.process-line__step:last-child{border-bottom:0}
  .process-line__step::after{display:none}.profile-media{min-height:320px}.value-panel{padding:32px 24px}.machine-table{display:block;overflow-x:auto;white-space:nowrap}
}


/* ===== direction-v4.css ===== */
/* INNOTECH Industrial Direction v4 — strict, technical, image-led */
:root{
  --i-bg:#e9e7e2;
  --i-paper:#f3f1ec;
  --i-ink:#1d2022;
  --i-dark:#202326;
  --i-dark-2:#2c3033;
  --i-line:#aeb2b5;
  --i-orange:#e87500;
  --i-orange-dark:#c95f00;
}

body{background:var(--i-bg);}
.section{padding:96px 0;}
.section--compact{padding:66px 0;}
.section-heading{gap:42px;margin-bottom:44px;}
.section-heading h2{font-size:clamp(2rem,3vw,3.15rem);line-height:.98;max-width:13ch;}
.section-heading p{font-size:.98rem;line-height:1.68;max-width:620px;}
.eyebrow{margin-bottom:14px;font-size:.7rem;letter-spacing:.14em;}
.btn{min-height:50px;padding-inline:22px;font-size:.78rem;}

/* Header: cleaner hierarchy, still industrial */
.topbar__inner{min-height:38px;}
.site-header__inner{min-height:76px;}
.brand{padding:6px 10px;box-shadow:4px 4px 0 #111;}
.brand img{width:168px;}
.main-nav{gap:18px;}
.main-nav__trigger,.main-nav__link,.main-nav>a.main-nav__link{font-size:.78rem;letter-spacing:.07em;}
.header-project-btn{min-height:44px;padding-inline:18px;box-shadow:3px 3px 0 #111;}
.submenu{box-shadow:7px 7px 0 rgba(0,0,0,.33);}

/* Inner page typography — compact and consistent */
.page-hero,.page-hero__inner{min-height:390px;}
.page-hero h1{max-width:820px;font-size:clamp(2.25rem,3.65vw,3.55rem);line-height:.96;}
.page-hero p{max-width:720px;font-size:.98rem;line-height:1.65;}
.profile-copy h2,.feature-copy h2,.story-intro h2,.quality-copy h2,.case-method__copy h2,.engineering-input__copy h2{font-size:clamp(1.9rem,2.7vw,2.9rem);}
.cta-panel h2,.contact-form-panel h2,.service-focus__copy h2{font-size:clamp(2rem,2.9vw,3rem);}

/* Home hero: one strong composition */
.hero--profile,.hero--profile .hero__grid{min-height:640px;}
.hero--profile .hero__grid{display:block;padding-top:102px;padding-bottom:54px;}
.hero--profile::before{background-position:center 42%;filter:grayscale(.68) contrast(1.2) brightness(.77);}
.hero--profile::after{background:
  linear-gradient(90deg,rgba(17,19,21,.98) 0%,rgba(21,23,25,.91) 43%,rgba(25,27,29,.48) 77%,rgba(20,22,24,.16)),
  repeating-linear-gradient(90deg,transparent 0 127px,rgba(255,255,255,.025) 127px 128px);}
.hero--profile .hero__content{max-width:930px;}
.hero--profile h1{max-width:870px;font-size:clamp(3rem,5.15vw,5.05rem);line-height:.9;margin-top:0;}
.hero--profile .hero__lead{max-width:720px;margin-top:22px;font-size:1rem;line-height:1.66;}
.hero--profile .hero__actions{margin-top:28px;}
.hero-techline{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;color:#c9cbca;font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;}
.hero-techline span{display:inline-flex;align-items:center;gap:8px;}
.hero-techline span:not(:last-child)::after{width:18px;height:2px;background:var(--i-orange);content:"";}
.hero-facts{grid-template-columns:repeat(3,minmax(0,1fr));max-width:820px;margin-top:38px;border-top:1px solid rgba(255,255,255,.24);border-bottom:1px solid rgba(255,255,255,.24);}
.hero-fact{min-height:92px;padding:18px 20px 18px 0;}
.hero-fact strong{font-size:1.8rem;}
.hero-fact span{font-size:.72rem;}
.hero__corner-label{font-size:clamp(7rem,18vw,17rem);opacity:.7;}

/* Main stats */
.profile-stats{grid-template-columns:repeat(5,minmax(0,1fr));border:2px solid #34383b;box-shadow:7px 7px 0 rgba(32,35,38,.19);}
.profile-stat{min-height:128px;padding:22px;border-right:1px solid #b5b8ba;}
.profile-stat strong{font-size:2.05rem;}
.profile-stat span{font-size:.75rem;}

/* Production chain */
.production-chain{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #5a5e61;border-bottom:1px solid #5a5e61;}
.production-chain__item{position:relative;min-height:205px;padding:26px 24px;border-right:1px solid #4b4f52;}
.production-chain__item:last-child{border-right:0;}
.production-chain__num{display:block;color:var(--i-orange);font-size:.72rem;font-weight:900;letter-spacing:.14em;}
.production-chain__item h3{margin:54px 0 10px;color:#fff;font-size:1rem;line-height:1.22;letter-spacing:.04em;text-transform:uppercase;}
.production-chain__item p{margin:0;color:#b9bcbd;font-size:.83rem;line-height:1.55;}
.production-chain__item::after{position:absolute;top:30px;right:-8px;width:14px;height:14px;border-top:2px solid var(--i-orange);border-right:2px solid var(--i-orange);transform:rotate(45deg);content:"";z-index:2;}
.production-chain__item:last-child::after{display:none;}

/* Alternating capability stories */
.capability-story{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);gap:0;min-height:560px;border:3px solid #34383b;background:#d8d6d1;box-shadow:9px 9px 0 rgba(32,35,38,.18);}
.capability-story--reverse{grid-template-columns:minmax(380px,.85fr) minmax(0,1.15fr);}
.capability-story--reverse .capability-story__media{order:2;}
.capability-story__media{position:relative;min-height:560px;overflow:hidden;background:#222;}
.capability-story__media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.22) contrast(1.06);transition:transform .5s ease,filter .5s ease;}
.capability-story:hover .capability-story__media img{transform:scale(1.025);filter:grayscale(0) contrast(1.04);}
.capability-story__tag{position:absolute;left:0;bottom:0;padding:11px 16px;color:#fff;background:var(--i-orange);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
.capability-story__copy{display:flex;flex-direction:column;justify-content:center;padding:48px 46px;background:
  repeating-linear-gradient(135deg,rgba(40,43,46,.025) 0 1px,transparent 1px 10px),#efede8;}
.capability-story__copy h2{margin:0;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(2.1rem,3vw,3rem);font-weight:400;line-height:.95;letter-spacing:.015em;text-transform:uppercase;}
.capability-story__copy>p{margin:20px 0 0;color:#5f6468;line-height:1.7;}
.capability-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:30px 0;border-top:2px solid #aeb1b3;border-bottom:2px solid #aeb1b3;}
.capability-metric{padding:18px 18px 18px 0;}
.capability-metric+ .capability-metric{padding-left:18px;border-left:1px solid #b5b8ba;}
.capability-metric strong{display:block;color:var(--i-orange-dark);font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.65rem;font-weight:400;}
.capability-metric span{display:block;margin-top:3px;color:#555a5e;font-size:.7rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;}

/* Tryout feature */
.tryout-feature{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 440px;min-height:620px;overflow:hidden;border:3px solid #111;background:#1c1f21;box-shadow:10px 10px 0 rgba(0,0,0,.28);}
.tryout-feature__media{position:absolute;inset:0;}
.tryout-feature__media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) contrast(1.15) brightness(.72);}
.tryout-feature::after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,26,28,.24),rgba(25,27,29,.58) 56%,rgba(20,22,24,.98) 76%);content:"";}
.tryout-feature__number{position:relative;z-index:2;align-self:end;padding:0 0 28px 30px;color:rgba(255,255,255,.94);font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(5rem,11vw,9rem);line-height:.72;letter-spacing:.01em;text-transform:uppercase;}
.tryout-feature__number small{display:block;margin-top:20px;color:var(--i-orange);font-family:"Arial Narrow",Arial,sans-serif;font-size:.66rem;font-weight:900;line-height:1;letter-spacing:.14em;}
.tryout-feature__copy{position:relative;z-index:3;grid-column:2;padding:46px 38px;color:#fff;background:rgba(29,32,34,.82);border-left:1px solid #55595d;}
.tryout-feature__copy h2{margin:0;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:2.6rem;font-weight:400;line-height:.96;text-transform:uppercase;}
.tryout-feature__copy>p{color:#c6c8c7;line-height:1.65;}
.press-list{display:grid;margin-top:28px;border-top:1px solid #55595d;}
.press-list__item{display:grid;grid-template-columns:74px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid #55595d;}
.press-list__item strong{color:var(--i-orange);font-size:.78rem;letter-spacing:.08em;}
.press-list__item span{color:#e1e2df;font-size:.86rem;}

/* Quality */
.quality-feature{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:42px;align-items:center;}
.quality-feature__copy{padding:10px 0;}
.quality-feature__copy h2{margin:0;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(2.15rem,3.2vw,3.2rem);font-weight:400;line-height:.96;text-transform:uppercase;}
.quality-feature__copy>p{max-width:560px;color:#5d6267;line-height:1.7;}
.quality-points{display:grid;margin-top:26px;border-top:2px solid #9fa3a6;}
.quality-points__item{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid #b2b5b7;}
.quality-points__item strong{color:var(--i-orange-dark);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;}
.quality-points__item span{font-size:.88rem;font-weight:800;color:#33373a;}
.quality-feature__media{min-height:500px;border:4px solid #373b3e;box-shadow:10px 10px 0 rgba(36,39,42,.22);overflow:hidden;}
.quality-feature__media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.18) contrast(1.03);}

/* Gallery stronger, less card-like */
.gallery-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;}
.gallery-card{grid-column:span 4;min-height:300px;border:2px solid #4a4e51;box-shadow:none;}
.gallery-card--wide{grid-column:span 8;}
.gallery-card:nth-child(4){grid-column:span 8;}
.gallery-card__caption{padding:38px 20px 18px;background:linear-gradient(180deg,transparent,rgba(15,17,19,.94));}

/* Compact project process on homepage */
.home-process{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:3px solid #242729;border-bottom:3px solid #242729;background:#efede8;}
.home-process__step{position:relative;min-height:170px;padding:22px 18px;border-right:1px solid #aeb1b3;}
.home-process__step:last-child{border-right:0;}
.home-process__step strong{color:var(--i-orange-dark);font-size:.7rem;letter-spacing:.12em;}
.home-process__step h3{margin:34px 0 6px;font-size:.9rem;line-height:1.2;text-transform:uppercase;}
.home-process__step p{margin:0;color:#696e72;font-size:.78rem;line-height:1.5;}

/* Portfolio page: keep technical and image-led */
.case-card__image{filter:none;}
.case-card__body{min-height:auto;}

/* Footer and forms */
.cta-panel{padding:48px 50px;}
.contact-form-panel{gap:44px;}
.form-field input,.form-field textarea,.form-field select{min-height:48px;}

@media(max-width:1100px){
  .production-chain{grid-template-columns:repeat(3,1fr)}
  .production-chain__item:nth-child(3){border-right:0}.production-chain__item:nth-child(-n+3){border-bottom:1px solid #4b4f52}.production-chain__item:nth-child(3)::after{display:none}
  .capability-story,.capability-story--reverse{grid-template-columns:1fr}.capability-story--reverse .capability-story__media{order:0}.capability-story__media{min-height:440px}.capability-story__copy{padding:40px}
  .tryout-feature{grid-template-columns:1fr 390px}
  .home-process{grid-template-columns:repeat(3,1fr)}.home-process__step:nth-child(3){border-right:0}.home-process__step:nth-child(-n+3){border-bottom:1px solid #aeb1b3}
  .gallery-card{grid-column:span 6}.gallery-card--wide,.gallery-card:nth-child(4){grid-column:span 6}
}

@media(max-width:900px){
  .section{padding:78px 0}.section-heading{grid-template-columns:1fr;gap:16px}.section-heading h2{max-width:none}
  .hero--profile .hero__grid{padding-top:76px;padding-bottom:52px}.hero--profile h1{font-size:clamp(2.7rem,8vw,4.4rem)}
  .profile-stats{grid-template-columns:repeat(3,1fr)}
  .tryout-feature{display:block;min-height:auto;padding-top:350px}.tryout-feature::after{background:linear-gradient(180deg,rgba(24,26,28,.08),rgba(20,22,24,.98) 52%)}.tryout-feature__number{position:absolute;top:260px;left:22px;padding:0}.tryout-feature__copy{padding:38px 28px;border-left:0;border-top:1px solid #55595d;background:#202326}
  .quality-feature{grid-template-columns:1fr}.quality-feature__media{min-height:390px}
}

@media(max-width:680px){
  .container{width:min(calc(100% - 24px),var(--container))}
  .main-nav{gap:8px}
  .hero--profile h1{font-size:clamp(2.45rem,11vw,3.55rem)}
  .hero-techline{gap:6px}.hero-facts{grid-template-columns:1fr}.hero-fact+.hero-fact{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.2)}
  .profile-stats,.production-chain,.home-process{grid-template-columns:1fr}.profile-stat,.production-chain__item,.home-process__step{border-right:0;border-bottom:1px solid #aeb1b3}.production-chain__item::after{display:none}
  .capability-story__media{min-height:310px}.capability-story__copy{padding:30px 24px}.capability-metrics{grid-template-columns:1fr}.capability-metric+.capability-metric{padding-left:0;border-left:0;border-top:1px solid #b5b8ba}
  .tryout-feature{padding-top:280px}.tryout-feature__number{top:205px;font-size:4.8rem}.tryout-feature__copy h2{font-size:2.15rem}
  .quality-feature__media{min-height:310px}.quality-points__item{grid-template-columns:1fr;gap:5px}
  .gallery-card,.gallery-card--wide,.gallery-card:nth-child(4){grid-column:span 12;min-height:280px}
  .cta-panel{padding:34px 24px}
  .page-hero h1{font-size:clamp(2.05rem,9.5vw,3rem)}
}


/* ===== direction-v5.css ===== */
/* INNOTECH Industrial Direction v5 — capability + portfolio pass */
:root{
  --v5-orange:#e87500;
  --v5-orange-bright:#ff941f;
  --v5-ink:#1e2123;
  --v5-dark:#202326;
  --v5-dark-2:#2b2f32;
  --v5-paper:#efede8;
  --v5-paper-2:#e5e3de;
  --v5-line:#a8acae;
}

/* Navigation — one clear route to QC/Tryout */
.main-nav{gap:clamp(10px,1.35vw,19px)}
.main-nav__trigger,.main-nav__link,.main-nav>a.main-nav__link{font-size:.75rem;letter-spacing:.065em;white-space:nowrap}
.submenu--compact-solutions{grid-template-columns:1fr;width:360px;right:auto;left:0}
.submenu--compact-solutions .submenu__all{grid-column:1}
@media(max-width:1180px){.main-nav{gap:10px}.main-nav__trigger,.main-nav__link,.main-nav>a.main-nav__link{font-size:.71rem;letter-spacing:.045em}}

/* Common page hero: technical facts without extra cards */
.page-hero--v5 .page-hero__inner{padding-bottom:44px}
.page-hero--v5 h1{max-width:890px}
.page-hero__facts{display:flex;max-width:760px;margin-top:30px;border-top:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.28)}
.page-hero__facts>div{min-width:0;flex:1;padding:15px 18px 15px 0}
.page-hero__facts>div+div{padding-left:18px;border-left:1px solid rgba(255,255,255,.22)}
.page-hero__facts strong{display:block;color:var(--v5-orange-bright);font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.55rem;font-weight:400;line-height:1;letter-spacing:.02em}
.page-hero__facts span{display:block;margin-top:6px;color:#d2d4d3;font-size:.67rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}

/* Sticky local navigation */
.section-jump{position:sticky;z-index:20;top:76px;border-top:1px solid #3b3f42;border-bottom:3px solid #191b1d;background:#2a2d30;box-shadow:0 5px 0 rgba(0,0,0,.13)}
.section-jump__inner{display:flex;min-height:52px;align-items:stretch;overflow-x:auto;scrollbar-width:none}
.section-jump__inner::-webkit-scrollbar{display:none}
.section-jump a{display:flex;flex:1 0 auto;gap:10px;align-items:center;justify-content:center;padding:0 24px;border-right:1px solid #464a4d;color:#e3e4e2;font-size:.7rem;font-weight:900;letter-spacing:.075em;text-transform:uppercase;transition:background .18s ease,color .18s ease}
.section-jump a:first-child{border-left:1px solid #464a4d}
.section-jump a span{color:var(--v5-orange-bright);font-size:.66rem}
.section-jump a:hover{color:#fff;background:#34383b}

/* Capability page */
.capability-section{scroll-margin-top:132px}
.capability-stage{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);min-height:575px;border:3px solid #34383b;background:var(--v5-paper);box-shadow:9px 9px 0 rgba(32,35,38,.18)}
.capability-stage--reverse{grid-template-columns:minmax(380px,.82fr) minmax(0,1.18fr)}
.capability-stage--reverse .capability-stage__media{order:2}
.capability-stage__media{position:relative;min-height:575px;overflow:hidden;background:#1a1c1e}
.capability-stage__media::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(17,19,20,.54));content:"";pointer-events:none}
.capability-stage__media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.18) contrast(1.08);transition:transform .5s ease,filter .5s ease}
.capability-stage:hover .capability-stage__media img{transform:scale(1.02);filter:grayscale(0) contrast(1.04)}
.capability-stage__code{position:absolute;z-index:2;right:0;bottom:0;left:0;display:flex;align-items:end;justify-content:space-between;padding:20px 22px;color:#fff}
.capability-stage__code span{font-size:.65rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.capability-stage__code strong{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:3.4rem;font-weight:400;line-height:.78;letter-spacing:.02em}
.capability-stage__copy{display:flex;flex-direction:column;justify-content:center;padding:48px 44px;background:repeating-linear-gradient(135deg,rgba(39,42,45,.026) 0 1px,transparent 1px 10px),var(--v5-paper)}
.capability-stage__copy h2,.quality-stage__copy h2,.finishing-layout__copy h2,.logistics-stage__copy h2,.portfolio-proof__copy h2,.portfolio-toolbar h2{margin:0;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(2rem,2.8vw,2.8rem);font-weight:400;line-height:.96;letter-spacing:.018em;text-transform:uppercase}
.capability-stage__copy>p,.quality-stage__copy>p,.finishing-layout__copy>p,.logistics-stage__copy>p,.portfolio-proof__copy>p{margin:19px 0 0;color:#606569;font-size:.93rem;line-height:1.7}
.capability-stage--dark{border-color:#5e6265;background:#242729;box-shadow:9px 9px 0 rgba(0,0,0,.33)}
.capability-stage--dark .capability-stage__copy{color:#fff;background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 1px,transparent 1px 10px),#292d30}
.capability-stage--dark .capability-stage__copy h2{color:#fff}
.capability-stage--dark .capability-stage__copy>p{color:#c3c5c4}

.metric-rail{display:grid;grid-template-columns:1fr;margin:28px 0 30px;border-top:2px solid #a8acae;border-bottom:2px solid #a8acae}
.metric-rail>div{display:grid;grid-template-columns:minmax(130px,.75fr) 1fr;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #b6b9bb}
.metric-rail>div:last-child{border-bottom:0}
.metric-rail strong{color:#c95f00;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.42rem;font-weight:400;letter-spacing:.015em}
.metric-rail span{color:#505559;font-size:.7rem;font-weight:900;line-height:1.35;letter-spacing:.055em;text-transform:uppercase}
.metric-rail--dark{border-color:#5e6265}.metric-rail--dark>div{border-color:#4f5356}.metric-rail--dark strong{color:#ff9827}.metric-rail--dark span{color:#d2d4d3}

.equipment-block{margin-top:42px}
.equipment-block__head{display:grid;grid-template-columns:minmax(250px,.5fr) minmax(340px,.5fr);gap:40px;align-items:end;margin-bottom:16px;padding:0 2px}
.equipment-block__head span{color:#c95f00;font-size:.65rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.equipment-block__head h3{margin:6px 0 0;color:#222528;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.75rem;font-weight:400;line-height:1;text-transform:uppercase}
.equipment-block__head p{margin:0;color:#64696d;font-size:.85rem;line-height:1.55}
.equipment-block--dark .equipment-block__head h3{color:#fff}.equipment-block--dark .equipment-block__head p{color:#bec1c0}.equipment-block--dark .equipment-block__head span{color:#ff9827}
.table-shell{overflow:hidden;border:3px solid #74787c;background:#efeee9;box-shadow:6px 6px 0 rgba(0,0,0,.13)}
.table-shell .machine-table{width:100%;margin:0;border:0;box-shadow:none}
.table-shell .machine-table th{padding:13px 15px;border-right:1px solid #5d6265;background:#303438}
.table-shell .machine-table th:last-child{border-right:0}
.table-shell .machine-table td{padding:14px 15px;border-right:1px solid #c1c3c4}
.table-shell .machine-table td:last-child{border-right:0}
.table-shell .machine-table tbody tr:nth-child(even) td{background:#e5e3de}
.table-shell .machine-table tbody tr:hover td{background:#dcd9d3}

.finishing-layout{display:grid;grid-template-columns:minmax(360px,.75fr) minmax(0,1.25fr);gap:54px;align-items:center}
.finishing-layout__visual{position:relative;min-height:590px}
.finishing-photo{position:absolute;margin:0;overflow:hidden;border:4px solid #373b3e;background:#222;box-shadow:9px 9px 0 rgba(36,39,42,.2)}
.finishing-photo img{width:100%;height:100%;object-fit:cover}
.finishing-photo--main{inset:0 14% 13% 0}
.finishing-photo--small{right:0;bottom:0;width:44%;height:39%;border-color:#e87500}
.finishing-layout__copy .metric-rail{margin-bottom:28px}

/* QC / Tryout page */
.quality-stage{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);min-height:560px;border-top:3px solid #292c2e;border-bottom:3px solid #292c2e}
.quality-stage__copy{display:flex;flex-direction:column;justify-content:center;padding:46px 44px 46px 0}
.quality-stage__media{position:relative;min-height:560px;overflow:hidden;border-left:3px solid #34383b}
.quality-stage__media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.12) contrast(1.04)}
.quality-stage__media span{position:absolute;right:0;bottom:0;padding:10px 14px;color:#fff;background:#e87500;font-size:.64rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}

.press-stage{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:14px;min-height:650px}
.press-stage__hero,.press-mini{position:relative;overflow:hidden;border:3px solid #55595c;background:#111}
.press-stage__hero img,.press-mini img{width:100%;height:100%;object-fit:cover;filter:grayscale(.25) contrast(1.1) brightness(.78);transition:filter .4s ease,transform .4s ease}
.press-stage__hero:hover img,.press-mini:hover img{filter:grayscale(0) contrast(1.03) brightness(.82);transform:scale(1.015)}
.press-stage__hero::after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(19,21,23,.05) 32%,rgba(18,20,21,.92) 100%);content:""}
.press-stage__overlay{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:32px}
.press-stage__overlay>span,.press-mini>div>span{color:#ff9827;font-size:.65rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.press-stage__overlay>strong{display:block;margin-top:8px;color:#fff;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(4.2rem,7.5vw,7.5rem);font-weight:400;line-height:.78}
.press-stage__overlay h3{margin:20px 0 0;color:#fff;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase}
.press-stage__specs{display:flex;gap:0;flex-wrap:wrap;margin-top:14px;border-top:1px solid rgba(255,255,255,.28)}
.press-stage__specs span{padding:11px 18px 0 0;margin-right:18px;color:#d6d8d7;font-size:.72rem}
.press-stage__side{display:grid;grid-template-rows:1fr 1fr;gap:14px}
.press-mini{min-height:0}
.press-mini::after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,22,24,.08),rgba(19,21,23,.93));content:""}
.press-mini>div{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:22px}
.press-mini strong{display:block;margin-top:5px;color:#fff;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:2.7rem;font-weight:400;line-height:.9}
.press-mini h3{margin:11px 0 4px;color:#fff;font-size:.82rem;letter-spacing:.055em;text-transform:uppercase}
.press-mini p{margin:0;color:#c8cac9;font-size:.68rem;line-height:1.45}

.logistics-stage{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(370px,.88fr);gap:56px;align-items:center}
.logistics-stage__visual{position:relative;min-height:590px}
.logistics-stage__main,.logistics-stage__secondary{position:absolute;object-fit:cover;border:4px solid #373b3e;box-shadow:8px 8px 0 rgba(36,39,42,.18)}
.logistics-stage__main{inset:0 12% 14% 0;width:88%;height:86%}
.logistics-stage__secondary{right:0;bottom:0;width:43%;height:40%;border-color:#e87500}

.acceptance-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:3px solid #282b2d;border-bottom:3px solid #282b2d;background:#efede8}
.acceptance-strip article{min-height:190px;padding:24px 22px;border-right:1px solid #aaaeb0}
.acceptance-strip article:last-child{border-right:0}
.acceptance-strip span{color:#c95f00;font-size:.68rem;font-weight:900;letter-spacing:.12em}
.acceptance-strip h3{margin:38px 0 7px;color:#25282a;font-size:.88rem;text-transform:uppercase}
.acceptance-strip p{margin:0;color:#64696c;font-size:.78rem;line-height:1.5}

/* Portfolio */
.portfolio-section{padding-top:78px}
.portfolio-toolbar{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(430px,1.28fr);gap:40px;align-items:end;margin-bottom:34px;padding-bottom:22px;border-bottom:3px solid #2a2d2f}
.portfolio-toolbar h2{font-size:clamp(1.9rem,2.7vw,2.75rem)}
.portfolio-toolbar .filter-bar{justify-content:flex-end;margin:0}
.portfolio-toolbar .filter-btn{min-height:38px;padding:0 15px;border:2px solid #8d9194;border-radius:0;color:#363a3d;background:transparent;font-size:.68rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.portfolio-toolbar .filter-btn:hover,.portfolio-toolbar .filter-btn.is-active{border-color:#282b2d;color:#fff;background:#303438;box-shadow:inset 4px 0 #e87500}
.portfolio-grid{display:grid;grid-auto-flow:dense;grid-auto-rows:215px;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px}
.portfolio-card{grid-column:span 4;grid-row:span 2;min-width:0;overflow:hidden;border:2px solid #55595c;background:#1d2022;transition:opacity .18s ease,transform .18s ease}
.portfolio-card--wide{grid-column:span 8;grid-row:span 2}
.portfolio-card--tall{grid-column:span 4;grid-row:span 3}
.portfolio-card--xl{grid-column:span 8;grid-row:span 3}
.portfolio-card.is-hidden{display:none}
.portfolio-card__open{position:relative;width:100%;height:100%;padding:0;border:0;color:#fff;background:#1c1f21;text-align:left;cursor:zoom-in}
.portfolio-card__open::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(16,18,19,.86));content:"";transition:background .3s ease}
.portfolio-card__open img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.05);transition:transform .45s ease,filter .45s ease}
.portfolio-card:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.03)}
.portfolio-card:hover .portfolio-card__open::after{background:linear-gradient(180deg,rgba(232,117,0,.03) 22%,rgba(16,18,19,.88))}
.portfolio-card__index{position:absolute;z-index:2;top:16px;left:16px;padding:6px 8px;color:#fff;background:rgba(30,33,35,.76);font-size:.62rem;font-weight:900;letter-spacing:.1em}
.portfolio-card__caption{position:absolute;z-index:2;right:18px;bottom:17px;left:18px;display:block;padding-top:13px;border-top:1px solid rgba(255,255,255,.34)}
.portfolio-card__caption strong{display:block;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}
.portfolio-card__caption em{display:block;margin-top:4px;color:#d0d2d1;font-size:.68rem;font-style:normal}
.portfolio-card__zoom{position:absolute;z-index:2;top:15px;right:15px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.48);color:#fff;background:rgba(25,27,29,.5);font-size:.9rem;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}
.portfolio-card:hover .portfolio-card__zoom{opacity:1;transform:none}

.portfolio-proof{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);min-height:540px;border-top:3px solid #5c6063;border-bottom:3px solid #5c6063}
.portfolio-proof__media{min-height:540px;overflow:hidden}
.portfolio-proof__media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.22) contrast(1.05)}
.portfolio-proof__copy{display:flex;flex-direction:column;justify-content:center;padding:42px 0 42px 44px}
.portfolio-proof__copy h2{color:#fff}
.portfolio-proof__copy>p{color:#c4c6c5}
.portfolio-proof__rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:26px 0 30px;border-top:1px solid #55595c;border-bottom:1px solid #55595c}
.portfolio-proof__rail div{padding:17px 14px 17px 0}
.portfolio-proof__rail div+div{padding-left:14px;border-left:1px solid #55595c}
.portfolio-proof__rail strong{display:block;color:#ff9827;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.65rem;font-weight:400}
.portfolio-proof__rail span{color:#c8cac9;font-size:.64rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}

.gallery-lightbox{position:fixed;z-index:100;inset:0;display:none;align-items:center;justify-content:center;padding:26px}
.gallery-lightbox.is-open{display:flex}
.gallery-lightbox__backdrop{position:absolute;inset:0;background:rgba(8,9,10,.92)}
.gallery-lightbox__dialog{position:relative;z-index:2;width:min(1180px,calc(100vw - 52px));max-height:calc(100vh - 52px);display:grid;grid-template-rows:minmax(0,1fr) auto;border:3px solid #686c6f;background:#17191b;box-shadow:12px 12px 0 rgba(0,0,0,.45)}
.gallery-lightbox__image{min-height:0;overflow:hidden;background:#101112}
.gallery-lightbox__image img{display:block;width:100%;max-height:calc(100vh - 160px);object-fit:contain}
.gallery-lightbox__meta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 20px;border-top:1px solid #55595c;color:#fff}
.gallery-lightbox__meta span{color:#f08a22;font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.gallery-lightbox__meta strong{font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}
.gallery-lightbox__close{position:absolute;z-index:3;top:12px;right:12px;width:42px;height:42px;border:2px solid #fff;color:#fff;background:#25282a;font-size:1.5rem;line-height:1}

@media(max-width:1100px){
  .capability-stage,.capability-stage--reverse{grid-template-columns:1fr}.capability-stage--reverse .capability-stage__media{order:0}.capability-stage__media{min-height:430px}.capability-stage__copy{padding:40px}
  .finishing-layout,.quality-stage,.logistics-stage,.portfolio-proof{grid-template-columns:1fr;gap:36px}.quality-stage__copy{padding-right:0}.quality-stage__media{min-height:430px;border-left:0;border-top:3px solid #34383b}.finishing-layout__visual,.logistics-stage__visual{min-height:520px}.portfolio-proof__copy{padding:12px 0 36px}.portfolio-proof__media{min-height:430px}
  .press-stage{grid-template-columns:1fr;min-height:auto}.press-stage__hero{min-height:580px}.press-stage__side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.press-mini{min-height:330px}
  .portfolio-grid{grid-auto-rows:190px}.portfolio-card{grid-column:span 6}.portfolio-card--wide,.portfolio-card--xl{grid-column:span 12}.portfolio-card--tall{grid-column:span 6}
}

@media(max-width:900px){
  .section-jump{top:70px}.section-jump a{padding-inline:18px}
  .page-hero__facts{max-width:100%}
  .equipment-block__head,.portfolio-toolbar{grid-template-columns:1fr;gap:14px}.portfolio-toolbar .filter-bar{justify-content:flex-start}
  .acceptance-strip{grid-template-columns:repeat(2,1fr)}.acceptance-strip article:nth-child(2){border-right:0}.acceptance-strip article:nth-child(-n+2){border-bottom:1px solid #aaaeb0}
  .press-stage__hero{min-height:510px}
}

@media(max-width:680px){
  .main-nav{gap:8px}
  .page-hero__facts{display:grid;grid-template-columns:1fr}.page-hero__facts>div,.page-hero__facts>div+div{padding:11px 0;border-left:0;border-bottom:1px solid rgba(255,255,255,.2)}.page-hero__facts>div:last-child{border-bottom:0}
  .section-jump{top:70px}.section-jump__inner{justify-content:flex-start}.section-jump a{flex:0 0 auto;min-height:48px;padding:0 16px}
  .capability-stage__media{min-height:300px}.capability-stage__code strong{font-size:2.6rem}.capability-stage__copy{padding:30px 24px}.metric-rail>div{grid-template-columns:1fr;gap:2px}.metric-rail strong{font-size:1.25rem}
  .table-shell{overflow-x:auto}.table-shell .machine-table{min-width:680px}
  .finishing-layout__visual,.logistics-stage__visual{min-height:380px}.finishing-photo--main{inset:0 8% 12% 0}.finishing-photo--small{width:46%;height:36%}.logistics-stage__main{width:93%;height:84%}.logistics-stage__secondary{width:48%;height:37%}
  .quality-stage__media{min-height:320px}
  .press-stage__hero{min-height:430px}.press-stage__overlay{padding:22px}.press-stage__overlay>strong{font-size:4rem}.press-stage__specs{display:block}.press-stage__specs span{display:block;padding-top:7px;margin:0}.press-stage__side{grid-template-columns:1fr}.press-mini{min-height:320px}
  .acceptance-strip{grid-template-columns:1fr}.acceptance-strip article,.acceptance-strip article:nth-child(2){border-right:0;border-bottom:1px solid #aaaeb0}.acceptance-strip article:last-child{border-bottom:0}
  .portfolio-grid{display:grid;grid-auto-rows:260px;grid-template-columns:1fr}.portfolio-card,.portfolio-card--wide,.portfolio-card--tall,.portfolio-card--xl{grid-column:1;grid-row:span 1}.portfolio-card__zoom{opacity:1;transform:none}
  .portfolio-proof__rail{grid-template-columns:1fr}.portfolio-proof__rail div,.portfolio-proof__rail div+div{padding:11px 0;border-left:0;border-bottom:1px solid #55595c}.portfolio-proof__rail div:last-child{border-bottom:0}
  .gallery-lightbox{padding:12px}.gallery-lightbox__dialog{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.gallery-lightbox__meta{display:block}.gallery-lightbox__meta strong{display:block;margin-top:5px}.gallery-lightbox__image img{max-height:calc(100vh - 150px)}
}


/* ===== direction-v6.css ===== */
/* INNOTECH Industrial Direction v6
   About + Project Process refinement. Keeps the hard industrial visual language from v5. */

:root{
  --v6-dark:#202326;
  --v6-dark-2:#2b2f32;
  --v6-line:#a6aaad;
  --v6-orange:#e87500;
  --v6-orange-light:#ff9827;
  --v6-paper:#efeee9;
}

/* Shared refinements — deliberately subtle */
.section-heading h2{max-width:760px}
.page-hero p{max-width:760px}
.site-footer__main{align-items:start}

/* ABOUT — hero */
.page-hero--about-v6 .page-hero__inner{padding-bottom:54px}
.about-hero__facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:820px;
  margin-top:34px;
  border-top:2px solid rgba(255,255,255,.38);
  border-bottom:2px solid rgba(255,255,255,.38);
}
.about-hero__facts>div{min-width:0;padding:18px 20px 18px 0}
.about-hero__facts>div+div{padding-left:20px;border-left:1px solid rgba(255,255,255,.28)}
.about-hero__facts strong{display:block;color:var(--v6-orange-light);font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:2rem;font-weight:400;line-height:1;letter-spacing:.02em}
.about-hero__facts span{display:block;margin-top:7px;color:#d6d7d5;font-size:.68rem;font-weight:900;line-height:1.35;letter-spacing:.07em;text-transform:uppercase}

/* ABOUT — opening composition */
.about-intro{overflow:hidden}
.about-intro__grid{display:grid;grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);gap:64px;align-items:center}
.about-intro__copy h2,.about-scale__copy h2{margin:0;color:#222528;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(2rem,3vw,3.1rem);font-weight:400;line-height:.98;letter-spacing:.015em;text-transform:uppercase}
.about-intro__lead{margin:24px 0 0;color:#5f6468;font-size:1rem;line-height:1.72}
.about-intro__links{display:flex;flex-wrap:wrap;gap:24px;margin-top:30px;padding-top:22px;border-top:2px solid #b8bbbd}
.about-intro__media{position:relative;min-height:610px}
.about-intro__photo{position:absolute;margin:0;overflow:hidden;background:#222528}
.about-intro__photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.04)}
.about-intro__photo--main{inset:0 12% 10% 0;border:4px solid #34383b;box-shadow:10px 10px 0 rgba(36,39,42,.18)}
.about-intro__photo--small{right:0;bottom:0;width:43%;height:38%;border:4px solid var(--v6-orange);box-shadow:8px 8px 0 rgba(36,39,42,.18)}
.about-intro__stamp{position:absolute;z-index:3;right:18px;top:20px;padding:12px 14px;border:2px solid rgba(255,255,255,.7);color:#fff;background:rgba(30,33,35,.72);backdrop-filter:blur(3px)}
.about-intro__stamp strong{display:block;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.05rem;font-weight:400;letter-spacing:.08em}
.about-intro__stamp span{display:block;margin-top:3px;color:#f0a157;font-size:.58rem;font-weight:900;letter-spacing:.1em}

/* ABOUT — production chain */
.about-chain-section{border-top:7px solid var(--v6-orange)}
.about-chain{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:3px solid #5a5e61;background:#26292c}
.about-chain__item{position:relative;min-height:250px;padding:24px 22px;border-right:1px solid #55595c;color:#fff;transition:background .2s ease}
.about-chain__item:last-child{border-right:0}
.about-chain__item:hover{background:#34383b}
.about-chain__item::after{position:absolute;right:-8px;top:45px;z-index:2;width:14px;height:14px;border-top:3px solid var(--v6-orange);border-right:3px solid var(--v6-orange);background:#26292c;transform:rotate(45deg);content:""}
.about-chain__item:last-child::after{display:none}
.about-chain__item span{display:block;color:var(--v6-orange-light);font-size:.68rem;font-weight:900;letter-spacing:.12em}
.about-chain__item strong{display:block;margin-top:52px;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.5rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase}
.about-chain__item em{display:block;margin-top:10px;color:#bfc2c2;font-size:.75rem;font-style:normal;line-height:1.5}

/* ABOUT — equipment ledger, not cards */
.equipment-ledger{display:grid;grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr);gap:70px;align-items:start}
.equipment-ledger__copy{position:sticky;top:128px}
.equipment-ledger__copy h2{margin:0;color:#222528;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(2rem,3vw,3.05rem);font-weight:400;line-height:.98;letter-spacing:.015em;text-transform:uppercase}
.equipment-ledger__copy p{margin:24px 0 30px;color:#61666a;line-height:1.7}
.equipment-ledger__list{border-top:3px solid #2a2d2f;border-bottom:3px solid #2a2d2f}
.equipment-ledger__list>div{display:grid;grid-template-columns:46px 120px minmax(0,1fr);gap:14px;align-items:center;min-height:82px;padding:14px 0;border-bottom:1px solid #b5b8ba}
.equipment-ledger__list>div:last-child{border-bottom:0}
.equipment-ledger__list span{color:#858a8e;font-size:.64rem;font-weight:900;letter-spacing:.08em}
.equipment-ledger__list strong{color:#c95f00;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:2rem;font-weight:400;line-height:1}
.equipment-ledger__list p{margin:0;color:#323639;font-size:.78rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}

/* ABOUT — scale block */
.about-scale{border-top:1px solid #c5c8ca;border-bottom:1px solid #c5c8ca}
.about-scale__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);gap:54px;align-items:stretch}
.about-scale__media{min-height:520px;overflow:hidden;border:4px solid #34383b;box-shadow:9px 9px 0 rgba(36,39,42,.16)}
.about-scale__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.04)}
.about-scale__copy{display:flex;flex-direction:column;justify-content:center}
.about-scale__metrics{display:grid;margin-top:28px;border-top:2px solid #303438;border-bottom:2px solid #303438}
.about-scale__metrics>div{display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:center;min-height:82px;border-bottom:1px solid #b8bbbd}
.about-scale__metrics>div:last-child{border-bottom:0}
.about-scale__metrics strong{color:#c95f00;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.45rem;font-weight:400}
.about-scale__metrics span{color:#52575b;font-size:.72rem;font-weight:900;line-height:1.45;text-transform:uppercase}

/* ABOUT — client value rows */
.about-value-rows{border-top:3px solid #292c2f;border-bottom:3px solid #292c2f}
.about-value-rows article{display:grid;grid-template-columns:70px minmax(220px,.52fr) minmax(0,1fr);gap:20px;align-items:center;min-height:116px;padding:18px 0;border-bottom:1px solid #b5b8ba}
.about-value-rows article:last-child{border-bottom:0}
.about-value-rows span{color:#c95f00;font-size:.67rem;font-weight:900;letter-spacing:.12em}
.about-value-rows h3{margin:0;color:#26292c;font-size:.91rem;letter-spacing:.04em;text-transform:uppercase}
.about-value-rows p{margin:0;color:#61666a;font-size:.85rem;line-height:1.58}
.about-cta-section{padding:70px 0;border-top:7px solid var(--v6-orange)}
.about-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end}
.about-cta h2{max-width:700px;margin:0;color:#fff;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(2rem,3vw,3.15rem);font-weight:400;line-height:.98;letter-spacing:.015em;text-transform:uppercase}
.about-cta__actions{display:flex;gap:10px}

/* PROCESS — hero and jump */
.page-hero--process-v6 .page-hero__inner{padding-bottom:48px}
.process-hero__rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:900px;margin-top:32px;border-top:2px solid rgba(255,255,255,.4);border-bottom:2px solid rgba(255,255,255,.4)}
.process-hero__rail span{padding:12px 10px 12px 0;color:#dadbda;font-size:.58rem;font-weight:900;letter-spacing:.075em}
.process-hero__rail span+span{padding-left:10px;border-left:1px solid rgba(255,255,255,.25)}
.process-jump{z-index:18}

/* PROCESS — large narrative chapters */
.process-chapter{overflow:hidden}
.process-chapter__grid{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:60px;align-items:center}
.process-chapter__grid--reverse{grid-template-columns:minmax(0,1.22fr) minmax(320px,.78fr)}
.process-chapter__copy{position:relative;padding-top:42px}
.process-chapter__num{position:absolute;top:0;left:0;color:#c95f00;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:2rem;line-height:1}
.process-chapter__copy h2{margin:0;color:#222528;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(2rem,3vw,3rem);font-weight:400;line-height:.98;letter-spacing:.015em;text-transform:uppercase}
.process-chapter__copy>p{margin:23px 0 0;color:#5e6367;line-height:1.72}
.process-chapter__media{position:relative;min-height:540px;overflow:hidden;border:4px solid #34383b;box-shadow:9px 9px 0 rgba(36,39,42,.18)}
.process-chapter__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.04)}
.process-chapter__tag{position:absolute;left:0;bottom:0;padding:12px 15px;color:#fff;background:#2b2f32;border-top:3px solid var(--v6-orange);font-size:.62rem;font-weight:900;letter-spacing:.1em}
.process-deliverables{display:grid;margin-top:30px;border-top:2px solid #303438;border-bottom:2px solid #303438}
.process-deliverables>div{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:start;padding:16px 0;border-bottom:1px solid #b5b8ba}
.process-deliverables>div:last-child{border-bottom:0}
.process-deliverables strong{color:#25282a;font-size:.73rem;letter-spacing:.04em;text-transform:uppercase}
.process-deliverables span{color:#63686b;font-size:.8rem;line-height:1.5}

/* PROCESS — control gates */
.process-gates{border-top:7px solid var(--v6-orange)}
.process-gates__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:3px solid #555a5f;background:#25282a}
.process-gates__grid article{min-height:260px;padding:28px 26px;border-right:1px solid #565a5e}
.process-gates__grid article:last-child{border-right:0}
.process-gates__grid span{color:var(--v6-orange-light);font-size:.65rem;font-weight:900;letter-spacing:.11em}
.process-gates__grid h3{margin:56px 0 10px;color:#fff;font-size:.95rem;letter-spacing:.045em;text-transform:uppercase}
.process-gates__grid p{margin:0;color:#bfc2c1;font-size:.8rem;line-height:1.58}

/* PROCESS — overview line */
.process-overview__line{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:3px solid #292c2f;border-bottom:3px solid #292c2f;background:#efede8}
.process-overview__line article{position:relative;min-height:190px;padding:22px 18px;border-right:1px solid #aaadaf}
.process-overview__line article:last-child{border-right:0}
.process-overview__line span{display:block;color:#c95f00;font-size:.65rem;font-weight:900;letter-spacing:.1em}
.process-overview__line strong{display:block;margin-top:44px;color:#26292c;font-size:.82rem;line-height:1.3;text-transform:uppercase}
.process-overview__line em{display:block;margin-top:7px;color:#686d70;font-size:.7rem;font-style:normal;line-height:1.45}
.process-overview__line article::after{position:absolute;right:-8px;top:34px;z-index:2;width:14px;height:14px;border-top:3px solid var(--v6-orange);border-right:3px solid var(--v6-orange);background:#efede8;transform:rotate(45deg);content:""}
.process-overview__line article:last-child::after{display:none}
.process-result .value-panel{margin:0}

/* Responsive */
@media(max-width:1100px){
  .about-intro__grid,.equipment-ledger,.about-scale__grid,.process-chapter__grid,.process-chapter__grid--reverse{grid-template-columns:1fr;gap:40px}
  .about-intro__media{min-height:520px}
  .equipment-ledger__copy{position:static}
  .about-chain{grid-template-columns:repeat(3,1fr)}
  .about-chain__item:nth-child(3){border-right:0}.about-chain__item:nth-child(-n+3){border-bottom:1px solid #55595c}.about-chain__item:nth-child(3)::after{display:none}
  .about-scale__media,.process-chapter__media{min-height:430px}
  .process-gates__grid{grid-template-columns:1fr}
  .process-gates__grid article{min-height:auto;border-right:0;border-bottom:1px solid #565a5e}.process-gates__grid article:last-child{border-bottom:0}
  .process-gates__grid h3{margin-top:32px}
  .process-overview__line{grid-template-columns:repeat(3,1fr)}
  .process-overview__line article:nth-child(3){border-right:0}.process-overview__line article:nth-child(-n+3){border-bottom:1px solid #aaadaf}.process-overview__line article:nth-child(3)::after{display:none}
}

@media(max-width:900px){
  .about-hero__facts{max-width:100%}
  .about-chain{grid-template-columns:repeat(2,1fr)}
  .about-chain__item:nth-child(3){border-right:1px solid #55595c}.about-chain__item:nth-child(3)::after{display:block}.about-chain__item:nth-child(even){border-right:0}.about-chain__item:nth-child(even)::after{display:none}.about-chain__item:nth-child(-n+4){border-bottom:1px solid #55595c}
  .about-value-rows article{grid-template-columns:52px minmax(180px,.5fr) 1fr}
  .about-cta{grid-template-columns:1fr}
  .process-hero__rail{grid-template-columns:repeat(3,1fr)}
  .process-hero__rail span:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.25)}
  .process-hero__rail span:nth-child(4){border-left:0}
}

@media(max-width:680px){
  .about-hero__facts{grid-template-columns:1fr}.about-hero__facts>div,.about-hero__facts>div+div{padding:11px 0;border-left:0;border-bottom:1px solid rgba(255,255,255,.25)}.about-hero__facts>div:last-child{border-bottom:0}
  .about-intro__media{min-height:390px}.about-intro__photo--main{inset:0 8% 12% 0}.about-intro__photo--small{width:48%;height:34%}.about-intro__stamp{right:10px;top:10px}
  .about-intro__links{display:grid;gap:12px}
  .about-chain{grid-template-columns:1fr}.about-chain__item,.about-chain__item:nth-child(3),.about-chain__item:nth-child(even){min-height:180px;border-right:0;border-bottom:1px solid #55595c}.about-chain__item::after,.about-chain__item:nth-child(3)::after{display:none}.about-chain__item:last-child{border-bottom:0}.about-chain__item strong{margin-top:34px}
  .equipment-ledger__list>div{grid-template-columns:34px 82px 1fr;min-height:72px}.equipment-ledger__list strong{font-size:1.6rem}
  .about-scale__media,.process-chapter__media{min-height:320px}
  .about-scale__metrics>div,.process-deliverables>div{grid-template-columns:1fr;gap:4px;padding:13px 0}
  .about-value-rows article{grid-template-columns:42px 1fr;gap:10px;padding:16px 0}.about-value-rows p{grid-column:2}
  .about-cta__actions{display:grid}
  .process-hero__rail{grid-template-columns:repeat(2,1fr)}.process-hero__rail span:nth-child(3),.process-hero__rail span:nth-child(5){border-left:0}.process-hero__rail span:nth-child(-n+4){border-bottom:1px solid rgba(255,255,255,.25)}
  .process-chapter__copy{padding-top:36px}
  .process-overview__line{grid-template-columns:1fr}.process-overview__line article,.process-overview__line article:nth-child(3){min-height:140px;border-right:0;border-bottom:1px solid #aaadaf}.process-overview__line article:last-child{border-bottom:0}.process-overview__line article::after{display:none}.process-overview__line strong{margin-top:26px}
}


/* ===== direction-v7.css ===== */
/* INNOTECH Industrial Direction v7
   System pass: header/topbar, homepage proof rail, footer, contacts/RFQ, responsive polish. */

:root{
  --v7-dark:#1d2022;
  --v7-dark-2:#272b2e;
  --v7-dark-3:#32373a;
  --v7-paper:#efeee9;
  --v7-paper-2:#e5e3de;
  --v7-line:#a9adaf;
  --v7-orange:#e87500;
  --v7-orange-light:#ff9827;
}

/* ---------------- TOP BAR / HEADER ---------------- */
.topbar--v7{
  border-bottom:1px solid #454a4e;
  background:#181a1c;
}
.topbar--v7 .topbar__inner{min-height:35px}
.topbar--v7 .topbar__tag{
  color:#d7d9d7;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.13em;
}
.topbar__metrics{display:flex;align-items:center;gap:0;height:35px}
.topbar__metrics span{
  display:flex;align-items:center;gap:6px;height:100%;padding:0 15px;
  border-left:1px solid #3d4144;color:#aeb2b3;font-size:.62rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
}
.topbar__metrics span:last-child{border-right:1px solid #3d4144}
.topbar__metrics b{color:var(--v7-orange-light);font-size:.58rem;letter-spacing:.11em}

.site-header{
  border-bottom:1px solid #44494c!important;
  background:rgba(31,34,36,.97)!important;
  box-shadow:0 7px 0 rgba(0,0,0,.12)!important;
  backdrop-filter:blur(8px)!important;
}
.site-header::before{
  position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--v7-orange) 0 15%,#4b5053 15% 100%);content:"";
}
.site-header__inner{min-height:72px!important;gap:20px!important}
.brand{
  min-width:196px;padding:5px 10px!important;border:2px solid #0f1011!important;border-radius:0!important;background:#f3f2ee!important;box-shadow:4px 4px 0 #101112!important;
}
.brand img{width:174px!important;height:auto!important}
.main-nav{gap:6px!important}
.main-nav__trigger,.main-nav__link{
  min-height:72px!important;padding:0 10px!important;border-radius:0!important;color:#e1e2df!important;background:transparent!important;
  font-family:"Arial Narrow",Arial,sans-serif!important;font-size:.72rem!important;font-weight:900!important;letter-spacing:.075em!important;text-transform:uppercase!important;
}
.main-nav__trigger::after,.main-nav__link::after{right:10px!important;bottom:15px!important;left:10px!important;height:2px!important;background:var(--v7-orange)!important}
.main-nav__trigger:hover,.main-nav__trigger.is-active,.main-nav__link:hover,.main-nav__link.is-active,.nav-item.is-open>.main-nav__trigger{
  color:#fff!important;background:#2d3134!important;
}
.nav-chevron{border-color:#aeb2b3!important}
.header-project-btn{
  min-height:40px!important;padding:0 15px!important;border:2px solid var(--v7-orange)!important;border-radius:0!important;background:var(--v7-orange)!important;box-shadow:none!important;
  font-size:.69rem!important;letter-spacing:.07em!important;text-transform:uppercase;
}
.header-project-btn:hover{background:#ff8e20!important;transform:none!important}
.submenu{
  top:calc(100% - 2px)!important;padding:10px!important;border:2px solid #34383b!important;border-radius:0!important;background:#e9e8e3!important;box-shadow:8px 8px 0 rgba(0,0,0,.24)!important;
}
.submenu__label{color:#6b7073!important;font-size:.58rem!important}
.main-nav .submenu__link,.main-nav .submenu__all{
  min-height:48px!important;padding:10px 12px!important;border:0!important;border-bottom:1px solid #b8bbbd!important;border-radius:0!important;color:#292d30!important;background:transparent!important;box-shadow:none!important;
  font-size:.78rem!important;text-transform:none!important;letter-spacing:0!important;
}
.main-nav .submenu__link:hover,.main-nav .submenu__link.is-active,.main-nav .submenu__all:hover,.main-nav .submenu__all.is-active{
  color:#151719!important;background:#d8d6d1!important;box-shadow:inset 4px 0 var(--v7-orange)!important;transform:none!important;
}
.submenu__num{color:#c95f00!important}

/* ---------------- HOME POLISH ---------------- */
.hero--profile{border-bottom:7px solid var(--v7-orange)}
.hero--profile::after{
  background:
    linear-gradient(90deg,rgba(18,20,22,.97) 0%,rgba(25,28,30,.86) 42%,rgba(23,25,27,.48) 70%,rgba(20,22,24,.15) 100%),
    linear-gradient(0deg,rgba(16,18,20,.75),transparent 58%)!important;
}
.hero--profile .hero__grid{min-height:635px!important;padding-top:80px!important;padding-bottom:54px!important}
.hero-techline{max-width:660px}
.hero--profile h1{font-size:clamp(2.7rem,4.65vw,4.65rem)!important;max-width:850px!important}
.hero__lead{max-width:680px!important}
.hero-facts{max-width:760px}
.hero-fact strong{font-size:1.8rem!important}
.profile-stats{margin-top:-2px}
.profile-stat{transition:background .18s ease,color .18s ease}
.profile-stat:hover{background:#dcdad5}
.profile-stat:hover strong{color:#e87500}

main>section[data-section]{position:relative}
main>section[data-section]:not(.hero)::before{
  position:absolute;z-index:5;top:28px;right:max(18px,calc((100vw - min(calc(100% - 40px),1240px))/2));
  color:rgba(62,66,68,.36);font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:.68rem;letter-spacing:.13em;content:"SECTION / " attr(data-section);
}
.section--dark[data-section]::before{color:rgba(255,255,255,.25)}

.proof-rail-section{padding:0;background:#25282a;border-top:1px solid #505457;border-bottom:7px solid var(--v7-orange)}
.proof-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));color:#fff}
.proof-rail>div{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:center;min-height:88px;padding:18px 24px;border-right:1px solid #505457}
.proof-rail>div:first-child{border-left:1px solid #505457}
.proof-rail span{color:var(--v7-orange-light);font-size:.65rem;font-weight:900;letter-spacing:.12em}
.proof-rail strong{font-size:.72rem;font-weight:900;line-height:1.45;letter-spacing:.055em;text-transform:uppercase}

/* More disciplined image treatment */
.capability-story,.tryout-feature,.quality-feature__media,.gallery-card{
  box-shadow:7px 7px 0 rgba(28,31,33,.17)!important;
}
.capability-story__media::after,.quality-feature__media::after{
  position:absolute;inset:0;border:1px solid rgba(255,255,255,.1);content:"";pointer-events:none;
}
.quality-feature__media{position:relative}
.gallery-card{transition:transform .2s ease,box-shadow .2s ease}
.gallery-card:hover{transform:translateY(-4px);box-shadow:8px 9px 0 rgba(28,31,33,.18)!important}
.home-process__step{transition:background .15s ease}
.home-process__step:hover{background:#dddcd7}

/* ---------------- CONTACTS / RFQ ---------------- */
.page-hero--contacts-v7 .page-hero__inner{padding-bottom:46px}
.page-hero--contacts-v7 h1{max-width:900px}
.contacts-hero-rail{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:840px;margin-top:32px;border-top:2px solid rgba(255,255,255,.36);border-bottom:2px solid rgba(255,255,255,.36)
}
.contacts-hero-rail span{padding:12px 10px 12px 0;color:#d7d8d5;font-size:.6rem;font-weight:900;letter-spacing:.07em}
.contacts-hero-rail span+span{padding-left:10px;border-left:1px solid rgba(255,255,255,.25)}

.contact-rfq-section{overflow:hidden}
.contact-rfq-grid{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:58px;align-items:start}
.contact-rfq-intro{position:sticky;top:110px}
.contact-rfq-intro h2,.contact-location-copy h2,.contact-rfq-form__head h2{
  margin:0;color:#222528;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(2rem,3vw,3rem);font-weight:400;line-height:.98;letter-spacing:.015em;text-transform:uppercase
}
.contact-rfq-intro>p{margin:22px 0 0;color:#5f6468;line-height:1.7}
.rfq-checklist{margin-top:32px;border-top:3px solid #2a2d2f;border-bottom:3px solid #2a2d2f}
.rfq-checklist article{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid #b5b8ba}
.rfq-checklist article:last-child{border-bottom:0}
.rfq-checklist article>span{color:#c95f00;font-size:.68rem;font-weight:900;letter-spacing:.1em}
.rfq-checklist strong{display:block;color:#2d3134;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}
.rfq-checklist p{margin:5px 0 0;color:#6c7174;font-size:.78rem;line-height:1.5}

.contact-rfq-form{padding:38px;border:4px solid #222528;color:#fff;background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 1px,transparent 1px 10px),#303438;box-shadow:10px 10px 0 rgba(0,0,0,.22)}
.contact-rfq-form__head{padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid #5c6164}
.contact-rfq-form__head>span{display:block;margin-bottom:10px;color:var(--v7-orange-light);font-size:.62rem;font-weight:900;letter-spacing:.12em}
.contact-rfq-form__head h2{max-width:600px;color:#fff;font-size:clamp(1.8rem,2.7vw,2.65rem)}
.contact-rfq-form .form-field label{color:#d1d3d1;font-size:.67rem;letter-spacing:.06em;text-transform:uppercase}
.contact-rfq-form input,.contact-rfq-form textarea{
  border:1px solid #656a6e!important;border-radius:0!important;color:#fff!important;background:#25282a!important;box-shadow:none!important
}
.contact-rfq-form input:focus,.contact-rfq-form textarea:focus{border-color:var(--v7-orange)!important;box-shadow:inset 4px 0 var(--v7-orange)!important}
.contact-rfq-form textarea{min-height:150px}
.contact-rfq-form .form-actions{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:22px}
.form-hint{max-width:300px;color:#aeb2b3;font-size:.69rem;line-height:1.45}

.contact-location-section{border-top:1px solid #c5c8ca}
.contact-location-grid{display:grid;grid-template-columns:minmax(320px,.7fr) minmax(0,1.3fr);gap:60px;align-items:center}
.contact-location-copy>p{margin-top:28px;color:#656a6e;line-height:1.7}
.contact-line{display:grid;grid-template-columns:96px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid #b5b8ba}
.contact-line:first-of-type{margin-top:30px;border-top:3px solid #2b2f31}
.contact-line span{color:#c95f00;font-size:.62rem;font-weight:900;letter-spacing:.1em}
.contact-line strong{color:#2d3134;font-size:.88rem;line-height:1.45;overflow-wrap:anywhere}
.contact-map--v7{position:relative;min-height:480px;border:4px solid #373b3e!important;border-radius:0!important;box-shadow:9px 9px 0 rgba(36,39,42,.18)!important}
.contact-map--v7 iframe{min-height:480px!important;filter:grayscale(.72) contrast(1.05)}
.map-stamp{position:absolute;left:18px;bottom:18px;padding:12px 15px;border:2px solid #25282a;color:#fff;background:rgba(35,38,40,.92)}
.map-stamp span{display:block;color:var(--v7-orange-light);font-size:.54rem;font-weight:900;letter-spacing:.12em}
.map-stamp strong{display:block;margin-top:3px;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.05rem;font-weight:400;letter-spacing:.07em}

/* ---------------- FOOTER ---------------- */
.site-footer--v7{border-top:0!important;background:#17191b!important}
.footer-rfq{border-top:7px solid var(--v7-orange);border-bottom:1px solid #494d50;background:#272a2d}
.footer-rfq__inner{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:end;padding-top:44px;padding-bottom:42px}
.footer-rfq__label{display:block;margin-bottom:12px;color:var(--v7-orange-light);font-size:.62rem;font-weight:900;letter-spacing:.14em}
.footer-rfq h2{margin:0;color:#fff;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(2rem,3.2vw,3.15rem);font-weight:400;line-height:.94;letter-spacing:.015em;text-transform:uppercase}
.footer-rfq p{max-width:700px;margin:16px 0 0;color:#b9bcbd;font-size:.86rem;line-height:1.65}
.footer-rfq__action{display:grid;gap:11px}
.footer-rfq__action span{color:#8e9396;font-size:.58rem;font-weight:900;letter-spacing:.075em;text-align:center;text-transform:uppercase}
.footer-grid-v7{display:grid;grid-template-columns:1.35fr .72fr .85fr .7fr;gap:48px;padding-top:58px;padding-bottom:52px}
.footer-brand-v7 p{max-width:380px;margin:22px 0;color:#9da1a2;font-size:.82rem;line-height:1.65}
.footer-tech-tags{display:flex;flex-wrap:wrap;gap:6px}
.footer-tech-tags span{padding:6px 8px;border:1px solid #484d50;color:#b9bcbd;font-size:.55rem;font-weight:900;letter-spacing:.1em}
.site-footer--v7 .footer-brand{display:inline-flex;padding:7px 10px;border:2px solid #08090a!important;border-radius:0!important;background:#f3f2ee!important;box-shadow:4px 4px 0 #08090a!important}
.site-footer--v7 .footer-brand img{width:166px}
.site-footer--v7 .footer-col h3{margin:7px 0 20px;color:#f1f1ee;font-size:.67rem;letter-spacing:.11em}
.site-footer--v7 .footer-links{display:grid;gap:0;border-top:1px solid #414548}
.site-footer--v7 .footer-links a{padding:10px 0;border-bottom:1px solid #35393c;color:#aaaeb0;font-size:.75rem}
.site-footer--v7 .footer-links a:hover{color:#fff;transform:translateX(4px)}
.footer-bottom-v7{display:flex;justify-content:space-between;gap:20px;padding-top:18px;padding-bottom:20px;border-top:1px solid #35393c;color:#777c7e;font-size:.6rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase}

/* ---------------- RESPONSIVE ---------------- */
@media(max-width:1180px){
  .topbar__metrics span{padding:0 10px}
  .main-nav__trigger,.main-nav__link{padding:0 7px!important;font-size:.68rem!important}
  .header-project-btn{display:none!important}
  .footer-grid-v7{grid-template-columns:1.2fr repeat(3,.75fr);gap:30px}
}

@media(max-width:900px){
  .topbar--v7{display:none}
  .site-header__inner{min-height:70px!important}
  .brand{min-width:0!important}.brand img{width:158px!important}
  .menu-toggle{border:2px solid var(--v7-orange)!important;border-radius:0!important;color:#fff!important;background:#303438!important}
  .mobile-nav{top:70px!important;background:#272a2d!important}
  .mobile-nav a,.mobile-nav__trigger{color:#f0f0ee!important;border-color:#55595d!important;text-transform:uppercase!important}
  .mobile-nav .mobile-nav__submenu a:hover,.mobile-nav .mobile-nav__submenu a.is-active{color:#fff!important;background:#3a3e42!important;box-shadow:inset 5px 0 var(--v7-orange)!important}
  main>section[data-section]:not(.hero)::before{display:none}
  .proof-rail{grid-template-columns:1fr}
  .proof-rail>div,.proof-rail>div:first-child{border-left:1px solid #505457;border-right:1px solid #505457;border-bottom:1px solid #505457}
  .contact-rfq-grid,.contact-location-grid{grid-template-columns:1fr;gap:40px}
  .contact-rfq-intro{position:static}
  .footer-rfq__inner{grid-template-columns:1fr;gap:28px;align-items:start}
  .footer-rfq__action{max-width:360px}
  .footer-grid-v7{grid-template-columns:repeat(2,1fr)}
  .footer-brand-v7{grid-column:1/-1}
}

@media(max-width:680px){
  .hero--profile .hero__grid{min-height:auto!important;padding-top:68px!important}
  .hero--profile h1{font-size:clamp(2.35rem,10.5vw,3.35rem)!important}
  .contacts-hero-rail{grid-template-columns:repeat(2,1fr)}
  .contacts-hero-rail span:nth-child(3),.contacts-hero-rail span:nth-child(4){border-top:1px solid rgba(255,255,255,.25)}
  .contact-rfq-form{padding:28px 22px;box-shadow:6px 6px 0 rgba(0,0,0,.22)}
  .contact-rfq-form .form-actions{align-items:stretch;flex-direction:column}
  .form-hint{max-width:none}
  .contact-map--v7,.contact-map--v7 iframe{min-height:360px!important}
  .footer-grid-v7{grid-template-columns:1fr;gap:30px}
  .footer-brand-v7{grid-column:auto}
  .footer-bottom-v7{align-items:flex-start;flex-direction:column}
  .footer-rfq__inner{padding-top:36px;padding-bottom:34px}
}


/* v7.2 — hero section marker without collision with hero background pseudo-element */
.hero-section-marker{
  position:absolute;
  z-index:6;
  top:24px;
  left:max(18px,calc((100vw - min(calc(100% - 40px),1240px))/2));
  color:rgba(255,255,255,.34);
  font-family:Impact,"Arial Narrow",Arial,sans-serif;
  font-size:.68rem;
  line-height:1;
  letter-spacing:.13em;
  text-transform:uppercase;
  pointer-events:none;
}
@media(max-width:900px){.hero-section-marker{display:none}}


/* ===== direction-v8.css ===== */
/* INNOTECH Industrial Direction v8
   Final-system polish: scroll feedback, active local navigation, tables, motion, spacing and micro-interactions. */

:root{
  --v8-orange:#e87500;
  --v8-orange-bright:#ff9827;
  --v8-dark:#1d2022;
  --v8-dark-2:#272b2e;
  --v8-paper:#efeee9;
  --v8-line:#a9adaf;
}

/* --- page feedback / accessibility --- */
.scroll-progress-v8{
  position:fixed;z-index:120;top:0;right:0;left:0;height:2px;background:rgba(255,255,255,.08);pointer-events:none
}
.scroll-progress-v8 span{display:block;width:0;height:100%;background:var(--v8-orange);box-shadow:0 0 10px rgba(232,117,0,.34);will-change:width}

:where(a,button,input,textarea,select):focus-visible{
  outline:2px solid var(--v8-orange-bright)!important;
  outline-offset:3px!important;
}

.back-to-top-v8{
  position:fixed;z-index:45;right:22px;bottom:22px;width:44px;height:44px;display:grid;place-items:center;
  border:2px solid #4f5457;color:#fff;background:#25282a;box-shadow:5px 5px 0 rgba(0,0,0,.24);
  font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.15rem;line-height:1;
  opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease,background .18s ease,border-color .18s ease
}
.back-to-top-v8.is-visible{opacity:1;visibility:visible;transform:none}
.back-to-top-v8:hover{border-color:var(--v8-orange);background:var(--v8-orange);transform:translateY(-2px)}

/* --- header: calmer hierarchy --- */
.site-header.is-scrolled{box-shadow:0 8px 18px rgba(0,0,0,.22)!important}
.site-header.is-scrolled .brand{box-shadow:3px 3px 0 #101112!important}
.main-nav__trigger,.main-nav__link{transition:color .15s ease,background .15s ease!important}
.header-project-btn{transition:background .15s ease,border-color .15s ease!important}

/* --- section jump: active scroll state --- */
.section-jump{top:72px!important;z-index:24!important}
.section-jump a{position:relative;transition:background .15s ease,color .15s ease!important}
.section-jump a::after{
  position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--v8-orange);content:"";
  transform:scaleX(0);transform-origin:left;transition:transform .18s ease
}
.section-jump a.is-current{color:#fff;background:#34383b}
.section-jump a.is-current::after{transform:scaleX(1)}
.section-jump a.is-current span{color:var(--v8-orange-bright)}

/* --- consistent section rhythm --- */
.section-heading{margin-bottom:44px}
.section-heading>div{min-width:0}
.section-heading h2{max-width:820px}
.section-heading p{max-width:540px;line-height:1.65}
.eyebrow{margin-bottom:14px}

/* Technical hairline between large light sections */
main>.section:not(.section--dark):not(.section--surface):not(:first-child){border-top:1px solid rgba(42,45,48,.08)}

/* --- media: cleaner frame, no 'cardy' restyle --- */
.capability-stage__media img,.quality-stage__media img,.process-chapter__media img,.portfolio-proof__media img,
.about-intro__photo img,.about-scale__media img,.tryout-feature__media img,.quality-feature__media img{
  transition:transform .45s cubic-bezier(.2,.65,.3,1),filter .35s ease
}
@media (hover:hover){
  .capability-stage:hover .capability-stage__media img,
  .quality-stage:hover .quality-stage__media img,
  .process-chapter__grid:hover .process-chapter__media img,
  .portfolio-proof:hover .portfolio-proof__media img,
  .about-intro__grid:hover .about-intro__photo--main img,
  .about-scale__grid:hover .about-scale__media img,
  .tryout-feature:hover .tryout-feature__media img,
  .quality-feature:hover .quality-feature__media img{transform:scale(1.018)}
}

/* --- equipment tables: easier to scan --- */
.table-shell{position:relative}
.table-shell::after{position:absolute;right:0;bottom:0;left:0;height:2px;background:linear-gradient(90deg,var(--v8-orange),transparent 68%);content:"";pointer-events:none}
.machine-table tbody tr{transition:background .12s ease}
.machine-table td,.machine-table th{vertical-align:middle}
.machine-table td:first-child{font-weight:900}

/* --- metrics: one visual grammar across pages --- */
.page-hero__facts strong,.metric-rail strong,.about-scale__metrics strong,.portfolio-proof__rail strong{font-variant-numeric:tabular-nums}
.page-hero__facts>div,.metric-rail>div{transition:background .15s ease}
@media (hover:hover){
  .page-hero__facts>div:hover{background:rgba(255,255,255,.045)}
  .metric-rail>div:hover{background:rgba(37,40,42,.035)}
  .metric-rail--dark>div:hover{background:rgba(255,255,255,.035)}
}

/* --- portfolio filters + images --- */
.portfolio-toolbar{position:relative}
.portfolio-toolbar::after{position:absolute;right:0;bottom:-3px;width:82px;height:3px;background:var(--v8-orange);content:""}
.portfolio-card__caption strong{line-height:1.25}
.portfolio-card__open:focus-visible{outline-offset:-4px!important}

/* --- buttons: stronger mechanical feedback without soft UI --- */
.btn{transition:transform .14s ease,background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease!important}
@media (hover:hover){
  .btn:hover{transform:translateY(-2px)}
  .header-project-btn:hover{transform:none!important}
}
.btn:active{transform:translateY(0)!important}

/* --- forms --- */
.form-field input,.form-field textarea,.form-field select{transition:border-color .15s ease,background .15s ease,box-shadow .15s ease!important}
.form-field input::placeholder,.form-field textarea::placeholder{color:#92979a;opacity:1}
.contact-rfq-form input::placeholder,.contact-rfq-form textarea::placeholder{color:#858a8d}

/* --- footer / last CTA --- */
.footer-rfq__action .btn{width:100%}
.footer-tech-tags span{transition:border-color .15s ease,color .15s ease}
@media (hover:hover){.footer-tech-tags span:hover{border-color:#797e81;color:#fff}}

/* --- mobile / tablet --- */
@media(max-width:900px){
  .section-jump{top:70px!important}
  .section-jump{position:sticky}
  .section-jump::after{
    position:absolute;z-index:3;top:0;right:0;bottom:0;width:34px;background:linear-gradient(90deg,transparent,#2a2d30 75%);content:"";pointer-events:none
  }
  .section-jump__inner{padding-right:28px;scroll-snap-type:x proximity}
  .section-jump a{scroll-snap-align:start}
  .back-to-top-v8{right:14px;bottom:14px;width:40px;height:40px}
  .section-heading{gap:22px}
}

@media(max-width:680px){
  .scroll-progress-v8{height:2px}
  .section-heading{margin-bottom:34px}
  .section-heading h2{font-size:clamp(1.8rem,8.5vw,2.55rem)!important}
  .section-heading p{font-size:.9rem}
  .page-hero__breadcrumbs{overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  .page-hero__breadcrumbs::-webkit-scrollbar{display:none}
  .machine-table th,.machine-table td{padding:12px 13px!important;font-size:.76rem}
  .portfolio-toolbar{margin-bottom:24px}
  .portfolio-toolbar .filter-bar{display:flex;max-width:100%;overflow-x:auto;padding-bottom:4px;flex-wrap:nowrap;scrollbar-width:none}
  .portfolio-toolbar .filter-bar::-webkit-scrollbar{display:none}
  .portfolio-toolbar .filter-btn{flex:0 0 auto}
}

/* Respect users who request reduced motion. */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .reveal{opacity:1!important;transform:none!important}
}


/* ===== direction-v9.css ===== */
/* INNOTECH Industrial Direction v9
   Home-page visual strengthening: CNC / EDM / QC / TRYOUT / WORKS. */
:root{
  --v9-orange:#e87500;
  --v9-orange-bright:#ff9827;
  --v9-dark:#202326;
  --v9-dark-2:#292d30;
  --v9-paper:#efeee9;
  --v9-line:#a8abad;
}

/* CNC / EDM stages */
.home-capability-v9{overflow:hidden}
.capability-stage-v9{
  display:grid;grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);min-height:620px;
  border:3px solid #34383b;background:#e8e6e1;box-shadow:9px 9px 0 rgba(32,35,38,.18)
}
.capability-stage-v9--reverse{grid-template-columns:minmax(390px,.82fr) minmax(0,1.18fr)}
.capability-stage-v9--reverse .capability-stage-v9__media{order:2}
.capability-stage-v9__media{position:relative;min-height:620px;overflow:hidden;background:#202326}
.capability-stage-v9__media>img{width:100%;height:100%;object-fit:cover;filter:grayscale(.16) contrast(1.08);transition:transform .45s ease,filter .35s ease}
.capability-stage-v9__media::after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),transparent 48%,rgba(18,20,21,.3));content:"";pointer-events:none}
.capability-stage-v9__code{position:absolute;z-index:3;top:18px;left:18px;padding:8px 11px;border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(29,32,34,.72);font-size:.65rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(5px)}
.capability-stage-v9__inset{position:absolute;z-index:4;right:22px;bottom:22px;width:min(37%,280px);border:3px solid #efeee9;background:#1d2022;box-shadow:7px 7px 0 rgba(0,0,0,.32)}
.capability-stage-v9__inset--left{right:auto;left:22px}
.capability-stage-v9__inset img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:grayscale(.08) contrast(1.05)}
.capability-stage-v9__inset span{display:block;padding:8px 10px;color:#fff;font-size:.58rem;font-weight:900;letter-spacing:.105em;text-transform:uppercase}
.capability-stage-v9__copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:46px 44px;background:repeating-linear-gradient(135deg,rgba(40,43,46,.035) 0 1px,transparent 1px 10px),#eeede8}
.capability-stage-v9__copy::before{position:absolute;top:0;right:0;left:0;height:6px;background:linear-gradient(90deg,var(--v9-orange),var(--v9-orange) 34%,#34383b 34%,#34383b 100%);content:""}
.capability-stage-v9__copy h2{max-width:10ch;margin:0;color:#212426;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(2.15rem,3vw,3.15rem);font-weight:400;line-height:.94;letter-spacing:.015em;text-transform:uppercase}
.capability-stage-v9__copy>p{margin:20px 0 0;color:#5e6367;line-height:1.7}
.capability-stage-v9__hero-metric{display:grid;gap:4px;margin:30px 0 20px;padding:20px 0;border-top:1px solid #adafaf;border-bottom:1px solid #adafaf}
.capability-stage-v9__hero-metric strong{color:#c95f00;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(2.7rem,4vw,4.25rem);font-weight:400;line-height:.86;letter-spacing:.015em}
.capability-stage-v9__hero-metric span{color:#5f6468;font-size:.66rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.capability-stage-v9__specs{display:grid;margin-bottom:26px;border-top:1px solid #b4b6b8}
.capability-stage-v9__specs>div{display:grid;grid-template-columns:1fr .9fr .9fr;gap:10px;padding:10px 0;border-bottom:1px solid #b4b6b8;align-items:center}
.capability-stage-v9__specs span{color:#26292b;font-size:.77rem;font-weight:900}
.capability-stage-v9__specs strong{color:#555a5f;font-size:.72rem;text-transform:uppercase}
.capability-stage-v9__specs em{color:#c95f00;font-size:.69rem;font-style:normal;font-weight:900;text-align:right;text-transform:uppercase}
.capability-stage-v9__copy .btn{align-self:flex-start}
@media(hover:hover){.capability-stage-v9:hover .capability-stage-v9__media>img{transform:scale(1.018);filter:grayscale(0) contrast(1.06)}}

/* TRYOUT stage */
.home-tryout-v9{background:#e9e7e2}
.tryout-stage-v9{position:relative;min-height:680px;overflow:hidden;border:3px solid #111;background:#17191b;box-shadow:10px 10px 0 rgba(0,0,0,.26)}
.tryout-stage-v9__media{position:absolute;inset:0}
.tryout-stage-v9__media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.24) contrast(1.12) brightness(.72);transition:transform .5s ease,filter .4s ease}
.tryout-stage-v9::after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,20,22,.2) 0%,rgba(18,20,22,.25) 45%,rgba(18,20,22,.91) 68%,#151719 100%),linear-gradient(0deg,rgba(15,17,19,.48),transparent 40%);content:"";pointer-events:none}
.tryout-stage-v9__code{position:absolute;z-index:3;top:22px;left:22px;padding:8px 11px;border:1px solid rgba(255,255,255,.25);color:#fff;background:rgba(29,32,34,.68);font-size:.65rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.tryout-stage-v9__number{position:absolute;z-index:3;left:28px;bottom:28px;display:flex;flex-direction:column;gap:12px;color:#fff}
.tryout-stage-v9__number strong{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(5.6rem,10vw,9.2rem);font-weight:400;line-height:.7;letter-spacing:.01em}
.tryout-stage-v9__number span{color:var(--v9-orange-bright);font-size:.65rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.tryout-stage-v9__copy{position:relative;z-index:4;width:43%;min-height:680px;margin-left:auto;padding:55px 42px 46px;border-left:1px solid rgba(255,255,255,.19);color:#fff;background:rgba(24,27,29,.84);backdrop-filter:blur(3px)}
.tryout-stage-v9__copy h2{max-width:11ch;margin:0;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(2.3rem,3.4vw,3.3rem);font-weight:400;line-height:.94;text-transform:uppercase}
.tryout-stage-v9__copy>p{margin:20px 0 0;color:#c5c8c8;line-height:1.67}
.tryout-stage-v9__rail{display:grid;margin:28px 0 30px;border-top:1px solid #5b5f62;border-bottom:1px solid #5b5f62}
.tryout-stage-v9__rail>div{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid #4b4f52;align-items:center}
.tryout-stage-v9__rail>div:last-child{border-bottom:0}
.tryout-stage-v9__rail strong{color:var(--v9-orange-bright);font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.55rem;font-weight:400}
.tryout-stage-v9__rail span{color:#c7c9c8;font-size:.72rem;font-weight:800;text-transform:uppercase}
.tryout-stage-v9__inset{position:absolute;z-index:4;left:26px;top:76px;width:min(25%,310px);border:3px solid rgba(255,255,255,.76);background:#191b1d;box-shadow:8px 8px 0 rgba(0,0,0,.3)}
.tryout-stage-v9__inset img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:grayscale(.18) contrast(1.08)}
.tryout-stage-v9__inset span{display:block;padding:8px 10px;color:#fff;font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
@media(hover:hover){.tryout-stage-v9:hover .tryout-stage-v9__media img{transform:scale(1.012);filter:grayscale(.08) contrast(1.1) brightness(.75)}}

/* QC stage */
.quality-stage-v9{display:grid;grid-template-columns:minmax(380px,.82fr) minmax(0,1.18fr);min-height:570px;border-top:3px solid #34383b;border-bottom:3px solid #34383b;background:#e7e5df}
.quality-stage-v9__copy{display:flex;flex-direction:column;justify-content:center;padding:44px 42px 44px 0}
.quality-stage-v9__copy h2{max-width:11ch;margin:0;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(2.15rem,3vw,3.05rem);font-weight:400;line-height:.95;text-transform:uppercase}
.quality-stage-v9__copy>p{margin:20px 0 0;color:#5f6468;line-height:1.72}
.quality-stage-v9__rail{display:grid;margin:28px 0 28px;border-top:1px solid #b0b3b5}
.quality-stage-v9__rail>div{display:grid;grid-template-columns:110px 1fr 1.05fr;gap:12px;padding:12px 0;border-bottom:1px solid #b0b3b5;align-items:center}
.quality-stage-v9__rail strong{color:#c95f00;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.35rem;font-weight:400}
.quality-stage-v9__rail span{color:#292c2f;font-size:.72rem;font-weight:900;text-transform:uppercase}
.quality-stage-v9__rail em{color:#686d70;font-size:.69rem;font-style:normal;text-align:right}
.quality-stage-v9__copy .btn{align-self:flex-start}
.quality-stage-v9__media{position:relative;min-height:570px;overflow:hidden;background:#25282a;box-shadow:8px 8px 0 rgba(31,34,36,.2)}
.quality-stage-v9__media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.1) contrast(1.05);transition:transform .45s ease,filter .35s ease}
.quality-stage-v9__media::after{position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(180deg,transparent,rgba(20,22,24,.54));content:"";pointer-events:none}
.quality-stage-v9__code{position:absolute;z-index:3;top:18px;right:18px;padding:8px 11px;border:1px solid rgba(255,255,255,.27);color:#fff;background:rgba(29,32,34,.7);font-size:.64rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.quality-stage-v9__stamp{position:absolute;z-index:3;right:22px;bottom:20px;padding:13px 16px;border-left:4px solid var(--v9-orange);color:#fff;background:rgba(29,32,34,.78)}
.quality-stage-v9__stamp strong,.quality-stage-v9__stamp span{display:block}
.quality-stage-v9__stamp strong{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.2rem;font-weight:400;letter-spacing:.04em}
.quality-stage-v9__stamp span{color:#d3d5d4;font-size:.58rem;font-weight:900;letter-spacing:.11em}
@media(hover:hover){.quality-stage-v9:hover .quality-stage-v9__media img{transform:scale(1.018);filter:grayscale(0) contrast(1.04)}}

/* WORKS mosaic */
.home-works-v9{background:#f4f2ed}
.works-mosaic-v9{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:190px;gap:10px}
.works-card-v9{position:relative;grid-column:span 4;grid-row:span 2;overflow:hidden;border:2px solid #3c4043;background:#222528;box-shadow:5px 5px 0 rgba(31,34,36,.18)}
.works-card-v9--hero{grid-column:span 7;grid-row:span 3}
.works-card-v9--tall{grid-column:span 5;grid-row:span 3}
.works-card-v9--wide{grid-column:span 8;grid-row:span 2}
.works-card-v9 img{width:100%;height:100%;object-fit:cover;filter:grayscale(.14) contrast(1.04);transition:transform .45s ease,filter .35s ease}
.works-card-v9::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(18,20,22,.82));content:"";pointer-events:none}
.works-card-v9__index{position:absolute;z-index:3;top:12px;right:12px;padding:5px 7px;border:1px solid rgba(255,255,255,.25);color:#fff;background:rgba(29,32,34,.62);font-size:.61rem;font-weight:900;letter-spacing:.11em}
.works-card-v9__caption{position:absolute;z-index:3;right:0;bottom:0;left:0;padding:20px 20px 17px;color:#fff}
.works-card-v9__caption strong,.works-card-v9__caption span{display:block}
.works-card-v9__caption strong{font-size:.9rem;line-height:1.25;letter-spacing:.035em;text-transform:uppercase}
.works-card-v9__caption span{margin-top:3px;color:#cfd1d0;font-size:.72rem}
.works-footer-v9{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px;padding-top:17px;border-top:2px solid #34383b}
.works-footer-v9>span{color:#6d7174;font-size:.66rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
@media(hover:hover){.works-card-v9:hover img{transform:scale(1.022);filter:grayscale(0) contrast(1.04)}}

/* Align proof rail with strengthened visual stages */
.proof-rail-section{border-top:0!important}

@media(max-width:1100px){
  .capability-stage-v9,.capability-stage-v9--reverse{grid-template-columns:1fr}
  .capability-stage-v9--reverse .capability-stage-v9__media{order:0}
  .capability-stage-v9__media{min-height:500px}
  .tryout-stage-v9__copy{width:48%}
  .quality-stage-v9{grid-template-columns:1fr}
  .quality-stage-v9__copy{padding:40px 0}
  .quality-stage-v9__media{min-height:500px}
  .works-mosaic-v9{grid-auto-rows:170px}
}

@media(max-width:900px){
  .capability-stage-v9__media{min-height:440px}
  .capability-stage-v9__copy{padding:38px 32px}
  .tryout-stage-v9{padding-top:390px;min-height:auto}
  .tryout-stage-v9::after{background:linear-gradient(180deg,rgba(18,20,22,.08),rgba(19,21,23,.96) 43%,#151719 100%)}
  .tryout-stage-v9__copy{width:100%;min-height:0;margin:0;padding:42px 30px;border-left:0;border-top:1px solid #515558;background:#1e2123}
  .tryout-stage-v9__number{top:270px;bottom:auto}
  .tryout-stage-v9__number strong{font-size:5.6rem}
  .tryout-stage-v9__inset{top:60px;width:240px}
  .works-mosaic-v9{grid-template-columns:repeat(2,1fr);grid-auto-rows:260px}
  .works-card-v9,.works-card-v9--hero,.works-card-v9--tall,.works-card-v9--wide{grid-column:span 1;grid-row:span 1}
}

@media(max-width:680px){
  .capability-stage-v9__media{min-height:330px}
  .capability-stage-v9__inset{right:14px;bottom:14px;width:42%}
  .capability-stage-v9__inset--left{right:auto;left:14px}
  .capability-stage-v9__copy{padding:30px 22px}
  .capability-stage-v9__copy h2,.tryout-stage-v9__copy h2,.quality-stage-v9__copy h2{font-size:clamp(2rem,9vw,2.7rem)}
  .capability-stage-v9__hero-metric strong{font-size:clamp(2.4rem,12vw,3.3rem)}
  .capability-stage-v9__specs>div{grid-template-columns:1fr 1fr}
  .capability-stage-v9__specs em{grid-column:1/-1;text-align:left}
  .tryout-stage-v9{padding-top:310px}
  .tryout-stage-v9__number{top:222px;left:18px}
  .tryout-stage-v9__number strong{font-size:4.3rem}
  .tryout-stage-v9__inset{top:46px;left:16px;width:190px}
  .tryout-stage-v9__copy{padding:34px 22px}
  .tryout-stage-v9__rail>div{grid-template-columns:78px 1fr}
  .quality-stage-v9__copy{padding:30px 0}
  .quality-stage-v9__rail>div{grid-template-columns:92px 1fr}
  .quality-stage-v9__rail em{grid-column:1/-1;text-align:left}
  .quality-stage-v9__media{min-height:340px}
  .works-mosaic-v9{grid-template-columns:1fr;grid-auto-rows:300px}
  .works-footer-v9{align-items:flex-start;flex-direction:column}
}


/* ===== direction-v10.css ===== */
/* INNOTECH Industrial Direction v10
   Precision pass: navigational index, stronger technical hierarchy, image depth,
   process/CTA refinement, page hero codes and responsive polish. */

:root{
  --v10-dark:#1c1f21;
  --v10-dark-2:#262a2d;
  --v10-dark-3:#353a3d;
  --v10-paper:#efeee9;
  --v10-paper-2:#e5e3dd;
  --v10-line:#a8adaf;
  --v10-orange:#e87500;
  --v10-orange-bright:#ff9827;
}

/* ---------- HEADER: cleaner industrial plate ---------- */
.site-header__inner{min-height:70px!important}
.brand{
  min-width:184px!important;
  padding:4px 8px!important;
  border:1px solid #0d0f10!important;
  box-shadow:3px 3px 0 #0f1112!important;
}
.brand img{width:166px!important;height:48px!important}
.main-nav__trigger,.main-nav__link{min-height:70px!important}
.header-project-btn{min-height:38px!important;padding-inline:14px!important}
.site-header.is-scrolled .brand{box-shadow:2px 2px 0 #0f1112!important}

/* ---------- SECTION MARKERS / RHYTHM ---------- */
main>section[data-section]:not(.hero)::before{
  top:22px!important;
  padding:5px 7px;
  border:1px solid rgba(56,60,63,.16);
  color:rgba(47,51,54,.45)!important;
  background:rgba(239,238,233,.55);
  font-size:.57rem!important;
  line-height:1;
}
main>.section--dark[data-section]::before,
main>.home-tryout-v9[data-section]::before{
  border-color:rgba(255,255,255,.12);
  color:rgba(255,255,255,.42)!important;
  background:rgba(29,32,34,.5);
}
.section-heading{position:relative;padding-top:6px}
.section-heading::before{
  position:absolute;top:0;left:0;width:86px;height:2px;background:linear-gradient(90deg,var(--v10-orange),#555a5d);content:"";
}
.section-heading h2{max-width:760px!important}
.section-heading p{max-width:500px!important}

/* ---------- HOME STATS: captions + tighter cells ---------- */
.stats-caption-v10{
  display:flex;justify-content:space-between;gap:24px;margin-bottom:12px;color:#696e71;
  font-size:.57rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase
}
.profile-stats{box-shadow:7px 7px 0 rgba(31,34,36,.17)!important}
.profile-stat{min-height:132px!important;padding:23px 20px!important}
.profile-stat strong{font-size:2.05rem!important}
.profile-stat span{font-size:.7rem!important;line-height:1.35!important}

/* ---------- HOME INDEX ---------- */
.home-index-v10{
  position:sticky;z-index:23;top:70px;border-top:1px solid #4c5154;border-bottom:1px solid #505558;background:rgba(35,38,40,.97);box-shadow:0 6px 12px rgba(0,0,0,.15);backdrop-filter:blur(6px)
}
.home-index-v10__inner{display:flex;min-height:46px;align-items:stretch;overflow-x:auto;scrollbar-width:none}
.home-index-v10__inner::-webkit-scrollbar{display:none}
.home-index-v10__label{
  display:flex;flex:0 0 auto;align-items:center;padding:0 16px 0 0;color:#8f9496;font-size:.56rem;font-weight:900;letter-spacing:.12em;white-space:nowrap
}
.home-index-v10 a{
  position:relative;display:flex;flex:0 0 auto;gap:7px;align-items:center;padding:0 15px;border-left:1px solid #454a4d;color:#d4d6d4;
  font-family:"Arial Narrow",Arial,sans-serif;font-size:.64rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;transition:color .15s ease,background .15s ease
}
.home-index-v10 a:last-child{border-right:1px solid #454a4d}
.home-index-v10 a b{color:#858b8e;font-size:.53rem;letter-spacing:.08em}
.home-index-v10 a::after{position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--v10-orange);transform:scaleX(0);transform-origin:left;transition:transform .16s ease;content:""}
.home-index-v10 a:hover,.home-index-v10 a.is-current{color:#fff;background:#303437}
.home-index-v10 a.is-current::after{transform:scaleX(1)}
.home-index-v10 a.is-current b{color:var(--v10-orange-bright)}

/* ---------- HERO micro-polish, no geometry changes ---------- */
.hero-techline span{position:relative}
.hero-techline span+span::before{width:18px!important;background:var(--v10-orange)!important}
.hero--profile .eyebrow{letter-spacing:.13em!important}
.hero--profile .hero-fact{transition:background .18s ease,border-color .18s ease}
@media(hover:hover){.hero--profile .hero-fact:hover{border-color:rgba(255,152,39,.44);background:rgba(232,117,0,.08)}}

/* ---------- PRODUCTION CHAIN ---------- */
.production-chain{position:relative}
.production-chain::before{
  position:absolute;top:50px;right:8%;left:8%;height:1px;background:linear-gradient(90deg,transparent,#696e71 8%,#696e71 92%,transparent);content:"";pointer-events:none
}
.production-chain__item{position:relative;z-index:1}
.production-chain__num{
  display:grid!important;width:30px;height:30px;place-items:center;border:1px solid #72777a;background:#25282a!important;color:var(--v10-orange-bright)!important
}

/* ---------- LARGE CAPABILITY STAGES ---------- */
.capability-stage-v9,.tryout-stage-v9,.quality-stage-v9{box-shadow:8px 8px 0 rgba(27,30,32,.2)!important}
.capability-stage-v9__media::after{
  position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 28%);content:"";pointer-events:none
}
.capability-stage-v9__media>img{filter:grayscale(.22) contrast(1.07)!important}
.capability-stage-v9__copy{position:relative}
.capability-stage-v9__copy::after{
  position:absolute;right:18px;bottom:18px;width:52px;height:52px;border-right:1px solid #b8bbbd;border-bottom:1px solid #b8bbbd;content:"";pointer-events:none
}
.capability-stage-v9__specs>div{transition:background .14s ease}
@media(hover:hover){.capability-stage-v9__specs>div:hover{background:#dddcd7}}

.tryout-stage-v9__copy{box-shadow:inset 1px 0 rgba(255,255,255,.05)}
.tryout-stage-v9__number strong{text-shadow:0 5px 18px rgba(0,0,0,.24)}
.tryout-stage-v9__rail>div{transition:background .14s ease,padding-left .14s ease}
@media(hover:hover){.tryout-stage-v9__rail>div:hover{padding-left:8px;background:rgba(255,255,255,.025)}}

.quality-stage-v9__rail>div{transition:background .14s ease,padding-inline .14s ease}
@media(hover:hover){.quality-stage-v9__rail>div:hover{padding-inline:8px;background:rgba(35,38,40,.035)}}
.quality-stage-v9__stamp{box-shadow:5px 5px 0 rgba(0,0,0,.18)}

/* ---------- PROOF RAIL ---------- */
.proof-rail-section{position:relative}
.proof-rail-section::before{position:absolute;top:0;bottom:0;left:0;width:5px;background:var(--v10-orange);content:""}
.proof-rail>div{transition:background .14s ease}
@media(hover:hover){.proof-rail>div:hover{background:#2e3235}}

/* ---------- WORKS ---------- */
.works-mosaic-v9{gap:8px!important}
.works-card-v9{box-shadow:4px 4px 0 rgba(31,34,36,.2)!important}
.works-card-v9 img{filter:grayscale(.08) contrast(1.045)!important}
.works-card-v9::before{
  position:absolute;z-index:3;top:0;left:0;width:36px;height:3px;background:var(--v10-orange);content:"";transition:width .22s ease
}
.works-card-v9__caption{background:linear-gradient(180deg,transparent,rgba(18,20,22,.85));padding-top:44px!important}
.works-card-v9__caption strong{font-size:.84rem!important;letter-spacing:.05em!important}
@media(hover:hover){
  .works-card-v9:hover::before{width:100%}
  .works-card-v9:hover{box-shadow:6px 6px 0 rgba(31,34,36,.24)!important}
}
.works-footer-v9{margin-top:24px!important}

/* ---------- PROCESS: connected technical route ---------- */
.home-process{position:relative}
.home-process::before{
  position:absolute;z-index:0;top:34px;right:7%;left:7%;height:2px;background:#7e8386;content:"";pointer-events:none
}
.home-process__step{position:relative;z-index:1}
.home-process__step>strong{
  display:grid;width:28px;height:28px;place-items:center;margin-bottom:38px;border:2px solid #6e7376;background:#efeee9!important;color:#c95f00!important;font-size:.58rem!important
}
.home-process__step:hover>strong{border-color:var(--v10-orange);background:var(--v10-orange)!important;color:#fff!important}

/* ---------- CTA: RFQ inputs ---------- */
.cta-panel{overflow:hidden!important}
.cta-panel::before{opacity:.65}
.cta-inputs-v10{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)
}
.cta-inputs-v10>div{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;padding:14px 12px 14px 0}
.cta-inputs-v10>div+div{padding-left:14px;border-left:1px solid rgba(255,255,255,.18)}
.cta-inputs-v10 span{color:var(--v10-orange-bright);font-size:.58rem;font-weight:900;letter-spacing:.1em}
.cta-inputs-v10 strong{color:#d6d8d6;font-size:.65rem;line-height:1.35;letter-spacing:.055em;text-transform:uppercase}

/* ---------- INTERNAL PAGE HERO ---------- */
.page-hero--v10{position:relative;overflow:hidden}
.page-hero--v10 .page-hero__inner{position:relative}
.page-hero__code-v10{
  display:inline-flex;margin-bottom:16px;padding:6px 9px;border:1px solid rgba(255,255,255,.24);color:#d2d4d3;background:rgba(29,32,34,.55);
  font-size:.56rem;font-weight:900;line-height:1;letter-spacing:.13em;text-transform:uppercase
}
.page-hero--v10 .page-hero__breadcrumbs{margin-bottom:16px!important}
.page-hero--v10 h1{max-width:900px!important}
.page-hero--v10::after{background:linear-gradient(90deg,rgba(20,22,24,.96),rgba(23,25,27,.8) 58%,rgba(23,25,27,.35))!important}

/* ---------- TABLES / CARDS ---------- */
.machine-table tbody tr:nth-child(even){background:rgba(37,40,42,.025)}
.machine-table tbody tr:hover{background:rgba(232,117,0,.055)!important}
.fact-card,.acceptance-card,.capability-card,.engineering-principle,.manufacturing-card{transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
@media(hover:hover){
  .fact-card:hover,.acceptance-card:hover,.capability-card:hover,.engineering-principle:hover,.manufacturing-card:hover{border-color:#858a8d!important;transform:translateY(-2px);box-shadow:6px 7px 0 rgba(31,34,36,.14)!important}
}

/* ---------- FOOTER ---------- */
.footer-rfq__inner{position:relative}
.footer-rfq__inner::before{position:absolute;top:0;left:0;width:120px;height:3px;background:var(--v10-orange);content:""}
.footer-tech-tags span{background:#202326}

/* ---------- MOBILE ---------- */
@media(max-width:1180px){
  .home-index-v10__label{display:none}
  .home-index-v10__inner{padding-inline:0}
  .home-index-v10 a{padding-inline:13px}
}

@media(max-width:900px){
  .home-index-v10{top:70px}
  .home-index-v10__inner{scroll-snap-type:x proximity}
  .home-index-v10 a{scroll-snap-align:start;min-height:44px}
  .production-chain::before,.home-process::before{display:none}
  .stats-caption-v10{font-size:.54rem}
  .cta-inputs-v10{grid-template-columns:1fr}
  .cta-inputs-v10>div,.cta-inputs-v10>div+div{padding:12px 0;border-left:0;border-bottom:1px solid rgba(255,255,255,.16)}
  .cta-inputs-v10>div:last-child{border-bottom:0}
}

@media(max-width:680px){
  main>section[data-section]:not(.hero)::before{top:14px;right:12px!important}
  .stats-caption-v10{display:none}
  .profile-stat{min-height:100px!important}
  .profile-stat strong{font-size:1.8rem!important}
  .home-index-v10{top:70px}
  .home-index-v10 a{padding:0 12px;font-size:.61rem}
  .section-heading::before{width:60px}
  .works-card-v9__caption{padding:18px!important;padding-top:40px!important}
  .page-hero__code-v10{margin-bottom:12px}
}

@media(prefers-reduced-motion:reduce){
  .works-card-v9::before,.home-index-v10 a::after{transition:none!important}
}

/* v10.2 fix — readable text inside light tables placed on dark sections */
.machine-table td,
.table-shell .machine-table td,
.table-shell .machine-table tbody td {
  color: #2a2d30 !important;
}

.machine-table td:first-child,
.table-shell .machine-table td:first-child {
  color: #17191b !important;
}

.table-shell .machine-table tbody tr:nth-child(odd) td {
  background: #efeee9;
}

.table-shell .machine-table tbody tr:nth-child(even) td {
  background: #e5e3de;
  color: #2a2d30 !important;
}

.table-shell .machine-table tbody tr:hover td {
  background: #dcd9d3 !important;
  color: #1f2224 !important;
}


/* ===== direction-v11.css ===== */
/* INNOTECH Industrial Direction v11
   System audit: typography, spacing, grid rhythm, contrast and responsive consistency. */

:root{
  --v11-section:92px;
  --v11-section-compact:62px;
  --v11-gap-lg:44px;
  --v11-gap-md:28px;
  --v11-text:#5f6468;
  --v11-text-dark:#c7cac9;
  --v11-line:#b6b9bb;
  --v11-orange:#e87500;
}

/* ---------- TYPOGRAPHY SYSTEM ---------- */
body{font-size:15px}
p,li{font-size:.94rem;line-height:1.68}
.eyebrow{margin-bottom:14px;font-size:.66rem;letter-spacing:.145em}

.hero h1{
  max-width:10.8ch!important;
  font-size:clamp(2.7rem,4.6vw,4.55rem)!important;
  line-height:.91!important;
  letter-spacing:.012em!important;
}
.hero__lead{max-width:710px!important;font-size:.98rem!important;line-height:1.68!important}

.page-hero h1{
  max-width:12.5ch!important;
  font-size:clamp(2.15rem,3.55vw,3.55rem)!important;
  line-height:.95!important;
  letter-spacing:.015em!important;
}
.page-hero p{max-width:720px!important;font-size:.96rem!important;line-height:1.68!important}

.section-heading h2,
.profile-copy h2,
.capability-stage__copy h2,
.quality-stage__copy h2,
.finishing-layout__copy h2,
.logistics-stage__copy h2,
.portfolio-proof__copy h2,
.portfolio-toolbar h2,
.process-chapter__copy h2,
.process-result__copy h2,
.contact-rfq-intro h2,
.contact-location-copy h2,
.contact-rfq-form__head h2,
.capability-stage-v9__copy h2,
.tryout-stage-v9__copy h2,
.quality-stage-v9__copy h2,
.cta-panel h2,
.about-scale__copy h2,
.about-intro__copy h2{
  font-size:clamp(1.9rem,2.7vw,2.75rem)!important;
  line-height:.97!important;
  letter-spacing:.015em!important;
}

.section-heading h2{max-width:13ch!important}
.section-heading p{max-width:590px;font-size:.93rem!important;line-height:1.65!important}

.fact-card h3,.acceptance-card h3,.capability-card h3,.engineering-principle h3,.manufacturing-card h3,
.home-process__step h3,.press-mini h3,.equipment-ledger h3,.about-value-card h3,
.footer-col h3{font-size:.88rem!important;line-height:1.28!important;letter-spacing:.045em!important}

.fact-card p,.acceptance-card p,.capability-card p,.engineering-principle p,.manufacturing-card p,
.home-process__step p,.press-mini p,.about-value-card p{font-size:.84rem!important;line-height:1.58!important}

/* ---------- GLOBAL RHYTHM ---------- */
.section{padding:var(--v11-section) 0!important}
.section--compact{padding:var(--v11-section-compact) 0!important}
.section-heading{gap:var(--v11-gap-lg)!important;margin-bottom:42px!important;align-items:end!important}
.section-heading>div{max-width:760px}

.btn{min-height:46px!important;padding-inline:20px!important;font-size:.78rem!important;letter-spacing:.045em!important;text-transform:uppercase}
.btn--small{min-height:40px!important}

/* ---------- HEADER / NAV ALIGNMENT ---------- */
.site-header__inner{min-height:70px!important}
.main-nav__trigger,.main-nav__link{min-height:70px!important}
.main-nav__trigger::after,.main-nav__link::after{bottom:14px!important}
.header-project-btn{min-height:38px!important;padding-inline:14px!important}
.brand{min-width:188px!important}
.brand img{width:166px!important}

/* ---------- HOME PAGE ---------- */
.hero,.hero__grid{min-height:650px!important}
.hero__grid{gap:38px!important}
.hero-facts{margin-top:30px!important}
.hero-fact strong{font-size:1.75rem!important}
.hero-fact span{font-size:.7rem!important}

.capability-stage-v9{min-height:550px!important}
.capability-stage-v9__media{min-height:550px!important}
.capability-stage-v9__copy{padding:40px 38px!important}
.capability-stage-v9__copy>p{margin-top:16px!important;font-size:.9rem!important;line-height:1.65!important}
.capability-stage-v9__hero-metric{margin:24px 0 18px!important;padding:17px 0!important}
.capability-stage-v9__hero-metric strong{font-size:clamp(2.4rem,3.55vw,3.65rem)!important}
.capability-stage-v9__specs{margin-bottom:22px!important}
.capability-stage-v9__specs>div{padding:9px 0!important}

.tryout-stage-v9{min-height:610px!important}
.tryout-stage-v9__copy{min-height:610px!important;padding:46px 38px 40px!important}
.tryout-stage-v9__copy>p{font-size:.9rem!important;line-height:1.64!important}
.tryout-stage-v9__rail{margin:24px 0 26px!important}
.tryout-stage-v9__rail>div{padding:11px 0!important}
.tryout-stage-v9__number strong{font-size:clamp(5rem,8vw,7.5rem)!important}

.quality-stage-v9{min-height:520px!important}
.quality-stage-v9__media{min-height:520px!important}
.quality-stage-v9__copy{padding:38px 34px 38px 0!important}
.quality-stage-v9__copy>p{font-size:.9rem!important;line-height:1.65!important}
.quality-stage-v9__rail{margin:24px 0!important}

.works-mosaic-v9{grid-auto-rows:175px!important;gap:9px!important}
.works-card-v9__caption{padding:17px 18px 15px!important}
.works-card-v9__caption strong{font-size:.82rem!important}
.works-card-v9__caption span{font-size:.67rem!important}

.home-process__grid{gap:12px!important}
.home-process__step{min-height:190px!important;padding:22px 18px!important}
.home-process__step h3{margin-top:38px!important}

/* ---------- ABOUT ---------- */
.about-intro__grid,.about-scale__grid{gap:42px!important}
.about-intro__media,.about-scale__media{min-height:500px!important}
.about-chain{gap:10px!important}
.about-chain__item{min-height:175px!important;padding:22px 18px!important}
.equipment-ledger{gap:10px!important}
.equipment-ledger article{min-height:132px!important;padding:20px!important}
.about-value-grid{gap:14px!important}
.about-value-card{min-height:190px!important;padding:24px!important}

/* ---------- CAPABILITIES ---------- */
.capability-stage,.capability-stage--reverse{min-height:520px!important}
.capability-stage__media{min-height:520px!important}
.capability-stage__copy{padding:40px!important}
.capability-stage__copy>p,.finishing-layout__copy>p{font-size:.9rem!important;line-height:1.64!important}
.metric-rail{margin:24px 0 26px!important}
.metric-rail>div{padding:12px 0!important}
.equipment-block{margin-top:34px!important}
.equipment-block__head{gap:30px!important;margin-bottom:13px!important}
.equipment-block__head h3{font-size:1.48rem!important}
.equipment-block__head p{font-size:.8rem!important;line-height:1.5!important}
.finishing-layout{gap:42px!important}
.finishing-layout__visual{min-height:520px!important}

/* ---------- QUALITY / TRYOUT ---------- */
.quality-stage{min-height:510px!important}
.quality-stage__media{min-height:510px!important}
.quality-stage__copy{padding:38px 36px 38px 0!important}
.press-stage{min-height:590px!important}
.press-stage__overlay{padding:26px!important}
.press-stage__overlay>strong{font-size:clamp(3.8rem,6.2vw,6rem)!important}
.press-mini>div{padding:18px!important}
.press-mini strong{font-size:2.25rem!important}
.logistics-stage{gap:44px!important}
.logistics-stage__visual{min-height:520px!important}
.acceptance-strip article{padding:23px 20px!important}

/* ---------- ENGINEERING ---------- */
.process-chapter__grid{gap:46px!important}
.process-chapter__media{min-height:500px!important}
.process-chapter__copy>p{font-size:.92rem!important;line-height:1.66!important}
.process-chapter__list{margin-top:25px!important}
.process-chapter__list>div{padding:14px 0!important}
.process-gate-grid{gap:14px!important}
.process-gate-grid article{min-height:190px!important;padding:24px!important}
.process-overview__grid{gap:10px!important}
.process-overview__grid article{min-height:145px!important;padding:20px!important}
.process-result__grid{gap:40px!important}

/* ---------- PORTFOLIO ---------- */
.portfolio-section{padding-top:68px!important}
.portfolio-toolbar{gap:30px!important;margin-bottom:28px!important;padding-bottom:18px!important}
.portfolio-grid{grid-auto-rows:195px!important;gap:9px!important}
.portfolio-card__caption{right:15px!important;bottom:14px!important;left:15px!important;padding-top:10px!important}
.portfolio-card__caption strong{font-size:.77rem!important}
.portfolio-card__caption em{font-size:.64rem!important}
.portfolio-proof{min-height:490px!important}
.portfolio-proof__media{min-height:490px!important}
.portfolio-proof__copy{padding:36px 0 36px 38px!important}

/* ---------- CONTACTS ---------- */
.contact-rfq-grid,.contact-location-grid{gap:46px!important}
.contact-rfq-intro>p,.contact-location-copy>p{font-size:.9rem!important;line-height:1.65!important}
.rfq-checklist{margin-top:26px!important}
.rfq-checklist article{padding:14px 0!important}
.contact-rfq-form{padding:34px!important}
.contact-rfq-form__head{padding-bottom:20px!important;margin-bottom:22px!important}
.form-grid{gap:14px!important}
.form-field label{font-size:.64rem!important}
.form-field input,.form-field textarea,.form-field select{padding:12px 13px!important;font-size:.86rem!important}
.contact-map-v7{min-height:450px!important}

/* ---------- TABLE CONTRAST + DENSITY ---------- */
.machine-table{font-size:.79rem!important}
.machine-table th,.machine-table td{padding:12px 13px!important}
.machine-table th{font-size:.64rem!important}
.machine-table td,.table-shell .machine-table td{color:#2a2d30!important}
.table-shell .machine-table td:first-child{color:#17191b!important}

/* ---------- FOOTER ---------- */
.footer-grid-v7{gap:26px!important;padding-top:48px!important;padding-bottom:40px!important}
.footer-brand-v7 p{max-width:320px;font-size:.82rem!important;line-height:1.6!important}
.footer-links{gap:9px!important}
.footer-links a{font-size:.8rem!important}
.footer-bottom-v7{min-height:54px!important;font-size:.66rem!important}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1100px){
  :root{--v11-section:82px;--v11-section-compact:56px}
  .section-heading{gap:30px!important}
  .capability-stage-v9__media,.quality-stage-v9__media{min-height:470px!important}
  .tryout-stage-v9{min-height:570px!important}
  .tryout-stage-v9__copy{min-height:570px!important;width:48%!important}
  .profile-media,.about-intro__media,.about-scale__media,.process-chapter__media{min-height:450px!important}
}

@media(max-width:900px){
  :root{--v11-section:72px;--v11-section-compact:50px}
  .section-heading{grid-template-columns:1fr!important;gap:18px!important;margin-bottom:32px!important}
  .section-heading h2{max-width:16ch!important}
  .section-heading p{max-width:680px}
  .page-hero,.page-hero__inner{min-height:390px!important}
  .page-hero__inner{padding-top:90px!important;padding-bottom:62px!important}
  .capability-stage-v9__copy,.capability-stage__copy{padding:32px 28px!important}
  .capability-stage-v9__media,.capability-stage__media,.quality-stage-v9__media,.quality-stage__media{min-height:410px!important}
  .tryout-stage-v9{padding-top:350px!important;min-height:auto!important}
  .tryout-stage-v9__copy{width:100%!important;min-height:0!important;padding:34px 28px!important}
  .tryout-stage-v9__number{top:248px!important}
  .quality-stage-v9__copy,.quality-stage__copy{padding:32px 0!important}
  .finishing-layout__visual,.logistics-stage__visual,.portfolio-proof__media{min-height:410px!important}
  .portfolio-proof{min-height:auto!important}
  .contact-rfq-form{padding:28px 24px!important}
}

@media(max-width:680px){
  :root{--v11-section:60px;--v11-section-compact:44px}
  body{font-size:14px}
  .hero h1{font-size:clamp(2.45rem,11vw,3.5rem)!important}
  .page-hero h1{font-size:clamp(2rem,9vw,2.8rem)!important}
  .section-heading h2,.profile-copy h2,.capability-stage__copy h2,.quality-stage__copy h2,.finishing-layout__copy h2,
  .logistics-stage__copy h2,.portfolio-proof__copy h2,.portfolio-toolbar h2,.process-chapter__copy h2,
  .process-result__copy h2,.contact-rfq-intro h2,.contact-location-copy h2,.contact-rfq-form__head h2,
  .capability-stage-v9__copy h2,.tryout-stage-v9__copy h2,.quality-stage-v9__copy h2,.cta-panel h2{
    font-size:clamp(1.75rem,8vw,2.25rem)!important
  }
  .site-header__inner{min-height:66px!important}
  .brand{min-width:auto!important}
  .brand img{width:150px!important}
  .hero,.hero__grid{min-height:auto!important}
  .hero-fact strong{font-size:1.55rem!important}
  .capability-stage-v9__media,.capability-stage__media,.quality-stage-v9__media,.quality-stage__media,
  .profile-media,.about-intro__media,.about-scale__media,.process-chapter__media,
  .finishing-layout__visual,.logistics-stage__visual,.portfolio-proof__media{min-height:330px!important}
  .tryout-stage-v9{padding-top:310px!important}
  .tryout-stage-v9__number{top:220px!important;left:18px!important}
  .tryout-stage-v9__number strong{font-size:4.4rem!important}
  .portfolio-grid{grid-auto-rows:165px!important}
  .works-mosaic-v9{grid-auto-rows:150px!important}
  .machine-table th,.machine-table td{padding:11px 12px!important;font-size:.73rem!important}
}


/* ===== direction-v12.css ===== */
/* INNOTECH Industrial Direction v12
   Tables, mobile usability and restrained industrial micro-interactions. */

:root{
  --v12-orange:#e87500;
  --v12-orange-light:#ff9827;
  --v12-ink:#202326;
  --v12-paper:#efeee9;
  --v12-paper-alt:#e5e3de;
  --v12-line:#babdbf;
}

/* ---------- TABLES: desktop readability + interaction ---------- */
.table-shell{
  position:relative;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scrollbar-width:thin;
  scrollbar-color:#85898c #d9d8d4;
}
.table-shell::-webkit-scrollbar{height:8px}
.table-shell::-webkit-scrollbar-track{background:#d9d8d4}
.table-shell::-webkit-scrollbar-thumb{background:#777c7f;border:2px solid #d9d8d4}
.table-shell::after{
  position:absolute;
  top:0;
  right:0;
  width:42px;
  height:3px;
  background:var(--v12-orange);
  content:"";
  pointer-events:none;
}
.machine-table--enhanced{font-variant-numeric:tabular-nums}
.machine-table--enhanced th{
  white-space:nowrap;
  color:#f4f4f1!important;
}
.machine-table--enhanced td{
  transition:background .14s ease,color .14s ease,box-shadow .14s ease;
}
.machine-table--enhanced td:first-child{
  box-shadow:inset 3px 0 transparent;
}
.machine-table--enhanced tbody tr:hover td:first-child{
  box-shadow:inset 3px 0 var(--v12-orange);
}
.machine-table--enhanced tbody tr:hover td{
  color:#181a1c!important;
}
.machine-table--enhanced td[data-label="Кол-во"],
.machine-table--enhanced td[data-label="Год"]{
  font-weight:800;
}

/* ---------- restrained micro-interactions ---------- */
.eyebrow::before{
  transform:scaleX(.35);
  transform-origin:left center;
  transition:transform .55s cubic-bezier(.2,.72,.2,1);
}
.reveal.is-visible .eyebrow::before,
.eyebrow.is-visible::before,
.page-hero .eyebrow::before,
.hero .eyebrow::before{
  transform:scaleX(1);
}

.profile-stat strong,
.equipment-summary__item strong,
.hero-fact strong,
.proof-rail strong,
.metric-rail strong,
.page-hero__facts strong{
  font-variant-numeric:tabular-nums;
}

/* Subtle technical image feedback: no card jumping. */
.profile-media img,
.process-chapter__media img,
.portfolio-proof__media img,
.quality-stage__media img,
.capability-stage__media img{
  transition:transform .5s cubic-bezier(.2,.72,.2,1),filter .5s ease;
}
@media(hover:hover){
  .profile-media:hover img,
  .process-chapter__media:hover img,
  .portfolio-proof__media:hover img,
  .quality-stage__media:hover img{
    transform:scale(1.012);
  }
}

/* Buttons get a small mechanical response instead of a floating-card effect. */
.btn{position:relative;overflow:hidden}
.btn::after{
  position:absolute;
  inset:auto 0 0;
  height:2px;
  background:rgba(255,255,255,.42);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .2s ease;
  content:"";
}
@media(hover:hover){.btn:hover::after{transform:scaleX(1)}}

/* ---------- tablet tables ---------- */
@media(max-width:900px){
  .table-shell{
    margin-right:-12px;
    padding-right:12px;
    border-right:0!important;
  }
  .table-shell::before{
    position:sticky;
    z-index:3;
    right:0;
    float:right;
    width:28px;
    height:100%;
    min-height:120px;
    margin-left:-28px;
    background:linear-gradient(90deg,transparent,rgba(32,35,38,.14));
    content:"";
    pointer-events:none;
  }
  .machine-table--enhanced{min-width:680px}
}

/* ---------- mobile: tables become technical data cards ---------- */
@media(max-width:680px){
  .section-jump{top:66px!important}
  .section-jump__inner{min-height:44px!important;padding-right:24px!important}
  .section-jump a{min-height:44px!important;padding:0 13px!important;font-size:.6rem!important;letter-spacing:.06em!important}
  .section-jump a span{font-size:.58rem!important}

  .mobile-nav{top:66px!important}
  .mobile-nav__direct,.mobile-nav__trigger{
    min-height:52px!important;
    padding-left:16px!important;
    padding-right:16px!important;
    font-size:.7rem!important;
    letter-spacing:.06em!important;
  }
  .mobile-nav .mobile-nav__submenu a{
    min-height:44px!important;
    padding:10px 16px 10px 30px!important;
    font-size:.67rem!important;
  }
  .mobile-nav>.btn{width:calc(100% - 28px)!important;margin:14px!important}

  .table-shell{
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .table-shell::before,.table-shell::after{display:none!important}
  .machine-table--enhanced{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .machine-table--enhanced thead{display:none!important}
  .machine-table--enhanced tbody{
    display:grid!important;
    gap:10px!important;
  }
  .machine-table--enhanced tbody tr{
    display:grid!important;
    overflow:hidden;
    border:2px solid #5e6265;
    background:var(--v12-paper)!important;
    box-shadow:4px 4px 0 rgba(25,27,29,.12);
  }
  .machine-table--enhanced tbody tr:hover{background:var(--v12-paper)!important}
  .machine-table--enhanced tbody td{
    display:grid!important;
    grid-template-columns:minmax(92px,.68fr) minmax(0,1.32fr)!important;
    gap:12px!important;
    align-items:center!important;
    min-height:42px;
    padding:9px 11px!important;
    border:0!important;
    border-bottom:1px solid #c8c9c7!important;
    color:#272a2d!important;
    background:var(--v12-paper)!important;
    box-shadow:none!important;
    white-space:normal!important;
    font-size:.76rem!important;
    line-height:1.35!important;
  }
  .machine-table--enhanced tbody td:last-child{border-bottom:0!important}
  .machine-table--enhanced tbody td::before{
    color:#73787b;
    font-size:.54rem;
    font-weight:900;
    line-height:1.2;
    letter-spacing:.08em;
    text-transform:uppercase;
    content:attr(data-label);
  }
  .machine-table--enhanced tbody td:first-child{
    grid-template-columns:minmax(92px,.68fr) minmax(0,1.32fr)!important;
    color:#fff!important;
    background:#303438!important;
    font-weight:900!important;
  }
  .machine-table--enhanced tbody td:first-child::before{color:var(--v12-orange-light)}
  .machine-table--enhanced tbody tr:hover td{
    color:#272a2d!important;
    background:var(--v12-paper)!important;
  }
  .machine-table--enhanced tbody tr:hover td:first-child{
    color:#fff!important;
    background:#303438!important;
  }

  /* portfolio controls are thumb-friendly and don't wrap into a tall block */
  .portfolio-toolbar .filter-bar{
    margin-right:-12px;
    padding-right:12px;
    scroll-snap-type:x proximity;
  }
  .portfolio-toolbar .filter-btn{
    min-height:40px!important;
    scroll-snap-align:start;
  }

  .back-to-top-v8{
    right:12px!important;
    bottom:12px!important;
    width:38px!important;
    height:38px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .eyebrow::before{transform:none!important}
  .btn::after{display:none!important}
}


/* ===== direction-v13.css ===== */
/* INNOTECH Industrial Direction v13
   Hero text composition and first-screen polish. */

:root{
  --v13-hero-max: 760px;
}

.hero--profile .hero__content{
  max-width: var(--v13-hero-max)!important;
}

.hero-techline{
  margin-bottom: 14px!important;
  gap: 7px!important;
}

.hero--profile .eyebrow{
  margin-bottom: 18px!important;
}

.hero-title-v13{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap: 4px;
  max-width: 760px!important;
}

.hero-title-v13__line{
  display:block;
}

.hero-title-v13__line--accent{
  color:#ff8b12;
}

.hero h1.hero-title-v13{
  font-size:clamp(2.85rem,4.9vw,5rem)!important;
  line-height:.88!important;
  letter-spacing:.01em!important;
}

.hero__lead{
  max-width: 650px!important;
  margin-top: 20px!important;
}

.hero__actions{
  margin-top: 24px!important;
  gap: 12px!important;
}

.hero-facts{
  max-width: 760px!important;
  margin-top: 28px!important;
}

.hero-fact strong{
  font-size: clamp(1.65rem,2.2vw,2rem)!important;
}

.hero-fact span{
  line-height:1.35!important;
}

@media (min-width: 980px){
  .hero-title-v13__line--accent{
    white-space: nowrap;
  }
}

@media (max-width: 900px){
  .hero h1.hero-title-v13{
    font-size: clamp(2.5rem,8.7vw,4rem)!important;
  }

  .hero--profile .hero__content{
    max-width: 100%!important;
  }
}

@media (max-width: 640px){
  .hero-title-v13{
    gap: 2px;
  }

  .hero h1.hero-title-v13{
    font-size: clamp(2.3rem,11.5vw,3.65rem)!important;
    line-height: .9!important;
  }

  .hero__lead{
    max-width: 100%!important;
  }

  .hero__actions{
    margin-top: 20px!important;
  }
}


/* ===== direction-v14.css ===== */
/* INNOTECH Industrial Direction v14
   Composition pass: leaner header, technical stats rail, stronger works, cleaner footer. */
:root{
  --v14-dark:#202326;
  --v14-dark-2:#292d30;
  --v14-paper:#efeee9;
  --v14-paper-2:#e4e2dc;
  --v14-line:#aaadaf;
  --v14-orange:#e87500;
  --v14-orange-bright:#ff9827;
}

/* ---------- HEADER: less bulky, more precise ---------- */
.topbar--v7 .topbar__inner{min-height:30px!important}
.topbar__metrics{height:30px!important}
.topbar--v7 .topbar__tag{font-size:.57rem!important;letter-spacing:.145em!important}
.topbar__metrics span{padding-inline:13px!important;font-size:.56rem!important}
.topbar__metrics b{font-size:.54rem!important}

.site-header{box-shadow:0 3px 0 rgba(0,0,0,.13)!important}
.site-header::before{height:2px!important;background:linear-gradient(90deg,var(--v14-orange) 0 12%,#454a4d 12% 100%)!important}
.site-header__inner{min-height:64px!important;gap:16px!important}
.brand{
  min-width:166px!important;
  padding:3px 7px 3px 8px!important;
  border:1px solid #101213!important;
  border-left:3px solid var(--v14-orange)!important;
  background:#f1f0eb!important;
  box-shadow:none!important;
}
.brand::after{display:none!important}
.brand img{width:148px!important;height:42px!important;object-fit:contain!important}
.main-nav{gap:3px!important}
.main-nav__trigger,.main-nav__link,.main-nav>a.main-nav__link{
  min-height:64px!important;
  padding:0 9px!important;
  font-size:.69rem!important;
  letter-spacing:.07em!important;
}
.main-nav__trigger::after,.main-nav__link::after{right:9px!important;bottom:11px!important;left:9px!important;height:2px!important}
.main-nav__trigger:hover,.main-nav__link:hover,.nav-item.is-open>.main-nav__trigger{background:#2b2f32!important}
.main-nav__trigger.is-active,.main-nav__link.is-active{color:#fff!important;background:transparent!important}
.header-project-btn{
  min-height:36px!important;
  padding-inline:13px!important;
  color:var(--v14-orange-bright)!important;
  border:1px solid var(--v14-orange)!important;
  background:transparent!important;
  font-size:.65rem!important;
}
.header-project-btn:hover{color:#fff!important;background:var(--v14-orange)!important}
.submenu{border-width:1px!important;box-shadow:6px 6px 0 rgba(0,0,0,.22)!important}

/* ---------- HOME: stats behave like a machine specification rail ---------- */
.section--compact[data-section="02"]{padding-top:48px!important;padding-bottom:52px!important;background:#e9e7e1!important}
.stats-caption-v10{margin-bottom:10px!important;padding-inline:2px}
.profile-stats{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  border-top:3px solid #292d30!important;
  border-bottom:3px solid #292d30!important;
  background:var(--v14-paper)!important;
  box-shadow:6px 6px 0 rgba(31,34,36,.14)!important;
}
.profile-stat{
  position:relative;
  min-height:116px!important;
  padding:20px 18px!important;
  border:0!important;
  border-right:1px solid #b4b7b9!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.profile-stat:last-child{border-right:0!important}
.profile-stat::after{position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--v14-orange);transform:scaleX(0);transform-origin:left;transition:transform .18s ease;content:""}
.profile-stat strong{margin-bottom:9px!important;font-size:1.9rem!important}
.profile-stat span{max-width:17ch;font-size:.66rem!important;line-height:1.38!important}
@media(hover:hover){.profile-stat:hover{background:#e3e1dc!important}.profile-stat:hover::after{transform:scaleX(1)}}

/* ---------- HOME INDEX: slimmer technical locator ---------- */
.home-index-v10{top:64px!important}
.home-index-v10__inner{min-height:40px!important}
.home-index-v10__label{padding-right:13px!important;font-size:.51rem!important}
.home-index-v10 a{min-height:40px!important;padding-inline:12px!important;font-size:.59rem!important}
.home-index-v10 a b{font-size:.49rem!important}

/* ---------- SECTION RHYTHM / CHAINS ---------- */
.production-chain{border-top:1px solid #555a5d;border-bottom:1px solid #555a5d}
.production-chain__item{min-height:190px!important;padding-top:30px!important;padding-bottom:26px!important}
.production-chain__num{border-color:#6e7376!important}
.production-chain__item h3{margin-top:34px!important}
.production-chain__item p{max-width:21ch!important}

.proof-rail>div{min-height:78px!important;padding:15px 20px!important}
.proof-rail strong{font-size:.68rem!important}

/* ---------- WORKS ON HOME: more editorial, less card-grid ---------- */
.home-works-v9{background:#eceae4!important}
.works-meta-v14{
  display:flex;justify-content:space-between;gap:20px;align-items:center;
  margin:-8px 0 14px;padding:9px 0;border-top:1px solid #a9adaf;border-bottom:1px solid #a9adaf;
  color:#676c6f;font-size:.57rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase
}
.works-meta-v14__process{display:flex;gap:15px;flex-wrap:wrap}
.works-meta-v14__process span::before{margin-right:6px;color:var(--v14-orange);content:"/"}
.works-mosaic-v9{grid-auto-rows:180px!important;gap:7px!important}
.works-card-v9{border:1px solid #42474a!important;box-shadow:3px 3px 0 rgba(31,34,36,.18)!important}
.works-card-v9--hero{grid-column:span 8!important;grid-row:span 3!important}
.works-card-v9--tall{grid-column:span 4!important;grid-row:span 3!important}
.works-card-v9--wide{grid-column:span 8!important;grid-row:span 2!important}
.works-card-v9 img{filter:grayscale(.05) contrast(1.045)!important}
.works-card-v9::after{background:linear-gradient(180deg,transparent 54%,rgba(16,18,20,.9))!important}
.works-card-v9__index{top:10px!important;right:10px!important;border:0!important;border-left:2px solid var(--v14-orange)!important;background:rgba(25,28,30,.76)!important}
.works-card-v9__caption{padding:46px 17px 15px!important}
.works-card-v9__caption::before{display:block;margin-bottom:6px;color:var(--v14-orange-bright);font-size:.52rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.works-card-v9:nth-child(1) .works-card-v9__caption::before{content:"TOOLING / ASSEMBLY"}
.works-card-v9:nth-child(2) .works-card-v9__caption::before{content:"CNC / MACHINING"}
.works-card-v9:nth-child(3) .works-card-v9__caption::before{content:"TOOLING / BUILD"}
.works-card-v9:nth-child(4) .works-card-v9__caption::before{content:"FIT / FINISH"}
.works-card-v9:nth-child(5) .works-card-v9__caption::before{content:"TOOLING / READY"}
.works-card-v9:nth-child(6) .works-card-v9__caption::before{content:"PRECISION / CNC"}
.works-footer-v9{
  margin-top:12px!important;padding:12px 14px!important;border-top:0!important;border-left:3px solid var(--v14-orange)!important;
  background:#292d30;color:#fff
}
.works-footer-v9>span{color:#aeb2b3!important;font-size:.58rem!important}
.works-footer-v9 .text-link{color:#fff!important;font-size:.74rem!important}
@media(hover:hover){.works-card-v9:hover{box-shadow:5px 5px 0 rgba(31,34,36,.22)!important}.works-card-v9:hover img{transform:scale(1.016)!important}}

/* ---------- PROCESS: calmer connected route ---------- */
.home-process{border-top:2px solid #303438!important;border-bottom:2px solid #303438!important;background:#eceae5!important}
.home-process__step{min-height:176px!important;padding:20px 16px!important;background:transparent!important}
.home-process__step>strong{margin-bottom:30px!important}
.home-process__step h3{margin-top:0!important}
@media(hover:hover){.home-process__step:hover{background:#e1dfda!important}}

/* ---------- WORKS PAGE: clearer gallery hierarchy ---------- */
.portfolio-section{background:#eceae4!important}
.portfolio-toolbar{align-items:center!important;margin-bottom:22px!important;padding:14px 0 18px!important;border-top:1px solid #aeb1b3!important;border-bottom:2px solid #2a2d2f!important}
.portfolio-toolbar::after{bottom:-2px!important;width:110px!important;height:2px!important}
.portfolio-toolbar .filter-bar{gap:5px!important}
.portfolio-toolbar .filter-btn{min-height:34px!important;padding:0 12px!important;border:1px solid #8b9093!important;font-size:.61rem!important}
.portfolio-toolbar .filter-btn.is-active{border-color:var(--v14-orange)!important;background:#292d30!important;box-shadow:inset 3px 0 var(--v14-orange)!important}
.portfolio-grid{grid-auto-rows:190px!important;gap:7px!important}
.portfolio-card{border:1px solid #4b5053!important}
.portfolio-card__open::after{background:linear-gradient(180deg,transparent 55%,rgba(15,17,19,.9))!important}
.portfolio-card__index{top:11px!important;left:11px!important;border-left:2px solid var(--v14-orange);background:rgba(25,28,30,.72)!important}
.portfolio-card__zoom{top:11px!important;right:11px!important;width:30px!important;height:30px!important;border-color:rgba(255,255,255,.4)!important}
.portfolio-card__caption{right:14px!important;bottom:13px!important;left:14px!important;padding-top:9px!important}

/* ---------- FOOTER: compact technical directory, no extra CTA block ---------- */
.site-footer--v7{position:relative;border-top:3px solid var(--v14-orange)!important}
.site-footer--v7::before{position:absolute;top:0;left:0;width:16%;height:3px;background:var(--v14-orange-bright);content:""}
.footer-grid-v7{grid-template-columns:1.3fr .72fr .85fr .72fr!important;gap:0!important;padding-top:42px!important;padding-bottom:36px!important}
.footer-grid-v7>*{padding-right:28px}
.footer-grid-v7>.footer-col{padding-left:28px;border-left:1px solid #353a3d}
.footer-brand-v7 p{max-width:330px!important;margin-top:17px!important;color:#9fa4a6!important;font-size:.75rem!important;line-height:1.6!important}
.site-footer--v7 .footer-brand{padding:5px 7px!important;border:1px solid #0d0f10!important;border-left:3px solid var(--v14-orange)!important;box-shadow:none!important}
.site-footer--v7 .footer-brand img{width:148px!important}
.footer-tech-tags{gap:5px!important;margin-top:18px!important}
.footer-tech-tags span{padding:5px 7px!important;border:1px solid #3f4447!important;color:#9fa4a6!important;background:#202326!important;font-size:.52rem!important}
.site-footer--v7 .footer-col h3{margin:4px 0 14px!important;color:#f0f0ed!important;font-size:.61rem!important}
.site-footer--v7 .footer-links{border-top:1px solid #393e41!important}
.site-footer--v7 .footer-links a{padding:8px 0!important;font-size:.7rem!important}
.footer-bottom-v7{display:flex!important;justify-content:space-between!important;gap:20px!important;align-items:center!important;min-height:46px!important;padding-top:0!important;padding-bottom:0!important;border-top:1px solid #363b3e!important;color:#777d80!important;font-size:.58rem!important;letter-spacing:.06em!important;text-transform:uppercase}
.footer-bottom-v7 span:last-child{color:#9ba0a2!important;font-variant-numeric:tabular-nums}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1180px){
  .brand{min-width:154px!important}.brand img{width:136px!important}
  .main-nav__trigger,.main-nav__link,.main-nav>a.main-nav__link{padding-inline:7px!important;font-size:.64rem!important}
  .header-project-btn{display:none!important}
  .profile-stats{grid-template-columns:repeat(3,1fr)!important}
  .profile-stat:nth-child(3){border-right:0!important}
  .profile-stat:nth-child(-n+3){border-bottom:1px solid #b4b7b9!important}
  .profile-stat:nth-child(4){border-left:1px solid #b4b7b9!important}
  .works-mosaic-v9{grid-auto-rows:165px!important}
  .footer-grid-v7{grid-template-columns:1.15fr repeat(3,.75fr)!important}
  .footer-grid-v7>*{padding-right:20px}.footer-grid-v7>.footer-col{padding-left:20px}
}
@media(max-width:900px){
  .site-header__inner{min-height:64px!important}
  .mobile-nav{top:64px!important}
  .home-index-v10{top:64px!important}
  .profile-stats{grid-template-columns:repeat(2,1fr)!important}
  .profile-stat,.profile-stat:nth-child(3),.profile-stat:nth-child(4){border-right:1px solid #b4b7b9!important;border-bottom:1px solid #b4b7b9!important;border-left:0!important}
  .profile-stat:nth-child(even){border-right:0!important}.profile-stat:last-child{border-bottom:0!important}
  .works-mosaic-v9{grid-template-columns:repeat(2,1fr)!important;grid-auto-rows:250px!important}
  .works-card-v9,.works-card-v9--hero,.works-card-v9--tall,.works-card-v9--wide{grid-column:span 1!important;grid-row:span 1!important}
  .footer-grid-v7{grid-template-columns:repeat(2,1fr)!important;gap:30px 0!important}
  .footer-grid-v7>*{padding-right:22px!important}.footer-grid-v7>.footer-col{padding-left:22px!important}
  .footer-grid-v7>.footer-col:nth-child(3){border-left:0!important;padding-left:0!important}
}
@media(max-width:680px){
  .brand{min-width:148px!important}.brand img{width:132px!important;height:40px!important}
  .profile-stats{grid-template-columns:1fr!important}
  .profile-stat,.profile-stat:nth-child(even),.profile-stat:nth-child(3),.profile-stat:nth-child(4){border-right:0!important;border-bottom:1px solid #b4b7b9!important}
  .profile-stat:last-child{border-bottom:0!important}
  .stats-caption-v10{display:none!important}
  .works-meta-v14{align-items:flex-start;flex-direction:column;gap:5px;margin-top:-2px}
  .works-mosaic-v9{grid-template-columns:1fr!important;grid-auto-rows:290px!important}
  .works-footer-v9{align-items:flex-start!important;flex-direction:column!important}
  .portfolio-grid{grid-auto-rows:255px!important}
  .footer-grid-v7{grid-template-columns:1fr!important;gap:0!important}
  .footer-grid-v7>*{padding:22px 0!important;border-left:0!important;border-bottom:1px solid #353a3d!important}
  .footer-grid-v7>.footer-col{padding-left:0!important}
  .footer-grid-v7>*:last-child{border-bottom:0!important}
  .footer-bottom-v7{align-items:flex-start!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;min-height:64px!important}
}


/* ===== direction-v15.css ===== */
/* INNOTECH Industrial Direction v15
   Exhibition pass: stronger CNC / EDM / Tryout / QC hierarchy, sharper technical details. */
:root{
  --v15-dark:#1c1f21;
  --v15-dark-2:#272b2e;
  --v15-paper:#efede8;
  --v15-paper-2:#e6e3dd;
  --v15-line:#a7abad;
  --v15-orange:#e87500;
  --v15-orange-bright:#ff9827;
}

/* ---------- capability metadata ---------- */
.capability-meta-v15{
  display:flex;justify-content:space-between;gap:16px;align-items:center;
  margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #b6b9bb;
  color:#777c7f;font-size:.55rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase
}
.capability-meta-v15 b{color:#2b2f32;font-size:.56rem;letter-spacing:.09em}
.capability-meta-v15--dark{border-color:#505558;color:#a9adaf}
.capability-meta-v15--dark b{color:var(--v15-orange-bright)}

/* ---------- home CNC / EDM: more image, less card feeling ---------- */
.home-capability-v9{overflow:hidden}
.home-capability-v9 .capability-stage-v9{
  position:relative;grid-template-columns:minmax(0,1.28fr) minmax(380px,.72fr)!important;
  min-height:590px!important;border-width:1px!important;border-color:#4d5255!important;
  box-shadow:7px 7px 0 rgba(31,34,36,.16)!important
}
.home-capability-v9 .capability-stage-v9--reverse{grid-template-columns:minmax(380px,.72fr) minmax(0,1.28fr)!important}
.home-capability-v9 .capability-stage-v9__media{min-height:590px!important}
.home-capability-v9 .capability-stage-v9__media::before{
  position:absolute;z-index:2;inset:0 auto 0 0;width:4px;background:var(--v15-orange);content:"";pointer-events:none
}
.home-capability-v9--edm .capability-stage-v9__media::before{right:0;left:auto}
.home-capability-v9 .capability-stage-v9__code{
  top:14px!important;right:14px!important;padding:7px 9px!important;border:0!important;border-left:3px solid var(--v15-orange)!important;
  background:rgba(23,25,27,.76)!important;font-size:.56rem!important
}
.home-capability-v9--edm .capability-stage-v9__code{right:auto!important;left:14px!important}
.home-capability-v9 .capability-stage-v9__inset{
  right:18px!important;bottom:18px!important;width:min(31%,290px)!important;border:1px solid rgba(255,255,255,.7)!important;
  border-bottom:4px solid var(--v15-orange)!important;box-shadow:8px 8px 0 rgba(0,0,0,.25)!important
}
.home-capability-v9 .capability-stage-v9__inset--left{right:auto!important;left:18px!important}
.home-capability-v9 .capability-stage-v9__copy{
  position:relative;z-index:1;padding:38px 34px!important;background:
  linear-gradient(90deg,rgba(232,117,0,.045),transparent 18%),
  repeating-linear-gradient(135deg,rgba(40,43,46,.028) 0 1px,transparent 1px 10px),#eceae5!important
}
.home-capability-v9 .capability-stage-v9__copy::before{height:3px!important;background:linear-gradient(90deg,var(--v15-orange) 0 30%,#34383b 30% 100%)!important}
.home-capability-v9 .capability-stage-v9__copy::after{
  position:absolute;z-index:-1;right:12px;bottom:14px;color:rgba(37,40,42,.035);
  font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:7.5rem;line-height:.72;letter-spacing:.02em;content:"CNC";pointer-events:none
}
.home-capability-v9--edm .capability-stage-v9__copy::after{content:"EDM"}
.home-capability-v9 .capability-stage-v9__hero-metric{position:relative;margin:24px 0 18px!important;padding:17px 0 16px 14px!important;border-left:3px solid var(--v15-orange)!important}
.home-capability-v9 .capability-stage-v9__hero-metric::before{
  display:block;margin-bottom:5px;color:#85898c;font-size:.5rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;content:"PRIMARY CAPACITY"
}
.home-capability-v9 .capability-stage-v9__specs{border-top:2px solid #3c4043!important}
.home-capability-v9 .capability-stage-v9__specs>div{grid-template-columns:1fr .86fr .88fr!important;padding:10px 0!important}
.home-capability-v9 .capability-stage-v9__specs>div:first-child{background:linear-gradient(90deg,rgba(232,117,0,.07),transparent 72%)}

/* ---------- tryout: stronger press hierarchy ---------- */
.tryout-stage-v9{border-width:1px!important;box-shadow:8px 8px 0 rgba(0,0,0,.28)!important}
.tryout-stage-v9__code{top:16px!important;left:16px!important;border:0!important;border-left:3px solid var(--v15-orange)!important;background:rgba(20,22,24,.76)!important;font-size:.56rem!important}
.tryout-stage-v9__number{left:22px!important;bottom:22px!important;gap:8px!important}
.tryout-stage-v9__number strong{text-shadow:0 3px 18px rgba(0,0,0,.28)}
.tryout-stage-v9__number span{padding-left:3px}
.tryout-stage-v9__copy{width:41%!important;padding:42px 34px 36px!important;background:rgba(23,26,28,.9)!important;backdrop-filter:blur(5px)!important}
.tryout-stage-v9__copy::before{
  position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--v15-orange) 0 36%,rgba(255,255,255,.16) 36%);content:""
}
.tryout-stage-v9__rail{grid-template-columns:repeat(3,minmax(0,1fr))!important;border-top:2px solid #5a5f62!important;border-bottom:2px solid #5a5f62!important}
.tryout-stage-v9__rail>div{display:block!important;padding:14px 12px!important;border-right:1px solid #4e5356!important;border-bottom:0!important}
.tryout-stage-v9__rail>div:last-child{border-right:0!important}
.tryout-stage-v9__rail strong{display:block;margin-bottom:5px;font-size:1.55rem!important}
.tryout-stage-v9__rail span{display:block;font-size:.6rem!important;line-height:1.35!important}
.tryout-stage-v9__inset{top:68px!important;left:20px!important;width:min(23%,275px)!important;border-width:1px!important;border-bottom:4px solid var(--v15-orange)!important}

/* ---------- QC: convert metrics into a compact instrument rail ---------- */
.quality-stage-v9{grid-template-columns:minmax(390px,.76fr) minmax(0,1.24fr)!important;border-width:1px!important;box-shadow:6px 6px 0 rgba(31,34,36,.13)}
.quality-stage-v9__copy{padding:38px 34px 38px 0!important}
.quality-stage-v9__rail{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0;margin:24px 0!important;border-top:2px solid #35393c!important;border-bottom:2px solid #35393c!important}
.quality-stage-v9__rail>div{display:block!important;padding:13px 12px!important;border-right:1px solid #b0b3b5!important;border-bottom:0!important}
.quality-stage-v9__rail>div:last-child{border-right:0!important}
.quality-stage-v9__rail strong{display:block;margin-bottom:6px!important;font-size:1.35rem!important}
.quality-stage-v9__rail span{display:block;margin-bottom:3px;font-size:.61rem!important}
.quality-stage-v9__rail em{display:block;text-align:left!important;font-size:.6rem!important;line-height:1.35!important}
.quality-stage-v9__media{box-shadow:none!important}
.quality-stage-v9__code{top:14px!important;right:14px!important;border:0!important;border-left:3px solid var(--v15-orange)!important;font-size:.55rem!important}
.quality-stage-v9__stamp{right:16px!important;bottom:16px!important;border-left-width:3px!important}

/* ---------- detailed capabilities: key machine rows ---------- */
.equipment-chips-v15{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 10px}
.equipment-chips-v15 span{
  padding:6px 9px;border:1px solid #969a9d;color:#51565a;background:#e3e1dc;
  font-size:.55rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase
}
.equipment-block--dark .equipment-chips-v15 span{border-color:#555a5d;color:#c9cccb;background:#292d30}
.table-shell .machine-row-key-v15 td{background:#e1ded7!important}
.table-shell .machine-row-key-v15 td:first-child{position:relative;padding-left:20px!important;color:#17191b!important}
.table-shell .machine-row-key-v15 td:first-child::before{position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--v15-orange);content:""}
.table-shell .machine-row-key-v15:hover td{background:#d8d4cc!important}

/* ---------- detailed tryout range ---------- */
.press-range-v15{
  display:grid;grid-template-columns:110px 1fr auto;gap:18px;align-items:center;
  margin:0 0 14px;padding:10px 0;border-top:1px solid #555a5d;border-bottom:1px solid #555a5d;
  color:#bfc2c1;font-size:.55rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase
}
.press-range-v15>span{color:var(--v15-orange-bright)}
.press-range-v15>div{display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:10px;align-items:center}
.press-range-v15 b{color:#fff;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.2rem;font-weight:400;letter-spacing:.02em}
.press-range-v15 i{height:1px;background:linear-gradient(90deg,#777c7f,var(--v15-orange));position:relative}
.press-range-v15 i::after{position:absolute;top:-2px;right:0;width:5px;height:5px;background:var(--v15-orange);content:""}
.press-range-v15 em{color:#8f9496;font-size:.5rem;font-style:normal;white-space:nowrap}

/* ---------- responsive ---------- */
@media(max-width:1050px){
  .home-capability-v9 .capability-stage-v9,.home-capability-v9 .capability-stage-v9--reverse{grid-template-columns:1fr!important}
  .home-capability-v9 .capability-stage-v9--reverse .capability-stage-v9__media{order:0!important}
  .home-capability-v9 .capability-stage-v9__media{min-height:500px!important}
  .tryout-stage-v9__copy{width:48%!important}
  .quality-stage-v9{grid-template-columns:1fr!important}
  .quality-stage-v9__copy{padding:36px 0!important}
  .press-range-v15{grid-template-columns:100px 1fr}.press-range-v15 em{grid-column:1/-1}
}

@media(max-width:760px){
  .capability-meta-v15{font-size:.5rem}.capability-meta-v15 b{font-size:.5rem}
  .home-capability-v9 .capability-stage-v9__media{min-height:410px!important}
  .home-capability-v9 .capability-stage-v9__copy{padding:30px 22px!important}
  .home-capability-v9 .capability-stage-v9__copy::after{font-size:5.6rem}
  .home-capability-v9 .capability-stage-v9__inset{width:40%!important}
  .tryout-stage-v9__copy{width:100%!important}
  .tryout-stage-v9__rail{grid-template-columns:1fr!important}
  .tryout-stage-v9__rail>div{padding:10px 0!important;border-right:0!important;border-bottom:1px solid #4e5356!important}
  .tryout-stage-v9__rail>div:last-child{border-bottom:0!important}
  .quality-stage-v9__rail{grid-template-columns:1fr!important}
  .quality-stage-v9__rail>div{padding:10px 0!important;border-right:0!important;border-bottom:1px solid #b0b3b5!important}
  .quality-stage-v9__rail>div:last-child{border-bottom:0!important}
  .equipment-chips-v15{margin-bottom:8px}
  .press-range-v15{grid-template-columns:1fr;gap:8px}.press-range-v15>div{gap:7px}.press-range-v15 em{grid-column:auto;white-space:normal}
}

@media(max-width:680px){
  .table-shell .machine-row-key-v15 td:first-child::before{width:3px}
  .table-shell .machine-row-key-v15 td:first-child{padding-left:14px!important}
}


/* ===== direction-v16.css ===== */
/* INNOTECH Industrial Direction v16
   Refined section heading composition and production-chain polish. */

.section-heading--chain{
  grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr)!important;
  gap:36px!important;
  align-items:end!important;
}

.section-heading--chain h2{
  max-width:17.5ch!important;
  font-size:clamp(1.8rem,2.45vw,2.5rem)!important;
  line-height:.98!important;
  text-wrap:balance;
}

.section-heading--chain p{
  max-width:500px!important;
  font-size:.92rem!important;
  line-height:1.68!important;
}

.production-chain{
  margin-top:4px;
}

.production-chain__item{
  min-height:176px!important;
}

.production-chain__item h3{
  margin-top:28px!important;
}

.production-chain__item p{
  max-width:24ch!important;
}

@media (max-width: 900px){
  .section-heading--chain{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  .section-heading--chain h2{
    max-width:18ch!important;
  }

  .section-heading--chain p{
    max-width:680px!important;
  }
}

@media (max-width: 640px){
  .section-heading--chain h2{
    max-width:14ch!important;
    font-size:clamp(1.7rem,8.2vw,2.35rem)!important;
  }

  .production-chain__item{
    min-height:auto!important;
  }
}


/* ===== direction-v17.css ===== */
/* INNOTECH Industrial Direction v17
   Wide-line typography audit: fewer orphan words, wider copy columns, cleaner heading rhythm. */

/* Headings should break by phrases, not by one-word columns. */
h1,h2,h3{
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  text-wrap:pretty;
}

/* Global section headings: give the headline enough horizontal room. */
.section-heading{
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)!important;
  gap:38px!important;
}
.section-heading>div{max-width:none!important}
.section-heading h2{
  max-width:20ch!important;
  font-size:clamp(1.85rem,2.55vw,2.55rem)!important;
  line-height:.98!important;
}
.section-heading p{max-width:560px!important}

/* Internal page heroes: avoid 3–5 narrow lines on desktop. */
.page-hero h1{
  max-width:18ch!important;
  font-size:clamp(2.05rem,3.25vw,3.3rem)!important;
}

/* Main capability blocks — image stays dominant, copy is no longer squeezed. */
.home-capability-v9 .capability-stage-v9{
  grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr)!important;
}
.home-capability-v9 .capability-stage-v9--reverse{
  grid-template-columns:minmax(430px,.95fr) minmax(0,1.05fr)!important;
}
.home-capability-v9 .capability-stage-v9__copy{
  padding-left:36px!important;
  padding-right:36px!important;
}
.home-capability-v9 .capability-stage-v9__copy h2{
  max-width:18ch!important;
  font-size:clamp(1.8rem,2.25vw,2.3rem)!important;
  line-height:.98!important;
}

/* QC / Tryout: more room for meaningful phrases. */
.quality-stage-v9{
  grid-template-columns:minmax(440px,.9fr) minmax(0,1.1fr)!important;
}
.quality-stage-v9__copy h2,
.tryout-stage-v9__copy h2{
  max-width:19ch!important;
  font-size:clamp(1.8rem,2.3vw,2.35rem)!important;
}

/* Company split layouts: reduce narrow copy columns. */
.about-intro__grid{
  grid-template-columns:minmax(420px,.92fr) minmax(0,1.08fr)!important;
  gap:50px!important;
}
.about-scale__grid{
  grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr)!important;
  gap:46px!important;
}
.about-intro__copy h2,
.about-scale__copy h2,
.equipment-ledger__copy h2{
  max-width:20ch!important;
  font-size:clamp(1.8rem,2.35vw,2.4rem)!important;
}

/* Project chapters: copy gets approximately half the row. */
.process-chapter__grid,
.process-chapter__grid--reverse{
  grid-template-columns:minmax(430px,.94fr) minmax(0,1.06fr)!important;
  gap:48px!important;
}
.process-chapter__copy h2,
.process-result__copy h2{
  max-width:21ch!important;
  font-size:clamp(1.8rem,2.3vw,2.38rem)!important;
}

/* Other split sections that previously created short last lines. */
.logistics-stage{
  grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr)!important;
  gap:46px!important;
}
.finishing-layout__copy h2,
.logistics-stage__copy h2,
.portfolio-proof__copy h2,
.contact-rfq-intro h2,
.contact-location-copy h2,
.contact-rfq-form__head h2,
.cta-panel h2{
  max-width:21ch!important;
}

/* Specific chain heading from v16 stays compact but not column-like. */
.section-heading--chain{
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr)!important;
}
.section-heading--chain h2{max-width:21ch!important}

@media(max-width:1100px){
  .home-capability-v9 .capability-stage-v9,
  .home-capability-v9 .capability-stage-v9--reverse,
  .quality-stage-v9,
  .about-intro__grid,
  .about-scale__grid,
  .process-chapter__grid,
  .process-chapter__grid--reverse,
  .logistics-stage{
    grid-template-columns:1fr!important;
  }

  .home-capability-v9 .capability-stage-v9--reverse .capability-stage-v9__media{
    order:0!important;
  }

  .section-heading{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .section-heading h2{max-width:24ch!important}
}

@media(max-width:680px){
  .section-heading h2,
  .section-heading--chain h2,
  .page-hero h1,
  .home-capability-v9 .capability-stage-v9__copy h2,
  .quality-stage-v9__copy h2,
  .tryout-stage-v9__copy h2,
  .about-intro__copy h2,
  .about-scale__copy h2,
  .process-chapter__copy h2,
  .process-result__copy h2{
    max-width:none!important;
  }

  .home-capability-v9 .capability-stage-v9__copy{
    padding-left:24px!important;
    padding-right:24px!important;
  }
}

/* v17.1 — soften technical separators in light capability specs */
.home-capability-v9 .capability-stage-v9__specs{
  border-top:1px solid #b8bab8!important;
}
.home-capability-v9 .capability-stage-v9__specs>div{
  border-bottom:1px solid #c9cac7!important;
}
.home-capability-v9 .capability-stage-v9__specs>div:first-child{
  background:linear-gradient(90deg,rgba(232,117,0,.045),transparent 72%)!important;
}
.home-capability-v9 .capability-stage-v9__specs>div:last-child{
  border-bottom:0!important;
}


/* ===== direction-v18.css ===== */
/* INNOTECH Industrial Direction v18
   Lighter process separators, refined QC rail and a more presentable RFQ step. */

/* --- HOME QC --- */
.quality-stage-v9{border-color:#9ea2a5!important;box-shadow:4px 4px 0 rgba(31,34,36,.1)!important}
.quality-stage-v9__copy h2{max-width:13ch!important}
.quality-stage-v9__rail{margin:24px 0 26px!important;border-top:1px solid #8f9497!important;border-bottom:1px solid #8f9497!important}
.quality-stage-v9__rail>div{padding:14px 14px!important;border-right:1px solid #b5b8ba!important;background:transparent!important}
.quality-stage-v9__rail>div:last-child{border-right:0!important}
.quality-stage-v9__rail strong{margin-bottom:7px!important}
.quality-stage-v9__rail span{color:#45494c!important}
.quality-stage-v9__rail em{color:#707579!important}

/* --- HOME PROCESS --- */
.home-process{position:relative;border-top:1px solid #8f9497!important;border-bottom:1px solid #8f9497!important;background:#ece8e2!important;box-shadow:none!important}
.home-process::before{top:36px!important;left:7%!important;right:7%!important;height:1px!important;background:#9ea2a5!important}
.home-process__step{min-height:182px!important;padding:22px 16px 18px!important;background:transparent!important;transition:background .15s ease,border-color .15s ease}
.home-process__step + .home-process__step{border-left:1px solid #b8bbbd!important}
.home-process__step>strong{display:grid;width:30px;height:30px;place-items:center;margin-bottom:34px!important;border:1px solid #7f8588!important;background:#f4f1eb!important;color:#c95f00!important;box-shadow:none!important;font-size:.6rem!important}
.home-process__step h3{margin:0 0 10px!important;font-size:.86rem!important;line-height:1.25!important;letter-spacing:.035em!important}
.home-process__step p{max-width:20ch!important;color:#666b6f!important;font-size:.82rem!important;line-height:1.55!important}
@media(hover:hover){.home-process__step:hover{background:#e7e3dc!important}.home-process__step:hover>strong{border-color:#e87500!important}}

.home-process__step--rfq{position:relative;background:linear-gradient(180deg,#f1ece3 0%, #eae5db 100%)!important}
.home-process__step--rfq::before{position:absolute;top:0;left:0;right:0;height:3px;background:#e87500;content:""}
.home-process__step--rfq h3{color:#1d2022!important}
.home-process__step--rfq p{max-width:18ch!important;color:#555a5e!important}
.home-process__note{display:inline-flex;align-items:center;gap:8px;margin-top:10px;color:#c95f00;font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.home-process__note::before{width:18px;height:1px;background:#e87500;content:""}

@media (max-width: 900px){
  .home-process::before{display:none!important}
  .home-process__step{min-height:160px!important}
}

@media (max-width: 680px){
  .quality-stage-v9__copy h2{max-width:12ch!important}
  .home-process__step + .home-process__step{border-left:0!important;border-top:1px solid #b8bbbd!important}
  .home-process__step p{max-width:none!important}
}


/* ===== direction-v19.css ===== */
/* INNOTECH Industrial Direction v19
   Conversion features: smart RFQ, interactive process route, technical portfolio and company-profile download. */
:root{--v19-orange:#e87500;--v19-dark:#202326;--v19-paper:#ece9e3;--v19-line:#aeb2b4}

/* Interactive project route */
.home-process__step{cursor:pointer;outline:none}
.home-process__step.is-active-v19{background:#e6e1d8!important;box-shadow:inset 0 3px var(--v19-orange)}
.home-process__step.is-active-v19>strong{border-color:var(--v19-orange)!important;color:#fff!important;background:var(--v19-orange)!important}
.home-process__step:focus-visible{box-shadow:inset 0 0 0 2px var(--v19-orange)}
.process-inspector-v19{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);min-height:265px;margin-top:18px;border:1px solid #8f9497;background:#272a2d;box-shadow:5px 5px 0 rgba(31,34,36,.14)}
.process-inspector-v19__image{min-height:265px;overflow:hidden;border-right:1px solid #555a5d}
.process-inspector-v19__image img{width:100%;height:100%;object-fit:cover;filter:grayscale(.2) contrast(1.05)}
.process-inspector-v19__copy{display:flex;flex-direction:column;justify-content:center;padding:30px 34px;color:#fff}
.process-inspector-v19__copy>span{color:#ff9827;font-size:.58rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.process-inspector-v19__copy h3{margin:10px 0 12px;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.85rem;font-weight:400;letter-spacing:.02em;text-transform:uppercase}
.process-inspector-v19__copy p{max-width:720px;margin:0;color:#c4c7c6;font-size:.88rem;line-height:1.65}
.process-inspector-v19__copy strong{margin-top:18px;padding-top:15px;border-top:1px solid #555a5d;color:#f0f0ed;font-size:.72rem;line-height:1.5;letter-spacing:.035em}

/* Smart RFQ */
.contact-rfq-form--smart-v19 .contact-rfq-form__head p{margin:10px 0 0;color:#aeb2b1;font-size:.8rem}
.rfq-kind-v19{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 24px;border-top:1px solid #5a5f62;border-bottom:1px solid #5a5f62}
.rfq-kind-v19 button{min-height:48px;padding:8px 10px;border:0;border-right:1px solid #505558;color:#c8cbca;background:transparent;font-size:.61rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.rfq-kind-v19 button:last-child{border-right:0}
.rfq-kind-v19 button:hover,.rfq-kind-v19 button.is-active{color:#fff;background:#373b3e;box-shadow:inset 0 -3px var(--v19-orange)}
.contact-rfq-form--smart-v19 [hidden]{display:none!important}
.rfq-summary-v19{display:grid;grid-template-columns:115px 190px 1fr;gap:16px;align-items:center;margin-top:20px;padding:13px 0;border-top:1px solid #5a5f62;border-bottom:1px solid #5a5f62}
.rfq-summary-v19>span{color:#ff9827;font-size:.54rem;font-weight:900;letter-spacing:.1em}
.rfq-summary-v19>strong{color:#fff;font-size:.72rem;text-transform:uppercase}
.rfq-summary-v19>p{margin:0;color:#b9bcbd;font-size:.72rem;line-height:1.5}

/* What client receives */
.rfq-result-v19{padding:54px 0;border-top:1px solid #b0b4b6;border-bottom:1px solid #b0b4b6;background:#e8e5df}
.rfq-result-v19__head{display:flex;gap:28px;align-items:end;margin-bottom:22px}
.rfq-result-v19__head>span{color:#c95f00;font-size:.6rem;font-weight:900;letter-spacing:.12em}
.rfq-result-v19__head h2{max-width:520px;margin:0;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(1.8rem,2.5vw,2.4rem);font-weight:400;line-height:.98;text-transform:uppercase}
.rfq-result-v19__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #8f9497;border-bottom:1px solid #8f9497}
.rfq-result-v19__grid article{min-height:155px;padding:22px 20px;border-right:1px solid #b6b9bb}
.rfq-result-v19__grid article:last-child{border-right:0}
.rfq-result-v19__grid b{display:block;color:#c95f00;font-size:.6rem;letter-spacing:.1em}
.rfq-result-v19__grid strong{display:block;margin:26px 0 8px;color:#272a2d;font-size:.82rem;text-transform:uppercase}
.rfq-result-v19__grid p{margin:0;color:#666b6f;font-size:.8rem;line-height:1.55}

/* Company profile */
.profile-download-v19{display:flex;gap:14px;align-items:center;margin-top:26px}
.profile-download-v19>span{color:#c8cbca;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.footer-links a[download]{color:#f0a04a}

/* Technical portfolio metadata */
.portfolio-card__tech-v19{position:absolute;z-index:4;top:12px;left:12px;padding:6px 8px;border-left:3px solid var(--v19-orange);color:#fff;background:rgba(28,31,33,.78);font-size:.5rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}
.gallery-lightbox__tech-v19{display:block!important;margin-bottom:8px!important;color:#ff9827!important;font-size:.55rem!important;font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase!important}

@media(max-width:900px){
  .process-inspector-v19{grid-template-columns:1fr}.process-inspector-v19__image{min-height:300px;border-right:0;border-bottom:1px solid #555a5d}
  .rfq-kind-v19{grid-template-columns:repeat(2,1fr)}.rfq-kind-v19 button:nth-child(2){border-right:0}.rfq-kind-v19 button:nth-child(-n+2){border-bottom:1px solid #505558}
  .rfq-summary-v19{grid-template-columns:100px 1fr}.rfq-summary-v19>p{grid-column:1/-1}
  .rfq-result-v19__grid{grid-template-columns:1fr}.rfq-result-v19__grid article{min-height:auto;border-right:0;border-bottom:1px solid #b6b9bb}.rfq-result-v19__grid article:last-child{border-bottom:0}
}
@media(max-width:640px){
  .process-inspector-v19__copy{padding:24px 20px}.process-inspector-v19__image{min-height:230px}
  .rfq-kind-v19{grid-template-columns:1fr}.rfq-kind-v19 button{border-right:0!important;border-bottom:1px solid #505558!important}.rfq-kind-v19 button:last-child{border-bottom:0!important}
  .rfq-summary-v19{grid-template-columns:1fr;gap:7px}.rfq-summary-v19>p{grid-column:auto}
  .rfq-result-v19__head{display:block}.rfq-result-v19__head>span{display:block;margin-bottom:8px}
  .profile-download-v19{align-items:flex-start;flex-direction:column}.profile-download-v19 .btn{width:auto!important}
}


/* ===== direction-v20.css ===== */
/* INNOTECH Industrial Direction v20
   Conversion refinement without duplicated company-profile content:
   smarter RFQ completeness + clearer interactive project route. */
:root{--v20-orange:#e87500;--v20-orange-bright:#ff9827;--v20-dark:#242729;--v20-line:#aeb2b4}

/* --- Company profile removed: keep hero composition balanced --- */
.page-hero--about-v6 .page-hero__inner{padding-bottom:48px!important}
.footer-links:empty{display:none}

/* --- Interactive project route: clearer current state / output --- */
.process-inspector-v19{border-color:#74797c!important;box-shadow:4px 4px 0 rgba(31,34,36,.12)!important}
.process-inspector-v19__copy{padding:26px 32px 30px!important}
.process-inspector-v20__status{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;gap:12px;align-items:center;margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid #555a5d}
.process-inspector-v20__status>span{color:#8f9496;font-size:.52rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.process-inspector-v20__status>b{color:#c9cccb;font-size:.55rem;letter-spacing:.08em}
.process-inspector-v20__track{height:3px;overflow:hidden;background:#4c5154}
.process-inspector-v20__track i{display:block;width:16.6667%;height:100%;background:var(--v20-orange);transition:width .24s ease}
.process-inspector-v19__copy>span[data-process-view-code]{display:inline-flex;width:max-content;padding:5px 8px;border-left:3px solid var(--v20-orange);color:var(--v20-orange-bright);background:#303438;font-size:.55rem!important}
.process-inspector-v19__copy h3{margin:12px 0 10px!important;font-size:1.72rem!important}
.process-inspector-v19__copy p{max-width:680px!important}
.process-inspector-v20__result{display:grid;grid-template-columns:116px 1fr;gap:16px;align-items:start;margin-top:20px;padding-top:15px;border-top:1px solid #555a5d}
.process-inspector-v20__result>span{color:#8f9496;font-size:.53rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.process-inspector-v20__result>strong{margin:0!important;padding:0!important;border:0!important;color:#f0f0ed!important;font-size:.72rem!important;line-height:1.55!important}
.home-process__step[aria-pressed="true"]{box-shadow:inset 0 3px var(--v20-orange)}

/* --- Smart RFQ: contextual input list --- */
.rfq-context-v20{display:grid;grid-template-columns:105px 1fr;gap:14px;align-items:start;margin:-8px 0 22px;padding:12px 0;border-bottom:1px solid #505558}
.rfq-context-v20>span{color:var(--v20-orange-bright);font-size:.52rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.rfq-context-v20>p{margin:0;color:#b9bcbd;font-size:.7rem;line-height:1.5}
.rfq-kind-v19 button[aria-pressed="true"]{color:#fff;background:#373b3e;box-shadow:inset 0 -3px var(--v20-orange)}

/* --- Smart RFQ: completeness indicator --- */
.rfq-readiness-v20{margin-top:14px;padding:13px 0 3px;border-top:1px solid #505558}
.rfq-readiness-v20__head{display:flex;justify-content:space-between;gap:16px;align-items:center}
.rfq-readiness-v20__head>span{color:#aeb2b1;font-size:.51rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.rfq-readiness-v20__head>strong{color:var(--v20-orange-bright);font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.2rem;font-weight:400;letter-spacing:.03em}
.rfq-readiness-v20__track{height:5px;margin-top:8px;overflow:hidden;background:#484d50}
.rfq-readiness-v20__track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#c95f00,var(--v20-orange-bright));transition:width .24s ease}
.rfq-readiness-v20>p{margin:9px 0 0;color:#9da1a0;font-size:.65rem;line-height:1.45}
.rfq-readiness-v20.is-ready .rfq-readiness-v20__head>strong{color:#ffc16f}

/* Keep the form visually calm even with the new status data. */
.contact-rfq-form--smart-v19 .form-grid{gap:14px 16px!important}
.contact-rfq-form--smart-v19 .form-field input,
.contact-rfq-form--smart-v19 .form-field textarea{transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.contact-rfq-form--smart-v19 .form-field input:not(:placeholder-shown),
.contact-rfq-form--smart-v19 .form-field textarea:not(:placeholder-shown){background:#2d3134!important}

@media(max-width:900px){
  .process-inspector-v20__status{grid-template-columns:auto 1fr auto}
  .process-inspector-v20__result{grid-template-columns:100px 1fr}
  .rfq-context-v20{grid-template-columns:90px 1fr}
}
@media(max-width:640px){
  .process-inspector-v19__copy{padding:22px 18px 24px!important}
  .process-inspector-v20__status{grid-template-columns:1fr auto;gap:8px}
  .process-inspector-v20__status>span{grid-column:1/2}.process-inspector-v20__track{grid-column:1/-1;grid-row:2}.process-inspector-v20__status>b{grid-column:2;grid-row:1}
  .process-inspector-v20__result{grid-template-columns:1fr;gap:6px}
  .rfq-context-v20{grid-template-columns:1fr;gap:5px}
  .rfq-readiness-v20__head>strong{font-size:1.05rem}
}


/* ===== direction-v21.css ===== */
/* INNOTECH Industrial Direction v21
   Technical annotations, equipment quick-view and a stronger works browser. */
:root{--v21-orange:#e87500;--v21-orange-light:#ff9827;--v21-dark:#202326;--v21-paper:#ece9e3;--v21-line:#aeb2b4}

/* ---------- technical photo annotations ---------- */
.tech-hotspots-v21{position:absolute;z-index:5;inset:0;pointer-events:none}
.tech-hotspot-v21{position:absolute;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:var(--v21-orange);box-shadow:0 0 0 5px rgba(232,117,0,.18),0 2px 8px rgba(0,0,0,.28);pointer-events:auto}
.tech-hotspot-v21::after{position:absolute;inset:-10px;border:1px solid rgba(255,152,39,.5);border-radius:50%;content:"";animation:v21Pulse 2.6s ease-out infinite}
.tech-hotspot-v21 i{position:absolute;top:8px;width:34px;height:1px;background:rgba(255,255,255,.84)}
.tech-hotspot-v21 span{position:absolute;top:-17px;display:block;width:max-content;max-width:185px;padding:8px 10px;border-left:3px solid var(--v21-orange);color:#fff;background:rgba(24,27,29,.88);box-shadow:4px 4px 0 rgba(0,0,0,.16);opacity:0;transform:translateY(5px);transition:opacity .18s ease,transform .18s ease;text-align:left}
.tech-hotspot-v21 b,.tech-hotspot-v21 em{display:block;font-style:normal}
.tech-hotspot-v21 b{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:.88rem;font-weight:400;letter-spacing:.035em;text-transform:uppercase}
.tech-hotspot-v21 em{margin-top:2px;color:#c9cccb;font-size:.54rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.tech-hotspot-v21:hover span,.tech-hotspot-v21:focus-visible span,.tech-hotspot-v21.is-open-v21 span{opacity:1;transform:none}
.tech-hotspot-v21:focus-visible{outline:2px solid #fff;outline-offset:4px}
.tech-hotspot-v21:nth-child(odd) i{left:14px}.tech-hotspot-v21:nth-child(odd) span{left:48px}
.tech-hotspot-v21:nth-child(even) i{right:14px}.tech-hotspot-v21:nth-child(even) span{right:48px}
.tech-hotspot-v21--cnc1{left:18%;top:28%}.tech-hotspot-v21--cnc2{left:62%;top:49%}.tech-hotspot-v21--cnc3{left:38%;top:73%}
.tech-hotspot-v21--edm1{right:21%;top:28%}.tech-hotspot-v21--edm2{right:55%;top:48%}.tech-hotspot-v21--edm3{right:31%;top:72%}
.tech-hotspots-v21--tryout{z-index:3}.tech-hotspot-v21--try1{left:35%;top:39%}.tech-hotspot-v21--try2{left:48%;top:69%}
.tech-hotspot-v21--qc1{left:24%;top:29%}.tech-hotspot-v21--qc2{left:57%;top:48%}.tech-hotspot-v21--qc3{left:38%;top:72%}
@keyframes v21Pulse{0%{opacity:.8;transform:scale(.65)}70%,100%{opacity:0;transform:scale(1.35)}}

/* ---------- equipment quick view ---------- */
.fleet-console-v21{padding:30px 0 32px;border-bottom:1px solid #b6b9bb;background:#e9e6e0}
.fleet-console-v21__head{display:flex;justify-content:space-between;gap:28px;align-items:center;margin-bottom:12px}
.fleet-console-v21__head>span{color:#c95f00;font-size:.57rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.fleet-console-v21__head p{margin:0;color:#6a6f72;font-size:.76rem}
.fleet-console-v21__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #92979a;border-bottom:1px solid #92979a}
.fleet-console-v21__grid a{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;gap:3px 16px;min-height:116px;padding:18px 20px;border-right:1px solid #b0b4b6;background:rgba(255,255,255,.12);transition:background .16s ease}
.fleet-console-v21__grid a:last-child{border-right:0}
.fleet-console-v21__grid a>span{grid-column:1/-1;color:#777c7f;font-size:.53rem;font-weight:900;letter-spacing:.11em}
.fleet-console-v21__grid strong{grid-row:2/4;color:#c95f00;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:2.2rem;font-weight:400;line-height:.9}
.fleet-console-v21__grid b{align-self:end;color:#25282a;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}
.fleet-console-v21__grid em{color:#666b6e;font-size:.65rem;font-style:normal}
.fleet-console-v21__grid i{position:absolute;right:18px;bottom:14px;color:#6e7376;font-size:.55rem;font-style:normal;font-weight:900;letter-spacing:.06em;text-transform:uppercase;opacity:.72}
@media(hover:hover){.fleet-console-v21__grid a:hover{background:#e1ddd6}.fleet-console-v21__grid a:hover i{color:#c95f00;opacity:1}}

/* ---------- portfolio browser ---------- */
.portfolio-status-v21{display:grid;grid-template-columns:minmax(210px,.55fr) minmax(350px,1fr) auto;gap:22px;align-items:center;margin:-8px 0 16px;padding:10px 0;border-top:1px solid #b0b4b6;border-bottom:1px solid #b0b4b6}
.portfolio-status-v21>div:first-child{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:baseline}
.portfolio-status-v21>div:first-child>span{color:#c95f00;font-size:.53rem;font-weight:900;letter-spacing:.11em;white-space:nowrap}
.portfolio-status-v21>div:first-child>strong{color:#24272a;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.2rem;font-weight:400;white-space:nowrap}
.portfolio-status-v21>div:first-child>em{color:#777c7f;font-size:.56rem;font-style:normal;text-transform:uppercase}
.portfolio-status-v21__cats{display:flex;gap:6px;flex-wrap:wrap}
.portfolio-status-v21__cats span{padding:6px 8px;border:1px solid #b5b8ba;color:#555a5d;background:#e7e4de;font-size:.55rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.portfolio-status-v21__cats b{margin-left:5px;color:#c95f00}
.portfolio-layout-v21{display:flex;gap:7px;align-items:center;min-height:32px;padding:0 10px;border:1px solid #94999c;color:#4d5255;background:transparent;font-size:.55rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.portfolio-layout-v21:hover,.portfolio-layout-v21[aria-pressed="true"]{color:#fff;background:#303438;border-color:#303438}
.portfolio-layout-v21 span{font-size:.8rem}
.portfolio-grid.is-compact-v21{grid-auto-rows:155px!important}
.portfolio-grid.is-compact-v21 .portfolio-card,.portfolio-grid.is-compact-v21 .portfolio-card--wide,.portfolio-grid.is-compact-v21 .portfolio-card--tall,.portfolio-grid.is-compact-v21 .portfolio-card--xl{grid-column:span 4!important;grid-row:span 2!important}
.portfolio-card__tech-v19{top:11px!important;left:11px!important;max-width:calc(100% - 62px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.portfolio-card__index{top:42px!important;left:11px!important}

/* lightbox navigation */
.gallery-lightbox__dialog{position:relative}
.gallery-lightbox__nav-v21{position:absolute;z-index:7;top:50%;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(24,27,29,.72);transform:translateY(-50%);font-size:1.2rem;transition:background .15s ease,border-color .15s ease}
.gallery-lightbox__nav-v21--prev{left:14px}.gallery-lightbox__nav-v21--next{right:14px}
.gallery-lightbox__nav-v21:hover{border-color:var(--v21-orange);background:#303438}
.gallery-lightbox__counter-v21{position:absolute;z-index:7;top:15px;left:15px;padding:7px 9px;border-left:3px solid var(--v21-orange);color:#fff;background:rgba(24,27,29,.74);font-size:.55rem;font-weight:900;letter-spacing:.1em}

@media(max-width:900px){
  .fleet-console-v21__grid{grid-template-columns:1fr}.fleet-console-v21__grid a{min-height:95px;border-right:0;border-bottom:1px solid #b0b4b6}.fleet-console-v21__grid a:last-child{border-bottom:0}
  .portfolio-status-v21{grid-template-columns:1fr auto}.portfolio-status-v21__cats{grid-column:1/-1;grid-row:2}
  .tech-hotspot-v21 span{max-width:145px}
}
@media(max-width:680px){
  .tech-hotspots-v21{display:none}
  .fleet-console-v21{padding:22px 0}.fleet-console-v21__head{display:block}.fleet-console-v21__head p{margin-top:6px}.fleet-console-v21__grid a{padding:15px 14px}
  .portfolio-status-v21{grid-template-columns:1fr}.portfolio-status-v21__cats{grid-column:auto;grid-row:auto}.portfolio-layout-v21{display:none}
  .gallery-lightbox__nav-v21{top:auto;bottom:74px;transform:none}.gallery-lightbox__nav-v21--prev{left:12px}.gallery-lightbox__nav-v21--next{right:12px}
}
@media(prefers-reduced-motion:reduce){.tech-hotspot-v21::after{animation:none}}


/* ===== direction-v22.css ===== */
/* INNOTECH Industrial Direction v22 — multilingual UI */
:root{--v22-lang-line:#575c60;--v22-lang-bg:#292d30;--v22-lang-active:#e87500}
.header-actions{gap:9px!important}
.lang-switcher-v22{display:flex;height:36px;align-items:stretch;border:1px solid var(--v22-lang-line);background:var(--v22-lang-bg)}
.lang-switcher-v22 button{min-width:35px;padding:0 9px;border:0;border-right:1px solid #4a4f52;color:#bfc2c3;background:transparent;font-family:Arial,sans-serif;font-size:.58rem;font-weight:900;letter-spacing:.08em;cursor:pointer;transition:color .15s ease,background .15s ease}
.lang-switcher-v22 button:last-child{min-width:43px;border-right:0}
.lang-switcher-v22 button:hover{color:#fff;background:#353a3d}
.lang-switcher-v22 button.is-active{color:#fff;background:var(--v22-lang-active)}
.mobile-lang-switcher-v22{display:none;padding:12px 14px;border-bottom:1px solid #55595d;background:#222629}
.mobile-lang-switcher-v22 .lang-switcher-v22{width:100%;height:40px}
.mobile-lang-switcher-v22 .lang-switcher-v22 button{flex:1;font-size:.64rem}

/* Keep translated English headings clean and Chinese headings readable. */
html[data-site-lang="en"] .hero h1,
html[data-site-lang="en"] .page-hero h1,
html[data-site-lang="en"] .section-heading h2{letter-spacing:.012em!important}
html[data-site-lang="zh"] body{font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC","Segoe UI",Arial,sans-serif}
html[data-site-lang="zh"] .hero h1,
html[data-site-lang="zh"] .page-hero h1,
html[data-site-lang="zh"] .section-heading h2,
html[data-site-lang="zh"] .profile-copy h2,
html[data-site-lang="zh"] .capability-stage__copy h2,
html[data-site-lang="zh"] .capability-stage-v9__copy h2,
html[data-site-lang="zh"] .tryout-stage-v9__copy h2,
html[data-site-lang="zh"] .quality-stage-v9__copy h2,
html[data-site-lang="zh"] .process-chapter__copy h2,
html[data-site-lang="zh"] .cta-panel h2{font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif!important;font-weight:900!important;letter-spacing:.01em!important;text-transform:none!important;line-height:1.08!important}
html[data-site-lang="zh"] .eyebrow,
html[data-site-lang="zh"] .main-nav__trigger,
html[data-site-lang="zh"] .main-nav__link,
html[data-site-lang="zh"] .mobile-nav__direct,
html[data-site-lang="zh"] .mobile-nav__trigger{text-transform:none!important;letter-spacing:.04em!important}
html[data-site-lang="zh"] .hero h1{max-width:12ch!important}
html[data-site-lang="zh"] .page-hero h1{max-width:15ch!important}
html[data-site-lang="zh"] .section-heading h2{max-width:17ch!important}

@media(max-width:1180px){
  .lang-switcher-v22{height:34px}
  .lang-switcher-v22 button{min-width:32px;padding-inline:7px}
}
@media(max-width:900px){
  .mobile-lang-switcher-v22{display:block}
  .site-header .lang-switcher-v22{display:none}
}
@media(max-width:640px){
  html[data-site-lang="zh"] .hero h1{font-size:clamp(2.05rem,10vw,3rem)!important}
  html[data-site-lang="zh"] .page-hero h1{font-size:clamp(1.85rem,8.5vw,2.7rem)!important}
}


/* ===== direction-v22-1.css ===== */
/* INNOTECH v22.1 — compact language dropdown */
:root{--v221-lang-line:#565b5f;--v221-lang-bg:#292d30;--v221-lang-hover:#34393c;--v221-lang-accent:#e87500}

.header-actions{gap:8px!important}

/* Hide the old segmented language control if any legacy markup remains. */
.lang-switcher-v22{display:none!important}

.lang-dropdown-v221{
  position:relative;
  display:inline-flex;
  width:72px;
  height:36px;
  flex:0 0 72px;
  align-items:center;
  border:1px solid var(--v221-lang-line);
  background:var(--v221-lang-bg);
}
.lang-dropdown-v221::before{
  position:absolute;
  top:-1px;bottom:-1px;left:-1px;
  width:3px;
  background:var(--v221-lang-accent);
  content:"";
  pointer-events:none;
}
.lang-dropdown-v221::after{
  position:absolute;
  right:10px;top:50%;
  width:6px;height:6px;
  margin-top:-5px;
  border-right:1px solid #c8cbcc;
  border-bottom:1px solid #c8cbcc;
  transform:rotate(45deg);
  content:"";
  pointer-events:none;
}
.lang-dropdown-v221 select{
  width:100%;height:100%;
  padding:0 25px 0 12px;
  border:0;
  outline:0;
  appearance:none;
  -webkit-appearance:none;
  color:#f2f3f3;
  background:transparent;
  font-family:Arial,sans-serif;
  font-size:.61rem;
  font-weight:900;
  line-height:1;
  letter-spacing:.09em;
  cursor:pointer;
}
.lang-dropdown-v221:hover{background:var(--v221-lang-hover);border-color:#707579}
.lang-dropdown-v221:focus-within{border-color:var(--v221-lang-accent);box-shadow:0 0 0 1px var(--v221-lang-accent)}
.lang-dropdown-v221 option{color:#222;background:#fff;font-size:.76rem;font-weight:700}

.mobile-lang-switcher-v22{
  display:none;
  padding:10px 14px;
  border-bottom:1px solid #55595d;
  background:#222629;
}
.mobile-lang-switcher-v22 .lang-dropdown-v221{
  width:100%;height:40px;flex-basis:auto;
}
.mobile-lang-switcher-v22 .lang-dropdown-v221 select{font-size:.66rem}

@media(max-width:1180px){
  .lang-dropdown-v221{width:66px;height:34px;flex-basis:66px}
  .lang-dropdown-v221 select{padding-left:10px;padding-right:22px;font-size:.58rem}
  .lang-dropdown-v221::after{right:9px}
}
@media(max-width:900px){
  .mobile-lang-switcher-v22{display:block}
  .site-header .lang-dropdown-v221{display:none}
}


/* ===== direction-v23.css ===== */

/* INNOTECH Industrial Direction v23 — launch polish
   Global rhythm, typography, mobile UX, language UI and performance-safe refinements. */
:root{
  --v23-orange:#e87500;
  --v23-paper:#ece9e3;
  --v23-line:#b4b7b9;
  --v23-dark:#202326;
}

/* ---------- global rhythm ---------- */
.section{padding-top:82px!important;padding-bottom:82px!important}
.section--compact{padding-top:46px!important;padding-bottom:46px!important}
.section-heading{margin-bottom:36px!important}
.section-heading h2,
.page-hero h1,
.hero h1,
.capability-stage-v9__copy h2,
.quality-stage-v9__copy h2,
.tryout-stage-v9__copy h2,
.process-chapter__copy h2,
.about-intro__copy h2,
.about-scale__copy h2,
.cta-panel h2{
  text-wrap:balance;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.section-heading h2{max-width:22ch!important}
.section-heading p{max-width:600px!important}
.page-hero h1{max-width:19ch!important}

/* Avoid orphan-like one-word endings in the most visible split blocks. */
.home-capability-v9 .capability-stage-v9__copy h2{max-width:20ch!important}
.quality-stage-v9__copy h2{max-width:18ch!important}
.tryout-stage-v9__copy h2{max-width:20ch!important}
.process-chapter__copy h2,.process-result__copy h2{max-width:23ch!important}
.about-intro__copy h2,.about-scale__copy h2,.equipment-ledger__copy h2{max-width:22ch!important}

/* ---------- calmer separators ---------- */
.home-process,
.quality-stage-v9,
.profile-stats,
.fleet-console-v21__grid,
.portfolio-status-v21{box-shadow:none!important}
.home-process{border-color:#a4a8aa!important}
.quality-stage-v9{border-color:#a6aaac!important}
.quality-stage-v9__rail{border-color:#979b9e!important}
.quality-stage-v9__rail>div{border-color:#c0c2c3!important}

/* ---------- language dropdown ---------- */
.lang-dropdown-v221{width:68px!important;height:34px!important;flex-basis:68px!important}
.lang-dropdown-v221 select{padding-left:10px!important;font-size:.59rem!important}
.lang-dropdown-v221::after{right:8px!important}

/* ---------- focus / keyboard ---------- */
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid var(--v23-orange)!important;
  outline-offset:3px;
}

/* ---------- image rendering ---------- */
img{max-width:100%;height:auto}
.capability-stage-v9__media img,
.quality-stage-v9__media img,
.tryout-stage-v9 img,
.portfolio-card img,
.works-card-v9 img{height:100%;object-fit:cover}

/* ---------- tablet ---------- */
@media(max-width:1100px){
  .section{padding-top:68px!important;padding-bottom:68px!important}
  .section-heading{margin-bottom:30px!important}
  .section-heading h2{max-width:26ch!important}
  .page-hero h1{max-width:22ch!important}
  .home-capability-v9 .capability-stage-v9__copy,
  .quality-stage-v9__copy{padding-left:28px!important;padding-right:28px!important}
}

/* ---------- mobile: intentionally composed, not just shrunk ---------- */
@media(max-width:680px){
  .container{width:min(calc(100% - 30px),var(--container))!important}
  .section{padding-top:54px!important;padding-bottom:54px!important}
  .section--compact{padding-top:34px!important;padding-bottom:34px!important}
  .section-heading{gap:14px!important;margin-bottom:26px!important}
  .section-heading h2,
  .section-heading--chain h2,
  .page-hero h1,
  .home-capability-v9 .capability-stage-v9__copy h2,
  .quality-stage-v9__copy h2,
  .tryout-stage-v9__copy h2,
  .process-chapter__copy h2,
  .process-result__copy h2,
  .about-intro__copy h2,
  .about-scale__copy h2,
  .cta-panel h2{max-width:none!important}

  .page-hero h1{font-size:clamp(2rem,9.8vw,2.8rem)!important;line-height:.97!important}
  .hero h1.hero-title-v13{font-size:clamp(2.45rem,11.5vw,3.45rem)!important;line-height:.91!important}
  .section-heading h2{font-size:clamp(1.72rem,7.9vw,2.25rem)!important;line-height:1!important}

  .hero__lead,.page-hero p{font-size:.93rem!important;line-height:1.62!important}
  .hero__actions{gap:9px!important}
  .hero__actions .btn,.cta-panel__actions .btn,.mobile-nav>.btn{width:100%!important}
  .btn{width:auto!important;min-height:42px!important}

  .home-index-v10{overflow:hidden}
  .home-index-v10__inner{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;white-space:nowrap}
  .home-index-v10__inner::-webkit-scrollbar{display:none}
  .home-index-v10__label{position:sticky;left:0;z-index:2;background:#24282b}

  .mobile-lang-switcher-v22{display:flex!important;justify-content:flex-end;padding:9px 14px!important}
  .mobile-lang-switcher-v22 .lang-dropdown-v221{width:84px!important;height:38px!important;flex-basis:84px!important}

  .home-capability-v9 .capability-stage-v9__copy,
  .quality-stage-v9__copy{padding:28px 20px!important}
  .capability-meta-v15{gap:10px!important;flex-wrap:wrap}
  .capability-stage-v9__hero-metric strong{font-size:clamp(2.1rem,12vw,3.2rem)!important}

  .quality-stage-v9__rail{grid-template-columns:1fr!important}
  .quality-stage-v9__rail>div{border-right:0!important;border-bottom:1px solid #c0c2c3!important}
  .quality-stage-v9__rail>div:last-child{border-bottom:0!important}

  .home-process__step{min-height:auto!important;padding:18px 15px!important}
  .home-process__step>strong{margin-bottom:18px!important}
  .process-inspector-v19{margin-top:12px!important}

  .portfolio-status-v21{gap:12px!important}
  .portfolio-status-v21__cats{gap:5px!important}
  .portfolio-status-v21__cats span{padding:5px 7px!important}

  .footer-grid-v7{gap:28px!important}
}

/* ---------- translated typography ---------- */
html[data-site-lang="en"] .section-heading h2,
html[data-site-lang="en"] .page-hero h1,
html[data-site-lang="en"] .capability-stage-v9__copy h2{max-width:24ch!important}
html[data-site-lang="zh"] .section-heading h2,
html[data-site-lang="zh"] .page-hero h1,
html[data-site-lang="zh"] .capability-stage-v9__copy h2{max-width:18ch!important;text-wrap:balance}
@media(max-width:680px){
  html[data-site-lang="en"] .section-heading h2,
  html[data-site-lang="en"] .page-hero h1,
  html[data-site-lang="en"] .capability-stage-v9__copy h2,
  html[data-site-lang="zh"] .section-heading h2,
  html[data-site-lang="zh"] .page-hero h1,
  html[data-site-lang="zh"] .capability-stage-v9__copy h2{max-width:none!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}



/* ==========================================================
   INNOTECH v24 — Works showcase + conversion-grade RFQ
   ========================================================== */
:root{--v24-orange:#e87500;--v24-dark:#222629;--v24-paper:#ece9e3;--v24-line:#aeb2b4}

/* WORKS — featured production view */
.works-feature-v24{padding:64px 0;border-bottom:1px solid #b1b5b7;background:#dfddd7}
.works-feature-v24__grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(390px,.72fr);gap:0;align-items:stretch}
.works-feature-v24__media{position:relative;min-height:540px;overflow:hidden;background:#24282a}
.works-feature-v24__media>img{width:100%;height:100%;object-fit:cover;filter:contrast(1.03) saturate(.92);transition:transform .55s ease}
.works-feature-v24__media::after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,18,20,.03) 52%,rgba(16,18,20,.6));content:"";pointer-events:none}
.works-feature-v24__media-code{position:absolute;z-index:3;top:18px;left:18px;padding:10px 12px;border-left:3px solid var(--v24-orange);background:rgba(26,29,31,.78);color:#fff}
.works-feature-v24__media-code span,.works-feature-v24__media-code b{display:block}.works-feature-v24__media-code span{color:#cfd2d1;font-size:.5rem;font-weight:900;letter-spacing:.12em}.works-feature-v24__media-code b{margin-top:4px;font-size:.63rem;letter-spacing:.08em}
.works-feature-v24__inset{position:absolute;z-index:4;right:18px;bottom:18px;width:31%;min-width:190px;border:1px solid rgba(255,255,255,.7);border-bottom:3px solid var(--v24-orange);background:#202426;box-shadow:7px 7px 0 rgba(0,0,0,.24)}
.works-feature-v24__inset img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.works-feature-v24__inset span{display:block;padding:7px 9px;color:#fff;font-size:.49rem;font-weight:900;letter-spacing:.1em}
.works-feature-v24__copy{display:flex;flex-direction:column;justify-content:center;padding:42px 0 42px 38px;border-top:1px solid #8e9396;border-bottom:1px solid #8e9396}
.works-feature-v24__copy h2{max-width:15ch;margin:0;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(2rem,3vw,3.1rem);font-weight:400;line-height:.94;text-transform:uppercase;text-wrap:balance}
.works-feature-v24__copy>p{max-width:560px;margin:18px 0 24px;color:#5f6468;font-size:.88rem;line-height:1.66}
.works-feature-v24__route{display:grid;border-top:1px solid #a7abad;border-bottom:1px solid #a7abad}
.works-feature-v24__route>div{display:grid;grid-template-columns:115px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid #c0c2c3;align-items:center}.works-feature-v24__route>div:last-child{border-bottom:0}
.works-feature-v24__route span{color:#c95f00;font-size:.52rem;font-weight:900;letter-spacing:.1em}.works-feature-v24__route strong{color:#292d30;font-size:.66rem;letter-spacing:.04em;text-transform:uppercase}
.works-feature-v24__actions{display:flex;gap:18px;align-items:center;margin-top:24px}.works-feature-v24__actions .text-link{font-size:.68rem}
@media(hover:hover){.works-feature-v24__media:hover>img{transform:scale(1.018)}}

/* Portfolio usability */
.portfolio-toolbar{grid-template-columns:minmax(0,1fr) auto!important;row-gap:10px!important}
.portfolio-toolbar__hint-v24{grid-column:1/-1;margin:0!important;padding-top:9px;border-top:1px solid #c1c3c4;color:#73787b!important;font-size:.68rem!important;line-height:1.45!important}
.portfolio-card__open::after{position:absolute;z-index:3;right:0;bottom:0;left:0;height:3px;background:var(--v24-orange);transform:scaleX(0);transform-origin:left;transition:transform .2s ease;content:""}
@media(hover:hover){.portfolio-card:hover .portfolio-card__open::after{transform:scaleX(1)}}
.works-rfq-v24{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;margin-top:18px;padding:20px 22px;border:1px solid #9fa3a6;border-left:4px solid var(--v24-orange);background:#e4e1db}
.works-rfq-v24>div>span{display:block;color:#c95f00;font-size:.52rem;font-weight:900;letter-spacing:.12em}.works-rfq-v24 strong{display:block;margin-top:6px;color:#24282a;font-size:.88rem;text-transform:uppercase}.works-rfq-v24 p{margin:5px 0 0;color:#666b6f;font-size:.76rem;line-height:1.5}

/* Lightbox becomes a technical viewer rather than a plain photo modal */
.gallery-lightbox__meta{padding-top:16px!important;border-top:1px solid rgba(255,255,255,.16)}
.gallery-lightbox__actions-v24{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.gallery-lightbox__actions-v24 a{display:inline-flex;min-height:34px;align-items:center;padding:0 11px;border:1px solid rgba(255,255,255,.35);color:#fff;font-size:.54rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;text-decoration:none}
.gallery-lightbox__actions-v24 a:last-child{border-color:var(--v24-orange);background:var(--v24-orange)}
.gallery-lightbox__actions-v24 a:hover{background:#35393c}.gallery-lightbox__actions-v24 a:last-child:hover{background:#c95f00}

/* RFQ — stronger information hierarchy */
.contact-rfq-section{scroll-margin-top:96px}
.contact-rfq-form--smart-v19{position:relative}
.contact-rfq-form--smart-v19::before{position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--v24-orange) 0 32%,#5b6063 32%);content:""}
.rfq-block-label-v24{display:grid;grid-template-columns:118px 1fr auto;gap:14px;align-items:center;margin:2px 0 15px;padding:10px 0;border-top:1px solid #54595c;border-bottom:1px solid #54595c}
.rfq-block-label-v24>span{color:#ff9827;font-size:.51rem;font-weight:900;letter-spacing:.1em}.rfq-block-label-v24>strong{color:#fff;font-size:.67rem;letter-spacing:.04em;text-transform:uppercase}.rfq-block-label-v24>em{color:#9fa3a2;font-size:.59rem;font-style:normal;text-align:right}
.rfq-files-v24{margin-top:2px}
.rfq-dropzone-v24{position:relative;display:grid!important;grid-template-columns:92px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 14px;align-items:center;min-height:92px!important;padding:16px!important;border:1px dashed #6d7275!important;background:#272b2e!important;cursor:pointer;transition:border-color .16s ease,background .16s ease}
.rfq-dropzone-v24:hover,.rfq-dropzone-v24.is-dragging{border-color:var(--v24-orange)!important;background:#2e3235!important}
.rfq-dropzone-v24>span{grid-row:1/-1;align-self:stretch;display:grid;place-items:center;border-right:1px solid #555a5d;color:#ff9827;font-size:.54rem;font-weight:900;letter-spacing:.1em}.rfq-dropzone-v24>strong{color:#fff;font-size:.72rem;line-height:1.35;text-transform:uppercase}.rfq-dropzone-v24>em{color:#969b9d;font-size:.58rem;font-style:normal;line-height:1.4}
.rfq-file-list-v24{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.rfq-file-list-v24 span{padding:5px 7px;border:1px solid #555a5d;color:#aeb2b1;background:#282c2f;font-size:.55rem;line-height:1.25}.rfq-file-list-v24 span.is-file{border-left:2px solid var(--v24-orange);color:#e2e4e3}
.rfq-route-mini-v24{display:grid;grid-template-columns:90px auto minmax(20px,1fr) auto minmax(20px,1fr) auto;gap:9px;align-items:center;margin:18px 0 0;padding:9px 0;border-top:1px solid #4f5457;color:#aeb2b1;font-size:.53rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.rfq-route-mini-v24>span{color:#ff9827;font-size:.5rem;letter-spacing:.11em}.rfq-route-mini-v24 div{white-space:nowrap}.rfq-route-mini-v24 b{margin-right:4px;color:#ff9827}.rfq-route-mini-v24 i{height:1px;background:linear-gradient(90deg,#676c6f,#e87500)}
.rfq-summary-v19{margin-top:0!important}

@media(max-width:1050px){
  .works-feature-v24__grid{grid-template-columns:1fr}.works-feature-v24__media{min-height:500px}.works-feature-v24__copy{padding:36px 0;border-top:0}.works-feature-v24__copy h2{max-width:18ch}
  .rfq-block-label-v24{grid-template-columns:105px 1fr}.rfq-block-label-v24>em{grid-column:1/-1;text-align:left}
}
@media(max-width:760px){
  .works-feature-v24{padding:44px 0}.works-feature-v24__media{min-height:390px}.works-feature-v24__inset{width:38%;min-width:150px}.works-feature-v24__copy{padding-bottom:18px}.works-feature-v24__copy h2{max-width:14ch;font-size:clamp(1.9rem,9vw,2.65rem)}.works-feature-v24__route>div{grid-template-columns:95px 1fr}.works-feature-v24__actions{align-items:flex-start;flex-direction:column}.works-rfq-v24{grid-template-columns:1fr;gap:16px}.works-rfq-v24 .btn{justify-self:start}
  .rfq-route-mini-v24{grid-template-columns:1fr;gap:5px}.rfq-route-mini-v24 i{display:none}.rfq-route-mini-v24 div{white-space:normal}.rfq-dropzone-v24{grid-template-columns:68px 1fr}.rfq-block-label-v24{grid-template-columns:1fr;gap:5px}
}
@media(max-width:520px){
  .works-feature-v24__media{min-height:330px}.works-feature-v24__inset{right:10px;bottom:10px}.works-feature-v24__media-code{top:10px;left:10px}.works-feature-v24__route>div{grid-template-columns:1fr;gap:5px}.portfolio-toolbar{grid-template-columns:1fr!important}.filter-bar{justify-content:flex-start!important;overflow:auto}.rfq-dropzone-v24{grid-template-columns:1fr;min-height:120px!important}.rfq-dropzone-v24>span{grid-row:auto;border-right:0;border-bottom:1px solid #555a5d;padding-bottom:8px;place-items:start}
}


/* ==========================================================
   INNOTECH v25 — Factory showcase pass
   Stronger first screen, production-scale census and machine plates.
   ========================================================== */
:root{--v25-orange:#e87500;--v25-dark:#202427;--v25-paper:#e8e5df;--v25-line:#a8acae}

/* HERO — two-column factory presentation, no soft/glass UI */
@media(min-width:1101px){
  .hero--profile .hero__grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 320px!important;
    gap:54px!important;
    align-items:center!important;
    min-height:670px!important;
  }
  .hero--profile .hero__content{max-width:760px!important}
}
.hero--profile{border-bottom-width:4px!important}
.hero--profile::before{background-position:center 43%!important;filter:grayscale(.72) contrast(1.24) brightness(.7)!important}
.hero--profile::after{background:linear-gradient(90deg,rgba(16,18,20,.93) 0%,rgba(16,18,20,.78) 47%,rgba(16,18,20,.35) 76%,rgba(16,18,20,.12) 100%)!important}
.hero--profile .hero-title-v13{position:relative}
.hero--profile .hero-title-v13::after{display:block;width:84px;height:3px;margin-top:12px;background:var(--v25-orange);content:""}
.hero-facts{max-width:720px!important;margin-top:24px!important}
.hero-fact{min-height:70px!important;padding:14px 16px!important}

.hero-plant-panel-v25{position:relative;z-index:3;width:100%;border:1px solid rgba(255,255,255,.3);border-left:4px solid var(--v25-orange);background:rgba(27,30,32,.88);box-shadow:8px 8px 0 rgba(0,0,0,.28)}
.hero-plant-panel-v25::before{position:absolute;top:8px;right:8px;width:18px;height:18px;border-top:1px solid rgba(255,255,255,.38);border-right:1px solid rgba(255,255,255,.38);content:""}
.hero-plant-panel-v25__head{display:flex;justify-content:space-between;gap:18px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.18);color:#c4c8c7;font-size:.52rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.hero-plant-panel-v25__head b{color:#ff9827;font-size:.55rem}
.hero-plant-panel-v25__route{display:grid}
.hero-plant-panel-v25__route>div{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;gap:2px 10px;padding:14px 15px;border-bottom:1px solid rgba(255,255,255,.13)}
.hero-plant-panel-v25__route>div>span{grid-row:1/3;align-self:center;color:#ff9827;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1rem;letter-spacing:.04em}
.hero-plant-panel-v25__route strong{color:#fff;font-size:.68rem;letter-spacing:.055em;text-transform:uppercase}
.hero-plant-panel-v25__route em{color:#aeb3b2;font-size:.61rem;font-style:normal;line-height:1.35}
.hero-plant-panel-v25__foot{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 15px;color:#aeb3b2;font-size:.49rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.hero-plant-panel-v25__foot i{height:1px;background:linear-gradient(90deg,#64696c,var(--v25-orange))}
.hero-plant-panel-v25__foot b{color:#fff}

/* PRODUCTION SCALE — replace generic stat cards with a plant census */
.plant-census-v25{position:relative;background:#e6e3dc!important;border-bottom:1px solid #a9adaf}
.plant-census-v25__head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);gap:42px;align-items:end;margin-bottom:24px}
.plant-census-v25__head h2{max-width:22ch;margin:0;color:#222629;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(1.9rem,2.7vw,2.75rem);font-weight:400;line-height:.96;letter-spacing:.01em;text-transform:uppercase;text-wrap:balance}
.plant-census-v25__head p{max-width:590px;margin:0;color:#62676a;font-size:.9rem;line-height:1.62}
.plant-census-v25__grid{display:grid;grid-template-columns:250px minmax(0,1fr);border-top:1px solid #858a8d;border-bottom:1px solid #858a8d;background:rgba(255,255,255,.13)}
.plant-census-v25__total{position:relative;display:grid;align-content:center;min-height:306px;padding:22px 24px;border-right:1px solid #9da1a3;background:#24282b;color:#fff}
.plant-census-v25__total::after{position:absolute;right:0;bottom:0;left:0;height:4px;background:var(--v25-orange);content:""}
.plant-census-v25__total>span{color:#aeb3b2;font-size:.52rem;font-weight:900;letter-spacing:.12em}
.plant-census-v25__total strong{margin-top:18px;color:#ff8b12;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:5.7rem;font-weight:400;line-height:.78}
.plant-census-v25__total em{margin-top:8px;color:#fff;font-size:.72rem;font-style:normal;font-weight:900;letter-spacing:.12em}
.plant-census-v25__total b{margin-top:24px;color:#c0c4c3;font-size:.59rem;letter-spacing:.08em}
.plant-census-v25__ledger{display:grid}
.plant-census-v25__ledger>div{position:relative;display:grid;grid-template-columns:minmax(180px,.7fr) 52px minmax(120px,1.3fr);gap:16px;align-items:center;min-height:43px;padding:0 18px;border-bottom:1px solid #c0c3c4}
.plant-census-v25__ledger>div:last-child{border-bottom:0}
.plant-census-v25__ledger span{color:#34383b;font-size:.61rem;font-weight:900;letter-spacing:.055em}
.plant-census-v25__ledger b{color:#c95f00;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.35rem;font-weight:400;text-align:right}
.plant-census-v25__ledger i{position:relative;height:4px;background:#c4c6c6;overflow:hidden}
.plant-census-v25__ledger i::before{position:absolute;inset:0 auto 0 0;width:calc(var(--share) * 1%);background:linear-gradient(90deg,#474c4f,var(--v25-orange));content:""}
@media(hover:hover){.plant-census-v25__ledger>div:hover{background:#ddd9d2}.plant-census-v25__ledger>div:hover span{color:#111}}

/* MACHINE PLATES — visible manufacturing evidence, not decorative badges */
.machine-plate-v25{position:absolute;z-index:5;bottom:18px;min-width:215px;padding:9px 11px 10px;border:1px solid rgba(255,255,255,.48);border-left:3px solid var(--v25-orange);background:rgba(26,29,31,.86);color:#fff;box-shadow:5px 5px 0 rgba(0,0,0,.22);pointer-events:none}
.machine-plate-v25--left{left:18px}.machine-plate-v25--right{right:18px}.machine-plate-v25--qc{left:18px}
.machine-plate-v25 span,.machine-plate-v25 strong,.machine-plate-v25 em{display:block}
.machine-plate-v25 span{color:#ff9827;font-size:.47rem;font-weight:900;letter-spacing:.12em}
.machine-plate-v25 strong{margin-top:4px;font-size:.64rem;letter-spacing:.055em}
.machine-plate-v25 em{margin-top:3px;color:#c1c5c4;font-size:.52rem;font-style:normal;letter-spacing:.055em}
/* Avoid collisions with the existing inset images. */
.home-capability-v9--cnc .machine-plate-v25{max-width:260px}
.home-capability-v9--edm .machine-plate-v25{max-width:260px}
.quality-stage-v9__media .machine-plate-v25{bottom:18px;max-width:270px}

/* Slightly more editorial capability composition */
.home-capability-v9 .capability-stage-v9,.quality-stage-v9,.tryout-stage-v9{box-shadow:5px 5px 0 rgba(31,34,36,.13)!important}
.home-capability-v9 .capability-stage-v9__media>img,.quality-stage-v9__media>img,.tryout-stage-v9__media>img{filter:grayscale(.08) contrast(1.06)!important}
.home-capability-v9 .capability-stage-v9__copy::before{height:2px!important}
.capability-meta-v15{margin-bottom:12px!important}

@media(max-width:1100px){
  .hero-plant-panel-v25{display:none}
  .plant-census-v25__head{grid-template-columns:1fr;gap:12px}
  .plant-census-v25__head h2{max-width:24ch}
}
@media(max-width:760px){
  .plant-census-v25__grid{grid-template-columns:1fr}
  .plant-census-v25__total{min-height:190px;border-right:0;border-bottom:1px solid #8e9396}
  .plant-census-v25__total strong{font-size:4.6rem}
  .plant-census-v25__ledger>div{grid-template-columns:minmax(140px,1fr) 42px;gap:10px;min-height:47px;padding:0 12px}
  .plant-census-v25__ledger i{grid-column:1/-1;height:3px;margin-top:-10px;margin-bottom:7px}
  .machine-plate-v25{bottom:12px;min-width:0;max-width:58%!important;padding:7px 8px}
  .machine-plate-v25--left,.machine-plate-v25--qc{left:12px}.machine-plate-v25--right{right:12px}
  .machine-plate-v25 strong{font-size:.58rem}.machine-plate-v25 em{font-size:.47rem}
}
@media(max-width:520px){
  .plant-census-v25__head h2{max-width:none;font-size:clamp(1.75rem,8vw,2.25rem)}
  .plant-census-v25__head p{font-size:.84rem}
  .machine-plate-v25{display:none}
}
html[data-site-lang="en"] .plant-census-v25__head h2{max-width:27ch}
html[data-site-lang="zh"] .plant-census-v25__head h2{max-width:18ch;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif!important;font-weight:900!important;line-height:1.08!important;text-transform:none!important}


/* ==========================================================
   INNOTECH v26 — logical production census + factory tour
   ========================================================== */

/* Production census: headline first, numbers second. */
.plant-census-v25__head{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;gap:54px!important;align-items:end!important}
.plant-census-v26__title h2{max-width:25ch!important;font-size:clamp(2rem,2.55vw,2.65rem)!important;line-height:.98!important;text-wrap:balance}
.plant-census-v26__summary{display:flex;align-items:center;gap:18px;margin-top:17px;color:#4d5255}
.plant-census-v26__summary>span{display:flex;align-items:baseline;gap:9px}
.plant-census-v26__summary strong{color:#c95f00;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.55rem;font-weight:400;line-height:1}
.plant-census-v26__summary em{font-size:.64rem;font-style:normal;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.plant-census-v26__summary>i{width:32px;height:1px;background:#959a9d}

/* Tour intro — a technical route, not another card section. */
.factory-tour-v26{padding:56px 0 0;background:#ece9e3;border-bottom:1px solid #a9adaf}
.factory-tour-v26__head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:48px;align-items:end;margin-bottom:25px}
.factory-tour-v26__head h2{max-width:20ch;margin:0;color:#222629;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(2rem,2.8vw,2.85rem);font-weight:400;line-height:.96;letter-spacing:.01em;text-transform:uppercase;text-wrap:balance}
.factory-tour-v26__head p{max-width:590px;margin:0;color:#62676a;font-size:.9rem;line-height:1.64}
.factory-tour-v26__route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #878c8f;border-bottom:1px solid #878c8f;background:#e5e2dc}
.factory-tour-v26__route a{position:relative;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;gap:2px 10px;min-height:76px;padding:15px 18px;border-right:1px solid #b6b9bb;color:#25292c;text-decoration:none}
.factory-tour-v26__route a:last-child{border-right:0}
.factory-tour-v26__route b{grid-row:1/3;align-self:center;color:#c95f00;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.05rem;font-weight:400}
.factory-tour-v26__route span{font-size:.69rem;font-weight:900;letter-spacing:.08em}
.factory-tour-v26__route em{color:#6d7275;font-size:.62rem;font-style:normal}
.factory-tour-v26__route a::after{position:absolute;right:0;bottom:0;left:0;height:3px;background:#e87500;transform:scaleX(0);transform-origin:left;transition:transform .16s ease;content:""}
@media(hover:hover){.factory-tour-v26__route a:hover{background:#dad7d0}.factory-tour-v26__route a:hover::after{transform:scaleX(1)}}

/* Every major capability now reads as the next station in the same factory tour. */
.factory-tour-stage-v26{scroll-margin-top:112px}
.tour-stage-v26{display:grid;grid-template-columns:76px minmax(210px,1fr) auto auto;gap:20px;align-items:center;min-height:48px;margin-bottom:13px;padding:0 4px 9px;border-bottom:1px solid #9ca0a3;color:#303437}
.tour-stage-v26__index{color:#c95f00;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.05rem;letter-spacing:.035em}
.tour-stage-v26>div{display:flex;align-items:baseline;gap:12px;min-width:0}
.tour-stage-v26>div strong{font-size:.7rem;letter-spacing:.09em;text-transform:uppercase}
.tour-stage-v26>div em{color:#74797c;font-size:.68rem;font-style:normal}
.tour-stage-v26>b{color:#25292c;font-size:.68rem;letter-spacing:.075em;white-space:nowrap}
.tour-stage-v26>a{color:#666b6e;font-size:.56rem;font-weight:900;letter-spacing:.09em;text-decoration:none;text-transform:uppercase;white-space:nowrap}
.tour-stage-v26>a:hover{color:#c95f00}
.home-tryout-v9 .tour-stage-v26{border-bottom-color:#666b6e;color:#e8e9e7}
.home-tryout-v9 .tour-stage-v26>div em,.home-tryout-v9 .tour-stage-v26>a{color:#aeb3b2}
.home-tryout-v9 .tour-stage-v26>b{color:#ff9827}

/* Make the tour sections feel connected, not like unrelated web cards. */
.factory-tour-stage-v26{position:relative}
.factory-tour-stage-v26::before{position:absolute;top:0;bottom:0;left:max(18px,calc((100vw - 1280px)/2 - 26px));width:1px;background:rgba(97,102,105,.24);content:"";pointer-events:none}
.home-capability-v9--edm{border-top:0!important}
.home-quality-v9{border-top:0!important}
.home-tryout-v9{border-top:0!important}

@media(max-width:1100px){
  .plant-census-v25__head,.factory-tour-v26__head{grid-template-columns:1fr!important;gap:14px!important}
  .plant-census-v26__title h2{max-width:28ch!important}
  .factory-tour-v26__head h2{max-width:24ch}
  .factory-tour-v26__route{overflow-x:auto;grid-template-columns:repeat(4,minmax(190px,1fr))}
  .tour-stage-v26{grid-template-columns:62px 1fr auto;gap:14px}
  .tour-stage-v26>a{grid-column:2/-1;justify-self:start}
}
@media(max-width:760px){
  .plant-census-v26__summary{gap:12px;flex-wrap:wrap}
  .plant-census-v26__summary>i{width:20px}
  .factory-tour-v26{padding-top:42px}
  .factory-tour-v26__route{margin-inline:calc(var(--container-pad,20px)*-1);padding-inline:var(--container-pad,20px);border-left:0;border-right:0}
  .tour-stage-v26{grid-template-columns:54px 1fr;gap:8px 12px;margin-bottom:10px}
  .tour-stage-v26>b{grid-column:2/3;justify-self:start}
  .tour-stage-v26>a{grid-column:2/3}
  .tour-stage-v26>div{display:grid;gap:3px}
  .factory-tour-stage-v26::before{display:none}
}
@media(max-width:520px){
  .plant-census-v26__title h2{max-width:15ch!important;font-size:clamp(1.8rem,8.2vw,2.3rem)!important}
  .plant-census-v26__summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .plant-census-v26__summary>i{display:none}
  .plant-census-v26__summary>span{display:grid;gap:3px;padding-top:9px;border-top:1px solid #a9adaf}
  .plant-census-v26__summary strong{font-size:1.4rem}
  .factory-tour-v26__head h2{max-width:14ch;font-size:clamp(1.8rem,8vw,2.35rem)}
  .factory-tour-v26__route a{min-height:70px;padding:13px 14px}
}
html[data-site-lang="en"] .plant-census-v26__title h2{max-width:31ch!important}
html[data-site-lang="en"] .factory-tour-v26__head h2{max-width:28ch}
html[data-site-lang="zh"] .plant-census-v26__title h2,html[data-site-lang="zh"] .factory-tour-v26__head h2{font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif!important;font-weight:900!important;line-height:1.1!important;text-transform:none!important;max-width:20ch!important}


/* v27 — remove incorrect photo hotspot circles and clean media overlays */
.tech-hotspots-v21,.tech-hotspot-v21{display:none!important}
.home-capability-v9 .capability-stage-v9__media,.quality-stage-v9__media,.tryout-stage-v9__media{overflow:hidden}


/* ==========================================================
   INNOTECH v28 — fix tryout background / remove residual callouts / polish this block
   ========================================================== */
.home-tryout-v9{background:#ece9e3!important}
.tryout-stage-v9{isolation:isolate;background:#111416!important;overflow:hidden!important}
.tryout-stage-v9__media{z-index:0;background:#111416}
.tryout-stage-v9__media img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.06) contrast(1.03) brightness(.78)!important}
.tryout-stage-v9::after{z-index:1;background:linear-gradient(90deg,rgba(16,18,20,.08) 0%,rgba(18,20,22,.12) 38%,rgba(17,19,21,.84) 66%,#141618 100%),linear-gradient(180deg,rgba(12,14,16,.08),rgba(12,14,16,.22) 100%)!important}
.tryout-stage-v9__code,.tryout-stage-v9__number,.tryout-stage-v9__inset,.tryout-stage-v9__copy{z-index:3}
.tryout-stage-v9__copy{background:rgba(21,24,26,.92)!important;backdrop-filter:none!important}
.tryout-stage-v9__copy h2{max-width:12ch!important}
.tryout-stage-v9__copy>p{max-width:44ch!important}
.tryout-stage-v9__rail{border-top:1px solid #5c6164!important;border-bottom:1px solid #5c6164!important}
.tryout-stage-v9__rail>div{background:transparent!important}
.tryout-stage-v9__inset{top:72px!important;left:20px!important;overflow:hidden;border-color:rgba(255,255,255,.7)!important}
.tryout-stage-v9__inset img{display:block}
.tryout-stage-v9 .tech-hotspots-v21,.tryout-stage-v9 [class*="tech-hotspot-v21"],.tryout-stage-v9 button[aria-label*="Tryout"],.tryout-stage-v9 button[aria-label*="тонн"]{display:none!important}
.home-tryout-v9 .tour-stage-v26{margin-bottom:16px!important}
.home-tryout-v9 .tour-stage-v26>div strong,.home-tryout-v9 .tour-stage-v26__index{color:#c95f00!important}
.home-tryout-v9 .tour-stage-v26>div em,.home-tryout-v9 .tour-stage-v26>a{color:#7d8386!important}
.home-tryout-v9 .tour-stage-v26>b{color:#c95f00!important}
@media(max-width:1100px){.tryout-stage-v9__copy{width:46%!important}}
@media(max-width:760px){.tryout-stage-v9{padding-top:360px!important}.tryout-stage-v9__copy{width:100%!important;background:#1a1d1f!important}.tryout-stage-v9__number{top:250px!important}.tryout-stage-v9__inset{top:56px!important;left:16px!important;width:210px!important}}
@media(max-width:520px){.tryout-stage-v9{padding-top:320px!important}.tryout-stage-v9__number{top:228px!important}.tryout-stage-v9__inset{width:186px!important}}


/* v28.1 — remove stray vertical route line that looked like a broken section background */
.factory-tour-stage-v26::before{display:none!important}
.home-tryout-v9 .tour-stage-v26{padding-left:0!important}


/* v28.2 — QC block outer frame matches other production blocks */
.quality-stage-v9{border:1px solid #34383b!important;box-shadow:5px 5px 0 rgba(31,34,36,.13)!important}
.home-quality-v9 .quality-stage-v9__copy{background:repeating-linear-gradient(135deg,rgba(40,43,46,.035) 0 1px,transparent 1px 10px),#eeede8!important}


/* ==========================================================
   INNOTECH v29 — internal pages consistency / launch polish
   Same industrial language across Company / Capabilities / QC / Process / Works / RFQ.
   ========================================================== */

/* INTERNAL HERO — tighter, more technical, less generic banner */
.page-hero--v10{border-bottom:1px solid #555a5d!important}
.page-hero--v10 .page-hero__inner{padding-top:66px!important;padding-bottom:46px!important}
.page-hero--v10 h1{max-width:18ch!important;font-size:clamp(2.5rem,4.3vw,4.5rem)!important;line-height:.9!important}
.page-hero--v10 .page-hero__code-v10{margin-bottom:13px!important;border-left:3px solid #e87500!important;border-top:0!important;border-right:0!important;border-bottom:0!important;background:rgba(20,22,24,.64)!important}
.page-hero--v10 .page-hero__breadcrumbs{opacity:.82}
.page-hero--v10 .page-hero__facts{margin-top:26px!important;border-top:1px solid rgba(255,255,255,.2)!important;border-bottom:1px solid rgba(255,255,255,.2)!important}
.page-hero--v10 .page-hero__facts>div{min-height:72px!important}

/* LOCAL NAV — one system on all long internal pages */
.section-jump{top:64px!important;border-top:0!important;border-bottom:1px solid #555a5d!important;box-shadow:none!important;background:#25292c!important}
.section-jump__inner{min-height:46px!important}
.section-jump a{min-height:46px!important;padding-inline:18px!important;border-color:#464b4e!important;font-size:.62rem!important}
.section-jump a.is-current{background:#303438!important;box-shadow:inset 0 -3px #e87500!important}

/* CONTENT WIDTH / RHYTHM */
.capability-section,.equipment-ledger-section,.about-chain-section,.contact-location-section,.portfolio-section,.process-gates{border-top:1px solid rgba(45,49,52,.1)}

/* COMPANY — turn loose content into a production profile */
.about-intro__grid,.about-scale__grid{gap:38px!important;align-items:stretch!important}
.about-intro__copy,.about-scale__copy{position:relative;padding:28px 30px!important;border:1px solid #b1b4b6;background:#ebe9e3}
.about-intro__copy::before,.about-scale__copy::before{position:absolute;top:-1px;left:-1px;width:4px;height:72px;background:#e87500;content:""}
.about-intro__media,.about-scale__media{border:1px solid #373b3e!important;box-shadow:5px 5px 0 rgba(31,34,36,.14)!important}
.equipment-ledger{gap:0!important;border:1px solid #3f4447;background:#eceae5}
.equipment-ledger__copy{padding:34px 32px!important;border-right:1px solid #9ea2a4}
.equipment-ledger__list{padding:12px 22px!important}
.equipment-ledger__list>div{min-height:52px!important;border-bottom:1px solid #b8bbbd!important}
.about-chain{border-top:1px solid #858a8d!important;border-bottom:1px solid #858a8d!important}
.about-chain__item{min-height:150px!important;border-right:1px solid #b0b4b6!important}

/* CAPABILITIES — machine exhibit composition */
.capability-stage{border:1px solid #3f4447!important;box-shadow:5px 5px 0 rgba(31,34,36,.13)!important}
.capability-stage__copy{position:relative;background:#eceae5!important}
.capability-stage__copy::before{height:3px!important;background:linear-gradient(90deg,#e87500 0 28%,#3e4346 28%)!important}
.capability-stage__media{border-right:1px solid #3f4447}
.capability-stage--reverse .capability-stage__media{border-right:0;border-left:1px solid #3f4447}
.equipment-block{margin-top:28px!important;padding-top:18px;border-top:1px solid #8f9497}
.equipment-block__head{position:relative;padding-left:16px!important}
.equipment-block__head::before{position:absolute;top:1px;bottom:1px;left:0;width:3px;background:#e87500;content:""}
.table-shell{border:1px solid #8f9497!important;box-shadow:none!important}
.machine-table thead th{border-bottom:1px solid #555a5d!important}

/* QUALITY — same frame language as CNC / EDM */
.quality-stage,.press-stage{border:1px solid #3f4447!important;box-shadow:5px 5px 0 rgba(31,34,36,.13)!important}
.quality-stage__copy{position:relative;padding-left:30px!important;padding-right:30px!important;background:#eceae5!important}
.quality-stage__copy::before{position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,#e87500 0 30%,#3f4447 30%);content:""}
.quality-stage__media{border-left:1px solid #3f4447!important}
.press-stage__hero{border-right:1px solid #4d5255!important}
.press-mini{border:1px solid #5a5f62!important;box-shadow:none!important}
.press-range-v15{margin-top:16px!important}

/* PROCESS — visible project spine instead of floating chapters */
.process-chapter{position:relative}
.process-chapter::before{position:absolute;top:0;bottom:0;left:max(18px,calc((100vw - 1240px)/2 - 22px));width:1px;background:#a8acae;content:"";pointer-events:none}
.process-chapter__grid{position:relative;gap:38px!important}
.process-chapter__grid::before{position:absolute;top:0;left:0;width:72px;height:3px;background:#e87500;content:""}
.process-chapter__copy{padding-top:24px!important}
.process-chapter__media{border:1px solid #3f4447!important;box-shadow:5px 5px 0 rgba(31,34,36,.13)!important}
.process-deliverables{border-top:1px solid #9fa3a5!important;border-bottom:1px solid #9fa3a5!important}
.process-deliverables>div{border-color:#b8bbbd!important}
.process-gates__grid{border:1px solid #4a4f52!important}
.process-gates__grid article{min-height:210px!important}
.process-overview__line{border-top:1px solid #8f9497!important;border-bottom:1px solid #8f9497!important}

/* WORKS — quieter filters, stronger actual work */
.portfolio-toolbar{padding-top:12px!important;border-top:1px solid #9fa3a5!important;border-bottom:1px solid #555a5d!important}
.portfolio-toolbar::after{height:3px!important;background:#e87500!important}
.portfolio-toolbar .filter-btn{box-shadow:none!important;background:#e7e4de!important}
.portfolio-toolbar .filter-btn.is-active{background:#292d30!important;color:#fff!important}
.portfolio-card{border:1px solid #404548!important;box-shadow:3px 3px 0 rgba(31,34,36,.14)!important}
.portfolio-card__caption{border-top:1px solid rgba(255,255,255,.16)}
.portfolio-proof{border:1px solid #414649!important;box-shadow:5px 5px 0 rgba(31,34,36,.13)!important}
.works-rfq-v24{border-top:1px solid #7f8487!important;border-bottom:1px solid #7f8487!important}

/* CONTACT / RFQ — one clean engineering panel */
.contact-rfq-grid{gap:42px!important}
.contact-rfq-intro{padding-top:8px!important}
.rfq-checklist{border-top:1px solid #9fa3a5}
.rfq-checklist article{border-color:#b9bcbe!important}
.contact-rfq-form--smart-v19{border:1px solid #565b5e!important;box-shadow:6px 6px 0 rgba(0,0,0,.18)!important}
.contact-rfq-form--smart-v19::before{height:3px!important;background:linear-gradient(90deg,#e87500 0 28%,#555a5d 28%)!important}
.rfq-readiness-v20{border:1px solid #4e5356!important;box-shadow:none!important}
.rfq-route-mini-v24{border-top:1px solid #5a5f62!important;border-bottom:1px solid #5a5f62!important}
.contact-location-grid{gap:44px!important}
.contact-map{border:1px solid #4a4f52!important;box-shadow:5px 5px 0 rgba(31,34,36,.13)!important}

/* Keep internal pages practical on smaller screens. */
@media(max-width:980px){
  .page-hero--v10 h1{max-width:20ch!important}
  .about-intro__copy,.about-scale__copy{padding:24px!important}
  .equipment-ledger__copy{border-right:0;border-bottom:1px solid #9ea2a4}
  .process-chapter::before{display:none}
  .capability-stage__media,.capability-stage--reverse .capability-stage__media,.quality-stage__media,.press-stage__hero{border-left:0!important;border-right:0!important;border-bottom:1px solid #3f4447!important}
}
@media(max-width:680px){
  .page-hero--v10 .page-hero__inner{padding-top:48px!important;padding-bottom:34px!important}
  .page-hero--v10 h1{font-size:clamp(2rem,10vw,2.9rem)!important;max-width:14ch!important}
  .section-jump a{padding-inline:13px!important}
  .about-intro__copy,.about-scale__copy,.quality-stage__copy{padding:20px!important}
  .equipment-block__head{padding-left:12px!important}
  .process-chapter__grid::before{width:46px}
  .portfolio-card{box-shadow:none!important}
}
html[data-site-lang="en"] .page-hero--v10 h1{max-width:22ch!important}
html[data-site-lang="zh"] .page-hero--v10 h1{max-width:16ch!important;line-height:1.08!important}


/* v29.1 — remove extra hero route panel and rebalance first screen */
.hero-plant-panel-v25{display:none!important}
.hero--profile .hero__grid{grid-template-columns:1fr!important}
.hero--profile .hero__content{max-width:860px!important}
.hero--profile .hero__lead{max-width:700px!important}
.hero--profile .hero-facts{max-width:760px!important}
@media (max-width: 900px){.hero--profile .hero__content{max-width:100%!important}}


/* ==========================================================
   INNOTECH v30 — cleaner homepage narrative
   Less duplicated navigation/labels, more focus on production images.
   ========================================================== */
.factory-tour-v26,.proof-rail-section{display:none!important}
.capability-stage-v9__code,.quality-stage-v9__code,.tryout-stage-v9__code,.quality-stage-v9__stamp{display:none!important}

/* Give the first production station a little breathing room after the chain. */
#cnc{padding-top:76px!important}

/* Keep stage bars useful but visually quieter. */
.tour-stage-v26{
  min-height:42px!important;
  margin-bottom:12px!important;
  padding:0 2px 8px!important;
  border-bottom:1px solid #a7abad!important;
}
.tour-stage-v26__index{font-size:.92rem!important}
.tour-stage-v26>div strong{font-size:.64rem!important}
.tour-stage-v26>div em{font-size:.62rem!important}
.tour-stage-v26>b{font-size:.62rem!important}
.tour-stage-v26>a{font-size:.51rem!important}

/* Image labels: retain only factual machine plates, make them lighter. */
.machine-plate-v25{
  min-width:195px!important;
  padding:8px 10px 9px!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-left:3px solid var(--v25-orange)!important;
  background:rgba(24,27,29,.78)!important;
  box-shadow:3px 3px 0 rgba(0,0,0,.16)!important;
}
.machine-plate-v25 span{font-size:.44rem!important}
.machine-plate-v25 strong{font-size:.60rem!important}
.machine-plate-v25 em{font-size:.48rem!important}

/* Tryout stays strong without the extra photo code badge. */
.tryout-stage-v9__inset{box-shadow:5px 5px 0 rgba(0,0,0,.22)!important}

/* Works now follows Tryout directly, so create a clean editorial break. */
.home-works-v9{
  border-top:1px solid #9ea2a5!important;
  padding-top:76px!important;
}
.works-meta-v14{margin-top:-4px!important}

/* Slightly calmer process block after the gallery. */
#process{border-top:1px solid rgba(45,49,52,.12)!important}

@media(max-width:900px){
  #cnc,.home-works-v9{padding-top:62px!important}
}
@media(max-width:680px){
  #cnc,.home-works-v9{padding-top:52px!important}
  .tour-stage-v26{min-height:auto!important}
  .machine-plate-v25{display:none!important}
}


/* v30.1 — readability fix for light CNC/EDM copy panels */
.home-capability-v9 .capability-stage-v9__copy{color:#23272a!important}
.home-capability-v9 .capability-stage-v9__copy h2{color:#1d2022!important;text-shadow:none!important}
.home-capability-v9 .capability-stage-v9__copy>p{color:#5b6165!important}
.home-capability-v9 .capability-meta-v15 span{color:#c95f00!important}
.home-capability-v9 .capability-meta-v15 b{color:#272b2e!important}
.home-capability-v9 .capability-stage-v9__hero-metric span{color:#666b70!important}
.home-capability-v9 .capability-stage-v9__specs span{color:#25292c!important}
.home-capability-v9 .capability-stage-v9__specs strong{color:#5f6469!important}
.home-capability-v9 .capability-stage-v9__specs em{color:#c95f00!important}

/* ==========================================================
   INNOTECH v32 — final homepage polish
   Clear hierarchy, less duplication, tighter rhythm, stronger multilingual/mobile behavior.
   ========================================================== */

/* Overall rhythm: the homepage should feel like one production story, not stacked cards. */
#chain,#cnc,#edm,#qc,#tryout,#works,#process{scroll-margin-top:104px}
#chain{padding-top:72px!important;padding-bottom:72px!important}
#cnc,#edm,#qc,#tryout{padding-top:68px!important;padding-bottom:68px!important}
.home-works-v9,#process{padding-top:70px!important;padding-bottom:70px!important}

/* HERO — keep the large industrial image, but make the information stack cleaner. */
.hero--profile .hero__grid{min-height:600px!important;padding-top:72px!important;padding-bottom:48px!important}
.hero--profile .hero__content{max-width:830px!important}
.hero--profile .hero-techline{margin-bottom:15px!important;opacity:.72}
.hero--profile .hero-techline span{font-size:.52rem!important;letter-spacing:.105em!important}
.hero--profile .eyebrow{margin-bottom:12px!important}
.hero--profile .hero__lead{max-width:670px!important;margin-top:18px!important;font-size:.94rem!important;line-height:1.64!important}
.hero--profile .hero__actions{margin-top:24px!important}
.hero--profile .hero-facts{max-width:720px!important;margin-top:25px!important}
.hero--profile .hero-fact{min-height:72px!important;padding:13px 15px!important}
.hero--profile .hero-fact strong{font-size:1.48rem!important}
.hero--profile .hero-fact span{font-size:.58rem!important}

/* EQUIPMENT CENSUS — compact, legible, no decorative over-explaining. */
.plant-census-v25__head{align-items:center!important}
.plant-census-v25__head p{font-size:.88rem!important;line-height:1.58!important}
.plant-census-v25__grid{box-shadow:none!important}
.plant-census-v25__total{min-height:246px!important}
.plant-census-v25__ledger>div{min-height:35px!important;padding-inline:16px!important}
.plant-census-v25__ledger span{font-size:.58rem!important}
.plant-census-v25__ledger b{font-size:1.2rem!important}

/* CHAIN — read as a route, not five standalone cards. */
.section-heading--chain{margin-bottom:30px!important}
.production-chain{background:rgba(255,255,255,.015)}
.production-chain__item{min-height:146px!important;padding:20px 20px 18px!important}
.production-chain__item h3{margin:20px 0 7px!important;font-size:.9rem!important}
.production-chain__item p{font-size:.77rem!important;line-height:1.5!important}
.production-chain__item::after{opacity:.7;transform:rotate(45deg) scale(.84)!important}

/* PRODUCTION STAGES — reduce duplicated labels and make image/copy balance consistent. */
.tour-stage-v26{min-height:38px!important;margin-bottom:9px!important;padding-bottom:6px!important}
.tour-stage-v26__index{font-size:.86rem!important}
.tour-stage-v26>div{gap:9px!important}
.tour-stage-v26>div strong{font-size:.61rem!important}
.tour-stage-v26>div em{font-size:.59rem!important}
.tour-stage-v26>b{font-size:.59rem!important}
.tour-stage-v26>a{font-size:.49rem!important}

.home-capability-v9 .capability-stage-v9{min-height:535px!important}
.home-capability-v9 .capability-stage-v9__media{min-height:535px!important}
.home-capability-v9 .capability-stage-v9__copy{padding:32px 34px!important}
.home-capability-v9 .capability-stage-v9__copy h2{font-size:clamp(1.75rem,2.1vw,2.2rem)!important;line-height:.99!important;max-width:20ch!important}
.home-capability-v9 .capability-stage-v9__copy>p{margin-top:14px!important;font-size:.87rem!important;line-height:1.62!important}
.home-capability-v9 .capability-stage-v9__hero-metric{margin:19px 0 15px!important;padding:14px 0 13px 13px!important}
.home-capability-v9 .capability-stage-v9__hero-metric strong{font-size:clamp(2.2rem,3.25vw,3.35rem)!important}
.home-capability-v9 .capability-stage-v9__specs{margin-bottom:18px!important;border-top-width:1px!important}
.home-capability-v9 .capability-stage-v9__specs>div{padding:8px 0!important}
.home-capability-v9 .capability-stage-v9__inset{width:min(24%,220px)!important;right:16px!important;bottom:16px!important}
.home-capability-v9 .capability-stage-v9__inset--left{right:auto!important;left:16px!important}
.machine-plate-v25{bottom:16px!important;max-width:238px!important}

/* QC — same visual weight as CNC/EDM, less empty height. */
.quality-stage-v9{min-height:510px!important;grid-template-columns:minmax(430px,.9fr) minmax(0,1.1fr)!important}
.quality-stage-v9__copy{padding:32px 30px!important}
.quality-stage-v9__copy h2{font-size:clamp(1.75rem,2.1vw,2.2rem)!important;line-height:.99!important;max-width:18ch!important}
.quality-stage-v9__copy>p{margin-top:14px!important;font-size:.87rem!important;line-height:1.62!important}
.quality-stage-v9__rail{margin:20px 0 22px!important}
.quality-stage-v9__rail>div{padding:11px 11px!important}
.quality-stage-v9__rail strong{font-size:1.22rem!important}
.quality-stage-v9__media{min-height:510px!important}

/* TRYOUT — keep it cinematic, but prevent it from becoming a full-page billboard. */
.tryout-stage-v9{min-height:560px!important}
.tryout-stage-v9__copy{min-height:560px!important;width:40%!important;padding:34px 30px 30px!important}
.tryout-stage-v9__copy h2{font-size:clamp(1.8rem,2.2vw,2.3rem)!important;line-height:.97!important;max-width:13ch!important}
.tryout-stage-v9__copy>p{margin-top:16px!important;font-size:.86rem!important;line-height:1.6!important}
.tryout-stage-v9__number{left:20px!important;bottom:20px!important}
.tryout-stage-v9__number strong{font-size:clamp(4.7rem,7vw,6.7rem)!important}
.tryout-stage-v9__number span{font-size:.55rem!important}
.tryout-stage-v9__inset{top:56px!important;width:min(20%,235px)!important}
.tryout-stage-v9__rail{margin:21px 0 23px!important}
.tryout-stage-v9__rail>div{padding:11px 10px!important}
.tryout-stage-v9__rail strong{font-size:1.4rem!important}

/* WORKS — photography is the visual hero. */
.home-works-v9 .section-heading{margin-bottom:20px!important}
.works-mosaic-v9{grid-auto-rows:165px!important;gap:6px!important}
.works-card-v9{box-shadow:2px 2px 0 rgba(31,34,36,.14)!important}
.works-card-v9__caption{padding:13px 14px!important}
.works-card-v9__index{font-size:.52rem!important}
.works-footer-v9{margin-top:14px!important;padding-top:11px!important}

/* PROCESS — keep interactivity, but make the six-step strip fast to scan. */
#process .section-heading{margin-bottom:24px!important}
.home-process__step{min-height:148px!important;padding:16px 14px 14px!important}
.home-process__step>strong{width:27px!important;height:27px!important;margin-bottom:21px!important}
.home-process__step h3{font-size:.79rem!important;line-height:1.25!important}
.home-process__step p{font-size:.76rem!important;line-height:1.48!important}
.home-process__note{font-size:.51rem!important}
.process-inspector-v19{margin-top:12px!important}

/* FINAL CTA — concise ending, no oversized dead space. */
main>section[data-section="10"]{padding-top:64px!important;padding-bottom:64px!important}
.cta-panel{min-height:0!important;padding-top:34px!important;padding-bottom:34px!important}
.cta-panel h2{font-size:clamp(1.85rem,2.5vw,2.55rem)!important;max-width:20ch!important}
.cta-panel p{max-width:620px!important}

/* EN / ZH: avoid ugly one-word last lines. */
html[data-site-lang="en"] .hero-title-v13{max-width:800px!important}
html[data-site-lang="en"] .home-capability-v9 .capability-stage-v9__copy h2{max-width:24ch!important;font-size:clamp(1.65rem,1.95vw,2.05rem)!important}
html[data-site-lang="en"] .quality-stage-v9__copy h2{max-width:22ch!important}
html[data-site-lang="en"] .tryout-stage-v9__copy h2{max-width:18ch!important;font-size:clamp(1.7rem,2vw,2.15rem)!important}
html[data-site-lang="zh"] .hero-title-v13{max-width:15ch!important}
html[data-site-lang="zh"] .home-capability-v9 .capability-stage-v9__copy h2,
html[data-site-lang="zh"] .quality-stage-v9__copy h2,
html[data-site-lang="zh"] .tryout-stage-v9__copy h2{font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif!important;line-height:1.12!important;text-transform:none!important;max-width:15ch!important}

@media(max-width:1100px){
  .home-capability-v9 .capability-stage-v9,.home-capability-v9 .capability-stage-v9--reverse{grid-template-columns:1fr!important}
  .home-capability-v9 .capability-stage-v9--reverse .capability-stage-v9__media{order:0!important}
  .home-capability-v9 .capability-stage-v9__media{min-height:440px!important}
  .quality-stage-v9{grid-template-columns:1fr!important;min-height:0!important}
  .quality-stage-v9__media{min-height:430px!important}
  .tryout-stage-v9__copy{width:46%!important}
}

@media(max-width:760px){
  #chain,#cnc,#edm,#qc,#tryout,.home-works-v9,#process{padding-top:50px!important;padding-bottom:50px!important}
  .hero--profile .hero__grid{min-height:auto!important;padding-top:58px!important;padding-bottom:42px!important}
  .hero--profile .hero-techline{overflow-x:auto;white-space:nowrap;padding-bottom:3px}
  .hero--profile .hero-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .hero--profile .hero-fact{min-height:64px!important;padding:10px!important}
  .hero--profile .hero-fact strong{font-size:1.18rem!important}
  .production-chain__item{min-height:auto!important}
  .home-capability-v9 .capability-stage-v9__media{min-height:330px!important}
  .home-capability-v9 .capability-stage-v9__copy{padding:27px 22px!important}
  .home-capability-v9 .capability-stage-v9__inset,.machine-plate-v25{display:none!important}
  .quality-stage-v9__copy{padding:27px 22px!important}
  .quality-stage-v9__media{min-height:330px!important}
  .tryout-stage-v9{padding-top:330px!important;min-height:auto!important}
  .tryout-stage-v9__copy{width:100%!important;min-height:0!important;padding:28px 22px!important}
  .tryout-stage-v9__number{top:236px!important;bottom:auto!important}
  .tryout-stage-v9__inset{top:48px!important;width:185px!important}
  .works-mosaic-v9{grid-auto-rows:230px!important}
  .home-process__step{min-height:138px!important}
  main>section[data-section="10"]{padding-top:50px!important;padding-bottom:50px!important}
}

@media(max-width:520px){
  .hero--profile .hero-facts{grid-template-columns:1fr!important}
  .hero--profile .hero-fact{min-height:auto!important;display:grid!important;grid-template-columns:110px 1fr!important;align-items:center!important}
  .tour-stage-v26{grid-template-columns:48px 1fr!important;gap:6px 9px!important}
  .tour-stage-v26>b,.tour-stage-v26>a{grid-column:2!important;justify-self:start!important}
  .works-mosaic-v9{grid-auto-rows:260px!important}
  .tryout-stage-v9__number strong{font-size:4rem!important}
}


/* ==========================================================
   INNOTECH v33 — WORKS / industrial showroom
   ========================================================== */
.works-showcase-v33{padding:66px 0 54px;border-bottom:1px solid #aeb2b4;background:#dfddd7}
.works-showcase-v33__head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:48px;align-items:end;margin-bottom:22px}
.works-showcase-v33__head h2{max-width:19ch;margin:0;color:#202427;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(2rem,2.8vw,2.9rem);font-weight:400;line-height:.96;text-transform:uppercase;text-wrap:balance}
.works-showcase-v33__head p{max-width:580px;margin:0;color:#5f6569;font-size:.9rem;line-height:1.65}
.works-showcase-v33__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:245px 245px;gap:8px}
.works-showcase-v33__card{position:relative;grid-column:span 4;overflow:hidden;padding:0;border:1px solid #3e4346;border-radius:0;background:#202427;color:#fff;text-align:left;cursor:pointer;box-shadow:4px 4px 0 rgba(31,34,36,.14)}
.works-showcase-v33__card--hero{grid-column:span 8;grid-row:span 2}
.works-showcase-v33__card img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.04);transition:transform .35s ease,filter .35s ease}
.works-showcase-v33__card::after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,14,16,.03) 44%,rgba(12,14,16,.74));content:"";pointer-events:none}
.works-showcase-v33__index{position:absolute;z-index:2;top:14px;left:14px;padding:7px 9px;border-left:3px solid #e87500;background:rgba(25,28,30,.78);font-size:.52rem;font-weight:900;letter-spacing:.11em}
.works-showcase-v33__caption{position:absolute;z-index:2;right:18px;bottom:17px;left:18px;display:grid;gap:4px}
.works-showcase-v33__caption strong{font-size:.84rem;letter-spacing:.045em;text-transform:uppercase}
.works-showcase-v33__card--hero .works-showcase-v33__caption strong{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.45rem;font-weight:400;letter-spacing:.025em}
.works-showcase-v33__caption em{color:#d2d5d4;font-size:.63rem;font-style:normal}
@media(hover:hover){.works-showcase-v33__card:hover img{transform:scale(1.018);filter:saturate(1) contrast(1.03)}.works-showcase-v33__card:hover{border-color:#e87500}}
.works-showcase-v33__rail{display:flex;gap:18px;align-items:center;margin-top:12px;padding:10px 0;border-top:1px solid #a2a6a8;border-bottom:1px solid #a2a6a8;color:#5d6266;font-size:.56rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.works-showcase-v33__rail span::before{margin-right:7px;color:#c95f00;content:"/"}
.works-showcase-v33__rail a{margin-left:auto;color:#292d30;text-decoration:none}
.works-showcase-v33__rail a:hover{color:#c95f00}

.page-works-v33 .portfolio-section{padding-top:60px!important;background:#ebe8e2!important}
.portfolio-toolbar-v33{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;margin-bottom:22px}
.portfolio-toolbar-v33__copy h2{max-width:18ch;margin:0;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(1.95rem,2.65vw,2.7rem);font-weight:400;line-height:.97;text-transform:uppercase;text-wrap:balance}
.portfolio-toolbar-v33__copy p{max-width:580px;margin:13px 0 0;color:#62676a;font-size:.86rem;line-height:1.6}
.portfolio-toolbar-v33__tools{display:grid;gap:10px;justify-items:end}
.portfolio-toolbar-v33__count{color:#8a8f92;font-size:.53rem;font-weight:900;letter-spacing:.11em}
.page-works-v33 .filter-bar{display:flex;gap:5px;justify-content:flex-end;flex-wrap:wrap}
.page-works-v33 .filter-btn{min-height:34px;padding:0 13px;border:1px solid #a5a9ab;background:transparent;color:#4c5154;font-size:.57rem;font-weight:900;letter-spacing:.075em;text-transform:uppercase}
.page-works-v33 .filter-btn.is-active{border-color:#292d30;background:#292d30;color:#fff;box-shadow:inset 3px 0 #e87500}
.page-works-v33 .portfolio-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:270px!important;gap:8px!important}
.page-works-v33 .portfolio-card,.page-works-v33 .portfolio-card--wide,.page-works-v33 .portfolio-card--tall,.page-works-v33 .portfolio-card--xl{grid-column:auto!important;grid-row:auto!important;min-height:0!important;border:1px solid #474c4f!important;box-shadow:3px 3px 0 rgba(31,34,36,.14)!important}
.page-works-v33 .portfolio-card__tech-v19{display:none!important}
.page-works-v33 .portfolio-card__caption{right:14px!important;bottom:13px!important;left:14px!important;padding:0!important;background:transparent!important}
.page-works-v33 .portfolio-card__caption strong{font-size:.76rem!important;letter-spacing:.035em!important}
.page-works-v33 .portfolio-card__caption em{margin-top:3px;color:#d0d3d2!important;font-size:.59rem!important}
.page-works-v33 .portfolio-card__index{top:12px!important;left:12px!important;padding:6px 8px!important;border:0!important;border-left:3px solid #e87500!important;background:rgba(25,28,30,.72)!important;color:#fff!important}
.page-works-v33 .portfolio-card__zoom{top:12px!important;right:12px!important;width:30px!important;height:30px!important;border:1px solid rgba(255,255,255,.42)!important;background:rgba(25,28,30,.62)!important}
.page-works-v33 .portfolio-card__open::after{background:linear-gradient(180deg,rgba(12,14,16,0) 46%,rgba(12,14,16,.78))!important}
.page-works-v33 .works-rfq-v24{margin-top:22px!important}
.page-works-v33 .gallery-lightbox__tech-v19{color:#ff9827!important;letter-spacing:.1em!important}

@media(max-width:1050px){
  .works-showcase-v33__head{grid-template-columns:1fr;gap:12px}
  .works-showcase-v33__grid{grid-template-rows:220px 220px}
  .portfolio-toolbar-v33{grid-template-columns:1fr;gap:16px}
  .portfolio-toolbar-v33__tools{justify-items:start}
  .page-works-v33 .filter-bar{justify-content:flex-start}
  .page-works-v33 .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:250px!important}
}
@media(max-width:720px){
  .works-showcase-v33{padding:48px 0 42px}
  .works-showcase-v33__head h2{max-width:15ch;font-size:clamp(1.85rem,8.5vw,2.45rem)}
  .works-showcase-v33__grid{grid-template-columns:1fr;grid-template-rows:310px 220px 220px}
  .works-showcase-v33__card,.works-showcase-v33__card--hero{grid-column:1;grid-row:auto}
  .works-showcase-v33__rail{overflow-x:auto;white-space:nowrap}
  .works-showcase-v33__rail a{margin-left:12px}
  .page-works-v33 .portfolio-section{padding-top:46px!important}
  .page-works-v33 .portfolio-grid{grid-template-columns:1fr!important;grid-auto-rows:290px!important}
  .page-works-v33 .filter-bar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}
  .page-works-v33 .filter-btn{flex:0 0 auto}
}
html[data-site-lang="en"] .works-showcase-v33__head h2{max-width:24ch}
html[data-site-lang="zh"] .works-showcase-v33__head h2,html[data-site-lang="zh"] .portfolio-toolbar-v33__copy h2{font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif!important;font-weight:900!important;line-height:1.08!important;text-transform:none!important}


/* ==========================================================
   INNOTECH v34 — COMPANY / supplier profile
   ========================================================== */
.page-about-v34 .page-hero--company .page-hero__inner{max-width:900px}
.page-about-v34 .page-hero--company h1{max-width:18ch!important}
.page-about-v34 .page-hero--company p{max-width:700px}

.supplier-overview-v34{background:#ece9e3}
.supplier-overview-v34__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:56px;align-items:stretch}
.supplier-overview-v34__copy{display:flex;flex-direction:column;justify-content:center}
.supplier-overview-v34__copy h2{max-width:15ch;margin:0;color:#202427;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(2rem,2.8vw,2.85rem);font-weight:400;line-height:.96;text-transform:uppercase;text-wrap:balance}
.supplier-overview-v34__copy>p{max-width:600px;margin:20px 0 0;color:#5e6468;font-size:.92rem;line-height:1.68}
.supplier-gates-v34{display:grid;margin-top:28px;border-top:1px solid #9ea2a5;border-bottom:1px solid #9ea2a5}
.supplier-gates-v34>div{display:grid;grid-template-columns:42px 135px 1fr;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #c0c3c4}
.supplier-gates-v34>div:last-child{border-bottom:0}
.supplier-gates-v34 span{color:#c95f00;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.05rem}
.supplier-gates-v34 strong{color:#292d30;font-size:.65rem;letter-spacing:.075em}
.supplier-gates-v34 em{color:#6c7174;font-size:.66rem;font-style:normal}
.supplier-overview-v34__links{display:flex;gap:24px;flex-wrap:wrap;margin-top:22px}
.supplier-overview-v34__media{position:relative;min-height:540px;overflow:hidden;border:1px solid #404548;background:#202427;box-shadow:5px 5px 0 rgba(31,34,36,.14)}
.supplier-overview-v34__main{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.04)}
.supplier-overview-v34__inset{position:absolute;left:18px;bottom:18px;width:31%;min-width:190px;aspect-ratio:4/3;object-fit:cover;border:1px solid rgba(255,255,255,.7);border-bottom:4px solid #e87500;box-shadow:6px 6px 0 rgba(0,0,0,.24)}
.supplier-overview-v34__label{position:absolute;top:16px;right:16px;display:grid;gap:3px;padding:9px 11px;border-left:3px solid #e87500;background:rgba(25,28,30,.78);color:#fff}
.supplier-overview-v34__label span{font-size:.48rem;font-weight:900;letter-spacing:.11em}
.supplier-overview-v34__label b{font-size:.58rem;letter-spacing:.065em}

.supplier-chain-v34{border-top:0!important}
.supplier-chain-v34__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #5a5f62;border-bottom:1px solid #5a5f62}
.supplier-chain-v34__grid a{position:relative;display:flex;flex-direction:column;min-height:205px;padding:22px 20px;border-right:1px solid #505558;color:#fff;text-decoration:none}
.supplier-chain-v34__grid a:last-child{border-right:0}
.supplier-chain-v34__grid span{color:#ff9827;font-size:.56rem;font-weight:900;letter-spacing:.1em}
.supplier-chain-v34__grid strong{margin-top:40px;font-size:.86rem;letter-spacing:.065em;text-transform:uppercase}
.supplier-chain-v34__grid em{margin-top:8px;color:#b7bbba;font-size:.68rem;font-style:normal;line-height:1.5}
.supplier-chain-v34__grid b{margin-top:auto;padding-top:18px;color:#ff9827;font-size:.57rem;letter-spacing:.075em}
.supplier-chain-v34__grid a::after{position:absolute;right:0;bottom:0;left:0;height:3px;background:#e87500;transform:scaleX(0);transform-origin:left;transition:transform .16s ease;content:""}
@media(hover:hover){.supplier-chain-v34__grid a:hover{background:#292d30}.supplier-chain-v34__grid a:hover::after{transform:scaleX(1)}}

.supplier-capacity-v34{background:#e8e5df}
.supplier-capacity-v34__head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:48px;align-items:end;margin-bottom:24px}
.supplier-capacity-v34__head h2{max-width:18ch;margin:0;color:#202427;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(2rem,2.7vw,2.8rem);font-weight:400;line-height:.97;text-transform:uppercase;text-wrap:balance}
.supplier-capacity-v34__head p{max-width:590px;margin:0;color:#60666a;font-size:.9rem;line-height:1.65}
.supplier-capacity-v34__body{display:grid;grid-template-columns:250px minmax(0,1fr);border:1px solid #858a8d;background:#efede8}
.supplier-capacity-v34__total{display:flex;flex-direction:column;justify-content:center;min-height:318px;padding:24px;border-right:1px solid #858a8d;background:#24282b;color:#fff}
.supplier-capacity-v34__total>span{color:#aeb3b2;font-size:.5rem;font-weight:900;letter-spacing:.11em}
.supplier-capacity-v34__total strong{margin-top:18px;color:#ff8b12;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:5.6rem;font-weight:400;line-height:.78}
.supplier-capacity-v34__total em{margin-top:8px;font-size:.7rem;font-style:normal;font-weight:900;letter-spacing:.12em}
.supplier-capacity-v34__total b{margin-top:20px;color:#bcc0bf;font-size:.57rem;letter-spacing:.075em}
.supplier-capacity-v34__total .text-link{margin-top:28px;color:#fff}
.supplier-capacity-v34__ledger{display:grid}
.supplier-capacity-v34__ledger>div{display:grid;grid-template-columns:42px 60px 1fr;gap:12px;align-items:center;min-height:45px;padding:0 18px;border-bottom:1px solid #c1c4c5}
.supplier-capacity-v34__ledger>div:last-child{border-bottom:0}
.supplier-capacity-v34__ledger span{color:#8a8f92;font-size:.54rem;font-weight:900}
.supplier-capacity-v34__ledger strong{color:#c95f00;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.35rem;font-weight:400}
.supplier-capacity-v34__ledger p{margin:0;color:#33373a;font-size:.72rem;font-weight:800}

.supplier-scale-v34__grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);gap:0;border:1px solid #454a4d;background:#eceae5;box-shadow:5px 5px 0 rgba(31,34,36,.13)}
.supplier-scale-v34__media{position:relative;min-height:560px;overflow:hidden;border-right:1px solid #454a4d;background:#202427}
.supplier-scale-v34__media img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.05)}
.supplier-scale-v34__tag{position:absolute;left:16px;bottom:16px;padding:8px 10px;border-left:3px solid #e87500;background:rgba(25,28,30,.78);color:#fff;font-size:.52rem;font-weight:900;letter-spacing:.1em}
.supplier-scale-v34__copy{display:flex;flex-direction:column;justify-content:center;padding:38px 34px}
.supplier-scale-v34__copy h2{max-width:18ch;margin:0;color:#202427;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(1.95rem,2.55vw,2.65rem);font-weight:400;line-height:.97;text-transform:uppercase;text-wrap:balance}
.supplier-scale-v34__copy>p{margin:18px 0 0;color:#61666a;font-size:.88rem;line-height:1.64}
.supplier-scale-v34__metrics{display:grid;margin-top:26px;border-top:1px solid #999da0}
.supplier-scale-v34__metrics>div{display:grid;grid-template-columns:145px 1fr;gap:4px 14px;padding:13px 0;border-bottom:1px solid #b9bcbe}
.supplier-scale-v34__metrics strong{grid-row:1/3;color:#c95f00;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.45rem;font-weight:400;line-height:1}
.supplier-scale-v34__metrics span{color:#292d30;font-size:.66rem;font-weight:900}
.supplier-scale-v34__metrics em{color:#777c7f;font-size:.61rem;font-style:normal}

.supplier-assurance-v34{background:#efede8}
.supplier-assurance-v34__rows{display:grid;border-top:1px solid #888d90;border-bottom:1px solid #888d90}
.supplier-assurance-v34__rows article{display:grid;grid-template-columns:150px minmax(230px,.85fr) minmax(0,1.4fr) 180px;gap:20px;align-items:center;min-height:92px;padding:16px 0;border-bottom:1px solid #b7babc}
.supplier-assurance-v34__rows article:last-child{border-bottom:0}
.supplier-assurance-v34__rows span{color:#c95f00;font-size:.54rem;font-weight:900;letter-spacing:.09em}
.supplier-assurance-v34__rows h3{margin:0;color:#24282b;font-size:.78rem;line-height:1.35;text-transform:uppercase}
.supplier-assurance-v34__rows p{margin:0;color:#62676a;font-size:.76rem;line-height:1.55}
.supplier-assurance-v34__rows b{justify-self:end;color:#8b9093;font-size:.5rem;letter-spacing:.08em;text-align:right}

.supplier-cta-v34 .about-cta>div:first-child{max-width:750px}
.supplier-cta-v34 .about-cta h2{max-width:18ch}
.supplier-cta-v34 .about-cta p{max-width:650px;margin:13px 0 0;color:#b8bcbb;font-size:.84rem;line-height:1.6}

@media(max-width:1100px){
  .supplier-overview-v34__grid,.supplier-scale-v34__grid{grid-template-columns:1fr}
  .supplier-overview-v34__media{min-height:470px}
  .supplier-chain-v34__grid{grid-template-columns:repeat(3,1fr)}
  .supplier-chain-v34__grid a:nth-child(3){border-right:0}.supplier-chain-v34__grid a:nth-child(-n+3){border-bottom:1px solid #505558}
  .supplier-capacity-v34__head{grid-template-columns:1fr;gap:12px}
  .supplier-scale-v34__media{min-height:460px;border-right:0;border-bottom:1px solid #454a4d}
  .supplier-assurance-v34__rows article{grid-template-columns:130px 1fr 1.35fr}.supplier-assurance-v34__rows b{grid-column:2/-1;justify-self:start}
}
@media(max-width:760px){
  .supplier-overview-v34__grid{gap:30px}.supplier-overview-v34__copy h2{max-width:14ch;font-size:clamp(1.85rem,8vw,2.45rem)}
  .supplier-gates-v34>div{grid-template-columns:38px 1fr}.supplier-gates-v34 em{grid-column:2}
  .supplier-overview-v34__media{min-height:360px}.supplier-overview-v34__inset{display:none}
  .supplier-chain-v34__grid{grid-template-columns:1fr}.supplier-chain-v34__grid a,.supplier-chain-v34__grid a:nth-child(3){min-height:135px;border-right:0;border-bottom:1px solid #505558}.supplier-chain-v34__grid strong{margin-top:18px}.supplier-chain-v34__grid b{padding-top:12px}
  .supplier-capacity-v34__body{grid-template-columns:1fr}.supplier-capacity-v34__total{min-height:200px;border-right:0;border-bottom:1px solid #858a8d}.supplier-capacity-v34__total strong{font-size:4.5rem}.supplier-capacity-v34__ledger>div{grid-template-columns:34px 52px 1fr;padding:0 12px}
  .supplier-scale-v34__media{min-height:340px}.supplier-scale-v34__copy{padding:28px 22px}.supplier-scale-v34__copy h2{max-width:15ch;font-size:clamp(1.8rem,8vw,2.35rem)}
  .supplier-scale-v34__metrics>div{grid-template-columns:120px 1fr}
  .supplier-assurance-v34__rows article{grid-template-columns:1fr;gap:8px;min-height:0;padding:18px 0}.supplier-assurance-v34__rows b{grid-column:auto;justify-self:start}.supplier-assurance-v34__rows h3{font-size:.82rem}
}
html[data-site-lang="en"] .supplier-overview-v34__copy h2,html[data-site-lang="en"] .supplier-scale-v34__copy h2{max-width:22ch}
html[data-site-lang="zh"] .supplier-overview-v34__copy h2,html[data-site-lang="zh"] .supplier-chain-v34 h2,html[data-site-lang="zh"] .supplier-capacity-v34 h2,html[data-site-lang="zh"] .supplier-scale-v34__copy h2,html[data-site-lang="zh"] .supplier-assurance-v34 h2{font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif!important;font-weight:900!important;line-height:1.1!important;text-transform:none!important}


/* =========================================================
   INNOTECH v35 — production RFQ workflow
   ========================================================= */
.contact-rfq-grid--v35{grid-template-columns:minmax(290px,.58fr) minmax(0,1.42fr)!important;gap:42px!important}
.contact-rfq-intro--v35{top:104px!important}
.contact-rfq-intro--v35 h2{max-width:13ch!important}
.rfq-minimum-v35{display:grid;margin-top:26px;border-top:1px solid #b8bbbc;border-bottom:1px solid #b8bbbc}
.rfq-minimum-v35 article{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #d0d1cf}.rfq-minimum-v35 article:last-child{border-bottom:0}
.rfq-minimum-v35 article>span{color:#c95f00;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.05rem}.rfq-minimum-v35 strong{display:block;color:#25292b;font-size:.72rem;text-transform:uppercase}.rfq-minimum-v35 p{margin:4px 0 0;color:#72777a;font-size:.68rem;line-height:1.45}
.rfq-live-summary-v35{margin-top:22px;padding:17px;border:1px solid #c1c3c2;background:#e6e4de;box-shadow:4px 4px 0 rgba(31,34,36,.08)}
.rfq-live-summary-v35__head{display:flex;justify-content:space-between;gap:14px;align-items:center}.rfq-live-summary-v35__head span{color:#6d7275;font-size:.52rem;font-weight:900;letter-spacing:.11em}.rfq-live-summary-v35__head strong{color:#c95f00;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.35rem;font-weight:400}
.rfq-live-summary-v35__track{height:4px;margin:9px 0 12px;background:#c7c7c3}.rfq-live-summary-v35__track i{display:block;width:0;height:100%;background:#e87500;transition:width .22s ease}
.rfq-live-summary-v35 dl{margin:0}.rfq-live-summary-v35 dl>div{display:grid;grid-template-columns:92px 1fr;gap:10px;padding:7px 0;border-top:1px solid #cccdca}.rfq-live-summary-v35 dt{color:#74797c;font-size:.56rem;font-weight:900;text-transform:uppercase}.rfq-live-summary-v35 dd{margin:0;color:#2b2f31;font-size:.67rem;font-weight:800;text-align:right;overflow-wrap:anywhere}.rfq-live-summary-v35>p{margin:10px 0 0;color:#74797c;font-size:.64rem;line-height:1.45}
.contact-rfq-form--v35{position:relative;padding:30px!important;border:1px solid #505558!important;box-shadow:6px 6px 0 rgba(0,0,0,.18)!important}
.contact-rfq-form--v35::before{position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,#e87500 0 28%,#555a5d 28%);content:""}
.contact-rfq-form__head--v35{margin-bottom:18px!important;padding-bottom:17px!important}.contact-rfq-form__head--v35 h2{font-size:clamp(1.7rem,2.3vw,2.25rem)!important}.contact-rfq-form__head--v35 p{margin:9px 0 0;color:#aeb2b1;font-size:.75rem;line-height:1.5}
.rfq-kind-v35{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px;border:1px solid #505558}
.rfq-kind-v35 button{min-height:44px;padding:8px;border:0;border-right:1px solid #505558;color:#bfc3c2;background:#2a2e31;font-size:.58rem;font-weight:900;letter-spacing:.045em;text-transform:uppercase}.rfq-kind-v35 button:last-child{border-right:0}.rfq-kind-v35 button.is-active,.rfq-kind-v35 button:hover{color:#fff;background:#363a3d;box-shadow:inset 0 -3px #e87500}
.rfq-context-v35{display:grid;grid-template-columns:90px 1fr;gap:12px;margin-bottom:18px;padding:10px 12px;border-left:3px solid #e87500;background:#272b2e}.rfq-context-v35 span{color:#ff9827;font-size:.5rem;font-weight:900;letter-spacing:.1em}.rfq-context-v35 p{margin:0;color:#aeb2b1;font-size:.65rem;line-height:1.42}
.rfq-stepper-v35{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:22px;border-top:1px solid #54595c;border-bottom:1px solid #54595c}
.rfq-stepper-v35 button{position:relative;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;gap:2px 7px;min-height:62px;padding:11px 12px;border:0;border-right:1px solid #505558;color:#8f9496;background:transparent;text-align:left}.rfq-stepper-v35 button:last-child{border-right:0}.rfq-stepper-v35 span{grid-row:1/3;align-self:center;color:#8d9294;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.05rem}.rfq-stepper-v35 strong{color:#c0c4c3;font-size:.65rem;text-transform:uppercase}.rfq-stepper-v35 em{font-size:.56rem;font-style:normal}.rfq-stepper-v35 button.is-active{background:#373b3e}.rfq-stepper-v35 button.is-active span{color:#ff9827}.rfq-stepper-v35 button.is-active strong{color:#fff}.rfq-stepper-v35 button.is-complete::after{position:absolute;top:0;right:0;left:0;height:2px;background:#e87500;content:""}
.rfq-step-v35[hidden]{display:none!important}.rfq-step-v35{animation:rfqStepIn .2s ease both}@keyframes rfqStepIn{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}
.rfq-block-label-v35{display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:end;margin:0 0 16px;padding:0 0 10px;border-bottom:1px solid #555a5d}.rfq-block-label-v35>span{color:#ff9827;font-size:.52rem;font-weight:900;letter-spacing:.1em}.rfq-block-label-v35>strong{color:#fff;font-size:.76rem;text-transform:uppercase}.rfq-block-label-v35>em{color:#8f9496;font-size:.57rem;font-style:normal;text-align:right}
.form-grid--v35{gap:13px 14px!important}.contact-rfq-form--v35 .form-field label{display:block}.contact-rfq-form--v35 .form-field label b{color:#ff9827;font-weight:900}.contact-rfq-form--v35 select{width:100%;min-height:46px;padding:11px 13px;border:1px solid #62676a!important;border-radius:0;color:#e8eae9;background:#292d30;font:inherit;font-size:.84rem;outline:0}.contact-rfq-form--v35 select:focus{border-color:#e87500!important;box-shadow:inset 4px 0 #e87500!important}
.contact-rfq-form--v35 [data-rfq-invalid="true"] input,.contact-rfq-form--v35 [data-rfq-invalid="true"] textarea,.contact-rfq-form--v35 [data-rfq-invalid="true"] select,.contact-rfq-form--v35 [data-rfq-invalid="true"] .rfq-file-button-v35,.contact-rfq-form--v35 [data-rfq-invalid="true"] .rfq-dropzone-v35{border-color:#d85842!important;box-shadow:inset 3px 0 #d85842!important}
.rfq-drawing-toggle-v35{padding:12px 0 2px;border-top:1px solid #4e5356}.rfq-drawing-toggle-v35>p{margin:7px 0 0;color:#8f9496;font-size:.62rem;line-height:1.45}
.rfq-check-v35{display:flex!important;gap:10px;align-items:center;cursor:pointer}.rfq-check-v35 input{position:absolute;opacity:0;pointer-events:none}.rfq-check-v35>span{width:19px;height:19px;border:1px solid #777c7f;background:#25292c}.rfq-check-v35 input:checked+span{border-color:#e87500;background:linear-gradient(135deg,#e87500 0 46%,#25292c 46% 54%,#e87500 54%)}.rfq-check-v35 strong{color:#fff;font-size:.69rem;text-transform:uppercase}
.rfq-file-button-v35{display:grid!important;grid-template-columns:120px 1fr;gap:12px;align-items:center;min-height:48px;border:1px solid #62676a;background:#292d30;cursor:pointer}.rfq-file-button-v35 span{display:grid;place-items:center;align-self:stretch;border-right:1px solid #555a5d;color:#ff9827;font-size:.58rem;font-weight:900;text-transform:uppercase}.rfq-file-button-v35 strong{padding-right:12px;color:#bdc1c0;font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rfq-dropzone-v35{display:grid!important;grid-template-columns:76px 1fr;grid-template-rows:auto auto;gap:3px 13px;align-items:center;min-height:86px;padding:14px;border:1px dashed #696e71;background:#272b2e;cursor:pointer;transition:.15s ease}.rfq-dropzone-v35:hover,.rfq-dropzone-v35.is-dragging{border-color:#e87500;background:#2e3235}.rfq-dropzone-v35>span{grid-row:1/3;display:grid;place-items:center;align-self:stretch;border-right:1px solid #555a5d;color:#ff9827;font-size:.56rem;font-weight:900;letter-spacing:.08em}.rfq-dropzone-v35>strong{color:#fff;font-size:.68rem;line-height:1.35;text-transform:uppercase}.rfq-dropzone-v35>em{color:#909597;font-size:.56rem;font-style:normal}.rfq-dropzone-v35--secondary{min-height:72px;background:#25292c}.rfq-file-list-v35{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.rfq-file-list-v35 span{padding:5px 7px;border:1px solid #4f5457;color:#aeb2b1;background:#292d30;font-size:.56rem}.rfq-file-list-v35 span.is-file{border-color:#676c6f;color:#d8d9d8}
.rfq-choice-v35{display:flex;gap:8px;align-items:center;margin:0;padding:12px 0;border:0;border-top:1px solid #4e5356;border-bottom:1px solid #4e5356}.rfq-choice-v35 legend{float:left;width:170px;color:#d1d3d1;font-size:.64rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.rfq-choice-v35 label{display:inline-flex!important;align-items:center;gap:6px;padding:7px 10px;border:1px solid #575c5f;color:#c0c4c3;background:#292d30;cursor:pointer}.rfq-choice-v35 label input{accent-color:#e87500}.rfq-choice-v35 label span{font-size:.64rem;font-weight:900;text-transform:uppercase}
.rfq-optional-v35{margin-top:16px;border:1px solid #505558;background:#292d30}.rfq-optional-v35 summary{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;color:#d4d6d5;font-size:.65rem;font-weight:900;text-transform:uppercase;cursor:pointer}.rfq-optional-v35 summary span{color:#858a8c;font-size:.55rem}.rfq-optional-v35[open] summary{border-bottom:1px solid #505558}.rfq-optional-v35 .form-grid{padding:14px}
.rfq-step-actions-v35{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid #555a5d}.rfq-step-actions-v35>span{grid-column:2;color:#858a8c;font-size:.56rem;font-weight:900;text-transform:uppercase}.rfq-step-actions-v35>.btn:first-child:not(:last-child){justify-self:start}.rfq-step-actions-v35>.btn:last-child{justify-self:end}.btn--ghost-dark{border:1px solid #676c6f!important;color:#d7d9d8!important;background:transparent!important}.btn--ghost-dark:hover{border-color:#e87500!important;color:#fff!important}
.rfq-review-v35{margin-top:15px;padding:14px;border:1px solid #555a5d;border-left:3px solid #e87500;background:#272b2e}.rfq-review-v35 span{display:block;color:#ff9827;font-size:.51rem;font-weight:900;letter-spacing:.1em}.rfq-review-v35 strong{display:block;margin-top:5px;color:#fff;font-size:.72rem;text-transform:uppercase}.rfq-review-v35 p{margin:6px 0 0;color:#9fa4a3;font-size:.64rem;line-height:1.48}
.rfq-submit-status-v35{margin-top:20px;padding:18px;border:1px solid #606568;background:#24282b}.rfq-submit-status-v35>span{color:#ff9827;font-size:.52rem;font-weight:900;letter-spacing:.1em}.rfq-submit-status-v35 h3{margin:5px 0 6px;color:#fff;font-size:1rem;text-transform:uppercase}.rfq-submit-status-v35 p{margin:0;color:#b7bbba;font-size:.7rem;line-height:1.5}.rfq-submit-actions-v35{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.rfq-submit-status-v35 small{display:block;margin-top:10px;color:#858a8c;font-size:.56rem;line-height:1.45}
.modal__dialog--rfq-v35{max-width:650px!important}.modal-rfq-route-v35{display:grid;border-top:1px solid #d0d1cf;border-bottom:1px solid #d0d1cf}.modal-rfq-route-v35>div{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;gap:2px 10px;padding:12px 0;border-bottom:1px solid #dddeda}.modal-rfq-route-v35>div:last-child{border-bottom:0}.modal-rfq-route-v35 span{grid-row:1/3;align-self:center;color:#c95f00;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:1.1rem}.modal-rfq-route-v35 strong{color:#25292b;font-size:.7rem;text-transform:uppercase}.modal-rfq-route-v35 em{color:#74797c;font-size:.62rem;font-style:normal}.modal__dialog--rfq-v35 .form-actions{margin-top:18px}
@media(max-width:980px){.contact-rfq-grid--v35{grid-template-columns:1fr!important}.contact-rfq-intro--v35{position:static!important}.contact-rfq-intro--v35 h2{max-width:20ch!important}.rfq-minimum-v35{grid-template-columns:repeat(3,1fr);border:1px solid #c5c6c3}.rfq-minimum-v35 article{grid-template-columns:1fr;border-bottom:0;border-right:1px solid #d0d1cf;padding:14px}.rfq-minimum-v35 article:last-child{border-right:0}.rfq-live-summary-v35{display:none}}
@media(max-width:720px){.contact-rfq-form--v35{padding:22px 18px!important}.rfq-kind-v35{grid-template-columns:repeat(2,1fr)}.rfq-kind-v35 button:nth-child(2){border-right:0}.rfq-kind-v35 button:nth-child(-n+2){border-bottom:1px solid #505558}.rfq-stepper-v35 button{grid-template-columns:1fr;grid-template-rows:auto auto auto;text-align:center}.rfq-stepper-v35 span{grid-row:auto}.rfq-stepper-v35 em{display:none}.rfq-context-v35{grid-template-columns:1fr}.rfq-block-label-v35{grid-template-columns:1fr;gap:4px}.rfq-block-label-v35>em{text-align:left}.rfq-choice-v35{display:grid}.rfq-choice-v35 legend{float:none;width:auto}.rfq-step-actions-v35{grid-template-columns:1fr 1fr}.rfq-step-actions-v35>span{display:none}.rfq-step-actions-v35 .btn{width:100%;justify-content:center!important}.rfq-minimum-v35{grid-template-columns:1fr}.rfq-minimum-v35 article{border-right:0;border-bottom:1px solid #d0d1cf}.rfq-minimum-v35 article:last-child{border-bottom:0}}
@media(max-width:480px){.rfq-kind-v35{grid-template-columns:1fr}.rfq-kind-v35 button{border-right:0!important;border-bottom:1px solid #505558!important}.rfq-kind-v35 button:last-child{border-bottom:0!important}.rfq-stepper-v35 strong{font-size:.58rem}.rfq-file-button-v35{grid-template-columns:96px 1fr}.rfq-dropzone-v35{grid-template-columns:1fr}.rfq-dropzone-v35>span{grid-row:auto;border-right:0;border-bottom:1px solid #555a5d;padding-bottom:7px;place-items:start}.rfq-step-actions-v35{grid-template-columns:1fr}.rfq-submit-actions-v35{display:grid}.rfq-submit-actions-v35 .btn{width:100%;justify-content:center}}


/* v36 — language & terminology QA */
html[data-site-lang="en"] .main-nav__link,
html[data-site-lang="en"] .main-nav__trigger{letter-spacing:.025em!important}
html[data-site-lang="zh"] body{line-break:strict;word-break:normal}
html[data-site-lang="zh"] p,html[data-site-lang="zh"] li{line-height:1.72}
html[data-site-lang="zh"] .btn,html[data-site-lang="zh"] .eyebrow{letter-spacing:.02em!important}


/* ==========================================================
   INNOTECH v36.1 — FULL QA
   Typography, alignment, responsive safety and accessibility polish.
   ========================================================== */

/* Prevent grid children and translated strings from forcing horizontal overflow. */
main :where(.section-heading,.page-hero__inner,.supplier-overview-v34__grid,.supplier-capacity-v34__head,.supplier-scale-v34__grid,.supplier-assurance-v34__rows,.works-showcase-v33__head,.portfolio-toolbar-v33,.contact-rfq-grid--v35,.form-grid--v35) > *{min-width:0}
:where(h1,h2,h3){text-wrap:balance}
:where(p,li,.hero__lead,.page-hero p){text-wrap:pretty}
:where(.btn,.text-link,.section-jump a,.filter-btn){overflow-wrap:normal;word-break:normal;hyphens:none}

/* Keep internal page headings readable instead of squeezing them into narrow columns. */
.page-hero--v10 h1{max-width:20ch!important}
.supplier-overview-v34__copy h2,.supplier-scale-v34__copy h2{max-width:19ch!important}
.works-showcase-v33__head h2{max-width:22ch!important}
.contact-rfq-intro--v35 h2{max-width:18ch!important}

/* Consistent form alignment and focus states. */
.contact-rfq-form--v35 .form-field{min-width:0}
.contact-rfq-form--v35 :where(input,textarea,select){min-width:0}
.contact-rfq-form--v35 label{line-height:1.35}
.contact-rfq-form--v35 [aria-invalid="true"]{border-color:#d85842!important;box-shadow:inset 3px 0 #d85842!important}
.rfq-stepper-v35 button:focus-visible,.rfq-kind-v35 button:focus-visible,.filter-btn:focus-visible,.works-showcase-v33__card:focus-visible{outline:2px solid #e87500!important;outline-offset:3px}

/* Tables keep their hierarchy while remaining usable on narrow screens. */
.table-shell{max-width:100%;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.machine-table{font-variant-numeric:tabular-nums}

/* Footer and repeated site chrome stay aligned across all seven pages. */
.footer-grid-v7>*,.site-header__inner>*{min-width:0}
.footer-bottom-v7{gap:18px}

@media(max-width:900px){
  .section-heading,.works-showcase-v33__head,.supplier-capacity-v34__head{grid-template-columns:1fr!important;gap:12px!important;align-items:start!important}
  .section-heading p,.works-showcase-v33__head p,.supplier-capacity-v34__head p{max-width:720px!important}
  .supplier-assurance-v34__rows article{align-items:start}
}

@media(max-width:680px){
  /* Override older narrow ch-limits that caused one-word heading wraps. */
  .page-hero--v10 h1,
  .supplier-overview-v34__copy h2,
  .supplier-scale-v34__copy h2,
  .works-showcase-v33__head h2,
  .portfolio-toolbar-v33__copy h2,
  .contact-rfq-intro--v35 h2,
  .supplier-capacity-v34__head h2,
  .supplier-assurance-v34 h2{max-width:none!important}

  .page-hero--v10 h1{font-size:clamp(2rem,9.2vw,2.8rem)!important;line-height:.98!important}
  .works-showcase-v33__head h2,.supplier-overview-v34__copy h2,.supplier-scale-v34__copy h2{font-size:clamp(1.8rem,7.8vw,2.35rem)!important;line-height:1!important}
  .page-hero__facts>div{min-width:0}
  .page-hero__facts strong{font-variant-numeric:tabular-nums}
  .section-jump__inner{overscroll-behavior-inline:contain;scrollbar-width:none}
  .section-jump__inner::-webkit-scrollbar{display:none}
  .rfq-stepper-v35 button{min-width:0}
  .rfq-stepper-v35 strong{overflow-wrap:anywhere}
}

html[data-site-lang="en"] .page-hero--v10 h1{max-width:24ch!important}
html[data-site-lang="en"] .supplier-overview-v34__copy h2,
html[data-site-lang="en"] .supplier-scale-v34__copy h2,
html[data-site-lang="en"] .contact-rfq-intro--v35 h2{max-width:24ch!important}
html[data-site-lang="zh"] .page-hero--v10 h1{max-width:18ch!important}
@media(max-width:680px){
  html[data-site-lang="en"] .page-hero--v10 h1,
  html[data-site-lang="zh"] .page-hero--v10 h1,
  html[data-site-lang="en"] .supplier-overview-v34__copy h2,
  html[data-site-lang="zh"] .supplier-overview-v34__copy h2,
  html[data-site-lang="en"] .supplier-scale-v34__copy h2,
  html[data-site-lang="zh"] .supplier-scale-v34__copy h2{max-width:none!important}
}

/* Keyboard focus for visually hidden RFQ checkboxes. */
.rfq-check-v35 input:focus-visible+span{outline:2px solid #e87500;outline-offset:3px}


/* v37 — launch SEO/QA utilities */
:focus-visible{outline:3px solid #e87500!important;outline-offset:3px}
.skip-link-v37{position:fixed;z-index:99999;top:8px;left:8px;transform:translateY(-160%);padding:10px 14px;background:#111;color:#fff;font-weight:800;text-decoration:none}
.skip-link-v37:focus{transform:none}
.error-page-v37{min-height:70vh;display:grid;place-items:center;padding:80px 20px;background:#eceae5}
.error-page-v37__inner{width:min(760px,100%);border:1px solid #3f4447;border-left:5px solid #e87500;padding:42px;background:#f4f2ed;box-shadow:6px 6px 0 rgba(31,34,36,.13)}
.error-page-v37__code{display:block;color:#c95f00;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(4rem,12vw,8rem);line-height:.8}
.error-page-v37 h1{max-width:18ch;margin:22px 0 14px;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(2rem,4vw,3.6rem);line-height:.95;text-transform:uppercase}
.error-page-v37 p{max-width:580px;color:#5f6468;line-height:1.65}
.error-page-v37 .btn{margin-top:18px}
@media(max-width:600px){.error-page-v37__inner{padding:30px 22px}}


/* ==========================================================
   INNOTECH v38 — final mobile / responsive launch pass
   Targets: 1024 / 768 / 430 / 390 / 360 widths.
   ========================================================== */

/* Defensive sizing: no component should force horizontal page overflow. */
html{overflow-x:hidden}
body,main,section,.container{min-width:0}
img,svg,video,canvas{max-width:100%}
:where(.page-hero__inner,.hero__content,.section-heading,.capability-stage__copy,.capability-stage-v9__copy,.quality-stage__copy,.quality-stage-v9__copy,.tryout-stage-v9__copy,.process-chapter__copy,.supplier-overview-v34__copy,.supplier-scale-v34__copy,.portfolio-toolbar-v33__copy,.contact-rfq-form--v35){min-width:0}

/* Touch devices should not depend on hover-only affordances. */
@media(hover:none){
  .portfolio-card__zoom{opacity:1!important;transform:none!important}
  .works-card-v9 img,.portfolio-card img,.works-showcase-v33__card img{transition:none!important}
}

@media(max-width:900px){
  .site-header__inner{min-height:64px!important}
  .mobile-nav{top:64px!important;max-height:calc(100vh - 64px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:max(14px,env(safe-area-inset-bottom))}
  @supports(height:100dvh){.mobile-nav{max-height:calc(100dvh - 64px)}}
  .section{padding-top:60px!important;padding-bottom:60px!important}
  .section--compact{padding-top:48px!important;padding-bottom:48px!important}
  .page-hero,.page-hero__inner{min-height:370px!important}
  .page-hero__inner{padding-top:58px!important;padding-bottom:48px!important}
  .page-hero__facts{margin-top:24px!important}
  .section-heading{margin-bottom:24px!important}
  .section-heading h2{max-width:24ch!important}
  .supplier-overview-v34__grid,.supplier-scale-v34__grid,.process-chapter__grid,.process-chapter__grid--reverse{gap:30px!important}
  .contact-location-grid{gap:30px!important}
}

@media(max-width:760px){
  .container{width:min(calc(100% - 28px),var(--container))!important}
  .section{padding-top:52px!important;padding-bottom:52px!important}
  .section--compact{padding-top:44px!important;padding-bottom:44px!important}

  /* Header / mobile navigation */
  .brand{min-width:0!important}
  .brand img{width:132px!important;height:auto!important}
  .menu-toggle{min-width:44px!important;min-height:44px!important}
  .mobile-nav__direct,.mobile-nav__trigger{min-height:48px!important}
  .mobile-nav .mobile-nav__submenu a{min-height:44px!important}
  .mobile-lang-switcher-v22{padding:9px 14px!important}
  .mobile-lang-switcher-v22 .lang-dropdown-v221{height:44px!important;min-height:44px!important}
  .lang-dropdown-v221 select{min-height:44px!important}

  /* Page heroes: content first, no artificial empty vertical space. */
  .page-hero,.page-hero__inner{min-height:0!important}
  .page-hero__inner{padding-top:50px!important;padding-bottom:42px!important}
  .page-hero--v10 h1{max-width:none!important;font-size:clamp(2rem,9vw,2.85rem)!important;line-height:.98!important;text-wrap:balance}
  .page-hero p{max-width:680px!important;font-size:.94rem!important;line-height:1.62!important}
  .page-hero__breadcrumbs{display:inline-flex!important;max-width:100%;flex-wrap:wrap;gap:5px 8px;padding:7px 9px!important;line-height:1.35}
  .page-hero__facts{margin-top:22px!important}
  .page-hero__facts>div{min-height:0!important}

  /* Section typography / spacing. */
  .section-heading{grid-template-columns:1fr!important;gap:10px!important;align-items:start!important;margin-bottom:22px!important}
  .section-heading h2{max-width:none!important;font-size:clamp(1.85rem,7.8vw,2.5rem)!important;line-height:1!important;text-wrap:balance}
  .section-heading p{max-width:680px!important;font-size:.88rem!important;line-height:1.62!important}
  :where(.capability-stage__copy h2,.quality-stage__copy h2,.finishing-layout__copy h2,.logistics-stage__copy h2,.process-chapter__copy h2,.process-result__copy h2,.contact-location-copy h2){max-width:none!important;font-size:clamp(1.8rem,7.6vw,2.4rem)!important;line-height:1!important;text-wrap:balance}

  /* Buttons: tap-friendly, but do not turn every CTA into a giant full-width bar. */
  .btn{width:auto!important;max-width:100%;min-height:44px;padding-left:18px!important;padding-right:18px!important;white-space:normal;text-align:center}
  .hero__actions{width:auto!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important}
  .hero__actions .btn{width:auto!important}
  .cta-panel__actions,.about-cta__actions,.works-feature-v24__actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important}
  .cta-panel__actions .btn,.about-cta__actions .btn,.works-feature-v24__actions .btn{width:auto!important}
  .mobile-nav>.btn{width:calc(100% - 28px)!important;min-height:46px!important}

  /* iOS: prevent focus zoom in real forms. */
  :where(input,select,textarea){font-size:16px!important}
  .contact-rfq-form--v35 :where(input,select,textarea){font-size:16px!important}

  /* Horizontal local navigation stays usable without affecting page width. */
  .home-index-v10__inner,.section-jump__inner,.works-showcase-v33__rail,.page-works-v33 .filter-bar{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .home-index-v10__inner::-webkit-scrollbar,.section-jump__inner::-webkit-scrollbar,.works-showcase-v33__rail::-webkit-scrollbar,.page-works-v33 .filter-bar::-webkit-scrollbar{display:none}

  /* Production / equipment pages */
  .capability-stage__copy,.quality-stage__copy{padding:26px 22px!important}
  .capability-stage__media,.quality-stage__media{min-height:310px!important}
  .finishing-layout__visual,.logistics-stage__visual{min-height:350px!important}
  .press-stage__hero{min-height:390px!important}
  .press-stage__overlay{padding:20px!important}
  .press-stage__overlay>strong{font-size:clamp(3.5rem,15vw,4.4rem)!important}
  .press-mini{min-height:270px!important}
  .process-chapter__media,.about-scale__media{min-height:310px!important}
  .process-chapter__copy{padding-top:28px!important}

  /* Works / lightbox */
  .works-showcase-v33__grid{grid-template-rows:280px 205px 205px!important}
  .page-works-v33 .portfolio-grid{grid-auto-rows:275px!important}
  .gallery-lightbox{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important}
  .gallery-lightbox__dialog{width:100%!important;max-height:calc(100vh - 16px)!important}
  @supports(height:100dvh){.gallery-lightbox__dialog{max-height:calc(100dvh - 16px)!important}.gallery-lightbox__image img{max-height:calc(100dvh - 175px)!important}}
  .gallery-lightbox__meta{padding:13px 14px!important}
  .gallery-lightbox__nav-v21{bottom:78px!important}

  /* RFQ */
  .contact-rfq-section{scroll-margin-top:82px!important}
  .contact-rfq-form--v35{padding:22px 18px!important}
  .rfq-stepper-v35{margin-bottom:18px!important}
  .rfq-stepper-v35 button{min-height:58px!important;padding:9px 6px!important}
  .rfq-step-actions-v35 .btn,.rfq-submit-actions-v35 .btn{min-height:46px!important}
  .rfq-file-button-v35{min-height:50px!important}
  .rfq-dropzone-v35{min-height:96px}

  /* Footer */
  .footer-grid-v7{padding-top:32px!important;padding-bottom:24px!important}
  .footer-grid-v7>*{padding-top:18px!important;padding-bottom:18px!important}
  .footer-bottom-v7{padding-top:12px!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important}
}

@media(max-width:520px){
  .container{width:min(calc(100% - 24px),var(--container))!important}
  .section{padding-top:46px!important;padding-bottom:46px!important}
  .section--compact{padding-top:40px!important;padding-bottom:40px!important}

  .page-hero__inner{padding-top:44px!important;padding-bottom:36px!important}
  .page-hero--v10 h1{font-size:clamp(1.95rem,9.6vw,2.55rem)!important}
  .page-hero__facts strong{font-size:1.35rem!important}
  .page-hero__facts span{font-size:.62rem!important;letter-spacing:.05em!important}

  .hero--profile .hero__grid{padding-top:46px!important;padding-bottom:36px!important}
  .hero-title-v13{font-size:clamp(2.35rem,11.2vw,3.05rem)!important;line-height:.94!important}
  .hero__lead{font-size:.92rem!important;line-height:1.58!important}
  .hero__actions{align-items:flex-start!important}

  .production-chain{grid-template-columns:1fr!important}
  .production-chain__item{min-height:0!important;padding:18px 0!important}
  .tour-stage-v26{grid-template-columns:44px 1fr!important}
  .tour-stage-v26__index{font-size:.62rem!important}
  .tour-stage-v26>b,.tour-stage-v26>a{grid-column:2!important}

  .works-showcase-v33__grid{grid-template-rows:245px 180px 180px!important}
  .page-works-v33 .portfolio-grid{grid-auto-rows:250px!important}
  .portfolio-card__caption strong{font-size:.72rem!important}

  .supplier-overview-v34__media,.supplier-scale-v34__media{min-height:300px!important}
  .supplier-capacity-v34__total{min-height:170px!important}
  .supplier-capacity-v34__total strong{font-size:4rem!important}
  .supplier-capacity-v34__ledger>div{grid-template-columns:30px 46px 1fr!important;padding-left:9px!important;padding-right:9px!important}
  .supplier-scale-v34__metrics>div{grid-template-columns:104px 1fr!important}

  .press-stage__hero{min-height:350px!important}
  .press-mini{min-height:245px!important}
  .press-stage__overlay h3{font-size:.78rem!important}
  .finishing-layout__visual,.logistics-stage__visual{min-height:320px!important}

  .process-hero__rail{font-size:.58rem!important}
  .process-gates__grid article{padding:20px 16px!important}
  .process-gates__grid h3{margin-top:22px!important}
  .process-overview__line article{min-height:120px!important;padding:18px 16px!important}
  .process-overview__line strong{margin-top:18px!important}

  .rfq-stepper-v35 button{min-height:56px!important}
  .rfq-stepper-v35 span{font-size:.95rem!important}
  .rfq-stepper-v35 strong{font-size:.56rem!important;line-height:1.18!important}
  .rfq-file-button-v35{grid-template-columns:88px 1fr!important}
  .rfq-choice-v35 label{padding:8px 9px!important}
  .contact-map--v7,.contact-map--v7 iframe{min-height:300px!important}

  .modal{padding:8px!important}
  .modal__dialog{width:100%!important;max-height:calc(100vh - 16px)!important}
  @supports(height:100dvh){.modal__dialog{max-height:calc(100dvh - 16px)!important}}
  .modal__header,.modal__body{padding-left:18px!important;padding-right:18px!important}
}

@media(max-width:390px){
  .container{width:min(calc(100% - 20px),var(--container))!important}
  .brand img{width:124px!important}
  .menu-toggle{min-width:42px!important;min-height:42px!important}
  .btn{min-height:42px!important;padding-left:15px!important;padding-right:15px!important;font-size:.64rem!important}
  .page-hero--v10 h1{font-size:clamp(1.82rem,9.4vw,2.35rem)!important}
  .section-heading h2{font-size:clamp(1.72rem,8.2vw,2.15rem)!important}
  .hero-title-v13{font-size:clamp(2.18rem,10.8vw,2.8rem)!important}
  .hero--profile .hero-fact{grid-template-columns:96px 1fr!important}
  .works-showcase-v33__grid{grid-template-rows:225px 168px 168px!important}
  .page-works-v33 .portfolio-grid{grid-auto-rows:235px!important}
  .machine-table--enhanced tbody td{grid-template-columns:minmax(76px,.62fr) minmax(0,1.38fr)!important;gap:9px!important;padding:9px!important}
  .press-stage__hero{min-height:325px!important}
  .press-stage__overlay>strong{font-size:3.35rem!important}
  .rfq-stepper-v35 button{padding-left:4px!important;padding-right:4px!important}
  .rfq-stepper-v35 strong{font-size:.53rem!important;letter-spacing:.01em!important}
  .rfq-kind-v35 button{min-height:50px!important}
  .rfq-step-actions-v35{grid-template-columns:1fr!important}
  .rfq-submit-actions-v35{display:grid!important}
  .rfq-step-actions-v35 .btn,.rfq-submit-actions-v35 .btn{width:100%!important}
}


/* =========================================================
   INNOTECH v39 — Mobile readability pass
   Goal: less condensed type, fewer micro-labels, clearer hierarchy
   ========================================================= */
@media(max-width:760px){
  /* Readability first: body copy should not feel like a technical drawing. */
  body{font-family:Arial,"Segoe UI",sans-serif!important;font-size:16px!important;line-height:1.66!important}
  p,li{line-height:1.66}
  .section{padding-top:56px!important;padding-bottom:56px!important}
  .section--compact{padding-top:46px!important;padding-bottom:46px!important}

  /* Headings keep the industrial character, while copy uses a normal-width face. */
  :where(.hero-title-v13,.page-hero h1,.section-heading h2,.capability-stage-v9__copy h2,.quality-stage-v9__copy h2,.tryout-stage-v9__copy h2,.capability-stage__copy h2,.quality-stage__copy h2,.process-chapter__copy h2,.process-result__copy h2,.supplier-overview-v34__copy h2,.supplier-scale-v34__copy h2,.cta-panel h2,.about-cta h2){letter-spacing:.005em!important}
  .page-hero p,.hero__lead,.section-heading p{font-size:1rem!important;line-height:1.68!important}
  .eyebrow{font-size:.73rem!important;line-height:1.35!important;letter-spacing:.09em!important}

  /* Navigation: larger labels and less tracking. */
  .mobile-nav__direct,.mobile-nav__trigger{font-size:.78rem!important;letter-spacing:.045em!important;line-height:1.25!important}
  .mobile-nav .mobile-nav__submenu a{font-size:.76rem!important;letter-spacing:.025em!important;line-height:1.3!important}
  .home-index-v10__label{display:none!important}
  .home-index-v10__inner a{min-height:46px!important;padding-inline:14px!important;font-size:.72rem!important;letter-spacing:.035em!important}
  .home-index-v10__inner a b{font-size:.67rem!important}
  .section-jump a{min-height:46px!important;padding-inline:16px!important;font-size:.72rem!important;letter-spacing:.04em!important}

  /* Home: facts and production sequence. */
  .hero--profile .hero-fact strong{font-size:1.75rem!important}
  .hero--profile .hero-fact span{font-size:.75rem!important;line-height:1.35!important;letter-spacing:.035em!important}
  .production-chain__item{padding:20px 0!important}
  .production-chain__num{font-size:.76rem!important;letter-spacing:.08em!important}
  .production-chain__item h3{margin:18px 0 7px!important;font-size:1rem!important;letter-spacing:.02em!important}
  .production-chain__item p{font-size:.94rem!important;line-height:1.6!important}

  /* Equipment census: no tiny ledger text. */
  .plant-census-v25__head p{font-size:.96rem!important;line-height:1.65!important}
  .plant-census-v25__total>span{font-size:.66rem!important;letter-spacing:.07em!important}
  .plant-census-v25__total em{font-size:.8rem!important;letter-spacing:.07em!important}
  .plant-census-v25__total b{font-size:.68rem!important;line-height:1.4!important;letter-spacing:.04em!important}
  .plant-census-v25__ledger>div{min-height:52px!important;padding-top:7px!important;padding-bottom:7px!important}
  .plant-census-v25__ledger span{font-size:.72rem!important;line-height:1.28!important;letter-spacing:.025em!important}
  .plant-census-v25__ledger b{font-size:1.38rem!important}

  /* CNC / EDM / QC / Tryout: remove micro typography. */
  .tour-stage-v26{grid-template-columns:52px 1fr!important;gap:5px 12px!important;padding:0 0 12px!important;margin-bottom:14px!important;min-height:0!important}
  .tour-stage-v26__index{font-size:1rem!important;line-height:1!important}
  .tour-stage-v26>div{display:grid!important;gap:3px!important}
  .tour-stage-v26>div strong{font-size:.75rem!important;line-height:1.25!important;letter-spacing:.055em!important}
  .tour-stage-v26>div em{font-size:.78rem!important;line-height:1.35!important}
  .tour-stage-v26>b{grid-column:2!important;font-size:.75rem!important;line-height:1.35!important;letter-spacing:.035em!important}
  .tour-stage-v26>a{grid-column:2!important;font-size:.68rem!important;line-height:1.35!important;letter-spacing:.045em!important}

  .home-capability-v9 .capability-stage-v9__copy,.quality-stage-v9__copy{padding:30px 22px!important}
  .home-capability-v9 .capability-stage-v9__copy>p,.quality-stage-v9__copy>p,.tryout-stage-v9__copy>p{font-size:.98rem!important;line-height:1.66!important}
  .capability-meta-v15 span,.capability-meta-v15 b{font-size:.7rem!important;line-height:1.3!important;letter-spacing:.045em!important}
  .capability-stage-v9__hero-metric span{font-size:.74rem!important;line-height:1.35!important;letter-spacing:.055em!important}
  .capability-stage-v9__specs span{font-size:.82rem!important;line-height:1.35!important}
  .capability-stage-v9__specs strong{font-size:.76rem!important;line-height:1.35!important}
  .capability-stage-v9__specs em{font-size:.74rem!important;line-height:1.35!important}
  .quality-stage-v9__rail span{font-size:.72rem!important;line-height:1.35!important}
  .quality-stage-v9__rail em{font-size:.72rem!important;line-height:1.42!important}
  .tryout-stage-v9__rail strong{font-size:.86rem!important}
  .tryout-stage-v9__rail span{font-size:.76rem!important;line-height:1.38!important}

  /* Internal capability pages: prose and tables. */
  .capability-stage__copy>p,.quality-stage__copy>p,.finishing-layout__copy>p,.logistics-stage__copy>p,.profile-copy>p,.about-intro__copy>p,.about-scale__copy>p,.process-chapter__copy>p,.process-result__copy>p{font-size:.98rem!important;line-height:1.66!important}
  .solution-index__item p,.component-card p,.delivery-card p,.engineering-principle p,.manufacturing-card p,.fact-card p,.acceptance-card p{font-size:.92rem!important;line-height:1.58!important}
  .solution-index__item>span,.component-card>span,.engineering-principle>span,.manufacturing-card>span,.delivery-card>span,.fact-card__num,.acceptance-card strong{font-size:.72rem!important;letter-spacing:.07em!important}

  /* Works: captions must be readable over photography. */
  .works-showcase-v33__caption strong{font-size:1rem!important;line-height:1.25!important;letter-spacing:.02em!important}
  .works-showcase-v33__caption span{font-size:.75rem!important;line-height:1.35!important;letter-spacing:.035em!important}
  .page-works-v33 .portfolio-card__caption strong{font-size:.84rem!important;line-height:1.3!important}
  .page-works-v33 .portfolio-card__caption em{font-size:.72rem!important;line-height:1.4!important}
  .filter-btn{min-height:44px!important;font-size:.72rem!important;letter-spacing:.035em!important}

  /* Company / supplier profile. */
  .supplier-gates-v34 strong,.supplier-chain-v34__grid strong,.supplier-capacity-v34__ledger p,.supplier-assurance-v34__rows p{font-size:.9rem!important;line-height:1.52!important}
  .supplier-gates-v34 span,.supplier-chain-v34__grid span,.supplier-capacity-v34__ledger span,.supplier-assurance-v34__rows span{font-size:.7rem!important;letter-spacing:.045em!important}
  .supplier-gates-v34 em,.supplier-chain-v34__grid b,.supplier-assurance-v34__rows b{font-size:.7rem!important;line-height:1.4!important;letter-spacing:.035em!important}
  .supplier-capacity-v34__ledger>div{min-height:54px!important;padding-top:7px!important;padding-bottom:7px!important}
  .supplier-capacity-v34__ledger p{font-weight:700!important}
  .supplier-scale-v34__metrics span{font-size:.78rem!important;line-height:1.35!important}
  .supplier-scale-v34__metrics strong{font-size:.9rem!important;line-height:1.35!important}
  .supplier-assurance-v34__rows h3{font-size:.9rem!important;line-height:1.4!important}

  /* RFQ: labels/helpers were the smallest typography on the site. */
  .contact-rfq-intro--v35 p,.rfq-minimum-v35 p,.rfq-live-summary-v35>p,.contact-rfq-form__head--v35 p,.rfq-context-v35 p,.rfq-drawing-toggle-v35>p{font-size:.78rem!important;line-height:1.55!important}
  .rfq-minimum-v35 strong{font-size:.76rem!important;line-height:1.35!important}
  .rfq-live-summary-v35__head span,.rfq-live-summary-v35 dt{font-size:.68rem!important;letter-spacing:.055em!important}
  .rfq-live-summary-v35 dd{font-size:.78rem!important;line-height:1.4!important;text-align:left!important}
  .rfq-live-summary-v35 dl>div{grid-template-columns:96px 1fr!important;gap:12px!important}
  .contact-rfq-form .form-field label,.contact-rfq-form--v35 .form-field label{font-size:.76rem!important;line-height:1.35!important;letter-spacing:.035em!important}
  .rfq-block-label-v35>span,.rfq-context-v35 span{font-size:.68rem!important;letter-spacing:.055em!important}
  .rfq-block-label-v35>strong{font-size:.82rem!important;line-height:1.35!important}
  .rfq-block-label-v35>em{font-size:.7rem!important;line-height:1.4!important}
  .rfq-check-v35 strong{font-size:.76rem!important;line-height:1.35!important}
  .rfq-kind-v35 button{font-size:.72rem!important;line-height:1.25!important;letter-spacing:.025em!important}
  .rfq-file-button-v35,.rfq-dropzone-v35{font-size:.76rem!important;line-height:1.4!important}

  /* Footer: readable, but still secondary. */
  .footer-brand-v7 p{font-size:.9rem!important;line-height:1.6!important}
  .footer-col h3{font-size:.78rem!important;letter-spacing:.045em!important}
  .footer-links a,.footer-contact__item a,.footer-contact__item strong{font-size:.88rem!important;line-height:1.4!important}
  .footer-contact__item span{font-size:.68rem!important;letter-spacing:.045em!important}
  .footer-tech-tags span{font-size:.64rem!important;letter-spacing:.055em!important}
  .footer-bottom-v7{font-size:.66rem!important;line-height:1.45!important;letter-spacing:.035em!important}
}

@media(max-width:520px){
  /* More breathing room on narrow phones. */
  .container{width:min(calc(100% - 28px),var(--container))!important}
  .section{padding-top:52px!important;padding-bottom:52px!important}
  .section-heading{margin-bottom:26px!important}
  .section-heading h2{font-size:clamp(1.9rem,8.3vw,2.4rem)!important;line-height:1.02!important}
  .page-hero--v10 h1{font-size:clamp(2.05rem,9.3vw,2.6rem)!important;line-height:1!important}
  .hero-title-v13{font-size:clamp(2.35rem,10.6vw,2.95rem)!important;line-height:.97!important}

  /* Make the production step bar a clear text block instead of a technical micro-strip. */
  .tour-stage-v26{grid-template-columns:46px 1fr!important;padding-bottom:14px!important}
  .tour-stage-v26__index{font-size:.96rem!important}
  .tour-stage-v26>div strong{font-size:.76rem!important}
  .tour-stage-v26>div em{font-size:.8rem!important}
  .tour-stage-v26>b{font-size:.76rem!important}
  .tour-stage-v26>a{font-size:.69rem!important}

  /* Tables/cards: two readable columns where possible. */
  .machine-table--enhanced tbody td{font-size:.82rem!important;line-height:1.4!important}
  .machine-table--enhanced tbody td::before{font-size:.68rem!important;line-height:1.3!important;letter-spacing:.035em!important}
  .plant-census-v25__ledger>div{grid-template-columns:minmax(0,1fr) 52px!important;gap:10px!important}
  .plant-census-v25__ledger i{grid-column:1/-1!important}
  .supplier-capacity-v34__ledger>div{grid-template-columns:32px 48px 1fr!important;gap:10px!important;padding-inline:10px!important}

  /* RFQ stepper becomes a readable vertical progress list. */
  .rfq-stepper-v35{grid-template-columns:1fr!important;border:1px solid #505558!important}
  .rfq-stepper-v35 button{grid-template-columns:34px 1fr!important;grid-template-rows:auto auto!important;gap:2px 10px!important;min-height:58px!important;padding:10px 12px!important;border-right:0!important;border-bottom:1px solid #505558!important;text-align:left!important}
  .rfq-stepper-v35 button:last-child{border-bottom:0!important}
  .rfq-stepper-v35 span{grid-row:1/3!important;align-self:center!important;font-size:1rem!important}
  .rfq-stepper-v35 strong{font-size:.74rem!important;line-height:1.3!important;letter-spacing:.025em!important}
  .rfq-stepper-v35 em{display:block!important;font-size:.68rem!important;line-height:1.35!important}
  .rfq-kind-v35{grid-template-columns:repeat(2,1fr)!important}
  .rfq-kind-v35 button{min-height:52px!important;border-right:1px solid #505558!important;border-bottom:1px solid #505558!important}
  .rfq-kind-v35 button:nth-child(2n){border-right:0!important}
  .rfq-kind-v35 button:nth-last-child(-n+2){border-bottom:0!important}
  .rfq-live-summary-v35 dl>div{grid-template-columns:1fr!important;gap:3px!important}
  .rfq-live-summary-v35 dd{text-align:left!important}

  /* Don't let photograph captions disappear into the image. */
  .page-works-v33 .portfolio-card__caption{right:10px!important;bottom:10px!important;left:10px!important;padding:10px 11px!important;background:rgba(19,22,24,.72)!important;border-top:0!important}
  .works-showcase-v33__caption{padding:14px!important;background:linear-gradient(180deg,transparent,rgba(14,16,18,.88))!important}
}

@media(max-width:390px){
  .container{width:min(calc(100% - 24px),var(--container))!important}
  .page-hero p,.hero__lead,.section-heading p{font-size:.96rem!important}
  .rfq-kind-v35{grid-template-columns:1fr!important}
  .rfq-kind-v35 button{border-right:0!important;border-bottom:1px solid #505558!important}
  .rfq-kind-v35 button:last-child{border-bottom:0!important}
  .supplier-capacity-v34__ledger>div{grid-template-columns:30px 44px 1fr!important;gap:8px!important}
}


/* ============================================================
   INNOTECH v40 — Client Portal UI
   ============================================================ */
:root{
  --portal-bg:#e9e8e3;
  --portal-surface:#f4f3ef;
  --portal-paper:#fbfaf6;
  --portal-dark:#1d2022;
  --portal-dark-2:#292d30;
  --portal-line:#c5c7c7;
  --portal-line-dark:#4d5255;
  --portal-orange:#e87500;
  --portal-muted:#6a7074;
  --portal-sidebar:268px;
}
.header-account-link-v40{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;color:#454a4d;font-size:.66rem;font-weight:900;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;border-left:1px solid #d0d1ce}
.header-account-link-v40 span{color:var(--portal-orange);font-size:.85rem}.header-account-link-v40:hover{color:#111}
.mobile-account-link-v40{display:block;margin:14px 18px 6px;padding:13px 15px;border:1px solid #565b5e;color:#fff;background:#25282a;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}

body.portal-body-v40{margin:0;background:var(--portal-bg);color:#25282b;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
.portal-body-v40 *{box-sizing:border-box}
.portal-body-v40 button,.portal-body-v40 input,.portal-body-v40 select,.portal-body-v40 textarea{font:inherit}
.portal-body-v40 a{color:inherit;text-decoration:none}
.portal-shell-v40{display:grid;grid-template-columns:var(--portal-sidebar) minmax(0,1fr);min-height:100vh}
.portal-sidebar-v40{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#1d2022;color:#fff;border-right:1px solid #454a4d}
.portal-brand-v40{height:82px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid #404548;background:#17191b}
.portal-brand-v40 img{display:block;width:146px;height:auto;filter:brightness(0) invert(1)}
.portal-brand-v40__sub{display:block;margin-top:5px;color:#979c9f;font-size:.55rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.portal-company-v40{padding:20px 22px;border-bottom:1px solid #3c4144}
.portal-company-v40>span{display:block;color:#8e9497;font-size:.56rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.portal-company-v40 strong{display:block;margin-top:5px;font-size:.82rem;letter-spacing:.03em}.portal-demo-v40{display:inline-flex!important;margin-top:9px;padding:4px 7px;border-left:3px solid var(--portal-orange);color:#e1e3e2!important;background:#272a2c;font-size:.52rem!important}
.portal-nav-v40{padding:16px 12px;display:grid;gap:3px}.portal-nav-v40 a{position:relative;display:grid;grid-template-columns:28px 1fr;align-items:center;min-height:46px;padding:0 13px;color:#b7bbbd;border:1px solid transparent;font-size:.73rem;font-weight:800}.portal-nav-v40 a span{color:#767c7f;font-size:.58rem;font-weight:900}.portal-nav-v40 a:hover{color:#fff;background:#24282a}.portal-nav-v40 a.is-active{color:#fff;border-color:#4a5053;background:#292d30}.portal-nav-v40 a.is-active::before{position:absolute;left:-1px;top:-1px;bottom:-1px;width:3px;background:var(--portal-orange);content:""}.portal-nav-v40 a.is-active span{color:var(--portal-orange)}
.portal-sidebar-v40__bottom{margin-top:auto;padding:16px 14px 18px;border-top:1px solid #3d4245}.portal-sidebar-v40__bottom a{display:block;padding:10px;color:#aeb2b4;font-size:.68rem;font-weight:800}.portal-sidebar-v40__bottom a:hover{color:#fff}
.portal-main-v40{min-width:0}.portal-top-v40{position:sticky;z-index:20;top:0;height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 34px;border-bottom:1px solid #c6c8c8;background:rgba(239,238,233,.96);backdrop-filter:blur(8px)}
.portal-top-v40__title span{display:block;color:#8b9093;font-size:.57rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.portal-top-v40__title strong{display:block;margin-top:4px;font-size:.9rem;letter-spacing:.02em}.portal-top-v40__actions{display:flex;align-items:center;gap:9px}.portal-icon-btn-v40{position:relative;width:42px;height:42px;border:1px solid #b9bcbd;background:#f8f7f3;cursor:pointer}.portal-icon-btn-v40:hover{border-color:#72777a}.portal-icon-btn-v40 b{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--portal-orange)}.portal-user-v40{display:flex;align-items:center;gap:10px;min-height:42px;padding:4px 8px 4px 5px;border:1px solid #b9bcbd;background:#f8f7f3}.portal-user-v40__avatar{display:grid;place-items:center;width:32px;height:32px;color:#fff;background:#2b2f31;font-size:.65rem;font-weight:900}.portal-user-v40 span{display:block;color:#777c7f;font-size:.53rem;text-transform:uppercase;font-weight:900}.portal-user-v40 strong{display:block;margin-top:1px;font-size:.67rem}
.portal-mobile-menu-v40{display:none}
.portal-content-v40{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:38px 0 68px}.portal-page-head-v40{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:26px}.portal-page-head-v40__copy span{color:#d06700;font-size:.6rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.portal-page-head-v40 h1{max-width:820px;margin:7px 0 0;color:#202326;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(2.1rem,3.8vw,3.5rem);font-weight:400;line-height:.92;text-transform:uppercase;letter-spacing:.01em}.portal-page-head-v40 p{max-width:620px;margin:12px 0 0;color:#656a6e;font-size:.9rem;line-height:1.65}.portal-page-head-v40__actions{display:flex;flex-wrap:wrap;gap:9px}
.portal-btn-v40{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid #353a3d;color:#232629;background:transparent;font-size:.67rem;font-weight:900;letter-spacing:.045em;text-transform:uppercase;cursor:pointer}.portal-btn-v40:hover{background:#e2e1dc}.portal-btn-v40--primary{border-color:var(--portal-orange);color:#fff;background:var(--portal-orange)}.portal-btn-v40--primary:hover{background:#cf6800}.portal-btn-v40--dark{color:#fff;background:#25292b;border-color:#25292b}.portal-btn-v40--dark:hover{background:#111315}.portal-btn-v40--soft{border-color:#c1c3c3;background:#f5f4f0}
.portal-grid-v40{display:grid;gap:16px}.portal-grid-v40--stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.portal-stat-v40{position:relative;min-height:132px;padding:18px 18px 16px;border:1px solid #b9bcbd;background:#f5f4f0;overflow:hidden}.portal-stat-v40::before{position:absolute;top:0;left:0;width:42px;height:3px;background:var(--portal-orange);content:""}.portal-stat-v40>span{display:block;color:#747a7e;font-size:.58rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.portal-stat-v40 strong{display:block;margin-top:23px;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:2.55rem;font-weight:400;line-height:.86}.portal-stat-v40 em{display:block;margin-top:8px;color:#777d80;font-size:.66rem;font-style:normal;line-height:1.4}.portal-stat-v40 b{position:absolute;right:12px;bottom:8px;color:rgba(31,35,37,.05);font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:4.2rem;font-weight:400}
.portal-dashboard-v40{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.65fr);gap:16px}.portal-panel-v40{border:1px solid #b9bcbd;background:#f5f4f0}.portal-panel-v40__head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:12px 16px;border-bottom:1px solid #c4c6c6}.portal-panel-v40__head span{color:#7a7f82;font-size:.57rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.portal-panel-v40__head h2{margin:3px 0 0;font-size:.86rem;text-transform:uppercase}.portal-panel-v40__head a{font-size:.61rem;font-weight:900;text-transform:uppercase;color:#c66000}
.portal-project-list-v40{display:grid}.portal-project-row-v40{display:grid;grid-template-columns:112px minmax(0,1.2fr) 160px 90px 32px;gap:16px;align-items:center;min-height:88px;padding:13px 16px;border-bottom:1px solid #d0d1cf}.portal-project-row-v40:last-child{border-bottom:0}.portal-project-row-v40:hover{background:#efeee9}.portal-project-code-v40 span{display:block;color:#858a8d;font-size:.54rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.portal-project-code-v40 strong{display:block;margin-top:4px;font-size:.73rem}.portal-project-name-v40 strong{display:block;font-size:.78rem}.portal-project-name-v40 span{display:block;margin-top:4px;color:#777d80;font-size:.65rem;line-height:1.4}.portal-status-v40{display:grid;gap:5px}.portal-status-v40__label{display:flex;justify-content:space-between;gap:10px;font-size:.58rem;font-weight:900;text-transform:uppercase;color:#62676b}.portal-status-v40__bar{height:4px;background:#d4d5d2;overflow:hidden}.portal-status-v40__bar i{display:block;height:100%;background:var(--portal-orange)}.portal-project-date-v40{color:#757a7d;font-size:.62rem;line-height:1.4}.portal-project-arrow-v40{font-size:1rem;color:#a5aaac}
.portal-updates-v40{display:grid}.portal-update-v40{position:relative;padding:16px 16px 15px 41px;border-bottom:1px solid #d0d1cf}.portal-update-v40:last-child{border-bottom:0}.portal-update-v40::before{position:absolute;left:18px;top:21px;width:7px;height:7px;border:2px solid var(--portal-orange);background:#f5f4f0;content:""}.portal-update-v40 strong{display:block;font-size:.7rem;line-height:1.4}.portal-update-v40 p{margin:4px 0 0;color:#74797c;font-size:.65rem;line-height:1.5}.portal-update-v40 span{display:block;margin-top:7px;color:#999da0;font-size:.54rem;font-weight:800;text-transform:uppercase}
.portal-toolbar-v40{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.portal-filter-v40{display:flex;flex-wrap:wrap;gap:6px}.portal-filter-v40 button{min-height:36px;padding:0 11px;border:1px solid #bec1c1;background:#f5f4f0;color:#5f6467;font-size:.6rem;font-weight:900;text-transform:uppercase;cursor:pointer}.portal-filter-v40 button.is-active{border-color:#2f3437;color:#fff;background:#2f3437}.portal-search-v40{width:min(300px,100%);height:38px;padding:0 12px;border:1px solid #bec1c1;background:#f8f7f3;outline:0}.portal-search-v40:focus{border-color:#666b6e}
.portal-table-v40{width:100%;border-collapse:collapse;border:1px solid #b9bcbd;background:#f5f4f0}.portal-table-v40 th{padding:11px 13px;color:#747a7d;background:#ebeae5;border-bottom:1px solid #b9bcbd;font-size:.55rem;text-align:left;text-transform:uppercase;letter-spacing:.08em}.portal-table-v40 td{padding:14px 13px;border-bottom:1px solid #d0d1cf;font-size:.69rem;vertical-align:middle}.portal-table-v40 tbody tr:hover{background:#efeee9}.portal-table-v40 td strong{font-size:.72rem}.portal-table-v40 td span{display:block;margin-top:3px;color:#7d8285;font-size:.61rem}.portal-table-v40 td:last-child{text-align:right}.portal-file-type-v40{display:inline-grid!important;place-items:center;width:34px;height:28px;margin:0!important;border:1px solid #b9bcbd;color:#3f4447!important;background:#fbfaf7;font-size:.52rem!important;font-weight:900}.portal-tag-v40{display:inline-flex!important;width:auto!important;padding:4px 7px;border-left:3px solid var(--portal-orange);background:#e7e5df;color:#555a5e!important;font-size:.54rem!important;font-weight:900;text-transform:uppercase}
.portal-project-hero-v40{display:grid;grid-template-columns:minmax(0,1.25fr) 300px;border:1px solid #acafb0;background:#f5f4f0;margin-bottom:16px}.portal-project-hero-v40__copy{padding:24px}.portal-project-hero-v40__copy>span{color:#c76100;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.portal-project-hero-v40__copy h1{margin:8px 0 0;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(2.1rem,3.4vw,3rem);font-weight:400;line-height:.92;text-transform:uppercase}.portal-project-hero-v40__copy p{max-width:670px;margin:13px 0 0;color:#676c6f;font-size:.82rem;line-height:1.6}.portal-project-hero-v40__meta{display:grid;grid-template-columns:repeat(3,1fr);margin-top:21px;border-top:1px solid #c5c7c6}.portal-project-hero-v40__meta div{padding:12px 12px 0 0}.portal-project-hero-v40__meta span{display:block;color:#888d90;font-size:.53rem;font-weight:900;text-transform:uppercase}.portal-project-hero-v40__meta strong{display:block;margin-top:4px;font-size:.68rem}.portal-project-hero-v40__aside{display:flex;flex-direction:column;justify-content:center;padding:24px;border-left:1px solid #b5b8b9;background:#262a2c;color:#fff}.portal-project-hero-v40__aside span{color:#aeb3b5;font-size:.56rem;font-weight:900;text-transform:uppercase}.portal-project-hero-v40__aside strong{display:block;margin-top:10px;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:3.4rem;font-weight:400;line-height:.86}.portal-project-hero-v40__aside em{margin-top:8px;color:#e9eceb;font-size:.68rem;font-style:normal}.portal-project-hero-v40__aside i{display:block;height:5px;margin-top:16px;background:#4a4f52}.portal-project-hero-v40__aside i b{display:block;height:100%;width:78%;background:var(--portal-orange)}
.portal-timeline-v40{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #b9bcbd;background:#f5f4f0;margin-bottom:16px}.portal-timeline-v40__step{position:relative;min-height:102px;padding:14px 12px;border-right:1px solid #c9cbca}.portal-timeline-v40__step:last-child{border-right:0}.portal-timeline-v40__step span{display:block;color:#9a9ea1;font-size:.52rem;font-weight:900}.portal-timeline-v40__step strong{display:block;margin-top:24px;font-size:.61rem;text-transform:uppercase}.portal-timeline-v40__step em{display:block;margin-top:4px;color:#82878a;font-size:.56rem;font-style:normal;line-height:1.35}.portal-timeline-v40__step.is-done{background:#ecebe6}.portal-timeline-v40__step.is-done::before,.portal-timeline-v40__step.is-current::before{position:absolute;top:-1px;right:-1px;left:-1px;height:3px;background:#3d4245;content:""}.portal-timeline-v40__step.is-current::before{background:var(--portal-orange)}.portal-timeline-v40__step.is-current strong{color:#c45f00}
.portal-project-columns-v40{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:16px}.portal-data-list-v40{display:grid}.portal-data-row-v40{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:12px 16px;border-bottom:1px solid #d0d1cf}.portal-data-row-v40:last-child{border-bottom:0}.portal-data-row-v40 span{color:#868b8e;font-size:.56rem;font-weight:900;text-transform:uppercase}.portal-data-row-v40 strong{font-size:.68rem;font-weight:800}.portal-data-row-v40 p{margin:0;color:#676c70;font-size:.68rem;line-height:1.5}
.portal-file-cards-v40{display:grid}.portal-file-card-v40{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:12px 15px;border-bottom:1px solid #d0d1cf}.portal-file-card-v40:last-child{border-bottom:0}.portal-file-card-v40__icon{display:grid;place-items:center;width:38px;height:34px;border:1px solid #b9bcbd;background:#fbfaf7;font-size:.51rem;font-weight:900}.portal-file-card-v40 strong{display:block;font-size:.67rem}.portal-file-card-v40 span{display:block;margin-top:3px;color:#84898c;font-size:.58rem}.portal-file-card-v40 button{border:0;background:none;color:#bd5c00;font-size:.58rem;font-weight:900;text-transform:uppercase;cursor:pointer}.portal-file-card-v40 button:hover{color:#111}
.portal-equipment-grid-v40{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portal-equipment-v40{position:relative;min-height:230px;padding:20px;border:1px solid #b8bbbc;background:#f5f4f0}.portal-equipment-v40::before{position:absolute;top:0;left:0;width:52px;height:3px;background:var(--portal-orange);content:""}.portal-equipment-v40>span{color:#898e91;font-size:.56rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.portal-equipment-v40 h3{margin:18px 0 4px;font-size:.88rem;text-transform:uppercase}.portal-equipment-v40 p{margin:0;color:#74797c;font-size:.67rem}.portal-equipment-v40 dl{display:grid;grid-template-columns:1fr 1fr;margin:18px 0 0;border-top:1px solid #c8cac9}.portal-equipment-v40 dl div{padding:10px 10px 4px 0}.portal-equipment-v40 dt{color:#929699;font-size:.52rem;text-transform:uppercase;font-weight:900}.portal-equipment-v40 dd{margin:4px 0 0;font-size:.67rem;font-weight:800}.portal-equipment-v40__actions{display:flex;gap:10px;margin-top:16px}.portal-equipment-v40__actions button{border:0;background:none;color:#bd5c00;font-size:.57rem;font-weight:900;text-transform:uppercase;cursor:pointer}
.portal-profile-grid-v40{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.65fr);gap:16px}.portal-form-v40{padding:18px}.portal-form-v40__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.portal-field-v40{display:grid;gap:6px}.portal-field-v40--full{grid-column:1/-1}.portal-field-v40 label{color:#686d70;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.portal-field-v40 input,.portal-field-v40 select,.portal-field-v40 textarea{width:100%;min-height:42px;padding:9px 11px;border:1px solid #b9bcbd;background:#fbfaf7;color:#262a2c;outline:0;font-size:.73rem}.portal-field-v40 textarea{min-height:98px;resize:vertical}.portal-field-v40 input:focus,.portal-field-v40 select:focus,.portal-field-v40 textarea:focus{border-color:#555b5e}.portal-field-v40 input[disabled]{color:#888d90;background:#e9e8e3}.portal-profile-note-v40{padding:18px}.portal-profile-note-v40 h3{margin:0;font-size:.82rem;text-transform:uppercase}.portal-profile-note-v40 p{margin:9px 0 0;color:#72777a;font-size:.68rem;line-height:1.55}.portal-profile-note-v40 ul{margin:18px 0 0;padding:0;list-style:none}.portal-profile-note-v40 li{padding:9px 0;border-top:1px solid #d0d1cf;color:#555b5e;font-size:.66rem}.portal-profile-note-v40 li::before{margin-right:7px;color:var(--portal-orange);content:"—"}
.portal-toast-v40{position:fixed;z-index:100;right:22px;bottom:22px;max-width:340px;padding:13px 15px;border-left:4px solid var(--portal-orange);color:#fff;background:#232729;box-shadow:8px 8px 0 rgba(0,0,0,.18);font-size:.68rem;line-height:1.45;transform:translateY(20px);opacity:0;pointer-events:none;transition:.18s ease}.portal-toast-v40.is-visible{transform:none;opacity:1}
.portal-notify-v40{position:fixed;z-index:70;top:82px;right:0;width:min(390px,calc(100% - 24px));height:calc(100vh - 82px);padding:18px;background:#f5f4f0;border-left:1px solid #b7babb;box-shadow:-10px 0 28px rgba(0,0,0,.12);transform:translateX(105%);transition:transform .2s ease;overflow:auto}.portal-notify-v40.is-open{transform:none}.portal-notify-v40__head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid #c8cac9}.portal-notify-v40__head h2{margin:0;font-size:.85rem;text-transform:uppercase}.portal-notify-v40__head button{border:0;background:none;font-size:1.2rem;cursor:pointer}.portal-notify-v40 .portal-update-v40{padding-left:28px}.portal-notify-v40 .portal-update-v40::before{left:4px}

/* auth */
.portal-auth-v40{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.65fr);background:#1c1f21}.portal-auth-v40__visual{position:relative;display:flex;align-items:flex-end;min-height:100vh;padding:52px;background:url('../img/profile/tooling-floor.webp') center/cover no-repeat;overflow:hidden}.portal-auth-v40__visual::before{position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,22,24,.78),rgba(19,22,24,.42)),linear-gradient(0deg,rgba(18,20,22,.75),transparent 55%);content:""}.portal-auth-v40__visual::after{position:absolute;top:0;bottom:0;left:30px;width:3px;background:var(--portal-orange);content:""}.portal-auth-v40__visual-copy{position:relative;z-index:2;max-width:700px;color:#fff}.portal-auth-v40__visual-copy img{width:170px;height:auto;filter:brightness(0) invert(1);margin-bottom:32px}.portal-auth-v40__visual-copy>span{display:block;color:#ff9a37;font-size:.61rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.portal-auth-v40__visual-copy h1{max-width:650px;margin:10px 0 0;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(3rem,5vw,5.4rem);font-weight:400;line-height:.88;text-transform:uppercase}.portal-auth-v40__visual-copy p{max-width:590px;margin:18px 0 0;color:#d2d5d5;font-size:.9rem;line-height:1.65}.portal-auth-v40__facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:32px;border-top:1px solid rgba(255,255,255,.28)}.portal-auth-v40__facts div{padding:13px 18px 0 0}.portal-auth-v40__facts strong{display:block;font-size:.72rem}.portal-auth-v40__facts span{display:block;margin-top:4px;color:#aeb2b3;font-size:.57rem;line-height:1.4}.portal-auth-v40__panel{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:34px;background:#efeee9}.portal-auth-card-v40{width:min(440px,100%)}.portal-auth-card-v40__top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:34px}.portal-auth-card-v40__top a{font-size:.63rem;font-weight:900;text-transform:uppercase;color:#707578}.portal-auth-card-v40__top a:hover{color:#111}.portal-auth-card-v40__eyebrow{color:#c45f00;font-size:.59rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.portal-auth-card-v40 h2{margin:8px 0 0;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:2.6rem;font-weight:400;line-height:.95;text-transform:uppercase}.portal-auth-card-v40>p{margin:12px 0 24px;color:#6f7477;font-size:.75rem;line-height:1.55}.portal-auth-form-v40{display:grid;gap:13px}.portal-auth-form-v40 .portal-field-v40 label{font-size:.6rem}.portal-auth-form-v40 .portal-field-v40 input{height:46px;font-size:.78rem}.portal-password-v40{position:relative}.portal-password-v40 input{padding-right:54px!important}.portal-password-v40 button{position:absolute;right:1px;bottom:1px;height:44px;width:50px;border:0;border-left:1px solid #c8cac9;background:#f5f4f0;color:#666b6e;cursor:pointer;font-size:.55rem;font-weight:900}.portal-auth-row-v40{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:3px 0 4px}.portal-check-v40{display:flex;gap:8px;align-items:center;color:#666b6e;font-size:.63rem}.portal-check-v40 input{accent-color:var(--portal-orange)}.portal-auth-row-v40 a{color:#b85900;font-size:.62rem;font-weight:900}.portal-auth-submit-v40{width:100%;min-height:48px;margin-top:4px}.portal-auth-switch-v40{margin-top:20px;padding-top:17px;border-top:1px solid #c8cac9;color:#777c7f;font-size:.66rem}.portal-auth-switch-v40 a{color:#b85a00;font-weight:900}.portal-auth-security-v40{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}.portal-auth-security-v40 div{min-height:66px;padding:10px;border:1px solid #c7c9c8;background:#e8e7e2}.portal-auth-security-v40 strong{display:block;font-size:.58rem;text-transform:uppercase}.portal-auth-security-v40 span{display:block;margin-top:4px;color:#818689;font-size:.54rem;line-height:1.35}
.portal-register-grid-v40{display:grid;grid-template-columns:1fr 1fr;gap:13px}.portal-register-grid-v40 .portal-field-v40--full{grid-column:1/-1}

@media(max-width:1120px){.portal-grid-v40--stats{grid-template-columns:repeat(2,1fr)}.portal-dashboard-v40,.portal-project-columns-v40,.portal-profile-grid-v40{grid-template-columns:1fr}.portal-project-row-v40{grid-template-columns:100px minmax(0,1fr) 150px 30px}.portal-project-date-v40{display:none}.portal-timeline-v40{grid-template-columns:repeat(4,1fr)}.portal-timeline-v40__step:nth-child(4){border-right:0}.portal-timeline-v40__step:nth-child(-n+4){border-bottom:1px solid #c9cbca}.portal-auth-v40{grid-template-columns:minmax(0,1fr) 440px}}
@media(max-width:900px){.header-account-link-v40{display:none}.portal-shell-v40{display:block}.portal-sidebar-v40{position:fixed;z-index:80;top:0;left:0;width:min(290px,84vw);height:100vh;transform:translateX(-105%);transition:transform .2s ease}.portal-sidebar-v40.is-open{transform:none}.portal-top-v40{height:70px;padding:0 18px}.portal-mobile-menu-v40{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid #b9bcbd;background:#f8f7f3;cursor:pointer}.portal-top-v40__title{margin-right:auto}.portal-user-v40 span,.portal-user-v40 strong{display:none}.portal-user-v40{padding:4px}.portal-content-v40{width:min(calc(100% - 32px),1180px);padding-top:28px}.portal-project-hero-v40{grid-template-columns:1fr}.portal-project-hero-v40__aside{border-left:0;border-top:1px solid #b5b8b9}.portal-equipment-grid-v40{grid-template-columns:1fr}.portal-auth-v40{grid-template-columns:1fr}.portal-auth-v40__visual{display:none}.portal-auth-v40__panel{padding:28px 18px}.portal-auth-card-v40{max-width:520px}.portal-auth-card-v40__top img{display:block;width:140px}.portal-notify-v40{top:70px;height:calc(100vh - 70px)}}
@media(max-width:680px){.portal-page-head-v40{display:block}.portal-page-head-v40__actions{margin-top:18px}.portal-grid-v40--stats{grid-template-columns:1fr 1fr}.portal-stat-v40{min-height:116px}.portal-dashboard-v40{grid-template-columns:1fr}.portal-project-row-v40{grid-template-columns:88px 1fr 28px;gap:10px}.portal-status-v40{grid-column:1/-1}.portal-project-row-v40{padding:12px}.portal-timeline-v40{grid-template-columns:1fr 1fr}.portal-timeline-v40__step{border-bottom:1px solid #c9cbca!important}.portal-timeline-v40__step:nth-child(2n){border-right:0}.portal-timeline-v40__step:last-child{border-bottom:0!important}.portal-project-hero-v40__meta{grid-template-columns:1fr}.portal-project-hero-v40__meta div{border-bottom:1px solid #d0d1cf;padding:10px 0}.portal-project-hero-v40__meta div:last-child{border-bottom:0}.portal-toolbar-v40{display:grid}.portal-search-v40{width:100%}.portal-table-v40,.portal-table-v40 tbody,.portal-table-v40 tr,.portal-table-v40 td{display:block;width:100%}.portal-table-v40 thead{display:none}.portal-table-v40 tr{padding:10px 12px;border-bottom:1px solid #c7c9c8}.portal-table-v40 td{display:flex;justify-content:space-between;gap:18px;padding:5px 0;border:0;text-align:right!important}.portal-table-v40 td::before{color:#858a8d;font-size:.55rem;font-weight:900;text-transform:uppercase;content:attr(data-label);text-align:left}.portal-data-row-v40{grid-template-columns:1fr;gap:5px}.portal-form-v40__grid,.portal-register-grid-v40{grid-template-columns:1fr}.portal-register-grid-v40 .portal-field-v40--full{grid-column:auto}.portal-auth-security-v40{grid-template-columns:1fr}.portal-auth-card-v40 h2{font-size:2.3rem}.portal-notify-v40{width:100%}}
@media(max-width:430px){.portal-content-v40{width:calc(100% - 24px)}.portal-top-v40{padding:0 12px;gap:8px}.portal-top-v40__title span{display:none}.portal-top-v40__title strong{font-size:.76rem}.portal-grid-v40--stats{grid-template-columns:1fr}.portal-stat-v40{min-height:104px}.portal-page-head-v40 h1{font-size:2.15rem}.portal-project-row-v40{grid-template-columns:1fr 28px}.portal-project-code-v40{grid-column:1}.portal-project-name-v40{grid-column:1}.portal-project-arrow-v40{grid-column:2;grid-row:1/3}.portal-status-v40{grid-column:1/-1}.portal-auth-v40__panel{padding:20px 14px}.portal-auth-card-v40__top{margin-bottom:26px}}

/* ==========================================================================
   v41 — Supabase client portal: live/setup states, empty states and actions
   ========================================================================== */
[hidden]{display:none!important}
.portal-setup-note-v41{display:grid;gap:6px;margin:0 0 22px;padding:14px 16px;border:1px solid #bd7b33;border-left:4px solid #e87500;background:#fff7eb;color:#2b2e30}
.portal-setup-note-v41 strong{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}
.portal-setup-note-v41 span{font-size:.82rem;line-height:1.5}
.portal-setup-note-v41 small{color:#707579;font-size:.7rem}
.portal-live-v41 .portal-demo-v40{border-color:#4b7a60;color:#2d6548;background:#eaf4ee}
.portal-preview-v41 .portal-demo-v40{border-color:#bd7b33;color:#8c531a;background:#fff4e6}
.portal-empty-v41{padding:24px;border:1px dashed #b9bdbe;color:#747a7d;background:#f4f3ef;font-size:.82rem;text-align:center}
.portal-empty-v41--large{padding:52px 24px;margin:20px 0}
.portal-field-v40 input.is-error,.portal-field-v40 textarea.is-error,.portal-field-v40 select.is-error{border-color:#c84032!important;box-shadow:inset 0 0 0 1px #c84032}
.portal-btn-v40:disabled{opacity:.55;cursor:wait;transform:none!important}
.portal-toast-v40[data-kind="error"]{border-left-color:#c84032!important}
.portal-toast-v40[data-kind="success"]{border-left-color:#358455!important}
.portal-modal-v41{position:fixed;z-index:4000;inset:0;display:grid;place-items:center;padding:22px;opacity:0;pointer-events:none;transition:opacity .18s ease}
.portal-modal-v41.is-open{opacity:1;pointer-events:auto}
.portal-modal-v41__backdrop{position:absolute;inset:0;background:rgba(14,16,18,.72)}
.portal-modal-v41__card{position:relative;width:min(620px,100%);max-height:min(780px,calc(100vh - 44px));overflow:auto;border:1px solid #4f5457;border-top:4px solid #e87500;background:#efeee9;box-shadow:12px 12px 0 rgba(0,0,0,.25)}
.portal-modal-v41__card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #bbbfc0;background:#e6e4de}
.portal-modal-v41__card>header span{display:block;margin-bottom:5px;color:#a44c00;font-size:.6rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.portal-modal-v41__card>header h2{margin:0;color:#222629;font-size:1.4rem;text-transform:uppercase}
.portal-modal-v41__card>header>button{width:34px;height:34px;border:1px solid #9fa4a6;background:transparent;color:#25292b;font-size:1.3rem;cursor:pointer}
.portal-modal-form-v41{display:grid;gap:15px;padding:22px}
.portal-modal-form-v41>label{display:grid;gap:7px;color:#363a3d;font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.portal-modal-form-v41 input,.portal-modal-form-v41 select,.portal-modal-form-v41 textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid #a8acae;border-radius:0;background:#fff;color:#222629;font:inherit;font-size:.86rem;font-weight:500;letter-spacing:0;text-transform:none}
.portal-modal-form-v41 textarea{min-height:112px;resize:vertical;line-height:1.45}
.portal-modal-actions-v41{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
.portal-profile-note-v40 li{line-height:1.45}
@media(max-width:600px){
  .portal-modal-v41{padding:0;align-items:end}
  .portal-modal-v41__card{width:100%;max-height:90vh;border-right:0;border-bottom:0;border-left:0;box-shadow:none}
  .portal-modal-actions-v41{display:grid;grid-template-columns:1fr 1fr}
  .portal-modal-actions-v41 .portal-btn-v40{width:100%}
}

/* ==========================================================================
   v42 — RFQ → client portal workflow
   ========================================================================== */
.rfq-portal-handoff-v42{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;margin:18px 0 0;padding:18px 20px;border:1px solid #484d50;border-left:4px solid #e87500;background:#222629;color:#fff}
.rfq-portal-handoff-v42>div{min-width:0}.rfq-portal-handoff-v42 span{display:block;color:#e87500;font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.rfq-portal-handoff-v42 strong{display:block;margin-top:5px;font-size:.95rem;text-transform:uppercase}.rfq-portal-handoff-v42 p{max-width:720px;margin:6px 0 0;color:#c1c5c6;font-size:.78rem;line-height:1.5}.rfq-portal-link-v42{display:inline-block;margin-top:8px;color:#ff9a36;font-size:.69rem;font-weight:900;text-transform:uppercase}.rfq-portal-handoff-v42 .btn{white-space:nowrap}
.rfq-toast-v42{position:fixed;z-index:5000;right:20px;bottom:20px;max-width:min(420px,calc(100vw - 40px));padding:13px 16px;border:1px solid #555a5d;border-left:4px solid #e87500;background:#25292b;color:#fff;box-shadow:8px 8px 0 rgba(0,0,0,.22);font-size:.78rem;line-height:1.45;opacity:0;transform:translateY(10px);pointer-events:none;transition:.18s ease}.rfq-toast-v42.is-visible{opacity:1;transform:none}.rfq-toast-v42[data-kind="error"]{border-left-color:#c84032}.rfq-toast-v42[data-kind="success"]{border-left-color:#3f8b5b}.rfq-toast-v42[data-kind="warning"]{border-left-color:#d8902f}
.portal-rfq-note-v42{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin-bottom:14px;padding:12px 14px;border:1px solid #bfc2c2;border-left:4px solid #e87500;background:#eceae4}.portal-rfq-note-v42 span{color:#a44d00;font-size:.58rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.portal-rfq-note-v42 p{margin:0;color:#666c6f;font-size:.72rem;line-height:1.45}
.portal-rfq-table-v42 td:first-child{position:relative}.portal-local-badge-v42{display:inline-block;margin-top:5px;padding:3px 5px;border:1px solid #c17c35;color:#94500f;background:#fff3e4;font-size:.48rem;font-style:normal;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.portal-rfq-back-v42{margin-bottom:12px}.portal-rfq-back-v42 a{color:#a85000;font-size:.65rem;font-weight:900;text-transform:uppercase}.portal-rfq-hero-v42 .portal-project-hero-v40__aside{justify-content:center}.portal-rfq-project-link-v42{margin-top:18px;color:#ff9a36!important;font-size:.64rem;font-weight:900;text-transform:uppercase}
.portal-rfq-local-v42{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin:0 0 16px;padding:14px 16px;border:1px solid #c28a4c;border-left:4px solid #e87500;background:#fff3e3}.portal-rfq-local-v42 strong{font-size:.68rem;text-transform:uppercase}.portal-rfq-local-v42 span{color:#6e7375;font-size:.72rem;line-height:1.45}
.portal-rfq-data-v42{display:grid}.portal-rfq-data-v42>div{display:grid;grid-template-columns:minmax(160px,.55fr) minmax(0,1fr);gap:18px;padding:12px 16px;border-bottom:1px solid #d0d2d1}.portal-rfq-data-v42>div:last-child{border-bottom:0}.portal-rfq-data-v42 span{color:#7d8284;font-size:.58rem;font-weight:900;text-transform:uppercase}.portal-rfq-data-v42 strong{font-size:.74rem;line-height:1.5;overflow-wrap:anywhere}
.portal-rfq-files-v42{display:grid}.portal-rfq-file-v42{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border-bottom:1px solid #d0d2d1}.portal-rfq-file-v42:last-child{border-bottom:0}.portal-rfq-file-v42>div{min-width:0}.portal-rfq-file-v42 span{display:block;color:#a95100;font-size:.52rem;font-weight:900;text-transform:uppercase}.portal-rfq-file-v42 strong{display:block;margin-top:3px;font-size:.72rem;overflow-wrap:anywhere}.portal-rfq-file-v42 em{display:block;margin-top:3px;color:#8a8f91;font-size:.58rem;font-style:normal}.portal-rfq-file-v42 button{min-width:82px;height:34px;border:1px solid #a9adaf;background:#f7f6f2;color:#34383b;cursor:pointer;font-size:.57rem;font-weight:900;text-transform:uppercase}.portal-rfq-file-note-v42{margin:12px 16px 16px;color:#777c7f;font-size:.68rem;line-height:1.45}.portal-rfq-footer-actions-v42{display:flex;justify-content:flex-end;margin-top:16px}
.portal-stat-v40 em a{color:inherit;text-decoration:none}.portal-stat-v40 em a:hover{color:#a64d00}
@media(max-width:680px){.rfq-portal-handoff-v42{grid-template-columns:1fr;padding:16px}.rfq-portal-handoff-v42 .btn{width:100%}.portal-rfq-note-v42{grid-template-columns:1fr;gap:5px}.portal-rfq-local-v42{grid-template-columns:1fr}.portal-rfq-local-v42 .portal-btn-v40{width:100%}.portal-rfq-data-v42>div{grid-template-columns:1fr;gap:4px}.portal-rfq-file-v42{align-items:flex-start;flex-direction:column}.portal-rfq-file-v42 button{width:100%}}
.portal-rfq-history-v42{margin-top:16px}.portal-rfq-history-list-v42{display:grid}.portal-rfq-history-item-v42{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:16px;align-items:start;padding:13px 16px;border-bottom:1px solid #d0d2d1}.portal-rfq-history-item-v42:last-child{border-bottom:0}.portal-rfq-history-item-v42>span{color:#a55000;font-size:.61rem;font-weight:900;text-transform:uppercase}.portal-rfq-history-item-v42>div strong{display:block;font-size:.72rem}.portal-rfq-history-item-v42>div p{margin:4px 0 0;color:#717679;font-size:.67rem;line-height:1.45}.portal-rfq-history-item-v42>time{color:#858a8c;font-size:.58rem;white-space:nowrap}@media(max-width:680px){.portal-rfq-history-item-v42{grid-template-columns:1fr;gap:4px}.portal-rfq-history-item-v42>time{white-space:normal}}


/* ==========================================================================
   INNOTECH v43 — public header de-clutter + prominent client portal
   ========================================================================== */
@media (min-width: 1181px){
  .topbar--v7{height:28px;border-bottom:1px solid #35393b;background:#181a1c}
  .topbar--v7 .topbar__inner{min-height:28px;height:28px}
  .topbar--v7 .topbar__tag{font-size:.60rem;letter-spacing:.12em;color:#d8d9d8}
  .topbar--v7 .topbar__metrics{gap:0;height:100%;border-left:1px solid #34383a}
  .topbar--v7 .topbar__metrics span{display:flex;align-items:center;height:100%;padding:0 14px;border-right:1px solid #34383a;font-size:.58rem;letter-spacing:.08em;color:#b6b9bb}
  .topbar--v7 .topbar__metrics b{margin-right:5px;color:#efa33b}
  .site-header{background:#242729;border-bottom:1px solid #424648;box-shadow:0 8px 22px rgba(0,0,0,.18)}
  .site-header__inner{display:grid!important;grid-template-columns:174px minmax(0,1fr) auto;gap:26px;min-height:72px;height:72px;align-items:center}
  .brand{width:166px;height:48px;padding:6px 10px;border-left:3px solid #e87211;background:#fff}
  .brand img{width:100%;height:100%;object-fit:contain}
  .main-nav{justify-content:flex-start!important;gap:3px!important;min-width:0}
  .main-nav__link,.main-nav__trigger{height:72px!important;padding:0 10px!important;font-size:.68rem!important;letter-spacing:.055em!important;white-space:nowrap}
  .nav-item--has-submenu{height:72px}
  .header-actions{display:flex;gap:8px!important;align-items:center;margin-left:0!important;padding-left:18px;border-left:1px solid #474b4d}
  .header-account-link-v43{display:grid!important;grid-template-columns:30px auto;gap:9px;align-items:center;min-width:158px;height:44px!important;padding:0 11px!important;border:1px solid #5a5e61!important;background:#303437!important;color:#fff!important;opacity:1!important;transition:.2s ease}
  .header-account-link-v43:hover{border-color:#e87211!important;background:#35393c!important}
  .header-account-icon-v43{display:grid;place-items:center;width:28px;height:28px;background:#e87211;color:#17191a;font-weight:900;font-size:.76rem}
  .header-account-copy-v43{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.05}
  .header-account-copy-v43 b{font-size:.66rem;letter-spacing:.055em;text-transform:uppercase;color:#fff;white-space:nowrap}
  .header-account-copy-v43 small{font-size:.55rem;color:#aeb2b4;white-space:nowrap}
  .lang-dropdown-v221 select{height:44px!important;min-width:62px!important;padding:0 28px 0 10px!important;border-color:#54585b!important;background:#292c2e!important;color:#fff!important;font-size:.67rem!important}
  .header-project-btn{height:44px!important;padding:0 14px!important;background:#e87211!important;border-color:#e87211!important;color:#181a1b!important;font-size:.66rem!important;letter-spacing:.06em!important;font-weight:900!important;white-space:nowrap}
  .header-project-btn:hover{background:#f29a35!important;border-color:#f29a35!important}
  .submenu__link--quality-v43{border-top:1px solid rgba(255,255,255,.12)}
}
@media (min-width:1181px) and (max-width:1450px){
  .site-header__inner{grid-template-columns:150px minmax(0,1fr) auto;gap:14px}
  .brand{width:145px}
  .main-nav__link,.main-nav__trigger{padding:0 7px!important;font-size:.64rem!important}
  .header-actions{padding-left:10px;gap:6px!important}
  .header-account-link-v43{min-width:122px;width:auto;padding:0 8px!important;grid-template-columns:28px auto;justify-content:start}
  .header-account-copy-v43{display:flex}
  .header-account-copy-v43 small{display:none}
  .header-account-copy-v43 b{font-size:.60rem}
  .header-project-btn{padding:0 10px!important}
}
@media (max-width:1180px){
  .mobile-account-link-v43{display:grid!important;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;margin:8px 16px 16px;padding:14px 14px!important;border:1px solid #575b5d!important;border-left:3px solid #e87211!important;background:#2a2d2f!important;color:#fff!important}
  .mobile-account-icon-v43{display:grid;place-items:center;width:36px;height:36px;background:#e87211;color:#17191a;font-weight:900}
  .mobile-account-copy-v43{display:flex;flex-direction:column;gap:3px}
  .mobile-account-copy-v43 b{font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}
  .mobile-account-copy-v43 small{font-size:.72rem;color:#aeb2b4}
  .mobile-account-link-v43 i{font-style:normal;color:#e87211;font-size:1.2rem}
}

/* ==========================================================================
   INNOTECH v43 — internal admin portal
   ========================================================================== */
.admin-body-v43,.admin-auth-body-v43{margin:0;background:#eceae5;color:#232628;font-family:Inter,"Segoe UI",Arial,sans-serif;min-width:320px}
.admin-body-v43 *,.admin-auth-body-v43 *{box-sizing:border-box}
.admin-body-v43 button,.admin-body-v43 input,.admin-body-v43 textarea,.admin-body-v43 select,.admin-auth-body-v43 button,.admin-auth-body-v43 input{font:inherit}
.admin-shell-v43{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}
.admin-sidebar-v43{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#1d2022;color:#fff;border-right:1px solid #34383a;z-index:50}
.admin-brand-v43{display:flex;gap:12px;align-items:center;padding:20px 18px;border-bottom:1px solid #34383a}
.admin-brand-v43 img{width:102px;height:36px;object-fit:contain;background:#fff;padding:4px 7px}
.admin-brand-v43 div{display:flex;flex-direction:column;line-height:1.05}.admin-brand-v43 strong{font-size:.66rem;letter-spacing:.07em;text-transform:uppercase}.admin-brand-v43 span{margin-top:4px;color:#909598;font-size:.60rem}
.admin-mode-v43{display:grid;gap:5px;padding:18px;border-bottom:1px solid #34383a}.admin-mode-v43 span{color:#e87211;font-size:.60rem;font-weight:900;letter-spacing:.12em}.admin-mode-v43 b{font-size:.67rem;letter-spacing:.06em}
.admin-nav-v43{padding:10px 0;overflow:auto}.admin-nav-v43 a{display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center;min-height:48px;padding:0 18px;border-left:3px solid transparent;color:#bfc2c3;font-size:.74rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.admin-nav-v43 a span{color:#666c70;font-size:.58rem}.admin-nav-v43 a:hover{background:#25292b;color:#fff}.admin-nav-v43 a.is-active{border-left-color:#e87211;background:#2a2e30;color:#fff}.admin-nav-v43 a.is-active span{color:#e87211}
.admin-sidebar-bottom-v43{margin-top:auto;padding:16px 18px 20px;border-top:1px solid #34383a;display:grid;gap:8px}.admin-sidebar-bottom-v43 a,.admin-sidebar-bottom-v43 button{padding:0;border:0;background:none;color:#8f9497;text-align:left;font-size:.68rem}.admin-sidebar-bottom-v43 a:hover,.admin-sidebar-bottom-v43 button:hover{color:#fff}
.admin-main-v43{min-width:0}.admin-top-v43{position:sticky;top:0;z-index:40;height:68px;display:flex;align-items:center;padding:0 28px;background:#f8f7f3;border-bottom:1px solid #c8c7c2;box-shadow:0 4px 16px rgba(20,22,23,.06)}
.admin-menu-v43{display:none;width:40px;height:40px;margin-right:12px;border:1px solid #bfc2c3;background:#fff}.admin-top-title-v43{display:flex;flex-direction:column;line-height:1.05}.admin-top-title-v43 span{color:#9b5a16;font-size:.57rem;font-weight:900;letter-spacing:.12em}.admin-top-title-v43 strong{margin-top:4px;font-size:.83rem;letter-spacing:.03em;text-transform:uppercase}.admin-top-actions-v43{margin-left:auto;display:flex;align-items:center;gap:18px}.admin-lang-v43{display:flex;border:1px solid #c8c9c5}.admin-lang-v43 a{display:grid;place-items:center;min-width:36px;height:30px;padding:0 7px;border-right:1px solid #c8c9c5;color:#777c7f;font-size:.58rem;font-weight:900}.admin-lang-v43 a:last-child{border-right:0}.admin-lang-v43 a.is-active{background:#26292b;color:#fff}.admin-user-v43{display:grid;grid-template-columns:34px auto;gap:9px;align-items:center}.admin-user-v43>span{display:grid;place-items:center;width:34px;height:34px;background:#e87211;color:#1b1d1f;font-size:.62rem;font-weight:900}.admin-user-v43 div{display:flex;flex-direction:column;line-height:1.05}.admin-user-v43 small{font-size:.53rem;color:#929699;letter-spacing:.08em}.admin-user-v43 strong{margin-top:4px;font-size:.68rem}
.admin-content-v43{padding:30px clamp(18px,3vw,42px) 56px;max-width:1680px;margin:auto}
.admin-page-head-v43{display:flex;gap:24px;justify-content:space-between;align-items:flex-end;margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid #b9bbb8}.admin-page-head-v43>div:first-child{max-width:840px}.admin-page-head-v43 span{color:#a5611c;font-size:.61rem;font-weight:900;letter-spacing:.14em}.admin-page-head-v43 h1{margin:6px 0 8px;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-weight:400;font-size:clamp(2.2rem,4vw,4.4rem);line-height:.92;letter-spacing:.01em;text-transform:uppercase}.admin-page-head-v43 p{max-width:720px;margin:0;color:#666c70;font-size:.92rem;line-height:1.55}.admin-page-actions-v43{display:flex;gap:8px;flex-wrap:wrap}
.admin-btn-v43{min-height:40px;padding:0 14px;border:1px solid #979b9d;border-radius:0;background:#fff;color:#26292b;font-size:.68rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.admin-btn-v43--primary{border-color:#e87211;background:#e87211;color:#191b1c}.admin-btn-v43--primary:hover{background:#f19a39}.admin-btn-v43--ghost:hover{border-color:#33383a}.admin-btn-v43--micro{min-height:30px;padding:0 9px;font-size:.58rem}.admin-btn-v43:disabled{opacity:.45;cursor:not-allowed}
.admin-stat-grid-v43{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #aeb1b0;background:#f7f6f2;margin-bottom:24px}.admin-stat-grid-v43 article{position:relative;min-height:142px;padding:18px;border-right:1px solid #c3c5c3}.admin-stat-grid-v43 article:last-child{border-right:0}.admin-stat-grid-v43 span{display:block;color:#6a6f72;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.admin-stat-grid-v43 strong{display:block;margin-top:20px;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:2.8rem;font-weight:400;line-height:.8}.admin-stat-grid-v43 em{display:block;margin-top:14px;color:#757b7e;font-size:.65rem;font-style:normal}.admin-stat-grid-v43 b{position:absolute;right:14px;top:14px;color:#c7c8c5;font-size:.62rem}
.admin-dashboard-grid-v43{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.7fr);gap:20px;margin-bottom:20px}.admin-panel-v43{background:#f8f7f3;border:1px solid #babdbb;box-shadow:6px 6px 0 rgba(35,38,40,.07);min-width:0}.admin-panel-v43--wide{min-width:0}.admin-panel-head-v43{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #c9cbc9}.admin-panel-head-v43 span{color:#b36618;font-size:.56rem;font-weight:900;letter-spacing:.13em}.admin-panel-head-v43 h2{margin:4px 0 0;font-size:1rem;text-transform:uppercase;letter-spacing:.025em}.admin-panel-head-v43 a{font-size:.64rem;font-weight:800;color:#6d7275}.admin-pipeline-v43{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));padding:18px;overflow:auto}.admin-pipeline-v43 a{position:relative;min-width:94px;min-height:128px;padding:14px 10px;border:1px solid #c8cac8;border-right:0;background:#eeece7}.admin-pipeline-v43 a:last-child{border-right:1px solid #c8cac8}.admin-pipeline-v43 a span{display:block;min-height:34px;color:#686d70;font-size:.58rem;font-weight:900;text-transform:uppercase}.admin-pipeline-v43 a strong{display:block;margin-top:18px;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:2rem;font-weight:400}.admin-pipeline-v43 a i{position:absolute;left:10px;right:10px;bottom:12px;height:3px;background:#d3d3cf}.admin-pipeline-v43 a i:after{content:"";display:block;width:min(var(--n),100%);height:100%;background:#e87211}
.admin-mini-list-v43{display:grid}.admin-mini-list-v43>a,.admin-mini-list-v43>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;min-height:62px;padding:11px 16px;border-bottom:1px solid #d2d2ce}.admin-mini-list-v43>*:last-child{border-bottom:0}.admin-mini-list-v43 strong{font-size:.72rem}.admin-mini-list-v43 p{margin:3px 0 0;color:#6f7476;font-size:.66rem;line-height:1.35}.admin-mini-list-v43 span,.admin-mini-list-v43 b,.admin-mini-list-v43 time{color:#666b6e;font-size:.61rem;font-weight:800}.admin-dot-v43{width:7px;height:7px}.admin-dot-v43--warn{background:#d06915}.admin-empty-v43{padding:22px;color:#808587;font-size:.72rem}
.admin-toolbar-v43{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 14px}.admin-filter-v43{display:flex;flex-wrap:wrap;border:1px solid #b7bab8}.admin-filter-v43 button{min-height:38px;padding:0 14px;border:0;border-right:1px solid #c7c8c5;background:#f5f4f0;color:#686d70;font-size:.63rem;font-weight:900;text-transform:uppercase}.admin-filter-v43 button:last-child{border-right:0}.admin-filter-v43 button.is-active{background:#25282a;color:#fff}.admin-search-v43{display:grid;grid-template-columns:30px minmax(160px,280px);align-items:center;border:1px solid #b7bab8;background:#fff}.admin-search-v43 span{text-align:center;color:#7d8284}.admin-search-v43 input{height:38px;border:0;outline:0;background:transparent;font-size:.72rem}
.admin-table-wrap-v43{overflow:auto;border:1px solid #afb2b0;background:#f9f8f5}.admin-table-v43{width:100%;border-collapse:collapse;min-width:840px}.admin-table-v43 th{padding:11px 14px;border-bottom:2px solid #2d3032;background:#ebe9e4;color:#696e70;text-align:left;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}.admin-table-v43 td{padding:14px;border-bottom:1px solid #d0d1cd;color:#454a4d;font-size:.71rem;vertical-align:middle}.admin-table-v43 tbody tr:hover{background:#f0eee9}.admin-table-v43 tbody tr:last-child td{border-bottom:0}.admin-table-v43 td>strong,.admin-table-v43 td a strong{display:block;color:#232628;font-size:.72rem}.admin-table-v43 td>span,.admin-table-v43 td a span{display:block;margin-top:3px;color:#7a7f81;font-size:.62rem}.admin-entity-v43{display:block;min-width:170px}.admin-status-v43{display:inline-block!important;margin:0!important;padding:5px 7px;border-left:3px solid #767b7d;background:#e9e8e4;color:#424749!important;font-size:.58rem!important;font-weight:900!important;text-transform:uppercase}.admin-status-v43[data-status="submitted"],.admin-status-v43[data-status="technical_review"]{border-left-color:#e87211}.admin-status-v43[data-status="hold"]{border-left-color:#b6432b}.admin-status-v43[data-status="complete"]{border-left-color:#47704a}.admin-progress-v43{min-width:100px}.admin-progress-v43 b{display:block;font-size:.63rem}.admin-progress-v43 i{display:block;height:3px;margin-top:5px;background:#d5d5d1}.admin-progress-v43 i span{display:block;height:100%;background:#e87211}
.admin-detail-back-v43{margin-bottom:14px}.admin-detail-back-v43 a{color:#6c7275;font-size:.68rem;font-weight:800}.admin-detail-hero-v43{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;margin-bottom:20px;padding:22px 24px;border:1px solid #34383a;background:#232628;color:#fff}.admin-detail-hero-v43>div:first-child>span{color:#e87211;font-size:.61rem;font-weight:900;letter-spacing:.12em}.admin-detail-hero-v43 h1{margin:8px 0 7px;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(2rem,4vw,4rem);font-weight:400;line-height:.92;text-transform:uppercase}.admin-detail-hero-v43 p{margin:0;color:#b7bbbd;font-size:.73rem}.admin-detail-status-v43{text-align:right}.admin-detail-status-v43>span{display:block;color:#e87211;font-size:.68rem;font-weight:900;text-transform:uppercase}.admin-detail-status-v43 small{display:block;margin-top:8px;color:#c4c7c8}.admin-detail-grid-v43{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.72fr);gap:20px}.admin-detail-main-v43,.admin-detail-side-v43{display:grid;align-content:start;gap:20px}.admin-action-panel-v43 form,.admin-convert-v43 form,.admin-detail-side-v43 form{display:grid;gap:12px;padding:16px}.admin-action-panel-v43 label,.admin-convert-v43 label,.admin-control-grid-v43 label,.admin-update-form-v43 label{display:grid;gap:6px;color:#656a6d;font-size:.62rem;font-weight:800;text-transform:uppercase}.admin-action-panel-v43 input,.admin-action-panel-v43 select,.admin-action-panel-v43 textarea,.admin-convert-v43 input,.admin-convert-v43 select,.admin-convert-v43 textarea,.admin-control-grid-v43 input,.admin-control-grid-v43 select,.admin-control-grid-v43 textarea,.admin-update-form-v43 input,.admin-update-form-v43 select,.admin-update-form-v43 textarea,.admin-detail-side-v43 textarea{width:100%;min-height:40px;padding:9px 10px;border:1px solid #b9bcba;border-radius:0;background:#fff;color:#26292b;font-size:.72rem;outline:0}.admin-project-link-v43{display:block;margin:0 16px 16px;padding:12px;border:1px solid #e87211;color:#9a5817;font-size:.67rem;font-weight:900}.admin-data-grid-v43{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0}.admin-data-grid-v43>div{min-height:72px;padding:14px 16px;border-right:1px solid #d0d1ce;border-bottom:1px solid #d0d1ce}.admin-data-grid-v43>div:nth-child(2n){border-right:0}.admin-data-grid-v43 span{display:block;color:#777c7f;font-size:.60rem;text-transform:uppercase}.admin-data-grid-v43 strong{display:block;margin-top:7px;font-size:.75rem;word-break:break-word}.admin-file-row-v43{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:64px;padding:10px 16px;border-bottom:1px solid #d0d1ce}.admin-file-row-v43:last-child{border-bottom:0}.admin-file-row-v43>span{display:grid;place-items:center;height:32px;background:#2b2f31;color:#fff;font-size:.55rem;font-weight:900}.admin-file-row-v43 strong{display:block;font-size:.70rem}.admin-file-row-v43 small{display:block;margin-top:4px;color:#7b8082;font-size:.60rem}.admin-file-row-v43 button,.admin-link-btn-v43{border:0;background:none;color:#a35e19;font-size:.62rem;font-weight:900;text-transform:uppercase}.admin-timeline-v43{padding:8px 16px}.admin-timeline-v43 article{position:relative;display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:12px;padding:14px 0;border-bottom:1px solid #d1d2cf}.admin-timeline-v43 article:last-child{border-bottom:0}.admin-timeline-v43 article>span{color:#a65f18;font-size:.61rem;font-weight:900;text-transform:uppercase}.admin-timeline-v43 p{margin:0;color:#4e5356;font-size:.67rem}.admin-timeline-v43 time{display:block;margin-top:4px;color:#85898b;font-size:.57rem}.admin-timeline-v43 b{font-size:.62rem}.admin-note-row-v43{padding:12px 16px;border-top:1px solid #d0d1ce;background:#efede8}.admin-note-row-v43 p{margin:0;font-size:.68rem;line-height:1.45}.admin-note-row-v43 time{display:block;margin-top:6px;color:#85898b;font-size:.56rem}.admin-control-grid-v43{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.admin-span-2-v43{grid-column:1/-1}.admin-control-grid-v43>button{justify-self:start}.admin-update-form-v43{display:grid;grid-template-columns:1fr 160px auto;gap:10px;padding:16px;border-bottom:1px solid #d0d1ce}.admin-update-form-v43 label:first-child{grid-column:1/2}.admin-update-form-v43 label:nth-child(2){grid-column:1/-1}.admin-update-form-v43 select{align-self:end}.admin-update-form-v43 button{align-self:end}.admin-feed-v43{display:grid}.admin-feed-v43 article{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;padding:14px 16px;border-bottom:1px solid #d0d1ce}.admin-feed-v43 article>span{color:#a8611b;font-size:.58rem;font-weight:900}.admin-feed-v43 strong{font-size:.70rem}.admin-feed-v43 p{margin:4px 0 0;color:#62676a;font-size:.67rem;line-height:1.45}.admin-feed-v43 time{display:block;margin-top:6px;color:#8a8e90;font-size:.56rem}.admin-upload-v43{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:8px;padding:14px 16px;border-bottom:1px solid #d0d1ce}.admin-upload-v43 select,.admin-upload-v43 input{min-height:40px;border:1px solid #b9bcba;background:#fff;padding:7px;font-size:.68rem}
.admin-client-grid-v43{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.admin-client-grid-v43 .admin-panel-v43:first-child{grid-column:1/-1}.admin-contact-row-v43{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px 16px;border-bottom:1px solid #d0d1ce}.admin-contact-row-v43 strong{font-size:.72rem}.admin-contact-row-v43 span,.admin-contact-row-v43 small{display:block;margin-top:3px;color:#74797b;font-size:.62rem}.admin-contact-row-v43 form{display:flex;gap:6px;align-items:center}.admin-contact-row-v43 select{height:32px;border:1px solid #b9bcba}.admin-equipment-row-v43{display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px;padding:14px 16px;border-bottom:1px solid #d0d1ce}.admin-equipment-row-v43>span{color:#a65f18;font-size:.57rem;font-weight:900}.admin-equipment-row-v43 strong{font-size:.72rem}.admin-equipment-row-v43 p{margin:4px 0 0;color:#73787b;font-size:.63rem}.admin-note-v43{margin:0 0 14px;padding:12px 14px;border-left:3px solid #e87211;background:#f4eee6;color:#62676a;font-size:.70rem}.admin-role-form-v43{display:contents}.admin-role-form-v43 select{height:32px;border:1px solid #b9bcba;background:#fff;font-size:.65rem}.admin-switch-v43{position:relative;display:inline-block;width:36px;height:20px}.admin-switch-v43 input{opacity:0;width:0;height:0}.admin-switch-v43 span{position:absolute;inset:0;background:#bfc2c1}.admin-switch-v43 span:after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:#fff;transition:.2s}.admin-switch-v43 input:checked+span{background:#e87211}.admin-switch-v43 input:checked+span:after{transform:translateX(16px)}.admin-table-v43 code{display:block;max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#62676a;font-size:.60rem}
.admin-toast-v43{position:fixed;right:22px;bottom:22px;z-index:1000;max-width:360px;padding:12px 14px;border-left:4px solid #e87211;background:#242729;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:.72rem;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.admin-toast-v43.is-visible{opacity:1;transform:none}.admin-toast-v43[data-kind="error"]{border-left-color:#c44b37}
.admin-auth-body-v43{background:#1c1f21}.admin-auth-v43{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.62fr)}.admin-auth-visual-v43{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:34px 42px 52px;background:linear-gradient(90deg,rgba(20,22,23,.88),rgba(20,22,23,.45)),url('../img/profile/tooling-floor.webp') center/cover;color:#fff}.admin-auth-brand-v43{display:flex;align-items:center;gap:14px}.admin-auth-brand-v43 img{width:148px;background:#fff;padding:7px 10px}.admin-auth-brand-v43 span{color:#e87211;font-size:.65rem;font-weight:900;letter-spacing:.12em}.admin-auth-visual-copy-v43{max-width:680px}.admin-auth-visual-copy-v43>span,.admin-kicker-v43{color:#e87211;font-size:.63rem;font-weight:900;letter-spacing:.14em}.admin-auth-visual-copy-v43 h1{margin:10px 0 14px;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(3rem,7vw,7.2rem);font-weight:400;line-height:.82;text-transform:uppercase}.admin-auth-visual-copy-v43 p{max-width:580px;margin:0;color:#d0d2d1;font-size:.92rem;line-height:1.6}.admin-auth-visual-copy-v43 div{display:flex;gap:8px;margin-top:24px}.admin-auth-visual-copy-v43 b{padding:7px 10px;border:1px solid rgba(255,255,255,.28);font-size:.58rem;letter-spacing:.1em}.admin-auth-form-v43{position:relative;display:grid;place-items:center;padding:50px;background:#f1efe9}.admin-auth-form-v43 form{width:min(100%,420px);padding:28px;border:1px solid #aeb1af;background:#faf9f6;box-shadow:10px 10px 0 rgba(0,0,0,.12)}.admin-auth-form-v43 h2{margin:8px 0 6px;font-size:1.45rem;text-transform:uppercase}.admin-auth-form-v43 p{margin:0 0 22px;color:#707578;font-size:.75rem}.admin-auth-form-v43 label{display:grid;gap:7px;margin-top:12px;color:#63686b;font-size:.63rem;font-weight:900;text-transform:uppercase}.admin-auth-form-v43 input{height:44px;padding:0 11px;border:1px solid #b4b7b5;background:#fff;outline:0}.admin-auth-form-v43 .admin-btn-v43{width:100%;margin-top:12px}.admin-auth-lang-v43{position:absolute;right:26px;top:22px;display:flex}.admin-auth-lang-v43 a{padding:6px 8px;border:1px solid #b7bab8;border-right:0;font-size:.58rem;font-weight:900}.admin-auth-lang-v43 a:last-child{border-right:1px solid #b7bab8}.admin-auth-lang-v43 a.is-active{background:#26292b;color:#fff}.admin-auth-message-v43{min-height:18px;margin-top:12px;color:#a14d35;font-size:.66rem;line-height:1.4}.admin-auth-links-v43{display:flex;justify-content:space-between;gap:12px;margin-top:20px;padding-top:14px;border-top:1px solid #d0d1ce}.admin-auth-links-v43 a{color:#696e70;font-size:.62rem}.admin-access-denied-v43{min-height:100vh;display:grid;place-content:center;gap:18px;padding:30px;background:#202325;color:#fff;text-align:center}.admin-access-denied-v43 h1{max-width:620px;margin:0;font-size:2rem}.admin-access-denied-v43 a{color:#e87211}
@media(max-width:1200px){.admin-stat-grid-v43{grid-template-columns:repeat(3,1fr)}.admin-stat-grid-v43 article:nth-child(3){border-right:0}.admin-stat-grid-v43 article:nth-child(-n+3){border-bottom:1px solid #c3c5c3}.admin-dashboard-grid-v43,.admin-detail-grid-v43{grid-template-columns:1fr}.admin-detail-side-v43{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-detail-side-v43 .admin-panel-v43:last-child:nth-child(odd){grid-column:1/-1}.admin-client-grid-v43{grid-template-columns:1fr}.admin-client-grid-v43 .admin-panel-v43:first-child{grid-column:auto}}
@media(max-width:980px){.admin-shell-v43{grid-template-columns:1fr}.admin-sidebar-v43{position:fixed;left:0;top:0;width:min(86vw,280px);transform:translateX(-105%);transition:.22s;box-shadow:16px 0 40px rgba(0,0,0,.28)}.admin-sidebar-v43.is-open{transform:none}.admin-menu-v43{display:block}.admin-top-v43{padding:0 14px}.admin-content-v43{padding:22px 16px 44px}.admin-stat-grid-v43{grid-template-columns:repeat(2,1fr)}.admin-stat-grid-v43 article{border-bottom:1px solid #c3c5c3}.admin-stat-grid-v43 article:nth-child(odd){border-right:1px solid #c3c5c3}.admin-stat-grid-v43 article:nth-child(even){border-right:0}.admin-stat-grid-v43 article:last-child{grid-column:1/-1;border-bottom:0}.admin-detail-side-v43{grid-template-columns:1fr}.admin-auth-v43{grid-template-columns:1fr}.admin-auth-visual-v43{display:none}.admin-auth-form-v43{min-height:100vh;padding:50px 18px}.admin-auth-form-v43 form{box-shadow:6px 6px 0 rgba(0,0,0,.12)}}
@media(max-width:640px){.admin-top-title-v43 span{display:none}.admin-top-actions-v43{gap:8px}.admin-user-v43 div{display:none}.admin-lang-v43 a{min-width:30px}.admin-page-head-v43{align-items:flex-start;flex-direction:column}.admin-page-head-v43 h1{font-size:2.6rem}.admin-stat-grid-v43{grid-template-columns:1fr}.admin-stat-grid-v43 article,.admin-stat-grid-v43 article:nth-child(odd){border-right:0}.admin-stat-grid-v43 article:last-child{grid-column:auto}.admin-dashboard-grid-v43{grid-template-columns:1fr}.admin-toolbar-v43{align-items:stretch;flex-direction:column}.admin-filter-v43{display:grid;grid-template-columns:repeat(2,1fr)}.admin-filter-v43 button{border-bottom:1px solid #c7c8c5}.admin-search-v43{grid-template-columns:30px 1fr}.admin-detail-hero-v43{align-items:flex-start;flex-direction:column}.admin-detail-status-v43{text-align:left}.admin-data-grid-v43{grid-template-columns:1fr}.admin-data-grid-v43>div{border-right:0}.admin-control-grid-v43{grid-template-columns:1fr}.admin-span-2-v43{grid-column:auto}.admin-update-form-v43,.admin-upload-v43{grid-template-columns:1fr}.admin-update-form-v43 label:first-child,.admin-update-form-v43 label:nth-child(2){grid-column:auto}.admin-timeline-v43 article{grid-template-columns:1fr}.admin-file-row-v43{grid-template-columns:50px minmax(0,1fr)}.admin-file-row-v43 button{grid-column:2;justify-self:start}.admin-contact-row-v43{grid-template-columns:1fr}.admin-auth-lang-v43{right:18px}}

/* v43 QA patch */
.admin-table-v43 [data-admin-role-select]{height:32px;min-width:148px;border:1px solid #b9bcba;background:#fff;padding:0 7px;font-size:.65rem}
@media (min-width:1181px) and (max-width:1320px){.site-header__inner{gap:10px}.main-nav__link,.main-nav__trigger{padding:0 6px!important}.header-actions{padding-left:8px}.header-account-link-v43{min-width:116px}}


/* v43.1 — improve portal sidebar logo and setup badge visibility */
.portal-brand-v40{height:auto;min-height:88px;padding:16px 20px;border-bottom:1px solid #404548;background:#151719}
.portal-brand-v40 > div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}
.portal-brand-v40 img{display:block;width:148px;max-width:100%;height:auto;filter:none!important;background:#ffffff;border:1px solid #d9dddf;padding:8px 10px;box-shadow:4px 4px 0 rgba(0,0,0,.18)}
.portal-brand-v40__sub{margin-top:0;color:#c8cccf;font-size:.6rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.portal-demo-v40{display:inline-flex!important;align-items:center;min-height:28px;margin-top:10px;padding:5px 9px;border-left:3px solid var(--portal-orange);border-top:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);color:#f1f3f2!important;background:#2a2e31;font-size:.6rem!important;font-weight:900;letter-spacing:.09em;line-height:1.2;text-transform:uppercase;white-space:nowrap}
.portal-company-v40 strong{display:block;margin-top:5px;font-size:.9rem;letter-spacing:.03em;color:#fff}
.portal-preview-v41 .portal-demo-v40{border-left-color:#e87500;border-top-color:#f1d5ac;border-right-color:#f1d5ac;border-bottom-color:#f1d5ac;color:#6f3f10!important;background:#fff0dc;box-shadow:0 0 0 1px rgba(111,63,16,.08) inset}
.portal-live-v41 .portal-demo-v40{border-left-color:#4b7a60;border-top-color:#cfe1d5;border-right-color:#cfe1d5;border-bottom-color:#cfe1d5;color:#24543a!important;background:#ebf6ef;box-shadow:0 0 0 1px rgba(36,84,58,.08) inset}
@media(max-width:900px){.portal-brand-v40{padding:14px 16px}.portal-brand-v40 img{width:140px;padding:7px 9px}.portal-demo-v40{font-size:.58rem!important}}


/* v43.2 — public header + client portal navigation polish */
@media (min-width:1181px){
  /* Header uses more of the available desktop width instead of squeezing everything into 1280px. */
  .site-header .site-header__inner,.topbar--v7 .topbar__inner{
    width:min(calc(100% - 56px),1520px)!important;
    max-width:none!important;
  }
  .site-header__inner{
    grid-template-columns:176px minmax(0,1fr) auto!important;
    gap:34px!important;
    min-height:76px!important;
    height:76px!important;
  }
  .brand{width:168px!important;height:50px!important;padding:6px 11px!important}
  .main-nav{gap:8px!important;align-items:stretch}
  .nav-item--has-submenu{height:76px!important}
  .main-nav__link,.main-nav__trigger{
    height:76px!important;
    padding:0 12px!important;
    font-size:.70rem!important;
    letter-spacing:.045em!important;
  }
  .header-actions{
    gap:10px!important;
    padding-left:22px!important;
    border-left:1px solid #4b4f52!important;
  }
  .header-account-link-v43{
    min-width:174px!important;
    height:46px!important;
    padding:0 12px!important;
    border:1px solid #e0e2e0!important;
    background:#f5f4f0!important;
    color:#202326!important;
    box-shadow:3px 3px 0 rgba(0,0,0,.20);
  }
  .header-account-link-v43:hover{
    border-color:#f18a1b!important;
    background:#fff!important;
    transform:translateY(-1px);
  }
  .header-account-copy-v43 b{color:#242729!important;font-size:.68rem!important}
  .header-account-copy-v43 small{color:#6f7476!important;font-size:.56rem!important}
  .header-account-icon-v43{width:30px!important;height:30px!important;background:#e87211!important;color:#17191a!important}
  .lang-dropdown-v221 select{height:46px!important;background:#202326!important}
  .header-project-btn{height:46px!important;padding:0 16px!important}
}
@media (min-width:1181px) and (max-width:1380px){
  .site-header .site-header__inner,.topbar--v7 .topbar__inner{width:min(calc(100% - 34px),1360px)!important}
  .site-header__inner{grid-template-columns:154px minmax(0,1fr) auto!important;gap:18px!important}
  .brand{width:150px!important}
  .main-nav{gap:2px!important}
  .main-nav__link,.main-nav__trigger{padding:0 8px!important;font-size:.65rem!important}
  .header-actions{gap:7px!important;padding-left:12px!important}
  .header-account-link-v43{min-width:132px!important;padding:0 9px!important}
  .header-account-copy-v43 small{display:none!important}
  .header-project-btn{padding:0 11px!important}
}

/* Client portal: clearer hierarchy and less cramped navigation. */
@media (min-width:901px){
  .portal-shell-v40{grid-template-columns:270px minmax(0,1fr)!important}
  .portal-sidebar-v40{width:270px}
  .portal-brand-v40{padding:18px 22px!important}
  .portal-brand-v40 img{width:154px!important}
  .portal-company-v40{padding:22px 22px 20px!important}
  .portal-nav-v40{padding:14px 0!important}
  .portal-nav-v40 a{
    min-height:52px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:10px!important;
    padding:0 20px!important;
    font-size:.77rem!important;
    letter-spacing:.015em!important;
  }
  .portal-nav-v40 a span{font-size:.58rem!important}
  .portal-top-v40{height:76px!important;padding:0 28px!important;border-bottom:1px solid #c9cbc9}
  .portal-top-v40__title span{font-size:.58rem!important;letter-spacing:.10em!important}
  .portal-top-v40__title strong{font-size:.90rem!important}
  .portal-user-v40{min-width:190px!important;padding:7px 10px!important;border-left:1px solid #d0d2d0}
  .portal-content-v40{width:min(calc(100% - 56px),1240px)!important;padding-top:36px!important}
}

@media (max-width:900px){
  .portal-top-v40{height:68px!important;padding:0 14px!important}
  .portal-top-v40__title span{font-size:.54rem!important}
  .portal-top-v40__title strong{font-size:.80rem!important}
  .portal-sidebar-v40{width:min(300px,88vw)!important}
  .portal-nav-v40 a{min-height:52px!important;font-size:.78rem!important}
}


/* ========================================================================== */
/* v44 — document control, communication center, unread states                */
/* ========================================================================== */
.portal-nav-v40 a,.admin-nav-v43 a{position:relative}
.portal-nav-badge-v44,.admin-nav-badge-v44{position:absolute;right:14px;top:50%;transform:translateY(-50%);min-width:22px;height:22px;display:grid;place-items:center;padding:0 6px;background:#e87500;color:#fff;font:900 .58rem/1 Arial,sans-serif;border-radius:0}
.portal-notify-count-v44{position:absolute;right:-7px;top:-7px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 4px;border:2px solid #f7f6f1;background:#e87500;color:#fff;font:900 .55rem/1 Arial,sans-serif}
.portal-icon-btn-v40{position:relative}
.portal-messenger-v44{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:650px;border:1px solid #b8bcbe;background:#fff}
.portal-thread-list-v44{border-right:1px solid #b8bcbe;background:#f1f0ec;overflow:hidden}.portal-thread-list-v44__head{padding:17px 18px;border-bottom:1px solid #c7c9ca}.portal-thread-list-v44__head span{display:block;color:#73787b;font-size:.62rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.portal-thread-list-v44__head strong{display:block;margin-top:5px;color:#23272a;font-size:.8rem}
.portal-thread-v44{position:relative;width:100%;display:block;padding:17px 44px 17px 18px;border:0;border-bottom:1px solid #d1d3d3;background:transparent;text-align:left;cursor:pointer}.portal-thread-v44:hover,.portal-thread-v44.is-active{background:#fff}.portal-thread-v44.is-active:before{position:absolute;inset:0 auto 0 0;width:3px;background:#e87500;content:""}.portal-thread-v44 span{color:#e87500;font-size:.6rem;font-weight:900;letter-spacing:.09em}.portal-thread-v44 strong{display:block;margin-top:5px;color:#24282a;font-size:.78rem}.portal-thread-v44 p{overflow:hidden;margin:6px 0 0;color:#74797c;font-size:.7rem;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}.portal-thread-v44 b{position:absolute;right:14px;top:17px;min-width:22px;height:22px;display:grid;place-items:center;background:#e87500;color:#fff;font-size:.6rem}
.portal-conversation-v44{display:grid;grid-template-rows:auto minmax(330px,1fr) auto;min-width:0;background:#fbfaf7}.portal-conversation-v44>header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 22px;border-bottom:1px solid #d0d2d2;background:#fff}.portal-conversation-v44>header span{color:#e87500;font-size:.62rem;font-weight:900;letter-spacing:.1em}.portal-conversation-v44>header h2{margin:4px 0 0;color:#202426;font-size:1.05rem}.portal-message-stream-v44{display:flex;flex-direction:column;gap:11px;overflow:auto;padding:22px;max-height:520px}.portal-message-stream-v44--compact{max-height:350px;padding:0 0 16px}.portal-message-v44{width:min(78%,680px);padding:13px 15px;border:1px solid #d1d3d4;background:#fff}.portal-message-v44.is-client{align-self:flex-end;border-color:#efc18d;background:#fff6e9}.portal-message-v44.is-staff{align-self:flex-start}.portal-message-v44 header{display:flex;justify-content:space-between;gap:16px}.portal-message-v44 header strong{font-size:.68rem;color:#25292b}.portal-message-v44 header span{color:#909597;font-size:.59rem}.portal-message-v44 p{margin:7px 0 0;color:#4d5356;font-size:.78rem;line-height:1.55}.portal-message-compose-v44{padding:17px 20px;border-top:1px solid #d0d2d2;background:#fff}.portal-message-compose-v44 label{display:block;color:#3b4043;font-size:.68rem;font-weight:900}.portal-message-compose-v44 textarea,.portal-inline-message-v44 textarea{width:100%;margin-top:7px;padding:11px 12px;border:1px solid #aeb3b5;background:#fff;color:#25292b;font:inherit;resize:vertical}.portal-message-compose-v44>div{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:10px}.portal-message-compose-v44 small{max-width:70%;color:#7a7f81;font-size:.62rem;line-height:1.45}
.portal-collab-v44{margin-top:24px}.portal-collab-intro-v44{margin:0 0 18px;color:#697073;font-size:.77rem}.portal-collab-grid-v44{display:grid;grid-template-columns:1fr 1fr;gap:28px}.portal-collab-subhead-v44{margin-bottom:12px;padding-bottom:9px;border-bottom:1px solid #c7c9ca}.portal-collab-subhead-v44 strong{font-size:.67rem;letter-spacing:.09em;text-transform:uppercase}.portal-inline-message-v44{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end}.portal-inline-message-v44 textarea{margin:0;min-height:76px}.portal-activity-v44,.admin-activity-v44{display:grid}.portal-activity-v44 article,.admin-activity-v44 article{display:grid;grid-template-columns:86px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid #d5d7d7}.portal-activity-v44 article>span,.admin-activity-v44 article>span{color:#e87500;font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.portal-activity-v44 strong,.admin-activity-v44 strong{display:block;font-size:.72rem}.portal-activity-v44 p,.admin-activity-v44 p{margin:4px 0;color:#697073;font-size:.68rem;line-height:1.4}.portal-activity-v44 time,.admin-activity-v44 time{color:#989c9e;font-size:.58rem}
.portal-doc-table-wrap-v44{overflow:auto;border:1px solid #b8bcbe;background:#fff}.portal-doc-table-v44{min-width:1040px}.portal-doc-name-v44{display:inline-block;margin-left:9px}.portal-doc-state-v44{display:inline-flex;padding:4px 7px;font-size:.58rem;font-weight:900;text-transform:uppercase}.portal-doc-state-v44.is-new{background:#fff0dc;color:#8b4d0d;border-left:3px solid #e87500}.portal-doc-state-v44.is-read{background:#eef0ef;color:#667073}.portal-notify-actions-v44{padding:10px 16px;border-bottom:1px solid #d3d5d5}.portal-notify-actions-v44 button{border:0;background:none;color:#e87500;font-size:.65rem;font-weight:900;cursor:pointer}.portal-notification-v44{position:relative;display:block;padding:14px 18px;border-bottom:1px solid #d7d9d9;color:inherit;text-decoration:none;background:#fff}.portal-notification-v44.is-unread{background:#fff7ec}.portal-notification-v44.is-unread:before{position:absolute;left:0;top:0;bottom:0;width:3px;background:#e87500;content:""}.portal-notification-v44>span{color:#e87500;font-size:.55rem;font-weight:900;text-transform:uppercase}.portal-notification-v44 strong{display:block;margin-top:3px;font-size:.72rem}.portal-notification-v44 p{margin:4px 0;color:#697073;font-size:.65rem;line-height:1.4}.portal-notification-v44 time{color:#969a9c;font-size:.56rem}
.admin-inbox-v44{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:650px;border:1px solid #b6babc;background:#fff}.admin-thread-list-v44{border-right:1px solid #b6babc;background:#f0efeb}.admin-toolbar-v44{display:flex;gap:0;padding:12px;border-bottom:1px solid #c9cccd}.admin-toolbar-v44 button{padding:8px 12px;border:1px solid #b9bdbe;background:#fff;color:#4c5255;font-size:.64rem;font-weight:900;cursor:pointer}.admin-toolbar-v44 button.is-active{border-color:#e87500;background:#e87500;color:#fff}.admin-thread-v44{position:relative;width:100%;padding:15px 44px 15px 16px;border:0;border-bottom:1px solid #d0d2d3;background:transparent;text-align:left;cursor:pointer}.admin-thread-v44:hover,.admin-thread-v44.is-active{background:#fff}.admin-thread-v44.is-active:before{position:absolute;inset:0 auto 0 0;width:3px;background:#e87500;content:""}.admin-thread-v44 span{color:#707679;font-size:.56rem;font-weight:900;text-transform:uppercase}.admin-thread-v44 strong{display:block;margin-top:4px;color:#25292b;font-size:.72rem}.admin-thread-v44 p{overflow:hidden;margin:5px 0 0;color:#747a7d;font-size:.66rem;white-space:nowrap;text-overflow:ellipsis}.admin-thread-v44 b{position:absolute;right:13px;top:15px;min-width:22px;height:22px;display:grid;place-items:center;background:#e87500;color:#fff;font-size:.58rem}.admin-conversation-v44{display:grid;grid-template-rows:auto minmax(350px,1fr) auto;min-width:0}.admin-conversation-v44>header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;border-bottom:1px solid #d0d2d3}.admin-conversation-v44>header span{color:#e87500;font-size:.58rem;font-weight:900}.admin-conversation-v44>header h2{margin:3px 0;font-size:1rem}.admin-conversation-v44>header p{margin:0;color:#777d80;font-size:.65rem}.admin-message-stream-v44{display:flex;flex-direction:column;gap:10px;overflow:auto;padding:20px;max-height:520px;background:#faf9f6}.admin-message-v44{width:min(78%,680px);padding:12px 14px;border:1px solid #d0d2d2;background:#fff}.admin-message-v44.is-client{align-self:flex-start}.admin-message-v44.is-staff{align-self:flex-end;border-color:#efc18d;background:#fff6e9}.admin-message-v44 header{display:flex;justify-content:space-between;gap:14px}.admin-message-v44 header strong{font-size:.66rem}.admin-message-v44 header span{color:#929799;font-size:.56rem}.admin-message-v44 p{margin:6px 0 0;color:#4e5558;font-size:.73rem;line-height:1.5}.admin-reply-v44{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;padding:15px 18px;border-top:1px solid #d0d2d3;background:#fff}.admin-reply-v44 label{font-size:.64rem;font-weight:900}.admin-reply-v44 textarea,.admin-inline-reply-v44 textarea{width:100%;margin-top:6px;padding:10px;border:1px solid #aeb3b5;font:inherit;resize:vertical}.admin-inline-reply-v44{display:grid;gap:8px;margin-top:12px}.admin-project-activity-v44{margin-top:22px}.admin-vis-v44{display:inline-flex;padding:4px 7px;font-size:.57rem;font-weight:900;text-transform:uppercase}.admin-vis-v44.is-client{background:#eaf4ee;color:#2c6547;border-left:3px solid #4b7a60}.admin-vis-v44.is-internal{background:#eceeef;color:#4e565a;border-left:3px solid #60686c}.admin-doc-actions-v44{display:flex;gap:7px;flex-wrap:wrap}.admin-doc-table-v44{min-width:1180px}.admin-modal-v44{position:fixed;z-index:160;inset:0;display:grid;place-items:center;padding:20px}.admin-modal-v44__backdrop{position:absolute;inset:0;background:rgba(15,17,18,.75)}.admin-modal-v44>section{position:relative;width:min(520px,100%);background:#fff;border:1px solid #34383a;box-shadow:12px 12px 0 rgba(0,0,0,.28)}.admin-modal-v44>section>header{display:flex;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid #c9cccd}.admin-modal-v44>section>header span{color:#e87500;font-size:.58rem;font-weight:900}.admin-modal-v44>section>header h2{margin:3px 0 0;font-size:1rem}.admin-modal-v44>section>header button{border:0;background:none;font-size:1.4rem;cursor:pointer}.admin-modal-v44 form{display:grid;gap:13px;padding:18px}.admin-modal-v44 label{display:grid;gap:6px;font-size:.65rem;font-weight:900}.admin-modal-v44 input,.admin-modal-v44 textarea{padding:9px 10px;border:1px solid #adb2b4;font:inherit}.admin-modal-v44 form>div{display:flex;justify-content:flex-end;gap:8px}
@media(max-width:980px){.portal-messenger-v44,.admin-inbox-v44{grid-template-columns:1fr}.portal-thread-list-v44,.admin-thread-list-v44{border-right:0;border-bottom:1px solid #b8bcbe;max-height:290px;overflow:auto}.portal-conversation-v44,.admin-conversation-v44{min-height:600px}.portal-collab-grid-v44{grid-template-columns:1fr}.portal-message-v44,.admin-message-v44{width:88%}}
@media(max-width:620px){.portal-message-compose-v44>div{align-items:flex-start;flex-direction:column}.portal-message-compose-v44 small{max-width:none}.portal-inline-message-v44,.admin-reply-v44{grid-template-columns:1fr}.portal-message-v44,.admin-message-v44{width:94%}.portal-message-stream-v44,.admin-message-stream-v44{padding:14px}.portal-activity-v44 article,.admin-activity-v44 article{grid-template-columns:68px 1fr}.portal-messenger-v44,.admin-inbox-v44{min-height:0}.portal-conversation-v44,.admin-conversation-v44{min-height:560px}}

/* v45 — permissions UX; database RLS/RPC remains the security boundary */
.portal-role-v45{display:inline-flex!important;margin-top:8px;padding:4px 7px;border-left:3px solid #d98a2b;background:#303437;color:#f4d5ad!important;font-size:.52rem!important;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
[aria-disabled="true"]{cursor:not-allowed!important;opacity:.52!important}
[data-permission-locked="true"]{position:relative}
[data-permission-locked="true"]::after{content:"READ ONLY";display:inline-block;margin-top:8px;color:#9a6b31;font-size:.58rem;font-weight:900;letter-spacing:.09em}
html[lang="ru"] [data-permission-locked="true"]::after{content:"ТОЛЬКО ПРОСМОТР"}
html[lang="zh-CN"] [data-permission-locked="true"]::after{content:"只读"}


/* ==========================================================================
   INNOTECH v46 — final mobile UX/readability pass for client + admin portals
   ========================================================================== */
.mobile-nav-backdrop-v46{display:none}
.portal-body-v40 button,.portal-body-v40 a,.admin-body-v43 button,.admin-body-v43 a{-webkit-tap-highlight-color:transparent}
.portal-body-v40 input,.portal-body-v40 select,.portal-body-v40 textarea,.admin-body-v43 input,.admin-body-v43 select,.admin-body-v43 textarea{font-size:16px}
.portal-body-v40 :focus-visible,.admin-body-v43 :focus-visible,.admin-auth-body-v43 :focus-visible{outline:3px solid rgba(232,117,0,.34);outline-offset:2px}

@media(max-width:980px){
  body.mobile-nav-open-v46{overflow:hidden}
  .mobile-nav-backdrop-v46{position:fixed;z-index:69;inset:0;display:block;border:0;background:rgba(15,17,18,.58);opacity:0;pointer-events:none;transition:opacity .18s ease}
  .mobile-nav-backdrop-v46.is-open{opacity:1;pointer-events:auto}
  .portal-sidebar-v40,.admin-sidebar-v43{z-index:80;width:min(330px,88vw);max-width:none;box-shadow:18px 0 42px rgba(0,0,0,.32);overflow-y:auto;overscroll-behavior:contain}
  .portal-top-v40,.admin-top-v43{height:64px;min-height:64px;padding-right:max(14px,env(safe-area-inset-right));padding-left:max(14px,env(safe-area-inset-left));gap:10px}
  .portal-mobile-menu-v40,.admin-menu-v43{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;margin:0;border-color:#aeb2b3;background:#fff;font-size:1.05rem}
  .portal-top-v40__title strong,.admin-top-title-v43 strong{font-size:.83rem;line-height:1.2}
  .portal-content-v40{width:100%;padding:26px max(18px,env(safe-area-inset-right)) calc(70px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
  .admin-content-v43{width:100%;padding:26px max(18px,env(safe-area-inset-right)) calc(64px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
  .portal-page-head-v40,.admin-page-head-v43{align-items:flex-start;margin-bottom:22px;padding-bottom:18px;gap:16px}
  .portal-page-head-v40 h1,.admin-page-head-v43 h1{font-size:clamp(2.15rem,8vw,3.1rem);line-height:.96;overflow-wrap:anywhere}
  .portal-page-head-v40 p,.admin-page-head-v43 p{max-width:760px;font-size:.95rem;line-height:1.65}
  .portal-page-head-v40__copy>span,.admin-page-head-v43>div:first-child>span{font-size:.65rem;line-height:1.35}
  .portal-btn-v40,.admin-btn-v43{min-height:44px;padding:0 14px;font-size:.72rem}
  .portal-panel-v40__head,.admin-panel-head-v43{min-height:62px;padding:14px 16px}
  .portal-panel-v40__head h2,.admin-panel-head-v43 h2{font-size:.94rem;line-height:1.25}
  .portal-panel-v40__head a,.admin-panel-head-v43 a{font-size:.68rem}
  .portal-notify-v40{top:64px;height:calc(100dvh - 64px);max-height:none;overscroll-behavior:contain}
  .admin-top-actions-v43{gap:8px}
}

@media(max-width:760px){
  /* CLIENT PORTAL */
  .portal-page-head-v40{display:grid}
  .portal-page-head-v40__actions{width:100%;margin-top:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
  .portal-page-head-v40__actions .portal-btn-v40{width:100%}
  .portal-grid-v40--stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .portal-stat-v40{min-height:120px;padding:16px}
  .portal-stat-v40>span{font-size:.66rem;line-height:1.35}
  .portal-stat-v40 strong{margin-top:18px;font-size:2.35rem}
  .portal-stat-v40 em{font-size:.72rem;line-height:1.5}
  .portal-dashboard-v40,.portal-project-columns-v40,.portal-profile-grid-v40{gap:12px}

  .portal-project-row-v40{position:relative;display:grid;grid-template-columns:1fr auto;gap:7px 14px;min-height:0;padding:16px}
  .portal-project-code-v40,.portal-project-name-v40,.portal-status-v40{grid-column:1}
  .portal-project-arrow-v40{grid-column:2;grid-row:1/4;align-self:center;font-size:1.2rem}
  .portal-project-code-v40 span{font-size:.6rem}.portal-project-code-v40 strong{font-size:.82rem}
  .portal-project-name-v40 strong{font-size:.86rem;line-height:1.35}.portal-project-name-v40 span{font-size:.74rem}
  .portal-status-v40__label{font-size:.66rem}.portal-status-v40__bar{height:5px}

  .portal-timeline-v40{display:flex;grid-template-columns:none;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;border-right:0;-webkit-overflow-scrolling:touch}
  .portal-timeline-v40__step{flex:0 0 min(70vw,190px);min-height:116px;border-right:1px solid #c9cbca!important;border-bottom:0!important;scroll-snap-align:start}
  .portal-timeline-v40__step strong{margin-top:22px;font-size:.69rem}.portal-timeline-v40__step em{font-size:.64rem;line-height:1.45}

  .portal-toolbar-v40{display:grid;gap:10px}
  .portal-filter-v40{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
  .portal-filter-v40::-webkit-scrollbar{display:none}
  .portal-filter-v40 button{flex:0 0 auto;min-height:42px;padding:0 13px;font-size:.66rem}
  .portal-search-v40{width:100%;height:44px;font-size:16px}

  .portal-table-v40,.portal-table-v40 tbody,.portal-table-v40 tr,.portal-table-v40 td,
  .portal-doc-table-v44,.portal-doc-table-v44 tbody,.portal-doc-table-v44 tr,.portal-doc-table-v44 td{display:block!important;width:100%!important;min-width:0!important}
  .portal-table-v40 thead,.portal-doc-table-v44 thead{display:none!important}
  .portal-table-v40,.portal-doc-table-v44{border:0;background:transparent}
  .portal-table-v40 tr,.portal-doc-table-v44 tr{margin-bottom:10px;padding:13px 14px;border:1px solid #bdc0c0;background:#f8f7f3}
  .portal-table-v40 td,.portal-doc-table-v44 td{display:grid!important;grid-template-columns:minmax(92px,.42fr) minmax(0,1fr);gap:12px;padding:7px 0!important;border:0!important;text-align:left!important;font-size:.78rem;line-height:1.45;overflow-wrap:anywhere}
  .portal-table-v40 td::before,.portal-doc-table-v44 td::before{content:attr(data-label);color:#7d8386;font-size:.61rem;font-weight:900;letter-spacing:.045em;text-transform:uppercase;text-align:left}
  .portal-table-v40 td:empty,.portal-doc-table-v44 td:empty{display:none!important}
  .portal-table-v40 td strong,.portal-doc-table-v44 td strong{font-size:.82rem}
  .portal-table-v40 td span,.portal-doc-table-v44 td span{font-size:.70rem}
  .portal-doc-table-wrap-v44{overflow:visible;border:0;background:transparent}

  .portal-project-hero-v40__copy{padding:20px}.portal-project-hero-v40__copy h1{font-size:2.2rem;line-height:.96}.portal-project-hero-v40__copy p{font-size:.86rem}
  .portal-project-hero-v40__aside{padding:20px}.portal-project-hero-v40__aside strong{font-size:3rem}
  .portal-project-hero-v40__meta{grid-template-columns:1fr}.portal-project-hero-v40__meta div{padding:11px 0;border-bottom:1px solid #d0d1cf}
  .portal-data-row-v40{padding:13px 14px}.portal-data-row-v40 span{font-size:.63rem}.portal-data-row-v40 strong,.portal-data-row-v40 p{font-size:.77rem}

  .portal-messenger-v44,.portal-conversation-v44,.admin-inbox-v44,.admin-conversation-v44{min-height:0}
  .portal-thread-list-v44,.admin-thread-list-v44{max-height:240px}
  .portal-thread-v44,.admin-thread-v44{padding-top:16px;padding-bottom:16px}
  .portal-message-stream-v44,.admin-message-stream-v44{max-height:min(52dvh,520px);padding:15px}
  .portal-message-v44,.admin-message-v44{width:96%;padding:13px 14px}
  .portal-message-v44 header,.admin-message-v44 header{display:grid;gap:3px}
  .portal-message-v44 header strong,.admin-message-v44 header strong{font-size:.74rem}
  .portal-message-v44 header span,.admin-message-v44 header span{font-size:.64rem}
  .portal-message-v44 p,.admin-message-v44 p{font-size:.82rem;line-height:1.6}
  .portal-message-compose-v44,.admin-reply-v44{padding:14px;position:sticky;bottom:0;z-index:3}
  .portal-message-compose-v44 textarea,.admin-reply-v44 textarea,.portal-inline-message-v44 textarea,.admin-inline-reply-v44 textarea{min-height:92px;font-size:16px;line-height:1.5}

  /* ADMIN */
  .admin-page-head-v43{display:grid}
  .admin-page-actions-v43{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
  .admin-page-actions-v43 .admin-btn-v43{width:100%}
  .admin-stat-grid-v43{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
  .admin-stat-grid-v43 article{min-height:126px;padding:16px;border-right:1px solid #c3c5c3!important;border-bottom:1px solid #c3c5c3!important}
  .admin-stat-grid-v43 article:nth-child(2n){border-right:0!important}.admin-stat-grid-v43 article:last-child{grid-column:1/-1;border-bottom:0!important}
  .admin-stat-grid-v43 span{font-size:.68rem;line-height:1.35}.admin-stat-grid-v43 strong{margin-top:17px;font-size:2.45rem}.admin-stat-grid-v43 em{font-size:.71rem}
  .admin-dashboard-grid-v43,.admin-detail-grid-v43,.admin-client-grid-v43{gap:12px}

  .admin-toolbar-v43{display:grid;gap:10px;align-items:stretch}
  .admin-filter-v43{display:flex;flex-wrap:nowrap;overflow-x:auto;border:0;gap:6px;scrollbar-width:none}
  .admin-filter-v43::-webkit-scrollbar{display:none}.admin-filter-v43 button{flex:0 0 auto;min-height:42px;padding:0 13px;border:1px solid #c7c8c5!important;font-size:.66rem}
  .admin-search-v43{grid-template-columns:34px 1fr;min-height:44px}.admin-search-v43 input{height:42px;font-size:16px}

  .admin-table-wrap-v43{overflow:visible;border:0;background:transparent}
  .admin-table-v43,.admin-table-v43 tbody,.admin-table-v43 tr,.admin-table-v43 td,
  .admin-doc-table-v44,.admin-doc-table-v44 tbody,.admin-doc-table-v44 tr,.admin-doc-table-v44 td{display:block!important;width:100%!important;min-width:0!important}
  .admin-table-v43 thead,.admin-doc-table-v44 thead{display:none!important}
  .admin-table-v43,.admin-doc-table-v44{min-width:0!important;border:0;background:transparent}
  .admin-table-v43 tr,.admin-doc-table-v44 tr{margin-bottom:10px;padding:13px 14px;border:1px solid #b9bcba;background:#f9f8f5;box-shadow:4px 4px 0 rgba(35,38,40,.05)}
  .admin-table-v43 td,.admin-doc-table-v44 td{display:grid!important;grid-template-columns:minmax(94px,.42fr) minmax(0,1fr);gap:12px;padding:7px 0!important;border:0!important;font-size:.78rem;line-height:1.45;overflow-wrap:anywhere}
  .admin-table-v43 td::before,.admin-doc-table-v44 td::before{content:attr(data-label);color:#7a8082;font-size:.61rem;font-weight:900;letter-spacing:.045em;text-transform:uppercase}
  .admin-table-v43 td:empty,.admin-doc-table-v44 td:empty{display:none!important}
  .admin-table-v43 td>strong,.admin-table-v43 td a strong{font-size:.82rem}.admin-table-v43 td>span,.admin-table-v43 td a span{font-size:.70rem}
  .admin-entity-v43{min-width:0}.admin-progress-v43{min-width:0}.admin-table-v43 code{max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .admin-doc-actions-v44{justify-content:flex-start}
  .admin-btn-v43--micro{min-height:38px;font-size:.64rem}

  .admin-pipeline-v43{display:flex;gap:0;overflow-x:auto;padding:14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .admin-pipeline-v43 a{flex:0 0 132px;min-width:132px;min-height:118px;scroll-snap-align:start}.admin-pipeline-v43 a span{font-size:.63rem}.admin-pipeline-v43 a strong{font-size:2rem}
  .admin-mini-list-v43>a,.admin-mini-list-v43>div{grid-template-columns:1fr auto;gap:8px 12px;padding:13px 14px}.admin-mini-list-v43 p{font-size:.72rem}.admin-mini-list-v43 strong{font-size:.78rem}
  .admin-data-grid-v43>div,.admin-control-grid-v43,.admin-update-form-v43,.admin-upload-v43{padding-left:14px;padding-right:14px}
  .admin-control-grid-v43 input,.admin-control-grid-v43 select,.admin-control-grid-v43 textarea,.admin-update-form-v43 input,.admin-update-form-v43 select,.admin-update-form-v43 textarea,.admin-upload-v43 input,.admin-upload-v43 select{min-height:44px;font-size:16px}

  .admin-top-title-v43 span{display:none}.admin-user-v43 div{display:none}
  .admin-lang-v43{overflow:hidden}.admin-lang-v43 a{min-width:38px;height:34px;font-size:.62rem}
  .admin-top-actions-v43{gap:6px}.admin-user-v43{grid-template-columns:34px}.admin-user-v43>span{width:34px;height:34px}

  .admin-modal-v44,.portal-modal-v41{padding:0;align-items:end}
  .admin-modal-v44>section,.portal-modal-v41__card{width:100%;max-height:90dvh;border-right:0;border-bottom:0;border-left:0;box-shadow:none;overflow:auto}
  .admin-modal-v44 form>div{display:grid;grid-template-columns:1fr 1fr}.admin-modal-v44 form>div .admin-btn-v43{width:100%}
}

@media(max-width:480px){
  .portal-content-v40,.admin-content-v43{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-top:20px}
  .portal-top-v40,.admin-top-v43{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
  .portal-top-v40__title span,.admin-top-title-v43 span{display:none}.portal-top-v40__title strong,.admin-top-title-v43 strong{font-size:.78rem;max-width:33vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .portal-grid-v40--stats,.admin-stat-grid-v43{grid-template-columns:1fr}
  .portal-stat-v40,.admin-stat-grid-v43 article{min-height:104px}
  .admin-stat-grid-v43 article,.admin-stat-grid-v43 article:nth-child(n){border-right:0!important;border-bottom:1px solid #c3c5c3!important;grid-column:auto!important}.admin-stat-grid-v43 article:last-child{border-bottom:0!important}
  .portal-page-head-v40 h1,.admin-page-head-v43 h1{font-size:2.1rem}
  .portal-page-head-v40 p,.admin-page-head-v43 p{font-size:.9rem}
  .portal-page-head-v40__actions,.admin-page-actions-v43{grid-template-columns:1fr}
  .portal-table-v40 td,.portal-doc-table-v44 td,.admin-table-v43 td,.admin-doc-table-v44 td{grid-template-columns:1fr;gap:3px;padding:8px 0!important}
  .portal-table-v40 td::before,.portal-doc-table-v44 td::before,.admin-table-v43 td::before,.admin-doc-table-v44 td::before{font-size:.58rem}
  .portal-timeline-v40__step{flex-basis:72vw}
  .portal-message-v44,.admin-message-v44{width:100%}
  .portal-auth-v40__panel,.admin-auth-form-v43{padding-left:14px;padding-right:14px}
  .portal-auth-card-v40 h2{font-size:2.15rem}.admin-auth-form-v43 form{padding:22px 18px;box-shadow:none}
  .portal-auth-form-v40 input,.portal-auth-form-v40 select,.portal-auth-form-v40 textarea,.admin-auth-form-v43 input{font-size:16px!important}
  .portal-notify-v40{width:100%;right:0}
}

@media(max-height:520px) and (orientation:landscape) and (max-width:980px){
  .portal-sidebar-v40,.admin-sidebar-v43{height:100dvh}.portal-brand-v40,.admin-brand-v43{padding-top:10px;padding-bottom:10px}.portal-company-v40,.admin-mode-v43{padding-top:10px;padding-bottom:10px}
  .portal-nav-v40 a,.admin-nav-v43 a{min-height:42px}.portal-sidebar-v40__bottom,.admin-sidebar-bottom-v43{padding-top:9px;padding-bottom:9px}
}

@media(prefers-reduced-motion:reduce){
  .portal-sidebar-v40,.admin-sidebar-v43,.mobile-nav-backdrop-v46{transition:none!important}
  .portal-timeline-v40,.admin-pipeline-v43{scroll-behavior:auto!important}
}


/* ==========================================================================
   INNOTECH v47 — final UX / visual polish
   Deliberately restrained: hierarchy, rhythm, contrast and interaction only.
   ========================================================================== */
:root{
  --v47-ink:#202326;
  --v47-muted:#666d70;
  --v47-line:#c5c8c7;
  --v47-paper:#f5f4f0;
  --v47-paper-2:#efeee9;
  --v47-orange:#e87211;
}
html{scroll-padding-top:96px}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid #e87211!important;outline-offset:3px}
:where(.hero__lead,.page-hero p,.section-heading p,.supplier-overview-v34__copy p,.supplier-scale-v34__copy p,.portal-page-head-v40 p,.admin-page-head-v43 p){text-wrap:pretty}
:where(.hero-title-v13,.page-hero h1,.section-heading h2,.portal-page-head-v40 h1,.admin-page-head-v43 h1){text-wrap:balance}

/* Public site — calmer rhythm and stronger hierarchy. */
@media(min-width:1181px){
  .site-header{box-shadow:0 6px 18px rgba(10,12,13,.08)}
  .site-header .site-header__inner,.topbar--v7 .topbar__inner{width:min(calc(100% - 64px),1540px)!important}
  .header-account-link-v43{box-shadow:3px 3px 0 rgba(0,0,0,.16)!important}
  .header-account-link-v43:hover{box-shadow:4px 4px 0 rgba(0,0,0,.18)!important}
  .header-project-btn{box-shadow:none!important}
}
.section-heading{column-gap:42px!important}
.section-heading h2{line-height:.96!important}
.section-heading p{color:#62696c!important;line-height:1.65!important}
.section--dark .section-heading p,.section--dark .section-heading--chain p{color:#bcc1c1!important}
.hero__lead{max-width:720px!important;line-height:1.67!important}
.hero__actions{gap:10px!important}
.btn{font-weight:900;letter-spacing:.045em}
.btn:hover{transform:translateY(-1px)}
.production-chain__item,.plant-census-v25__total,.plant-census-v25__ledger,.quality-stage-v9,.tryout-stage-v9,.capability-stage-v9{box-shadow:none!important}
.production-chain__item{transition:background .16s ease,border-color .16s ease}
.production-chain__item:hover{background:rgba(255,255,255,.035)}
.portfolio-card,.works-card-v33,.supplier-assurance-v34 article{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
@media(hover:hover){
  .portfolio-card:hover,.works-card-v33:hover,.supplier-assurance-v34 article:hover{transform:translateY(-2px);box-shadow:5px 5px 0 rgba(30,33,35,.09)}
}
.footer-grid-v7{row-gap:30px}
.footer-links a{line-height:1.35}

/* Client portal — a working tool, not a collection of boxes. */
.portal-body-v40{background:#efeee9}
.portal-sidebar-v40{background:#1c2022;border-right-color:#44494b}
.portal-brand-v40{background:#151819!important}
.portal-brand-v40 img{box-shadow:3px 3px 0 rgba(0,0,0,.18)!important}
.portal-company-v40{background:#202426}
.portal-company-v40>span:first-child{color:#a9adaf}
.portal-nav-v40 a{border-left-width:4px!important;transition:background .14s ease,color .14s ease,border-color .14s ease}
.portal-nav-v40 a.is-active{background:#2a2e30!important}
.portal-nav-v40 a.is-active span{color:#f08a20!important}
.portal-top-v40{background:rgba(247,246,242,.97)!important;box-shadow:0 5px 16px rgba(24,27,29,.055)}
.portal-user-v40{background:#fff!important;border-color:#c5c8c7!important}
.portal-user-v40__avatar{background:#25292b}
.portal-content-v40{padding-bottom:78px!important}
.portal-page-head-v40{padding-bottom:22px;border-bottom:1px solid #c5c8c7}
.portal-page-head-v40 h1{letter-spacing:0!important}
.portal-page-head-v40 p{font-size:.92rem!important;color:#60676a!important}
.portal-stat-v40{background:#faf9f6!important;border-color:#c7cac9!important}
.portal-stat-v40::before{width:54px!important}
.portal-stat-v40 b{opacity:.72}
.portal-panel-v40{background:#faf9f6!important;border-color:#c4c7c6!important;box-shadow:4px 4px 0 rgba(31,34,36,.055)}
.portal-panel-v40__head{background:#f3f2ee}
.portal-panel-v40__head h2{letter-spacing:.015em}
.portal-project-row-v40,.portal-update-v40,.portal-data-row-v40{transition:background .14s ease}
@media(hover:hover){.portal-project-row-v40:hover,.portal-data-row-v40:hover{background:#fff!important}}
.portal-btn-v40{min-height:42px;font-weight:900;letter-spacing:.045em}
.portal-btn-v40--primary{box-shadow:none!important}
.portal-table-v40 tbody tr,.portal-doc-table-v44 tbody tr{transition:background .14s ease}
@media(hover:hover){.portal-table-v40 tbody tr:hover,.portal-doc-table-v44 tbody tr:hover{background:#fbf3e8}}
.portal-message-v44,.portal-notification-v44{box-shadow:2px 2px 0 rgba(32,35,37,.035)}
.portal-message-compose-v44,.portal-inline-message-v44{background:#faf9f6}
.portal-auth-card-v40>p{font-size:.82rem!important;line-height:1.62!important}
.portal-auth-form-v40 .portal-field-v40 label{font-size:.64rem!important}
.portal-auth-card-v40__top{margin-bottom:28px!important}

/* Admin — same visual grammar, denser where useful. */
.admin-body-v43{background:#ecebe6}
.admin-sidebar-v43{background:#1b1f21;border-right-color:#424749}
.admin-brand-v43{background:#151819}
.admin-mode-v43{background:#202426}
.admin-nav-v43 a{border-left-width:4px;transition:background .14s ease,color .14s ease}
.admin-nav-v43 a.is-active{background:#2b2f31}
.admin-top-v43{background:rgba(248,247,243,.97);box-shadow:0 5px 16px rgba(24,27,29,.055)}
.admin-content-v43{padding-bottom:72px}
.admin-page-head-v43{align-items:flex-end;padding-bottom:22px}
.admin-page-head-v43 h1{letter-spacing:0}
.admin-page-head-v43 p{font-size:.94rem;line-height:1.62;color:#62696c}
.admin-panel-v43{background:#faf9f6;border-color:#c3c6c5;box-shadow:4px 4px 0 rgba(35,38,40,.055)}
.admin-panel-head-v43{background:#f3f2ee}
.admin-stat-grid-v43{background:#faf9f6;border-color:#c0c3c2}
.admin-stat-grid-v43 article{background:#faf9f6}
.admin-btn-v43{min-height:42px;letter-spacing:.045em}
.admin-btn-v43--micro{min-height:32px}
.admin-table-v43 tbody tr,.admin-doc-table-v44 tbody tr{transition:background .14s ease}
@media(hover:hover){.admin-table-v43 tbody tr:hover,.admin-doc-table-v44 tbody tr:hover{background:#fbf3e8}}
.admin-message-v44{box-shadow:2px 2px 0 rgba(32,35,37,.035)}

/* Desktop density guardrails. */
@media(min-width:901px) and (max-width:1280px){
  .portal-content-v40,.admin-content-v43{padding-left:22px!important;padding-right:22px!important}
  .portal-page-head-v40 h1,.admin-page-head-v43 h1{font-size:clamp(2rem,3.2vw,3rem)!important}
  .portal-grid-v40--stats{gap:12px}
}

/* Mobile polish — reading first, controls second. */
@media(max-width:900px){
  html{scroll-padding-top:76px}
  .portal-content-v40,.admin-content-v43{padding-bottom:max(54px,calc(38px + env(safe-area-inset-bottom)))!important}
  .portal-page-head-v40,.admin-page-head-v43{padding-bottom:16px!important}
  .portal-page-head-v40 h1,.admin-page-head-v43 h1{overflow-wrap:normal!important;word-break:normal!important;text-wrap:balance}
  .portal-page-head-v40 p,.admin-page-head-v43 p{font-size:.94rem!important;line-height:1.62!important}
  .portal-panel-v40,.admin-panel-v43{box-shadow:none!important}
  .portal-stat-v40,.admin-stat-grid-v43 article{background:#faf9f6!important}
  .portal-table-v40 tr,.portal-doc-table-v44 tr,.admin-table-v43 tr,.admin-doc-table-v44 tr{box-shadow:none!important;background:#faf9f6!important}
  .portal-message-stream-v44,.admin-message-stream-v44{background:#f4f3ef}
  .portal-message-v44 p,.admin-message-v44 p{font-size:.86rem!important;line-height:1.62!important}
  .portal-sidebar-v40,.admin-sidebar-v43{box-shadow:14px 0 30px rgba(0,0,0,.28)}
}
@media(max-width:480px){
  .portal-page-head-v40 h1,.admin-page-head-v43 h1{font-size:clamp(1.9rem,9vw,2.2rem)!important}
  .portal-page-head-v40 p,.admin-page-head-v43 p{font-size:.92rem!important}
  .portal-stat-v40 strong,.admin-stat-grid-v43 strong{font-size:2.25rem!important}
  .portal-top-v40__actions,.admin-top-actions-v43{gap:5px!important}
}


/* ==========================================================
   v47.1 — presentation polish hotfixes
   ========================================================== */
/* Remove decorative lines that visually cut through blocks */
.production-chain::before,
.home-process::before,
.process-chapter::before{display:none!important}

/* Keep the About hero aligned with the other page heroes */
.page-about-v34 .page-hero--company .page-hero__inner{max-width:none!important}
.page-about-v34 .page-hero--company h1{max-width:16ch!important}

/* Normalize compact heading rhythm a bit across key display blocks */
:where(.page-hero h1,.section-heading h2,.capability-stage__copy h2,.quality-stage__copy h2,.process-chapter__copy h2,.about-cta h2,.portal-auth-v40__visual-copy h1){letter-spacing:.01em!important}
:where(.eyebrow,.page-hero__code-v10,.process-inspector-v20__status>span,.process-inspector-v20__result span){letter-spacing:.09em!important}

/* About CTA buttons — align to the visual center of the block */
.about-cta{align-items:center!important}
.about-cta__actions{align-items:center!important}

/* Tables — remove mixed "key row" highlighting and keep one visual logic */
.table-shell .machine-row-key-v15 td{background:inherit!important}
.table-shell .machine-row-key-v15 td:first-child{position:static!important;padding-left:15px!important;color:inherit!important}
.table-shell .machine-row-key-v15 td:first-child::before{display:none!important;content:none!important}
.table-shell .machine-row-key-v15:hover td{background:#dcd9d3!important}
.table-shell .machine-table tbody tr:nth-child(odd) td{background:#efeee9!important}
.table-shell .machine-table tbody tr:nth-child(even) td{background:#e5e3de!important}
.table-shell .machine-table tbody tr:hover td{background:#dcd9d3!important}

/* EDM dark block — restore contrast/readability */
.capability-stage--dark .capability-stage__copy{background:#292d30!important;color:#fff!important}
.capability-stage--dark .capability-stage__copy h2{color:#fff!important}
.capability-stage--dark .capability-stage__copy>p{color:#cfd3d4!important}
.capability-stage--dark .metric-rail>div{border-color:rgba(255,255,255,.18)!important}
.capability-stage--dark .metric-rail strong{color:#ff9a37!important}
.capability-stage--dark .metric-rail span{color:#e2e4e4!important}

/* Client portal login visual — make the logo visible */
.portal-auth-v40__visual-copy img{width:188px!important;padding:12px 14px;background:#fff;filter:none!important;box-shadow:0 10px 26px rgba(0,0,0,.16)}

/* Messages composer — keep the bottom block inside the panel */
.portal-message-compose-v44,
.portal-inline-message-v44,
.portal-message-compose-v44 *,
.portal-inline-message-v44 *{box-sizing:border-box}
.portal-message-compose-v44{width:100%;overflow:hidden}
.portal-message-compose-v44 textarea,
.portal-inline-message-v44 textarea{display:block;max-width:100%}
.portal-message-compose-v44{margin:0}
.portal-message-compose-v44>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;width:100%}
.portal-message-compose-v44 small{max-width:none}
.portal-message-compose-v44 button{justify-self:end}

@media(max-width:620px){
  .portal-message-compose-v44>div{grid-template-columns:1fr}
}


/* v47.1.1 — desktop portal/admin sidebar stability fix */
@media(min-width:901px){
  .portal-shell-v40{display:block!important;min-height:100vh}
  .portal-sidebar-v40{position:fixed!important;top:0;left:0;bottom:0;width:270px;height:100vh;overflow-y:auto}
  .portal-main-v40{margin-left:270px;min-height:100vh}
}
@media(min-width:981px){
  .admin-shell-v43{display:block!important;min-height:100vh}
  .admin-sidebar-v43{position:fixed!important;top:0;left:0;bottom:0;width:248px;height:100vh;overflow-y:auto}
  .admin-main-v43{margin-left:248px;min-height:100vh}
}

/* INNOTECH v49 — Guest RFQ */
.rfq-hp-v49{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.rfq-turnstile-v49{margin-top:12px;max-width:360px}
.rfq-portal-link-v42--muted{opacity:.78;margin-left:14px}
@media (max-width:680px){.rfq-portal-link-v42--muted{display:block;margin:10px 0 0}}


/* ========================================================================== */
/* v68 — Final QA / production candidate UX                                  */
/* ========================================================================== */
.portal-dashboard-v40{grid-template-columns:minmax(0,2.15fr) minmax(280px,.85fr);gap:14px}
.portal-grid-v40--stats{gap:12px;margin-bottom:14px}
.portal-stat-v40{min-height:112px;padding:15px 16px 13px}
.portal-stat-v40 strong{margin-top:16px;font-size:2.3rem}
.portal-stat-v40 b{font-size:3.5rem;opacity:.42}
.portal-dashboard-attention-v68 .portal-update-v40{padding:13px 15px}
.portal-activity-wrap-v68 .portal-collab-subhead-v44{display:flex;align-items:center;justify-content:space-between;gap:12px}
.portal-activity-toggle-v68{display:inline-flex;align-items:center;gap:8px;padding:7px 0;border:0;background:transparent;color:#c66000;font:900 .62rem/1.2 Arial,sans-serif;text-transform:uppercase;cursor:pointer}
.portal-activity-toggle-v68 b{font-size:.9rem;transition:transform .18s ease}
.portal-activity-wrap-v68.is-collapsed .portal-activity-v44{display:none}
.portal-activity-wrap-v68:not(.is-collapsed) .portal-activity-toggle-v68 b{transform:rotate(180deg)}
.portal-collab-grid-v44{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:22px}
.portal-activity-v44 article{grid-template-columns:72px 1fr;padding:9px 0}
.portal-chat-back-v68{display:none;border:0;background:transparent;color:#c66000;font-weight:900;cursor:pointer}
.portal-doc-project-group-v68 td{padding:14px 14px 9px!important;background:#efeee9!important;border-top:2px solid #d3d4d1!important;color:#25292b!important}
.portal-doc-project-group-v68 strong{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}
.portal-doc-project-group-v68 td:before{content:none!important}

@media(max-width:980px){
  .portal-dashboard-v40{grid-template-columns:1fr}
  .portal-collab-grid-v44{grid-template-columns:1fr}
  .portal-activity-wrap-v68{order:2}
}
@media(max-width:680px){
  .portal-grid-v40--stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .portal-stat-v40{min-height:94px;padding:13px 14px}
  .portal-stat-v40 strong{margin-top:11px;font-size:2rem}
  .portal-stat-v40 em{font-size:.64rem}
  .portal-stat-v40 b{font-size:2.8rem;right:8px;bottom:4px}
  .portal-page-head-v40{margin-bottom:16px}
  .portal-page-head-v40 h1{font-size:1.95rem}
  .portal-dashboard-v40{gap:12px}
  .portal-messenger-v44{display:block;min-height:0}
  .portal-thread-list-v44{max-height:none;border-right:0;border-bottom:0}
  .portal-conversation-v44{display:none;min-height:calc(100dvh - 128px)}
  .portal-messenger-v44.is-conversation-open .portal-thread-list-v44{display:none}
  .portal-messenger-v44.is-conversation-open .portal-conversation-v44{display:grid}
  .portal-chat-back-v68{display:inline-flex;margin-right:8px;white-space:nowrap}
  .portal-conversation-v44>header{align-items:flex-start;padding:14px}
  .portal-message-stream-v44{max-height:none;min-height:45dvh;padding:14px}
  .portal-message-v44{width:88%}
  .portal-message-v44.is-client{margin-left:auto}
  .portal-message-v44.is-staff{margin-right:auto}
  .portal-message-compose-v44{position:sticky;bottom:0;padding:12px;background:#fff}
  .portal-doc-project-group-v68{display:block!important;margin:18px 0 6px!important;padding:0!important;border:0!important;background:transparent!important}
  .portal-doc-project-group-v68 td{display:block!important;padding:9px 2px!important;background:transparent!important;border-top:0!important;border-bottom:2px solid #d7d7d2!important}
}
@media(max-width:430px){
  .portal-grid-v40--stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .portal-stat-v40{min-height:90px}
  .portal-stat-v40>span{font-size:.55rem}
  .portal-stat-v40 strong{font-size:1.9rem}
  .portal-stat-v40 b{display:none}
}