{"id":2352,"date":"2026-06-27T17:59:45","date_gmt":"2026-06-27T09:59:45","guid":{"rendered":"https:\/\/www.conutway-teza.com.br\/produtos\/"},"modified":"2026-07-15T22:10:43","modified_gmt":"2026-07-15T14:10:43","slug":"produtos","status":"publish","type":"page","link":"https:\/\/www.conutway-teza.com.br\/en\/produtos\/","title":{"rendered":"Produtos | Conutway Teza"},"content":{"rendered":"<div class=\"ctwp-live-wrapper\" data-no-translation data-no-auto-translation data-no-dynamic-translation>\n<style>\n\nhtml { margin-top: 0 !important; }\nbody { margin: 0 !important; background: #172233 !important; }\nbody .site-header,\nbody .site-footer,\nbody .page-header,\nbody .entry-title,\nbody .post-navigation,\nbody .comments-area,\nbody .elementor-location-header,\nbody .elementor-location-footer {\n  display: none !important;\n}\nbody .floating-menu,\nbody .fm-bar,\nbody .fm-item,\nbody .fm-link,\nbody .fm-icon,\nbody .fm-label {\n  display: none !important;\n  visibility: hidden !important;\n  pointer-events: none !important;\n}\nbody .site-main,\nbody .entry-content,\nbody .page-content,\nbody .hentry,\nbody .elementor,\nbody .elementor-section-wrap {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\nbody .elementor-location-single > .elementor-section:not(:has(.ctwp-live-wrapper)),\nbody .elementor-location-single .elementor-element:not(:has(.ctwp-live-wrapper)):not(.elementor-widget-theme-post-content),\nbody .elementor-location-single .jet-woo-product-gallery__content:not(:has(.ctwp-live-wrapper)) {\n  display: none !important;\n}\nbody .elementor-location-single:has(.ctwp-live-wrapper),\nbody .elementor-location-single .elementor-section:has(.ctwp-live-wrapper),\nbody .elementor-location-single .elementor-container:has(.ctwp-live-wrapper),\nbody .elementor-location-single .elementor-column:has(.ctwp-live-wrapper),\nbody .elementor-location-single .elementor-widget-wrap:has(.ctwp-live-wrapper),\nbody .elementor-location-single .elementor-widget-theme-post-content:has(.ctwp-live-wrapper),\nbody .elementor-location-single .elementor-widget-container:has(.ctwp-live-wrapper) {\n  display: block !important;\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n.ctwp-live-wrapper {\n  width: 100vw;\n  max-width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  overflow-x: hidden;\n  background: #172233;\n}\n\n\n.ctwp-lang-en { display: none; }\nbody.translatepress-en_US .ctwp-lang-pt { display: none !important; }\nbody.translatepress-en_US .ctwp-lang-en { display: block !important; }\n\n* {\n  box-sizing: border-box;\n}\n\n.visually-hidden {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n  border: 0 !important;\n}\n\r\n:root {\r\n  --brand: #172233;\r\n  --brand-2: #172233;\r\n  --brand-3: #172233;\r\n  --green: #83b65a;\r\n  --green-strong: #83b65a;\r\n  --surface: #172233;\r\n  --surface-strong: rgba(255,255,255,0.07);\r\n  --text: #ffffff;\r\n  --muted: rgba(255,255,255,0.72);\r\n  --line: rgba(255, 255, 255, 0.18);\r\n  --accent: var(--green);\r\n  --gold: var(--green);\r\n  --font-main: \"Segoe UI\", Arial, \"Microsoft YaHei UI\", \"Microsoft YaHei\", \"Noto Sans SC\", \"PingFang SC\", sans-serif;\n}\r\n\r\nhtml {\n  scroll-behavior: smooth;\n  scroll-padding-top: 104px;\n  scroll-padding-bottom: 72px;\n}\n\r\nbody {\r\n  margin: 0;\r\n  font-family: var(--font-main);\r\n  background: var(--brand);\r\n  color: var(--surface);\r\n  line-height: 1.6;\r\n  overflow-x: hidden;\r\n}\r\n\r\na {\r\n  color: inherit;\r\n}\r\n\r\n.site-shell {\n  min-height: 100vh;\n  background: var(--brand);\n  padding-top: 86px;\n  padding-bottom: 0;\n}\n\n.topbar {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  width: 100%;\n  z-index: 80;\n  border-bottom: 1px solid rgba(23,34,51,0.12);\n  background: #fff;\n  color: var(--brand);\n  box-shadow: 0 10px 26px rgba(23,34,51,0.08);\n}\n\n.admin-bar .topbar {\n  top: 32px;\n}\n\n.admin-bar .site-shell {\n  padding-top: 118px;\n}\n\n@media (max-width: 782px) {\n  .admin-bar .topbar {\n    top: 46px;\n  }\n\n  .admin-bar .site-shell {\n    padding-top: 224px;\n  }\n}\n\n.nav {\n  width: min(1560px, calc(100% - 44px));\r\n  margin: 0 auto;\r\n  min-height: 86px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 18px;\r\n}\r\n\r\n.brand-zone {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  min-width: 0;\r\n}\r\n\r\n.brand-lockup {\r\n  display: flex;\r\n  align-items: center;\r\n  text-decoration: none;\r\n  min-width: 0;\r\n}\r\n\r\n.brand-lockup img {\n  width: 178px;\n  height: 66px;\n  object-fit: contain;\n  display: block;\n  background: transparent;\n  border-radius: 0;\n  padding: 0;\n}\n\r\n.quick-contact {\r\n  position: fixed;\r\n  right: 18px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  z-index: 40;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 8px;\r\n  border-radius: 8px;\r\n  border: 1px solid rgba(131, 182, 90, 0.42);\r\n  background: #fff;\r\n  box-shadow: 0 14px 34px rgba(23,34,51,0.18);\r\n}\r\n\r\n.quick-contact a {\r\n  width: 48px;\r\n  height: 48px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 6px;\r\n  border: 1px solid rgba(131, 182, 90, 0.42);\r\n  background: rgba(131, 182, 90, 0.09);\r\n  color: var(--green);\r\n  text-decoration: none;\r\n  transition: background .2s ease, border-color .2s ease, color .2s ease;\r\n}\r\n\r\n.quick-contact a:hover {\r\n  color: var(--green-strong);\r\n  border-color: rgba(131, 182, 90, 0.78);\r\n  background: rgba(131, 182, 90, 0.16);\r\n}\r\n\r\n.quick-contact svg {\r\n  width: 20px;\r\n  height: 20px;\r\n  display: block;\r\n  stroke: currentColor;\r\n}\r\n\r\n.nav-links {\n  flex: 1 1 auto;\n  min-width: 0;\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  gap: clamp(36px, 4vw, 72px);\n  font-size: 20px;\n  color: rgba(23,34,51,0.78);\n  font-weight: 850;\n  text-transform: uppercase;\n}\n\r\n.section-links,\n.utility-links {\n  display: flex;\n  align-items: center;\n  gap: 26px;\n}\n\n.section-links {\n  justify-content: center;\n  gap: clamp(28px, 3.2vw, 48px);\n}\n\n.utility-links {\n  justify-content: flex-end;\n}\n\r\n.nav-links a,\r\n.section-links a,\r\n.utility-links a {\r\n  text-decoration: none;\r\n  white-space: nowrap;\r\n}\r\n\r\n.nav-links a:hover,\n.section-links a:hover,\n.utility-links a:hover {\n  color: var(--brand);\n}\n\n.nav-links a.is-active {\n  color: var(--brand);\n}\n\n.nav-links a.is-active::after {\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 3px;\n  margin-top: 5px;\n  border-radius: 99px;\n  background: var(--green);\n}\n\r\n.language-switch {\r\n  position: relative;\r\n  padding-left: 10px;\r\n  border-left: 1px solid rgba(23,34,51,0.16);\r\n}\r\n\r\n.conutway-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  gap: 6px;\n  width: 148px;\n  height: 34px;\n  padding: 1px 6px;\n  border-radius: 5px;\n  background: #fff;\n  color: var(--brand) !important;\n  font-weight: 850;\n  text-decoration: none;\n  font-size: 12px;\n  overflow: hidden;\n  flex: 0 0 auto;\n}\n\n.conutway-link::before {\n  content: \"\";\n  flex: 0 0 auto;\n  width: 36px;\n  height: 24px;\n  border-radius: 2px;\n  background: #de2910 url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 30 20'%3E%3Cpath fill='%23ffde00' d='M5 1.8l.82 2.52h2.65L6.33 5.88l.82 2.52L5 6.84 2.85 8.4l.82-2.52-2.14-1.56h2.65L5 1.8zM10.3 1.05l.34 1.04h1.09l-.88.64.34 1.04-.89-.64-.88.64.34-1.04-.88-.64h1.09l.33-1.04zM12.35 3.55l.34 1.04h1.09l-.88.64.34 1.04-.89-.64-.88.64.34-1.04-.88-.64h1.09l.33-1.04zM12.35 6.65l.34 1.04h1.09l-.88.64.34 1.04-.89-.64-.88.64.34-1.04-.88-.64h1.09l.33-1.04zM10.3 9.15l.34 1.04h1.09l-.88.64.34 1.04-.89-.64-.88.64.34-1.04-.88-.64h1.09l.33-1.04z'\/%3E%3C\/svg%3E\") center \/ 100% 100% no-repeat;\n  box-shadow: inset 0 0 0 1px rgba(23,34,51,0.08);\n}\n\n.conutway-link::after {\n  display: none;\n}\n\n.conutway-link img {\n  display: block;\n  flex: 1 1 auto;\n  min-width: 0;\n  width: auto;\n  max-width: 88px;\n  height: 100%;\n  object-fit: contain;\n}\n\r\n.erp-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 38px;\r\n  padding: 0 16px;\r\n  border-radius: 6px;\r\n  border: 1px solid rgba(131, 182, 90, 0.5);\r\n  background: rgba(131, 182, 90, 0.12);\r\n  color: var(--green-strong) !important;\r\n  font-weight: 850;\r\n  letter-spacing: 0;\r\n}\r\n\r\n.erp-link:hover {\r\n  border-color: rgba(131, 182, 90, 0.8);\r\n  background: rgba(131, 182, 90, 0.2);\r\n  color: #fff !important;\r\n}\r\n\r\n.language-switch summary {\r\n  min-height: 38px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 0 12px;\r\n  border-radius: 6px;\r\n  background: rgba(23,34,51,0.1);\r\n  color: var(--brand);\r\n  cursor: pointer;\r\n  font-size: 17px;\r\n  font-weight: 850;\r\n  list-style: none;\r\n  user-select: none;\r\n}\r\n\r\n.language-switch summary::-webkit-details-marker {\r\n  display: none;\r\n}\r\n\r\n.language-switch summary::after {\r\n  content: \"\";\r\n  width: 0;\r\n  height: 0;\r\n  border-left: 4px solid transparent;\r\n  border-right: 4px solid transparent;\r\n  border-top: 5px solid currentColor;\r\n  opacity: 0.75;\r\n}\r\n\r\n.language-switch[open] summary {\r\n  background: rgba(23,34,51,0.16);\r\n}\r\n\r\n.language-menu {\r\n  position: absolute;\r\n  top: calc(100% + 8px);\r\n  right: 0;\r\n  z-index: 30;\r\n  min-width: 110px;\r\n  padding: 6px;\r\n  border: 1px solid rgba(23,34,51,0.16);\r\n  border-radius: 8px;\r\n  background: #fff;\r\n  box-shadow: 0 16px 36px rgba(23,34,51,0.28);\r\n}\r\n\r\n.language-menu a {\r\n  display: block;\r\n  padding: 8px 10px;\r\n  border-radius: 6px;\r\n  color: rgba(23,34,51,0.72);\r\n  font-size: 13px;\r\n  font-weight: 760;\r\n  text-decoration: none;\r\n}\r\n\r\n.language-menu a:hover,\r\n.language-menu a.active {\r\n  background: rgba(131, 182, 90, 0.16);\r\n  color: var(--brand);\r\n}\r\n\r\n.hero-stage {\r\n  position: relative;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  background: var(--brand-3);\r\n}\r\n\r\n.hero-stage::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n  background:\r\n    linear-gradient(90deg, rgba(23, 34, 51, 0.78) 0%, rgba(23, 34, 51, 0.52) 45%, rgba(23, 34, 51, 0.28) 100%),\r\n    linear-gradient(180deg, rgba(23, 34, 51, 0.16) 0%, rgba(23, 34, 51, 0.62) 100%);\r\n}\r\n\r\n.hero-slider {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.hero-slider span {\r\n  position: absolute;\r\n  inset: -2%;\r\n  background-image: var(--bg);\r\n  background-size: cover;\r\n  background-position: center;\r\n  opacity: 0;\r\n  transform: scale(1.04);\r\n  animation: heroImageFade 64s infinite ease-in-out;\r\n}\r\n\r\n.hero-slider span:nth-child(1) { animation-delay: 0s; }\r\n.hero-slider span:nth-child(2) { animation-delay: 8s; }\r\n.hero-slider span:nth-child(3) { animation-delay: 16s; }\r\n.hero-slider span:nth-child(4) { animation-delay: 24s; }\r\n.hero-slider span:nth-child(5) { animation-delay: 32s; }\r\n.hero-slider span:nth-child(6) { animation-delay: 40s; }\r\n.hero-slider span:nth-child(7) { animation-delay: 48s; }\r\n.hero-slider span:nth-child(8) { animation-delay: 56s; }\r\n\r\n@keyframes heroImageFade {\r\n  0% {\r\n    opacity: 0.92;\r\n    transform: scale(1.04);\r\n  }\r\n  4%, 12% {\r\n    opacity: 0.92;\r\n  }\r\n  16%, 100% {\r\n    opacity: 0;\r\n    transform: scale(1.1);\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\n  .hero-slider span,\n  .erp-bg-slider span {\n    animation: none;\n  }\n\n  .hero-slider span:first-child,\n  .erp-bg-slider span:first-child {\n    opacity: 0.84;\n  }\n}\n\n.hero {\n  position: relative;\r\n  z-index: 2;\r\n  width: min(1120px, calc(100% - 32px));\r\n  margin: 0 auto;\r\n  padding: 82px 0 58px;\r\n  display: block;\r\n}\r\n\r\n.hero > * {\r\n  min-width: 0;\r\n}\r\n\r\n.eyebrow {\r\n  display: none;\r\n  align-items: center;\r\n  gap: 8px;\r\n  color: #fff;\r\n  border: 1px solid rgba(255,255,255,0.22);\r\n  background: rgba(255,255,255,0.08);\r\n  border-radius: 999px;\r\n  padding: 8px 12px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  margin: 0 0 22px;\r\n}\r\n\r\n.eyebrow::before {\r\n  content: \"\";\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: var(--gold);\r\n}\r\n\r\nh1 {\r\n  margin: 0;\r\n  max-width: 850px;\r\n  font-size: clamp(38px, 5vw, 66px);\r\n  line-height: 1.05;\r\n  letter-spacing: 0;\r\n  color: #fff;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n.slogan {\r\n  margin: 0 0 14px;\r\n  color: var(--green);\r\n  font-size: clamp(18px, 2vw, 26px);\r\n  font-weight: 850;\r\n  letter-spacing: 0;\r\n}\r\n\r\n.hero-copy {\r\n  margin: 24px 0 0;\r\n  max-width: 720px;\r\n  color: rgba(255,255,255,0.82);\r\n  font-size: 19px;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n.hero-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  flex-wrap: wrap;\r\n  margin-top: 32px;\r\n}\r\n\r\n.button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 46px;\r\n  padding: 0 18px;\r\n  border-radius: 6px;\r\n  text-decoration: none;\r\n  font-weight: 760;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.button.primary {\r\n  background: #fff;\r\n  color: var(--brand);\r\n}\r\n\r\n.button.secondary {\r\n  color: #fff;\r\n  border-color: rgba(255,255,255,0.32);\r\n  background: rgba(255,255,255,0.08);\r\n}\r\n\r\n.section {\r\n  background: var(--brand);\r\n  color: #fff;\r\n}\r\n\r\n.section.dark {\n  background: var(--brand);\n  color: #fff;\n}\n\n#oleo-gas,\n#oil-gas {\n  position: relative;\n  isolation: isolate;\n  background:\n    linear-gradient(90deg, rgba(23,34,51,0.9) 0%, rgba(23,34,51,0.74) 48%, rgba(23,34,51,0.62) 100%),\n    linear-gradient(180deg, rgba(23,34,51,0.46) 0%, rgba(23,34,51,0.24) 44%, rgba(23,34,51,0.84) 100%),\n    url('https:\/\/www.conutway-teza.com.br\/wp-content\/uploads\/2026\/06\/ctwp-20260622-hero-04-offshore-platform.jpg') center 68% \/ cover no-repeat;\n}\n\n#oleo-gas::before,\n#oil-gas::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  background:\n    linear-gradient(180deg, rgba(23,34,51,0.18) 0%, rgba(23,34,51,0.05) 42%, rgba(23,34,51,0.34) 100%),\n    radial-gradient(circle at 76% 18%, rgba(131,182,90,0.08), transparent 34%);\n}\n\n#oleo-gas .section-inner,\n#oil-gas .section-inner {\n  position: relative;\n  z-index: 1;\n}\n\n.section-inner {\n  width: min(1120px, calc(100% - 32px));\n  margin: 0 auto;\n  padding: 70px 0;\n}\n\nmain section {\n  scroll-margin-top: 104px;\n  scroll-margin-bottom: 72px;\n}\n\r\n.section-title {\n  display: grid;\n  gap: 14px;\n  max-width: 820px;\n  margin-bottom: 34px;\n}\n\n.section-title .label {\n  color: var(--accent);\n  font-size: 48px;\n  text-transform: uppercase;\n  font-weight: 900;\n  letter-spacing: 0;\n  line-height: 1.04;\n  overflow-wrap: break-word;\n  hyphens: auto;\n}\n\n.section-title h2 {\n  margin: 0;\n  color: inherit;\n  font-size: 34px;\n  line-height: 1.18;\n  letter-spacing: 0;\n  overflow-wrap: break-word;\n  hyphens: auto;\n}\n\n.section-title p {\n  margin: 0;\n  color: var(--muted);\n  font-size: 18px;\n  line-height: 1.68;\n}\n\r\n.dark .section-title p {\n  color: var(--muted);\n}\n\n.about-section {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  background: var(--brand);\n}\n\n.about-section::before {\n  display: none;\n}\n\n.mission {\n  display: grid;\n  grid-template-columns: 0.9fr 1.1fr;\n  gap: 34px;\n  align-items: stretch;\n}\n\n.about-section .section-title {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  margin-bottom: 0;\n}\n\r\n.mission-card {\r\n  background: var(--surface-strong);\r\n  border-radius: 8px;\r\n  border: 1px solid rgba(255,255,255,0.16);\r\n  padding: 28px;\r\n}\r\n\r\n.mission-story {\n  display: grid;\n  align-content: start;\n  gap: 18px;\n  height: 100%;\n  background: rgba(23,34,51,0.76);\n  border-radius: 8px;\n  border: 1px solid rgba(131,182,90,0.55);\n  padding: 30px;\n  box-shadow: 0 24px 48px rgba(0,0,0,0.24);\n  backdrop-filter: blur(2px);\n}\n\r\n.mission-story p {\r\n  margin: 0;\r\n  color: rgba(255,255,255,0.86);\r\n  font-size: 18px;\r\n}\r\n\r\n.mission-card h3 {\r\n  margin: 0 0 10px;\r\n  font-size: 22px;\r\n  letter-spacing: 0;\r\n}\r\n\r\n.mission-card p {\r\n  margin: 0;\r\n  color: var(--muted);\r\n}\r\n\r\n.mission-text {\n  display: grid;\n  gap: 16px;\n  height: 100%;\n}\n\r\n.hq-visual {\r\n  margin: 26px 0 0;\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(255,255,255,0.16);\r\n  background: rgba(255,255,255,0.07);\r\n  box-shadow: 0 14px 34px rgba(23,34,51,0.18);\r\n}\r\n\r\n.hq-visual img {\r\n  display: block;\r\n  width: 100%;\r\n  aspect-ratio: 4 \/ 3;\r\n  object-fit: cover;\r\n  object-position: left center;\r\n}\r\n\r\n.hq-visual figcaption {\n  padding: 12px 14px;\n  color: var(--muted);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.brand-video-slot {\n  display: block;\n  min-height: 0;\n  aspect-ratio: 4 \/ 3;\n  margin: auto 0 0;\n  overflow: hidden;\n  border-radius: 8px;\n  border: 1px solid rgba(131,182,90,0.62);\n  background: rgba(255,255,255,0.06);\n  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08), 0 22px 46px rgba(0,0,0,0.18);\n}\n\n.brand-video {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  background: var(--brand);\n}\n\n.about-contact-panel {\n  display: grid;\n  gap: 14px;\n  margin: auto 0 0;\n  padding: 26px;\n  border-radius: 8px;\n  border: 1px solid rgba(131,182,90,0.55);\n  background: rgba(23,34,51,0.76);\n  box-shadow: 0 22px 46px rgba(0,0,0,0.18);\n}\n\n.about-contact-panel h3 {\n  margin: 0;\n  color: var(--green);\n  font-size: 24px;\n  line-height: 1.2;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n\n.about-contact-panel p {\n  margin: 0;\n  color: rgba(255,255,255,0.78);\n  font-size: 15px;\n  line-height: 1.58;\n}\n\n.about-contact-list {\n  display: grid;\n  gap: 10px;\n}\n\n.office-contact-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 16px;\n}\n\n.office-contact-card {\n  display: grid;\n  align-content: start;\n  gap: 14px;\n  padding: 18px;\n  border-radius: 8px;\n  border: 1px solid rgba(255,255,255,0.14);\n  background: rgba(255,255,255,0.06);\n}\n\n.office-contact-card h4 {\n  margin: 0;\n  color: #fff;\n  font-size: 18px;\n  line-height: 1.22;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n\n.about-contact-list a {\n  display: grid;\n  gap: 4px;\n  padding: 13px 14px;\n  border-radius: 8px;\n  border: 1px solid rgba(255,255,255,0.14);\n  background: rgba(255,255,255,0.07);\n  color: #fff;\n  text-decoration: none;\n}\n\n.about-contact-list a:hover {\n  border-color: rgba(131,182,90,0.5);\n  background: rgba(131,182,90,0.12);\n}\n\n.about-contact-list span {\n  color: var(--green);\n  font-size: 12px;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n\n.about-contact-list strong {\n  color: #fff;\n  font-size: 15px;\n  line-height: 1.35;\n  font-weight: 780;\n  overflow-wrap: anywhere;\n}\n\n.about-contact-panel .button {\n  width: fit-content;\n  margin-top: 2px;\n}\n\n.about-merged-contact {\n  background: var(--brand);\n  color: #fff;\n}\n\n.about-merged-contact .section-inner {\n  padding-top: 0;\n}\n\n.about-merged-contact .about-contact-panel {\n  margin: 0;\n}\n\n.about-merged-contact .about-contact-list {\n  grid-template-columns: 1fr;\n}\n\n#servicos,\n#services,\n#servicios {\n  position: relative;\n  isolation: isolate;\n  min-height: auto;\n  background:\n    radial-gradient(circle at 14% 18%, rgba(143,199,102,0.16), transparent 28%),\n    linear-gradient(135deg, rgba(16,26,41,1) 0%, rgba(20,34,56,0.98) 48%, rgba(12,22,36,1) 100%),\n    var(--brand);\n}\n\n#servicos::before,\n#services::before,\n#servicios::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  background:\n    linear-gradient(180deg, rgba(23,34,51,0.04) 0%, rgba(23,34,51,0.02) 48%, rgba(23,34,51,0.22) 100%);\n}\n\n#servicos .section-inner,\n#services .section-inner,\n#servicios .section-inner {\n  position: relative;\n  z-index: 1;\n  margin-right: auto;\n  margin-left: auto;\n  width: min(1240px, calc(100% - 52px));\n  padding-top: 92px;\n  padding-bottom: 96px;\n}\n\n#servicos .grid,\n#services .grid,\n#servicios .grid {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n#servicos .card,\n#services .card,\n#servicios .card {\n  background: rgba(23,34,51,0.64);\n  border-color: rgba(255,255,255,0.22);\n  backdrop-filter: blur(1px);\n}\n\n.grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 18px;\r\n}\r\n\r\n.product-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 24px;\n}\n\n.product-video-panel {\n  display: grid;\n  grid-template-columns: minmax(280px, 0.9fr) minmax(420px, 1.35fr);\n  gap: 22px;\n  align-items: stretch;\n  margin: 6px 0 30px;\n}\n\n.product-video-copy,\n.product-video-frame {\n  border-radius: 8px;\n  border: 1px solid rgba(255,255,255,0.16);\n  background: rgba(255,255,255,0.07);\n  overflow: hidden;\n}\n\n.product-video-copy {\n  display: grid;\n  align-content: center;\n  gap: 12px;\n  padding: 28px;\n}\n\n.product-video-copy span {\n  color: var(--green);\n  font-size: 13px;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n\n.product-video-copy h3 {\n  margin: 0;\n  color: #fff;\n  font-size: 28px;\n  line-height: 1.18;\n  font-weight: 900;\n}\n\n.product-video-copy p {\n  margin: 0;\n  color: var(--muted);\n  font-size: 16px;\n  line-height: 1.62;\n}\n\n.product-video-frame {\n  min-height: 270px;\n  aspect-ratio: 16 \/ 9;\n  box-shadow: 0 22px 46px rgba(0,0,0,0.22);\n}\n\r\n.product-item {\r\n  display: grid;\r\n  align-content: start;\r\n  gap: 18px;\r\n  min-height: 220px;\r\n  border-radius: 12px;\r\n  padding: 34px 36px;\r\n  background: rgba(255,255,255,0.07);\r\n  border: 1px solid rgba(255,255,255,0.16);\r\n  box-shadow: 0 1px 0 rgba(23,34,51,0.08);\r\n  transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;\r\n  outline: none;\r\n}\r\n\r\n.product-item strong {\n  color: #fff;\n  font-size: 22px;\n  line-height: 1.25;\n  font-weight: 780;\n}\n\n.product-item span {\n  color: var(--muted);\n  font-size: 16px;\n  line-height: 1.65;\n}\n\r\n.product-item:hover,\r\n.product-item:focus {\r\n  background: rgba(255,255,255,0.12);\r\n  border-color: rgba(131,182,90,0.45);\r\n  box-shadow: 0 18px 38px rgba(23,34,51,0.22);\r\n  transform: translateY(-4px);\r\n}\r\n\r\n.product-item:hover strong,\r\n.product-item:focus strong {\r\n  color: #fff;\r\n}\r\n\r\n.product-item:hover span,\r\n.product-item:focus span {\r\n  color: rgba(255,255,255,0.78);\r\n}\r\n\r\n.scope-note {\r\n  margin: 22px 0 0;\r\n  color: var(--muted);\r\n  font-size: 15px;\r\n}\r\n\r\n.scope-note a {\n  color: var(--green-strong);\n  font-weight: 800;\n  text-decoration: none;\n}\n\n.showroom-callout {\n  margin: 32px 0 0;\n  display: grid;\n  grid-template-columns: minmax(240px, 0.48fr) minmax(300px, 1fr) auto;\n  align-items: center;\n  gap: 18px;\n  padding: 24px 26px;\n  border-radius: 8px;\n  border: 1px solid rgba(131,182,90,0.72);\n  background: linear-gradient(90deg, rgba(131,182,90,0.24), rgba(255,255,255,0.08));\n  box-shadow: 0 22px 46px rgba(0,0,0,0.22);\n}\n\n.showroom-callout strong {\n  color: var(--green);\n  font-size: 28px;\n  line-height: 1.18;\n  font-weight: 900;\n}\n\n.showroom-callout span {\n  color: rgba(255,255,255,0.92);\n  font-size: 18px;\n  line-height: 1.55;\n}\n\n.showroom-callout a {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 42px;\n  padding: 0 16px;\n  border-radius: 6px;\n  background: rgba(131,182,90,0.18);\n  border: 1px solid rgba(131,182,90,0.58);\n  color: var(--green);\n  font-size: 16px;\n  font-weight: 850;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n.offshore-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 22px;\n  margin-top: 8px;\n}\n\n.offshore-item {\n  min-height: 214px;\n  border: 1px solid rgba(255,255,255,0.22);\n  border-radius: 8px;\n  padding: max(2mm, 30px) max(2mm, 32px) !important;\n  background: linear-gradient(180deg, rgba(23,34,51,0.82), rgba(23,34,51,0.7));\n  backdrop-filter: blur(1px);\n  box-shadow: 0 20px 44px rgba(0,0,0,0.22);\n}\n\n.offshore-item strong {\n  display: block;\n  color: #fff;\n  font-size: 22px;\n  font-weight: 900;\n  line-height: 1.2;\n  margin-bottom: 14px;\n  letter-spacing: 0;\n  text-transform: uppercase;\n}\n\n.offshore-item span {\n  display: block;\n  color: rgba(255,255,255,0.82);\n  font-size: 16px;\n  line-height: 1.68;\n}\n\r\n.card {\n  background: rgba(255,255,255,0.07);\n  border: 1px solid rgba(255,255,255,0.16);\n  border-radius: 8px;\n  padding: max(2mm, 28px) max(2mm, 30px) !important;\n  min-height: 176px;\n}\n\r\n.card .number {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 34px;\r\n  height: 34px;\r\n  border-radius: 6px;\r\n  background: rgba(131, 182, 90, 0.18);\r\n  color: var(--green-strong);\r\n  font-weight: 800;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.card h3 {\n  margin: 0 0 10px;\n  font-size: 22px;\n  font-weight: 900;\n  line-height: 1.25;\n  letter-spacing: 0;\n  text-transform: uppercase;\n}\n\n.card p {\n  margin: 0;\n  color: var(--muted);\n  font-size: 16px;\n  line-height: 1.62;\n}\n\r\n.process {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 14px;\r\n}\r\n\r\n.process-step {\r\n  border: 1px solid rgba(255,255,255,0.18);\r\n  border-radius: 8px;\r\n  padding: 22px;\r\n  background: rgba(255,255,255,0.08);\r\n}\r\n\r\n.process-step strong {\r\n  display: block;\r\n  color: var(--gold);\r\n  font-size: 14px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.process-step h3 {\n  margin: 0 0 8px;\n  color: #fff;\n  font-size: 22px;\n  font-weight: 780;\n  letter-spacing: 0;\n}\n\n.process-step p {\n  margin: 0;\n  color: rgba(255,255,255,0.76);\n  font-size: 16px;\n  line-height: 1.62;\n}\n\n.logistics-contact-stage {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  background:\n    linear-gradient(90deg, rgba(23,34,51,0.58) 0%, rgba(23,34,51,0.46) 45%, rgba(23,34,51,0.78) 100%),\n    linear-gradient(180deg, rgba(23,34,51,0.12) 0%, rgba(23,34,51,0.42) 100%),\n    url('https:\/\/www.conutway-teza.com.br\/wp-content\/uploads\/2026\/06\/ctwp-20260622-services-container-background.jpg') center center \/ cover no-repeat,\n    var(--brand);\n}\n\n.logistics-contact-stage::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  background: linear-gradient(180deg, rgba(23,34,51,0.08) 0%, rgba(23,34,51,0.24) 46%, rgba(23,34,51,0.6) 100%);\n}\n\n.logistics-section,\n.contact-section {\n  background: transparent;\n}\n\n.logistics-section .section-inner {\n  position: relative;\n  z-index: 1;\n  min-height: 360px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n\n.logistics-section .section-title {\n  max-width: 660px;\n  margin: 0;\n  padding: 30px 34px;\n  border-radius: 8px;\n  background: rgba(23,34,51,0.66);\n  border-left: 1px solid rgba(255,255,255,0.14);\n  border-top: 1px solid rgba(255,255,255,0.14);\n  border-right: 1px solid rgba(255,255,255,0.14);\n  border-bottom: 1px solid rgba(255,255,255,0.14);\n  box-shadow: 0 22px 46px rgba(0,0,0,0.22);\n}\n\n.contact-section .section-inner {\n  position: relative;\n  z-index: 1;\n  padding-top: 62px;\n  padding-bottom: 82px;\n}\n\r\n.contact {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n}\r\n\r\n.company-info {\r\n  display: grid;\r\n  grid-template-columns: 0.8fr 1.2fr;\r\n  gap: 20px;\r\n}\r\n\r\n.fact-list {\r\n  display: grid;\r\n  gap: 12px;\r\n}\r\n\r\n.fact {\r\n  display: grid;\r\n  grid-template-columns: 180px 1fr;\r\n  gap: 12px;\r\n  align-items: start;\r\n  background: rgba(255,255,255,0.08);\r\n  border: 1px solid rgba(255,255,255,0.16);\r\n  border-radius: 8px;\r\n  padding: 16px;\r\n}\r\n\r\n.fact span {\r\n  color: rgba(255,255,255,0.62);\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n}\r\n\r\n.fact strong,\r\n.fact a {\r\n  color: #fff;\r\n  text-decoration: none;\r\n  font-weight: 750;\r\n}\r\n\r\n.contact-box {\r\n  background: rgba(255,255,255,0.07);\r\n  color: #fff;\r\n  border-radius: 8px;\r\n  padding: 28px;\r\n  border: 1px solid rgba(255,255,255,0.16);\r\n}\r\n\r\n.contact-box h3 {\r\n  margin: 0 0 12px;\r\n  font-size: 22px;\r\n  letter-spacing: 0;\r\n}\r\n\r\n.contact-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: grid;\r\n  gap: 10px;\r\n}\r\n\r\n.contact-list a {\r\n  color: #fff;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n}\r\n\r\n.footer {\n  border-top: 1px solid var(--line);\n  background: var(--brand-3);\n  box-shadow: 0 -14px 28px rgba(0,0,0,0.18);\n}\n\n.footer-inner {\n  width: min(1120px, calc(100% - 32px));\n  margin: 0 auto;\n  min-height: 52px;\n  padding: 10px 0;\n  display: flex;\n  justify-content: space-between;\n  gap: 16px;\n  align-items: center;\n  color: var(--green);\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n}\r\n\r\n.footer-inner a {\n  color: #fff;\n  text-decoration: none;\n  font-weight: 700;\n}\n\n.erp-site {\n  padding-bottom: 0;\n}\n\n.erp-entry {\n  position: relative;\n  isolation: isolate;\n  min-height: calc(100vh - 86px);\n  display: grid;\n  place-items: center;\n  overflow: hidden;\n  background: var(--brand);\n  color: #fff;\n  padding: clamp(48px, 7vw, 96px) 22px;\n}\n\n.erp-entry::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  background:\n    linear-gradient(90deg, rgba(23,34,51,0.92) 0%, rgba(23,34,51,0.72) 46%, rgba(23,34,51,0.5) 100%),\n    linear-gradient(180deg, rgba(23,34,51,0.22) 0%, rgba(23,34,51,0.74) 100%);\n}\n\n.erp-bg-slider {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n  overflow: hidden;\n}\n\n.erp-bg-slider span {\n  position: absolute;\n  inset: -2%;\n  background-image: var(--bg);\n  background-size: cover;\n  background-position: center;\n  opacity: 0;\n  transform: scale(1.04);\n  animation: erpLoginFade 28s infinite ease-in-out;\n}\n\n.erp-bg-slider span:nth-child(1) { animation-delay: 0s; }\n.erp-bg-slider span:nth-child(2) { animation-delay: 7s; }\n.erp-bg-slider span:nth-child(3) { animation-delay: 14s; }\n.erp-bg-slider span:nth-child(4) { animation-delay: 21s; }\n\n@keyframes erpLoginFade {\n  0% {\n    opacity: 0.86;\n    transform: scale(1.04);\n  }\n  8%, 24% {\n    opacity: 0.86;\n  }\n  34%, 100% {\n    opacity: 0;\n    transform: scale(1.1);\n  }\n}\n\n.erp-login-shell {\n  position: relative;\n  z-index: 1;\n  width: min(1120px, 100%);\n  display: grid;\n  grid-template-columns: minmax(300px, 1fr) minmax(360px, 430px);\n  gap: clamp(34px, 6vw, 86px);\n  align-items: center;\n}\n\n.erp-login-brand {\n  display: grid;\n  align-content: center;\n  gap: 20px;\n}\n\n.erp-login-logo {\n  width: 206px;\n  height: 72px;\n  object-fit: contain;\n  display: block;\n  padding: 8px 13px;\n  border-radius: 8px;\n  background: #fff;\n  box-shadow: 0 22px 48px rgba(0,0,0,0.22);\n}\n\n.erp-login-brand h1 {\n  margin: 0;\n  max-width: 560px;\n  color: #fff;\n  font-size: clamp(56px, 8vw, 104px);\n  line-height: 0.9;\n  font-weight: 950;\n  text-transform: uppercase;\n}\n\n.erp-login-status {\n  width: fit-content;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 11px 15px;\n  border-radius: 8px;\n  border: 1px solid rgba(131,182,90,0.58);\n  background: rgba(23,34,51,0.62);\n  color: #fff;\n  font-size: 14px;\n  font-weight: 900;\n  text-transform: uppercase;\n  backdrop-filter: blur(3px);\n}\n\n.erp-login-status span {\n  width: 10px;\n  height: 10px;\n  border-radius: 999px;\n  background: var(--green);\n  box-shadow: 0 0 0 6px rgba(131,182,90,0.16);\n}\n\n.erp-login-card {\n  display: grid;\n  gap: 24px;\n  padding: clamp(28px, 4vw, 42px);\n  border-radius: 8px;\n  border: 1px solid rgba(255,255,255,0.26);\n  background: rgba(255,255,255,0.96);\n  color: var(--brand);\n  box-shadow: 0 30px 78px rgba(0,0,0,0.32);\n}\n\n.erp-login-heading {\n  display: grid;\n  gap: 8px;\n}\n\n.erp-login-heading span {\n  color: var(--green);\n  font-size: 13px;\n  line-height: 1;\n  font-weight: 950;\n  text-transform: uppercase;\n}\n\n.erp-login-heading h2 {\n  margin: 0;\n  color: var(--brand);\n  font-size: 36px;\n  line-height: 1.08;\n  font-weight: 950;\n  text-transform: uppercase;\n}\n\n.erp-login-form {\n  display: grid;\n  gap: 16px;\n}\n\n.erp-login-form label {\n  display: grid;\n  gap: 8px;\n}\n\n.erp-login-form label > span,\n.erp-check span {\n  color: rgba(23,34,51,0.78);\n  font-size: 13px;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n\n.erp-login-form input[type=\"text\"],\n.erp-login-form input[type=\"password\"] {\n  width: 100%;\n  min-height: 52px;\n  padding: 0 15px;\n  border: 1px solid rgba(23,34,51,0.18);\n  border-radius: 8px;\n  background: #fff;\n  color: var(--brand);\n  font: inherit;\n  outline: none;\n  box-shadow: inset 0 1px 0 rgba(23,34,51,0.04);\n}\n\n.erp-login-form input[type=\"text\"]:focus,\n.erp-login-form input[type=\"password\"]:focus {\n  border-color: rgba(131,182,90,0.82);\n  box-shadow: 0 0 0 4px rgba(131,182,90,0.14);\n}\n\n.erp-login-options {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 14px;\n  margin-top: 2px;\n}\n\n.erp-check {\n  display: inline-flex !important;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  gap: 8px !important;\n}\n\n.erp-check input {\n  width: 16px;\n  height: 16px;\n  accent-color: var(--green);\n}\n\n.erp-login-options a,\n.erp-back-link {\n  color: var(--brand);\n  font-weight: 900;\n  text-decoration: none;\n}\n\n.erp-login-options a:hover,\n.erp-back-link:hover {\n  color: var(--green);\n}\n\n.erp-login-submit {\n  width: 100%;\n  justify-content: center;\n  min-height: 54px;\n  margin-top: 4px;\n  border: 0;\n  background: var(--brand);\n  color: #fff;\n  cursor: pointer;\n}\n\n.erp-login-submit:hover {\n  background: #24344c;\n}\n\n.erp-back-link {\n  width: fit-content;\n  justify-self: center;\n  font-size: 14px;\n}\n\n.multipage-site .hero-stage {\n  min-height: calc(100vh - 146px);\n  display: flex;\n  align-items: center;\n}\n\n.multipage-site .hero {\n  width: min(1240px, calc(100% - 44px));\n  padding: 118px 0 92px;\n}\n\n.home-overview,\n.page-detail-band,\n.news-section {\n  background: var(--brand);\n  color: #fff;\n}\n\n.light-title {\n  max-width: 900px;\n}\n\n.home-stat-strip {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 14px;\n  margin: 10px 0 28px;\n}\n\n.home-stat-strip div {\n  min-height: 118px;\n  padding: 22px;\n  border: 1px solid rgba(255,255,255,0.16);\n  border-radius: 8px;\n  background: rgba(255,255,255,0.07);\n}\n\n.home-stat-strip strong,\n.home-stat-strip span {\n  display: block;\n}\n\n.home-stat-strip strong {\n  color: var(--green);\n  font-size: 24px;\n  line-height: 1.18;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n\n.home-stat-strip span {\n  margin-top: 8px;\n  color: var(--muted);\n  font-size: 15px;\n  line-height: 1.55;\n}\n\n.overview-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 18px;\n}\n\n.overview-card {\n  display: grid;\n  align-content: start;\n  min-height: 230px;\n  gap: 12px;\n  padding: 26px;\n  border: 1px solid rgba(255,255,255,0.16);\n  border-radius: 8px;\n  background: rgba(255,255,255,0.07);\n  color: #fff;\n  text-decoration: none;\n  transition: transform .18s ease, border-color .18s ease, background .18s ease;\n}\n\n.overview-card:hover,\n.overview-card:focus {\n  transform: translateY(-4px);\n  border-color: rgba(131,182,90,0.58);\n  background: rgba(255,255,255,0.11);\n}\n\n.overview-card span {\n  color: var(--green);\n  font-size: 13px;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n\n.overview-card strong {\n  font-size: 24px;\n  line-height: 1.2;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n\n.overview-card p {\n  margin: 0;\n  color: var(--muted);\n  font-size: 15px;\n  line-height: 1.62;\n}\n\n.home-cta {\n  margin-top: 24px;\n  display: grid;\n  grid-template-columns: 1fr auto;\n  gap: 18px;\n  align-items: center;\n  padding: 26px;\n  border-radius: 8px;\n  border: 1px solid rgba(131,182,90,0.58);\n  background: rgba(131,182,90,0.14);\n}\n\n.home-cta strong,\n.home-cta span {\n  display: block;\n}\n\n.home-cta strong {\n  color: #fff;\n  font-size: 24px;\n  line-height: 1.25;\n  font-weight: 900;\n}\n\n.home-cta span {\n  margin-top: 8px;\n  color: rgba(255,255,255,0.78);\n  font-size: 16px;\n  line-height: 1.55;\n}\n\n.page-hero {\n  position: relative;\n  isolation: isolate;\n  min-height: 430px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  background:\n    linear-gradient(90deg, rgba(23,34,51,0.88) 0%, rgba(23,34,51,0.66) 48%, rgba(23,34,51,0.28) 100%),\n    var(--page-bg) center center \/ cover no-repeat,\n    var(--brand);\n}\n\n.page-hero.visual-only {\n  min-height: 330px;\n  background:\n    linear-gradient(90deg, rgba(23,34,51,0.48) 0%, rgba(23,34,51,0.34) 48%, rgba(23,34,51,0.18) 100%),\n    var(--page-bg) center center \/ cover no-repeat,\n    var(--brand);\n}\n\n.page-hero::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  background: linear-gradient(180deg, rgba(23,34,51,0.04), rgba(23,34,51,0.42));\n}\n\n.page-hero-inner {\n  width: min(1120px, calc(100% - 32px));\n  margin: 0 auto;\n  padding: 82px 0 70px;\n}\n\n.page-kicker {\n  display: block;\n  margin-bottom: 14px;\n  color: var(--green);\n  font-size: 15px;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n\n.page-hero h1 {\n  max-width: 860px;\n  color: #fff;\n  font-size: clamp(36px, 5vw, 58px);\n  line-height: 1.08;\n}\n\n.page-hero p {\n  max-width: 720px;\n  margin: 22px 0 0;\n  color: rgba(255,255,255,0.86);\n  font-size: 19px;\n  line-height: 1.68;\n}\n\n.page-detail-inner {\n  width: min(1120px, calc(100% - 32px));\n  margin: 0 auto;\n  padding: 34px 0 76px;\n}\n\n.detail-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 22px;\n}\n\n.detail-grid article {\n  min-height: 180px;\n  padding: max(2mm, 30px) max(2mm, 32px) !important;\n  border: 1px solid rgba(255,255,255,0.16);\n  border-radius: 8px;\n  background: rgba(255,255,255,0.075);\n}\n\n.detail-grid strong,\n.detail-grid span {\n  display: block;\n}\n\n.detail-grid strong {\n  color: #fff;\n  font-size: 22px;\n  line-height: 1.25;\n  font-weight: 900;\n  text-transform: uppercase;\n  letter-spacing: 0;\n}\n\n.detail-grid span {\n  margin-top: 14px;\n  color: var(--muted);\n  font-size: 15px;\n  line-height: 1.68;\n}\n\n.news-section {\n  position: relative;\n}\n\n.news-layout {\n  display: grid;\n  grid-template-columns: minmax(240px, 0.34fr) minmax(0, 1fr);\n  gap: 28px;\n  align-items: start;\n}\n\n.news-index {\n  position: sticky;\n  top: 112px;\n  display: grid;\n  gap: 12px;\n  padding: 24px;\n  border-radius: 8px;\n  border: 1px solid rgba(131,182,90,0.42);\n  background: rgba(255,255,255,0.07);\n}\n\n.news-index h2 {\n  margin: 0 0 8px;\n  color: var(--green);\n  font-size: 26px;\n  line-height: 1.15;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n\n.news-index a {\n  display: grid;\n  gap: 6px;\n  padding: 14px;\n  border-radius: 8px;\n  border: 1px solid rgba(255,255,255,0.12);\n  background: rgba(23,34,51,0.42);\n  color: #fff;\n  text-decoration: none;\n}\n\n.news-index a:hover {\n  border-color: rgba(131,182,90,0.5);\n  background: rgba(131,182,90,0.12);\n}\n\n.news-index time,\n.article-label {\n  display: block;\n  color: var(--green);\n  font-size: 13px;\n  line-height: 1.1;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n\n.news-index strong {\n  color: #fff;\n  font-size: 15px;\n  line-height: 1.35;\n  font-weight: 780;\n}\n\n.news-articles {\n  display: grid;\n  gap: 22px;\n}\n\n.news-article {\n  padding: 32px;\n  border-radius: 8px;\n  border: 1px solid rgba(255,255,255,0.16);\n  background: rgba(255,255,255,0.07);\n}\n\n.news-article h2 {\n  margin: 10px 0 10px;\n  color: #fff;\n  font-size: 34px;\n  line-height: 1.18;\n  font-weight: 900;\n}\n\n.article-meta {\n  margin-bottom: 18px;\n  color: var(--green);\n  font-size: 14px;\n  font-weight: 850;\n}\n\n.news-article p {\n  margin: 0 0 14px;\n  color: rgba(255,255,255,0.8);\n  font-size: 17px;\n  line-height: 1.78;\n}\n\n.news-article p:last-child {\n  margin-bottom: 0;\n}\n\n.news-media-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 14px;\n  margin: 24px 0 18px;\n}\n\n.news-media {\n  margin: 0;\n  overflow: hidden;\n  border-radius: 8px;\n  border: 1px solid rgba(255,255,255,0.16);\n  background: rgba(23,34,51,0.44);\n}\n\n.news-media img,\n.news-media video {\n  display: block;\n  width: 100%;\n  height: clamp(240px, 28vw, 390px);\n  background: #0c1421;\n}\n\n.news-media img {\n  object-fit: cover;\n}\n\n.news-media video {\n  object-fit: contain;\n}\n\n.news-media figcaption {\n  padding: 12px 14px;\n  color: rgba(255,255,255,0.78);\n  font-size: 13px;\n  line-height: 1.45;\n  font-weight: 700;\n}\n\n.news-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-top: 18px;\n}\n\n.news-action {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 42px;\n  padding: 0 16px;\n  border-radius: 6px;\n  border: 1px solid rgba(131,182,90,0.56);\n  background: rgba(131,182,90,0.14);\n  color: #fff;\n  font-weight: 900;\n  text-decoration: none;\n}\n\n.news-action:hover {\n  border-color: rgba(131,182,90,0.82);\n  background: rgba(131,182,90,0.22);\n}\n\n.card,\n.overview-card,\n.home-stat-strip div,\n.home-cta,\n.mission-card,\n.mission-story,\n.about-contact-panel,\n.office-contact-card,\n.about-contact-list a,\n.product-video-copy,\n.product-item,\n.showroom-callout,\n.offshore-item,\n.process-step,\n.logistics-section .section-title,\n.fact,\n.contact-box,\n.detail-grid article,\n.news-index,\n.news-index a,\n.news-article {\n  padding: max(2mm, 24px) !important;\n}\n\n\/* Beauty pass 2026-07: stronger enterprise visual hierarchy. *\/\n:root {\n  --brand: #101a29;\n  --brand-2: #142238;\n  --brand-3: #0c1624;\n  --green: #8fc766;\n  --green-strong: #9bd874;\n  --muted: rgba(255,255,255,0.76);\n  --line: rgba(255,255,255,0.16);\n  --glass: rgba(255,255,255,0.08);\n  --glass-strong: rgba(255,255,255,0.12);\n}\n\nbody {\n  background:\n    linear-gradient(180deg, #101a29 0%, #132136 48%, #0c1624 100%);\n}\n\n.topbar {\n  border-bottom-color: rgba(16,26,41,0.1);\n  background: rgba(255,255,255,0.96);\n  backdrop-filter: blur(14px);\n  box-shadow: 0 16px 36px rgba(16,26,41,0.12);\n}\n\n.nav {\n  min-height: 82px;\n}\n\n.brand-lockup img {\n  width: 188px;\n  height: 64px;\n  box-shadow: none;\n}\n\n.nav-links {\n  font-size: 18px;\n  gap: clamp(28px, 3vw, 58px);\n}\n\n.section-links {\n  gap: clamp(24px, 2.6vw, 40px);\n}\n\n.nav-links a,\n.section-links a,\n.utility-links a {\n  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 160ms ease;\n}\n\n.nav-links a:hover,\n.section-links a:hover,\n.utility-links a:hover {\n  transform: translateY(-1px);\n}\n\n.quick-contact {\n  border-color: rgba(143,199,102,0.52);\n  background: rgba(255,255,255,0.96);\n  backdrop-filter: blur(12px);\n  box-shadow: 0 18px 42px rgba(16,26,41,0.2);\n}\n\n.quick-contact a {\n  background: rgba(143,199,102,0.1);\n}\n\n.multipage-site .hero-stage {\n  min-height: calc(100vh - 170px);\n}\n\n.page-home .hero-stage {\n  background:\n    radial-gradient(circle at 18% 22%, rgba(143,199,102,0.22), transparent 28%),\n    radial-gradient(circle at 82% 16%, rgba(255,255,255,0.08), transparent 26%),\n    linear-gradient(135deg, #101a29 0%, #15243a 48%, #0c1624 100%);\n}\n\n.hero-bg-video {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center center;\n  filter: brightness(0.56) contrast(1.18) saturate(0.74);\n  opacity: 1;\n  transform: scale(1.02);\n}\n\n.page-home .hero-stage::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  background:\n    radial-gradient(circle at 20% 32%, rgba(143,199,102,0.14), transparent 24%),\n    linear-gradient(115deg, transparent 0 18%, rgba(143,199,102,0.075) 18% 18.14%, transparent 18.14% 100%),\n    linear-gradient(115deg, transparent 0 54%, rgba(255,255,255,0.065) 54% 54.12%, transparent 54.12% 100%);\n  opacity: 0.67;\n}\n\n.page-home .hero {\n  display: block;\n}\n\n.page-home .hero > div:first-child {\n  max-width: 790px;\n}\n\n.hero-motion {\n  width: min(450px, 100%);\n  justify-self: end;\n}\n\n.motion-screen {\n  position: relative;\n  min-height: 360px;\n  aspect-ratio: 1.14 \/ 1;\n  overflow: hidden;\n  border-radius: 10px;\n  border: 1px solid rgba(255,255,255,0.2);\n  background:\n    linear-gradient(145deg, rgba(255,255,255,0.13), rgba(255,255,255,0.045)),\n    linear-gradient(180deg, rgba(20,34,56,0.92), rgba(12,22,36,0.94));\n  box-shadow: 0 28px 70px rgba(0,0,0,0.32);\n}\n\n.motion-grid {\n  position: absolute;\n  inset: -16%;\n  opacity: 0.44;\n  background:\n    linear-gradient(115deg, rgba(143,199,102,0.16), transparent 34%),\n    repeating-linear-gradient(90deg, rgba(255,255,255,0.07) 0 1px, transparent 1px 42px),\n    repeating-linear-gradient(0deg, rgba(255,255,255,0.055) 0 1px, transparent 1px 42px);\n  transform: rotate(-7deg) translate3d(0,0,0);\n  animation: motionGridDrift 18s linear infinite;\n}\n\n.motion-route {\n  position: absolute;\n  inset: 42px 26px 82px 26px;\n  width: calc(100% - 52px);\n  height: calc(100% - 124px);\n  overflow: visible;\n}\n\n.motion-route path {\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  vector-effect: non-scaling-stroke;\n}\n\n.route-shadow {\n  stroke: rgba(255,255,255,0.18);\n  stroke-width: 9;\n}\n\n.route-live {\n  stroke: var(--green);\n  stroke-width: 4;\n  stroke-dasharray: 78 310;\n  animation: routePlayback 4.4s linear infinite;\n  filter: drop-shadow(0 0 12px rgba(143,199,102,0.52));\n}\n\n.motion-node {\n  position: absolute;\n  min-width: 92px;\n  min-height: 36px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 12px;\n  border-radius: 8px;\n  border: 1px solid rgba(255,255,255,0.18);\n  background: rgba(12,22,36,0.78);\n  color: #fff;\n  font-size: 12px;\n  font-weight: 950;\n  text-transform: uppercase;\n  letter-spacing: 0;\n  box-shadow: 0 16px 34px rgba(0,0,0,0.24);\n  animation: motionNodeLift 5.8s ease-in-out infinite;\n}\n\n.motion-node-a { left: 7%; top: 57%; }\n.motion-node-b { left: 31%; top: 31%; animation-delay: -1.4s; }\n.motion-node-c { right: 24%; top: 47%; animation-delay: -2.8s; }\n.motion-node-d { right: 7%; top: 24%; animation-delay: -4.2s; }\n\n.motion-cargo {\n  position: absolute;\n  left: 18%;\n  bottom: 25%;\n  width: 86px;\n  height: 56px;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 4px;\n  transform: translate3d(0,0,0);\n  animation: cargoPlayback 7.2s ease-in-out infinite;\n}\n\n.motion-cargo i {\n  display: block;\n  border-radius: 5px;\n  background: linear-gradient(180deg, rgba(143,199,102,0.98), rgba(143,199,102,0.44));\n  box-shadow: 0 18px 26px rgba(0,0,0,0.22);\n}\n\n.motion-cargo i:nth-child(2) {\n  transform: translateY(10px);\n  opacity: 0.82;\n}\n\n.motion-cargo i:nth-child(3) {\n  transform: translateY(20px);\n  opacity: 0.64;\n}\n\n.motion-scan {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: -46%;\n  width: 34%;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.16), transparent);\n  transform: skewX(-14deg);\n  animation: scanPlayback 6.6s ease-in-out infinite;\n}\n\n.motion-caption {\n  position: absolute;\n  left: 24px;\n  right: 24px;\n  bottom: 22px;\n  display: grid;\n  gap: 8px;\n  padding: 18px 18px 16px;\n  border-radius: 8px;\n  border: 1px solid rgba(255,255,255,0.14);\n  background: rgba(12,22,36,0.7);\n  backdrop-filter: blur(12px);\n}\n\n.motion-caption strong {\n  color: #fff;\n  font-size: 22px;\n  line-height: 1;\n  font-weight: 950;\n}\n\n.motion-caption span {\n  color: rgba(255,255,255,0.72);\n  font-size: 12px;\n  line-height: 1.45;\n  font-weight: 850;\n  text-transform: uppercase;\n}\n\n@keyframes motionGridDrift {\n  0% { transform: rotate(-7deg) translate3d(-22px, -10px, 0); }\n  100% { transform: rotate(-7deg) translate3d(22px, 10px, 0); }\n}\n\n@keyframes routePlayback {\n  0% { stroke-dashoffset: 0; opacity: 0.62; }\n  38% { opacity: 1; }\n  100% { stroke-dashoffset: -388; opacity: 0.72; }\n}\n\n@keyframes motionNodeLift {\n  0%, 100% { transform: translateY(0); border-color: rgba(255,255,255,0.18); }\n  50% { transform: translateY(-8px); border-color: rgba(143,199,102,0.46); }\n}\n\n@keyframes cargoPlayback {\n  0%, 100% { transform: translate3d(0, 0, 0); opacity: 0.72; }\n  44% { transform: translate3d(126px, -58px, 0); opacity: 1; }\n  72% { transform: translate3d(214px, -14px, 0); opacity: 0.84; }\n}\n\n@keyframes scanPlayback {\n  0%, 24% { transform: translateX(0) skewX(-14deg); opacity: 0; }\n  42% { opacity: 1; }\n  76%, 100% { transform: translateX(430%) skewX(-14deg); opacity: 0; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hero-bg-video {\n    display: none;\n  }\n\n  .motion-grid,\n  .route-live,\n  .motion-node,\n  .motion-cargo,\n  .motion-scan {\n    animation: none !important;\n  }\n\n  .route-live {\n    stroke-dasharray: none;\n  }\n}\n\n.hero-stage::after {\n  background:\n    linear-gradient(90deg, rgba(8,16,27,0.73) 0%, rgba(8,16,27,0.59) 44%, rgba(8,16,27,0.3) 100%),\n    linear-gradient(180deg, rgba(8,16,27,0.13) 0%, rgba(8,16,27,0.66) 100%);\n}\n\n.multipage-site .hero {\n  width: min(1280px, calc(100% - 52px));\n  padding: 104px 0 116px;\n}\n\n.slogan {\n  display: inline-flex;\n  width: fit-content;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 12px;\n  border: 1px solid rgba(143,199,102,0.46);\n  border-radius: 8px;\n  background: rgba(143,199,102,0.12);\n  color: #fff;\n  font-size: 14px;\n  text-transform: uppercase;\n}\n\n.slogan::before {\n  content: \"\";\n  width: 8px;\n  height: 8px;\n  border-radius: 99px;\n  background: var(--green);\n}\n\nh1 {\n  margin-top: 18px;\n  max-width: 980px;\n  font-size: clamp(44px, 5.4vw, 78px);\n  line-height: 1;\n}\n\n.hero-copy {\n  max-width: 780px;\n  font-size: 20px;\n}\n\n.button {\n  min-height: 48px;\n  padding: 0 22px;\n  box-shadow: 0 14px 28px rgba(0,0,0,0.18);\n  transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease, border-color 160ms ease;\n}\n\n.button:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 20px 38px rgba(0,0,0,0.24);\n}\n\n.button.primary {\n  background: var(--green);\n  color: #0c1624;\n}\n\n.button.secondary {\n  border-color: rgba(255,255,255,0.34);\n  background: rgba(255,255,255,0.1);\n}\n\n.capability-rail {\n  position: relative;\n  z-index: 5;\n  margin-top: -54px;\n  background: transparent;\n  color: #fff;\n}\n\n.capability-rail-inner {\n  width: min(1280px, calc(100% - 52px));\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 14px;\n}\n\n.capability-rail article {\n  min-height: 126px;\n  display: grid;\n  align-content: center;\n  gap: 10px;\n  padding: 22px 24px;\n  border-radius: 8px;\n  border: 1px solid rgba(255,255,255,0.18);\n  background: linear-gradient(180deg, rgba(20,34,56,0.92), rgba(16,26,41,0.86));\n  box-shadow: 0 24px 52px rgba(0,0,0,0.28);\n}\n\n.capability-rail article::before {\n  content: \"\";\n  width: 34px;\n  height: 3px;\n  border-radius: 99px;\n  background: var(--green);\n}\n\n.capability-rail strong,\n.capability-rail span {\n  display: block;\n}\n\n.capability-rail strong {\n  color: #fff;\n  font-size: 18px;\n  line-height: 1.2;\n  font-weight: 950;\n  text-transform: uppercase;\n}\n\n.capability-rail span {\n  color: rgba(255,255,255,0.76);\n  font-size: 14px;\n  line-height: 1.45;\n}\n\n.home-overview,\n.page-detail-band,\n.news-section {\n  background:\n    linear-gradient(180deg, #101a29 0%, #142238 50%, #0c1624 100%);\n}\n\n.section-inner {\n  width: min(1240px, calc(100% - 52px));\n}\n\n.section-title {\n  max-width: 940px;\n}\n\n.section-title .label {\n  font-size: clamp(34px, 3.8vw, 58px);\n}\n\n.workflow-strip {\n  margin: 26px 0 30px;\n  display: grid;\n  grid-template-columns: minmax(220px, 0.36fr) minmax(0, 1fr);\n  gap: 18px;\n  align-items: stretch;\n  padding: 20px;\n  border-radius: 8px;\n  border: 1px solid rgba(143,199,102,0.34);\n  background: rgba(255,255,255,0.065);\n}\n\n.workflow-strip > strong {\n  display: flex;\n  align-items: center;\n  color: #fff;\n  font-size: 22px;\n  line-height: 1.2;\n  font-weight: 950;\n}\n\n.workflow-strip > div {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 10px;\n}\n\n.workflow-strip span {\n  display: grid;\n  gap: 6px;\n  min-height: 116px;\n  padding: 16px;\n  border-radius: 8px;\n  background: rgba(16,26,41,0.52);\n  border: 1px solid rgba(255,255,255,0.12);\n  color: rgba(255,255,255,0.76);\n  font-size: 13px;\n  line-height: 1.4;\n}\n\n.workflow-strip b {\n  color: var(--green);\n  font-size: 14px;\n  line-height: 1;\n}\n\n.workflow-strip em {\n  color: #fff;\n  font-style: normal;\n  font-size: 16px;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n\n.home-stat-strip div,\n.overview-card,\n.home-cta,\n.mission-card,\n.mission-story,\n.product-video-copy,\n.product-video-frame,\n.product-item,\n.offshore-item,\n.card,\n.detail-grid article,\n.news-index,\n.news-article,\n.about-contact-panel,\n.office-contact-card {\n  border-color: rgba(255,255,255,0.18);\n  background: linear-gradient(180deg, rgba(255,255,255,0.095), rgba(255,255,255,0.055));\n  box-shadow: 0 22px 48px rgba(0,0,0,0.18);\n}\n\n.overview-grid {\n  grid-template-columns: repeat(5, minmax(0, 1fr));\n}\n\n.overview-card {\n  min-height: 260px;\n  padding: 28px;\n}\n\n.overview-card::after,\n.detail-grid article::after,\n.product-item::after {\n  content: \"\";\n  width: 38px;\n  height: 3px;\n  border-radius: 99px;\n  background: rgba(143,199,102,0.78);\n  margin-top: auto;\n}\n\n.page-hero {\n  min-height: 460px;\n  background:\n    linear-gradient(90deg, rgba(12,22,36,0.9) 0%, rgba(12,22,36,0.65) 48%, rgba(12,22,36,0.18) 100%),\n    var(--page-bg) center center \/ cover no-repeat,\n    var(--brand);\n}\n\n.page-hero.visual-only {\n  min-height: 360px;\n}\n\n.page-hero-inner {\n  width: min(1240px, calc(100% - 52px));\n}\n\n.page-kicker {\n  width: fit-content;\n  padding: 8px 12px;\n  border-radius: 8px;\n  border: 1px solid rgba(143,199,102,0.44);\n  background: rgba(143,199,102,0.12);\n  color: #fff;\n}\n\n.page-hero h1 {\n  font-size: clamp(42px, 5vw, 68px);\n}\n\n.product-video-panel {\n  grid-template-columns: minmax(300px, 0.76fr) minmax(460px, 1.24fr);\n  gap: 26px;\n  margin-bottom: 34px;\n}\n\n.product-video-copy {\n  padding: 34px;\n}\n\n.product-video-frame {\n  min-height: 330px;\n}\n\n.product-item {\n  position: relative;\n  overflow: hidden;\n  min-height: 230px;\n}\n\n.product-item::before {\n  content: none;\n  display: none;\n}\n\n.product-assurance {\n  background: #0c1624;\n  color: #fff;\n}\n\n.compact-inner {\n  padding: 28px 0 8px;\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 18px;\n}\n\n.product-assurance article {\n  display: grid;\n  gap: 10px;\n  min-height: 146px;\n  padding: 24px;\n  border-radius: 8px;\n  border: 1px solid rgba(143,199,102,0.28);\n  background: rgba(143,199,102,0.08);\n}\n\n.product-assurance strong,\n.product-assurance span {\n  display: block;\n}\n\n.product-assurance strong {\n  color: #fff;\n  font-size: 20px;\n  font-weight: 950;\n  line-height: 1.22;\n  text-transform: uppercase;\n}\n\n.product-assurance span {\n  color: rgba(255,255,255,0.76);\n  font-size: 15px;\n  line-height: 1.55;\n}\n\n.oil-flow-section {\n  background:\n    linear-gradient(180deg, #142238 0%, #0c1624 100%);\n  color: #fff;\n}\n\n.oil-flow-section .section-inner {\n  padding-top: 58px;\n  padding-bottom: 36px;\n}\n\n.oil-flow-section .section-title {\n  margin-bottom: 20px;\n}\n\n.oil-flow-section .section-title .label {\n  font-size: clamp(28px, 3vw, 44px);\n}\n\n.oil-flow {\n  display: grid;\n  grid-template-columns: repeat(5, minmax(0, 1fr));\n  gap: 14px;\n}\n\n.oil-flow article {\n  position: relative;\n  min-height: 220px;\n  padding: 24px;\n  border-radius: 8px;\n  border: 1px solid rgba(255,255,255,0.16);\n  background: rgba(255,255,255,0.07);\n}\n\n.oil-flow article:not(:last-child)::after {\n  content: \"\";\n  position: absolute;\n  top: 36px;\n  right: -10px;\n  width: 18px;\n  height: 2px;\n  background: rgba(143,199,102,0.74);\n}\n\n.oil-flow span {\n  display: block;\n  color: var(--green);\n  font-size: 14px;\n  font-weight: 950;\n  margin-bottom: 18px;\n}\n\n.oil-flow strong {\n  display: block;\n  color: #fff;\n  font-size: 20px;\n  line-height: 1.2;\n  font-weight: 950;\n  text-transform: uppercase;\n}\n\n.oil-flow p {\n  margin: 12px 0 0;\n  color: rgba(255,255,255,0.74);\n  font-size: 14px;\n  line-height: 1.55;\n}\n\n.news-layout {\n  grid-template-columns: minmax(260px, 0.3fr) minmax(0, 1fr);\n  gap: 34px;\n}\n\n.news-index {\n  top: 104px;\n}\n\n.news-index a {\n  border-left: 1px solid rgba(255,255,255,0.14);\n}\n\n.news-article {\n  padding: 38px !important;\n}\n\n.news-article h2 {\n  font-size: clamp(30px, 3.1vw, 46px);\n}\n\n.news-media {\n  box-shadow: 0 22px 46px rgba(0,0,0,0.2);\n}\n\n.about-merged-contact {\n  background:\n    linear-gradient(180deg, #101a29 0%, #0c1624 100%);\n}\n\n.about-contact-panel {\n  padding: 32px;\n}\n\n.office-contact-card {\n  padding: 24px;\n}\n\n.erp-entry {\n  padding: clamp(54px, 7vw, 104px) 28px;\n}\n\n.erp-entry::after {\n  background:\n    linear-gradient(90deg, rgba(12,22,36,0.94) 0%, rgba(12,22,36,0.72) 42%, rgba(12,22,36,0.42) 100%),\n    linear-gradient(180deg, rgba(12,22,36,0.12) 0%, rgba(12,22,36,0.82) 100%);\n}\n\n.erp-login-shell {\n  width: min(1180px, 100%);\n}\n\n.erp-login-brand h1 {\n  max-width: 650px;\n  font-size: clamp(62px, 8.4vw, 116px);\n}\n\n.erp-login-card {\n  border-color: rgba(255,255,255,0.44);\n  background: rgba(255,255,255,0.97);\n  box-shadow: 0 34px 90px rgba(0,0,0,0.38);\n}\n\n.erp-login-form input[type=\"text\"],\n.erp-login-form input[type=\"password\"] {\n  padding: 0 18px;\n  border-color: rgba(16,26,41,0.2);\n  background: #f8faf7;\n}\n\n@media (max-width: 900px) {\n  html {\n    scroll-padding-top: 162px;\n  }\n\n  .site-shell {\n    padding-top: 148px;\n    padding-bottom: 0;\n  }\n\n  .nav {\n    align-items: center;\n    flex-direction: column;\n    min-height: auto;\n    padding: 10px 0;\n    gap: 9px;\n  }\n\n  .nav-links {\n    display: flex;\n    grid-template-columns: none;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    flex-direction: row;\n    flex-wrap: wrap;\n    gap: 10px 14px;\n    font-size: 17px;\n  }\n\r\n  .section-links,\r\n  .utility-links {\r\n    max-width: 100%;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n  }\r\n\r\n  .language-switch {\r\n    padding-left: 0;\r\n    border-left: 0;\r\n  }\r\n\r\n  .hero,\n  .mission,\n  .company-info,\n  .contact,\n  .office-contact-grid {\n    grid-template-columns: 1fr;\n  }\n\r\n  .hero {\n    padding-top: 52px;\n    gap: 28px;\n  }\n\n  .page-home .hero {\n    grid-template-columns: 1fr;\n  }\n\n  .hero-motion {\n    justify-self: start;\n    width: min(520px, 100%);\n  }\n\n  .motion-screen {\n    min-height: 300px;\n  }\n\n  #servicos,\n  #services,\n  #servicios {\n    min-height: auto;\n    background:\n      radial-gradient(circle at 12% 12%, rgba(143,199,102,0.16), transparent 32%),\n      linear-gradient(180deg, rgba(16,26,41,1) 0%, rgba(20,34,56,0.98) 54%, rgba(12,22,36,1) 100%),\n      var(--brand);\n  }\n\n  #servicos .section-inner,\n  #services .section-inner,\n  #servicios .section-inner {\n    width: min(680px, calc(100% - 48px));\n    margin: 0 auto;\n    padding-top: 72px;\n    padding-bottom: 78px;\n  }\n\n  .grid,\n  .product-grid,\n  .offshore-grid,\n  .process,\n  .home-stat-strip,\n  .overview-grid,\n  .detail-grid,\n  .news-layout,\n  .erp-login-shell,\n  .capability-rail-inner,\n  .workflow-strip > div,\n  .oil-flow,\n  .compact-inner {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .product-video-panel,\n  .erp-login-shell,\n  .workflow-strip {\n    grid-template-columns: 1fr;\n  }\n\n  .capability-rail {\n    margin-top: 0;\n    padding-top: 18px;\n    background: #101a29;\n  }\n\n  .capability-rail-inner {\n    width: min(680px, calc(100% - 48px));\n  }\n\n  .overview-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .oil-flow article:not(:last-child)::after {\n    display: none;\n  }\n\n  .erp-login-brand {\n    justify-items: center;\n    text-align: center;\n  }\n\n  .erp-login-brand h1 {\n    max-width: 100%;\n  }\n\n  .erp-entry {\n    min-height: calc(100vh - 148px);\n    padding-top: 42px;\n    padding-bottom: 42px;\n  }\n\n  .about-merged-contact .about-contact-list {\n    grid-template-columns: 1fr;\n  }\n\n  .news-index {\n    position: static;\n  }\n\n  .home-cta {\n    grid-template-columns: 1fr;\n  }\n}\n\r\n@media (max-width: 620px) {\n  html {\n    scroll-padding-top: 136px;\n    scroll-padding-bottom: 88px;\n  }\n\n  .site-shell {\n    padding-top: 178px;\n    padding-bottom: 0;\n  }\n\n  main section {\n    scroll-margin-top: 136px;\n    scroll-margin-bottom: 88px;\n  }\n\n  .nav {\n    width: calc(100% - 28px);\n    padding: 8px 0;\n    gap: 7px;\n  }\n\n  .brand-zone {\n    gap: 10px;\n  }\n\n  .brand-lockup img {\n    width: 132px;\n    height: 48px;\n    padding: 0;\n  }\n\r\n  .quick-contact {\n    right: 6px;\n    top: 56%;\n    bottom: auto;\n    transform: translateY(-50%);\n    flex-direction: column;\n    gap: 5px;\n    padding: 5px;\n  }\n\n  .quick-contact a {\n    width: 34px;\n    height: 34px;\n  }\n\n  .quick-contact svg {\n    width: 17px;\n    height: 17px;\n  }\n\r\n  .conutway-link {\n    width: 138px;\n    height: 30px;\n    gap: 6px;\n  }\n\n  .conutway-link::before {\n    width: 30px;\n    height: 20px;\n  }\n\n  .conutway-link::after {\n    left: 12px;\n    width: 6px;\n    height: 6px;\n  }\n\n  .erp-link {\n    min-height: 32px;\n    padding: 0 10px;\n    font-size: 14px;\n  }\n\n  .language-switch summary {\n    min-height: 32px;\n    padding: 0 10px;\n    font-size: 14px;\n  }\n\n  .nav-links {\n    display: grid;\n    grid-template-columns: 1fr;\n    font-size: 15px;\n    gap: 8px;\n    justify-items: center;\n    overflow: visible;\n    padding-bottom: 2px;\n  }\n\n  .nav-links::-webkit-scrollbar {\n    display: none;\n  }\n\n  .section-links,\n  .utility-links {\n    width: 100%;\n    flex: 0 0 auto;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px 12px;\n  }\n\r\n  h1 {\n    max-width: 100%;\n    font-size: 32px;\n    line-height: 1.14;\n    word-break: normal;\n    overflow-wrap: break-word;\n  }\n\r\n  .hero-copy {\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .slogan {\r\n    font-size: 20px;\r\n  }\r\n\r\n  .hero {\n    width: calc(100% - 72px);\n    margin-left: 16px;\n    margin-right: auto;\n    padding-top: 44px;\n    overflow: hidden;\n  }\n\n  .page-home .hero {\n    gap: 26px;\n  }\n\n  .hero > div:first-child,\n  h1,\n  .hero-copy {\n    max-width: 358px;\n  }\n\n  .hero-motion {\n    order: -1;\n    width: 100%;\n    max-width: 358px;\n  }\n\n  .motion-screen {\n    min-height: 196px;\n    aspect-ratio: 1.62 \/ 1;\n    border-radius: 8px;\n  }\n\n  .motion-route {\n    inset: 24px 18px 62px 18px;\n    width: calc(100% - 36px);\n    height: calc(100% - 86px);\n  }\n\n  .motion-node {\n    min-width: 74px;\n    min-height: 30px;\n    padding: 0 9px;\n    font-size: 10px;\n  }\n\n  .motion-cargo {\n    width: 58px;\n    height: 42px;\n  }\n\n  .motion-caption {\n    left: 14px;\n    right: 14px;\n    bottom: 12px;\n    padding: 11px 12px;\n  }\n\n  .motion-caption strong {\n    font-size: 18px;\n  }\n\n  .motion-caption span {\n    font-size: 10px;\n  }\n\n  .section-title h2 {\n    font-size: 25px;\n    word-break: normal;\n    overflow-wrap: break-word;\n  }\n\n  .section-title .label {\n    font-size: 34px;\n    line-height: 1.08;\n  }\n\n  .section-title p {\n    font-size: 15px;\n    line-height: 1.62;\n  }\n\n  .brand-video-slot {\n    min-height: 0;\n    margin-top: 22px;\n  }\n\r\n  .grid,\n  .product-grid,\n  .offshore-grid,\n  .process,\n  .home-stat-strip,\n  .overview-grid,\n  .detail-grid,\n  .news-layout,\n  .news-media-grid,\n  .capability-rail-inner,\n  .workflow-strip > div,\n  .oil-flow,\n  .compact-inner {\n    grid-template-columns: 1fr;\n  }\n\n  .capability-rail {\n    padding-top: 16px;\n  }\n\n  .capability-rail-inner {\n    width: calc(100% - 72px);\n    margin-left: 16px;\n    margin-right: auto;\n    gap: 10px;\n  }\n\n  .capability-rail article {\n    min-height: 104px;\n    padding: 18px;\n  }\n\n  .workflow-strip {\n    padding: 14px;\n  }\n\n  .workflow-strip > strong {\n    font-size: 19px;\n  }\n\n  .workflow-strip span {\n    min-height: auto;\n  }\n\n  .product-video-copy {\n    padding: 22px;\n  }\n\n  .product-video-copy h3,\n  .news-article h2 {\n    font-size: 24px;\n  }\n\n  .product-video-frame {\n    min-height: 0;\n  }\n\n  .product-item {\n    min-height: 220px;\n  }\n\n  .product-assurance article,\n  .oil-flow article {\n    min-height: auto;\n  }\n\n  .multipage-site .hero {\n    width: calc(100% - 72px);\n    margin-left: 16px;\n    margin-right: auto;\n    padding-top: 62px;\n    padding-bottom: 64px;\n  }\n\n  .page-hero-inner,\n  .page-detail-inner {\n    width: calc(100% - 72px);\n    margin-left: 16px;\n    margin-right: auto;\n  }\n\n  .page-hero {\n    min-height: 390px;\n  }\n\n  .page-hero h1 {\n    font-size: 32px;\n  }\n\n  .page-hero p {\n    font-size: 16px;\n  }\n\r\n  .fact {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .section-inner {\n    width: calc(100% - 72px);\n    margin-left: 16px;\n    margin-right: auto;\n    padding: 52px 0;\n  }\n\n  #servicos,\n  #services,\n  #servicios {\n    background:\n      radial-gradient(circle at 10% 10%, rgba(143,199,102,0.16), transparent 34%),\n      linear-gradient(180deg, rgba(16,26,41,1) 0%, rgba(20,34,56,0.98) 56%, rgba(12,22,36,1) 100%),\n      var(--brand);\n  }\n\n  #servicos .section-inner,\n  #services .section-inner,\n  #servicios .section-inner {\n    width: calc(100% - 72px);\n    margin-left: 16px;\n    margin-right: auto;\n    padding-top: 52px;\n    padding-bottom: 58px;\n  }\n\n  #servicos .grid,\n  #services .grid,\n  #servicios .grid {\n    grid-template-columns: 1fr;\n  }\n\n  .showroom-callout {\n    grid-template-columns: 1fr;\n    align-items: start;\n    gap: 10px;\n    padding: 18px;\n  }\n\n  .showroom-callout strong {\n    font-size: 21px;\n  }\n\n  .showroom-callout span,\n  .showroom-callout a {\n    font-size: 15px;\n  }\n\n  .logistics-section {\n    min-height: 420px;\n    background: transparent;\n  }\n\n  .logistics-section .section-inner {\n    min-height: 420px;\n  }\n\n  .logistics-section .section-title {\n    padding: 22px 20px;\n  }\n\n  .erp-entry {\n    min-height: calc(100vh - 122px);\n    padding: 34px 18px 42px;\n  }\n\n  .erp-login-shell {\n    width: min(430px, 100%);\n    gap: 24px;\n  }\n\n  .erp-login-logo {\n    width: 168px;\n    height: 58px;\n    justify-self: center;\n  }\n\n  .erp-login-brand {\n    gap: 12px;\n  }\n\n  .erp-login-brand h1 {\n    font-size: 44px;\n    line-height: 0.96;\n  }\n\n  .erp-login-status {\n    justify-self: center;\n    font-size: 12px;\n    padding: 9px 12px;\n  }\n\n  .erp-login-card {\n    gap: 18px;\n    padding: 24px 20px;\n  }\n\n  .erp-login-heading h2 {\n    font-size: 28px;\n  }\n\n  .erp-login-options {\n    align-items: flex-start;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .footer-inner {\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    gap: 2px;\n    min-height: 64px;\n    padding: 7px 0;\n    font-size: 12px;\n    line-height: 1.25;\n  }\n\n  .footer-inner a {\n    max-width: 100%;\n    overflow-wrap: anywhere;\n  }\n}\n\n.nav-links a.is-active::after,\n.capability-rail article::before,\n.overview-card::after,\n.detail-grid article::after,\n.product-item::after,\n.oil-flow article:not(:last-child)::after {\n  content: none !important;\n  display: none !important;\n}\n\n.nav-links a.is-active {\n  color: var(--brand);\n  font-weight: 950;\n}\n\n\/* Detail refinement pass 2026-07-02: reduce template traces, tighten rhythm, keep content unchanged. *\/\n:root {\n  --nav-height: 82px;\n  --site-max: 1240px;\n  --site-gutter: clamp(24px, 4vw, 52px);\n  --ink-soft: #edf3f0;\n  --card-bg: linear-gradient(180deg, rgba(255,255,255,0.105), rgba(255,255,255,0.052));\n  --card-bg-hover: linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.072));\n  --card-border: rgba(255,255,255,0.17);\n  --card-border-hover: rgba(143,199,102,0.38);\n  --ease-premium: cubic-bezier(.16, 1, .3, 1);\n}\n\nhtml {\n  background: var(--brand-3);\n}\n\nbody::before {\n  content: \"\";\n  position: fixed;\n  inset: 0;\n  z-index: 1;\n  pointer-events: none;\n  opacity: .026;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'\/%3E%3C\/svg%3E\");\n}\n\n.site-shell {\n  position: relative;\n  z-index: 0;\n}\n\n.footer {\n  position: relative;\n  z-index: 2;\n}\n\n.topbar {\n  position: fixed;\n  z-index: 90;\n}\n\n.quick-contact {\n  position: fixed;\n  z-index: 88;\n}\n\n.nav,\n.section-inner,\n.page-hero-inner,\n.page-detail-inner,\n.capability-rail-inner {\n  width: min(var(--site-max), calc(100% - (var(--site-gutter) * 2)));\n}\n\n.topbar {\n  min-height: var(--nav-height);\n}\n\n.nav {\n  min-height: var(--nav-height);\n}\n\n.brand-lockup {\n  outline-offset: 6px;\n}\n\n.brand-lockup img {\n  filter: drop-shadow(0 10px 18px rgba(16,26,41,0.08));\n}\n\n.nav-links {\n  letter-spacing: .01em;\n}\n\n.nav-links a,\n.section-links a,\n.utility-links a,\n.quick-contact a,\n.button,\n.news-action,\n.about-contact-list a,\n.overview-card,\n.product-item,\n.card,\n.detail-grid article,\n.news-index a {\n  transition:\n    color 180ms var(--ease-premium),\n    background-color 180ms var(--ease-premium),\n    border-color 180ms var(--ease-premium),\n    box-shadow 180ms var(--ease-premium),\n    transform 180ms var(--ease-premium);\n}\n\n.nav-links a:focus-visible,\n.section-links a:focus-visible,\n.utility-links a:focus-visible,\n.quick-contact a:focus-visible,\n.button:focus-visible,\n.news-action:focus-visible,\n.about-contact-list a:focus-visible,\n.overview-card:focus-visible,\n.product-item:focus-visible,\n.card:focus-visible,\n.detail-grid article:focus-visible,\n.news-index a:focus-visible,\n.erp-login-form input:focus-visible {\n  outline: 2px solid rgba(143,199,102,0.84);\n  outline-offset: 4px;\n}\n\n.conutway-link {\n  box-shadow: inset 0 0 0 1px rgba(16,26,41,0.1), 0 8px 18px rgba(16,26,41,0.08);\n}\n\n.conutway-link::before {\n  width: 54px;\n  height: 36px;\n  border-radius: 3px;\n}\n\n.quick-contact {\n  right: 20px;\n  gap: 8px;\n  padding: 7px;\n  border-radius: 9px;\n}\n\n.quick-contact a {\n  width: 46px;\n  height: 46px;\n  border-radius: 7px;\n}\n\n.quick-contact a:hover {\n  transform: translateY(-1px);\n}\n\n.page-home .hero-stage {\n  min-height: calc(100vh - var(--nav-height));\n}\n\n.page-home .hero-stage::before {\n  background:\n    radial-gradient(ellipse 72% 56% at 26% 44%, rgba(143,199,102,0.16), transparent 50%),\n    radial-gradient(ellipse 78% 64% at 72% 18%, rgba(255,255,255,0.08), transparent 58%);\n  opacity: .52;\n}\n\n.hero-stage::after {\n  background:\n    linear-gradient(90deg, rgba(8,16,27,0.7) 0%, rgba(8,16,27,0.52) 45%, rgba(8,16,27,0.24) 100%),\n    linear-gradient(180deg, rgba(8,16,27,0.08) 0%, rgba(8,16,27,0.62) 100%);\n}\n\n.hero-bg-video {\n  filter: brightness(.62) contrast(1.14) saturate(.82);\n}\n\n.multipage-site .hero {\n  min-height: clamp(540px, 68vh, 760px);\n  display: flex;\n  align-items: center;\n  padding: clamp(78px, 8vw, 128px) 0 clamp(96px, 9vw, 138px);\n}\n\n.page-home .hero > div:first-child {\n  max-width: 820px;\n}\n\nh1,\n.page-hero h1,\n.erp-login-brand h1 {\n  color: var(--ink-soft);\n  letter-spacing: -.018em;\n  text-wrap: balance;\n}\n\nh1 {\n  line-height: .98;\n}\n\n.hero-copy,\n.page-hero p,\n.section-title p,\n.overview-card p,\n.card p,\n.product-item span,\n.detail-grid span,\n.news-article p,\n.about-contact-panel p,\n.about-contact-list strong {\n  text-wrap: pretty;\n}\n\n.hero-copy {\n  color: rgba(237,243,240,0.86);\n  line-height: 1.62;\n}\n\n.capability-rail {\n  margin-top: -46px;\n}\n\n.capability-rail article,\n.home-stat-strip div,\n.overview-card,\n.home-cta,\n.mission-card,\n.mission-story,\n.product-video-copy,\n.product-video-frame,\n.product-item,\n.offshore-item,\n.card,\n.detail-grid article,\n.news-index,\n.news-article,\n.about-contact-panel,\n.office-contact-card,\n.about-contact-list a,\n.product-assurance article,\n.oil-flow article {\n  border-color: var(--card-border);\n  background: var(--card-bg);\n  box-shadow: 0 24px 54px rgba(0,0,0,0.16), inset 0 1px 0 rgba(255,255,255,0.045);\n}\n\n.capability-rail article:hover,\n.overview-card:hover,\n.product-item:hover,\n.card:hover,\n.detail-grid article:hover,\n.news-index a:hover,\n.about-contact-list a:hover,\n.product-assurance article:hover,\n.oil-flow article:hover {\n  border-color: var(--card-border-hover);\n  background: var(--card-bg-hover);\n  box-shadow: 0 30px 68px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.065);\n}\n\n.capability-rail article {\n  min-height: 118px;\n  align-content: start;\n}\n\n.capability-rail strong {\n  font-size: clamp(16px, 1.2vw, 18px);\n}\n\n.section-title {\n  gap: 12px;\n  margin-bottom: 32px;\n}\n\n.section-title .label {\n  color: var(--green);\n  font-size: clamp(32px, 3.4vw, 52px);\n  line-height: .98;\n  letter-spacing: -.012em;\n  text-wrap: balance;\n}\n\n.section-title h2 {\n  color: var(--ink-soft);\n  font-size: clamp(29px, 2.6vw, 40px);\n  line-height: 1.12;\n  letter-spacing: -.01em;\n  text-wrap: balance;\n}\n\n.home-stat-strip {\n  gap: 16px;\n}\n\n.home-stat-strip div {\n  min-height: 132px;\n  align-content: center;\n}\n\n.workflow-strip {\n  gap: 20px;\n  padding: 22px;\n  border-color: rgba(255,255,255,0.16);\n  background: linear-gradient(180deg, rgba(255,255,255,0.088), rgba(255,255,255,0.046));\n  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);\n}\n\n.workflow-strip span {\n  border-color: rgba(255,255,255,0.12);\n  background: rgba(12,22,36,0.42);\n}\n\n.overview-grid {\n  gap: 16px;\n}\n\n.overview-card {\n  min-height: 240px;\n  align-content: start;\n}\n\n.overview-card:hover,\n.product-item:hover,\n.card:hover,\n.detail-grid article:hover {\n  transform: translateY(-3px);\n}\n\n.product-item::before,\n.showroom-callout::before,\n.news-index a::before {\n  content: none !important;\n  display: none !important;\n}\n\n.product-item {\n  padding-left: max(2mm, 30px) !important;\n}\n\n.showroom-callout,\n.news-index a {\n  border-left-width: 1px !important;\n}\n\n.showroom-callout {\n  background: linear-gradient(180deg, rgba(143,199,102,0.14), rgba(255,255,255,0.065));\n}\n\n.page-hero {\n  min-height: clamp(390px, 48vh, 510px);\n  background:\n    linear-gradient(90deg, rgba(12,22,36,0.88) 0%, rgba(12,22,36,0.58) 50%, rgba(12,22,36,0.18) 100%),\n    linear-gradient(180deg, rgba(12,22,36,0.1), rgba(12,22,36,0.64)),\n    var(--page-bg) center center \/ cover no-repeat,\n    var(--brand);\n}\n\n.page-hero.visual-only {\n  min-height: clamp(280px, 38vh, 390px);\n}\n\n.page-kicker {\n  display: none;\n}\n\n.page-hero h1 {\n  margin-top: 0;\n  max-width: 940px;\n}\n\n.page-hero p {\n  max-width: 760px;\n  color: rgba(237,243,240,0.82);\n}\n\n.product-video-panel {\n  align-items: stretch;\n}\n\n.product-video-copy span,\n.article-label,\n.news-index time,\n.about-contact-list span,\n.oil-flow span,\n.workflow-strip b {\n  letter-spacing: .02em;\n}\n\n.product-video-frame,\n.news-media {\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.product-grid,\n.grid,\n.detail-grid,\n.oil-flow,\n.compact-inner,\n.office-contact-grid,\n.news-media-grid {\n  gap: clamp(16px, 2vw, 24px);\n}\n\n.product-assurance {\n  background:\n    linear-gradient(180deg, #0e1928 0%, #0c1624 100%);\n}\n\n.news-layout {\n  grid-template-columns: minmax(240px, .28fr) minmax(0, 1fr);\n  gap: clamp(24px, 3vw, 42px);\n}\n\n.news-index {\n  padding: 24px !important;\n}\n\n.news-index h2 {\n  margin-bottom: 12px;\n  color: var(--ink-soft);\n}\n\n.news-index a {\n  border-left-width: 1px;\n  background: rgba(255,255,255,0.055);\n}\n\n.news-index time,\n.article-label {\n  color: var(--green);\n  font-weight: 950;\n  font-variant-numeric: tabular-nums;\n}\n\n.news-article {\n  padding: clamp(28px, 4vw, 44px) !important;\n}\n\n.news-article + .news-article {\n  margin-top: clamp(24px, 3vw, 38px);\n}\n\n.news-article h2 {\n  color: var(--ink-soft);\n  line-height: 1.08;\n  text-wrap: balance;\n}\n\n.news-media figcaption {\n  background: rgba(12,22,36,0.86);\n}\n\n.about-contact-panel {\n  gap: 18px;\n}\n\n.office-contact-card {\n  min-height: 100%;\n}\n\n.about-contact-list a {\n  min-height: 72px;\n}\n\n.footer {\n  border-top: 1px solid rgba(255,255,255,0.12);\n  background: #0b1421;\n}\n\n.footer-inner {\n  width: min(var(--site-max), calc(100% - (var(--site-gutter) * 2)));\n}\n\n@media (max-width: 900px) {\n  :root {\n    --nav-height: 148px;\n    --site-gutter: 24px;\n  }\n\n  .topbar {\n    min-height: auto;\n  }\n\n  .site-shell {\n    padding-top: var(--nav-height);\n  }\n\n  .multipage-site .hero {\n    min-height: 520px;\n  }\n\n  .capability-rail {\n    margin-top: 0;\n    padding-top: 20px;\n  }\n\n  .news-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .news-index {\n    position: static;\n  }\n}\n\n@media (max-width: 620px) {\n  :root {\n    --nav-height: 178px;\n    --site-gutter: 28px;\n  }\n\n  .nav,\n  .section-inner,\n  .page-hero-inner,\n  .page-detail-inner,\n  .capability-rail-inner,\n  .footer-inner {\n    width: calc(100% - 56px);\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .site-shell {\n    padding-top: var(--nav-height);\n  }\n\n  .multipage-site .hero {\n    width: calc(100% - 56px);\n    min-height: 500px;\n    margin-left: auto;\n    margin-right: auto;\n    padding-top: 58px;\n    padding-bottom: 70px;\n  }\n\n  .hero > div:first-child,\n  h1,\n  .hero-copy {\n    max-width: none;\n  }\n\n  h1,\n  .page-hero h1 {\n    font-size: clamp(32px, 10vw, 42px);\n    line-height: 1.04;\n  }\n\n  .section-title .label {\n    font-size: clamp(30px, 9vw, 38px);\n  }\n\n  .section-title h2 {\n    font-size: clamp(24px, 7vw, 30px);\n  }\n\n  .quick-contact {\n    top: auto;\n    right: 50%;\n    bottom: 12px;\n    transform: translateX(50%);\n    flex-direction: row;\n    gap: 6px;\n    padding: 6px;\n  }\n\n  .quick-contact a {\n    width: 40px;\n    height: 40px;\n  }\n\n  .conutway-link::before {\n    width: 42px;\n    height: 28px;\n  }\n\n  .capability-rail-inner {\n    gap: 12px;\n  }\n\n  .product-item,\n  .overview-card,\n  .card,\n  .news-article,\n  .about-contact-panel,\n  .office-contact-card {\n    padding: max(2mm, 22px) !important;\n  }\n}\n\n\/* UI polish pass 2026-07-04: cleaner ERP, clearer hero imagery, safer mobile chrome. *\/\n:root {\n  --font-main: Rawline, \"Segoe UI\", Arial, \"Microsoft YaHei UI\", \"Microsoft YaHei\", \"Noto Sans SC\", \"PingFang SC\", sans-serif;\n}\n\n.page-products .page-hero {\n  background:\n    linear-gradient(90deg, rgba(12,22,36,0.78) 0%, rgba(12,22,36,0.46) 48%, rgba(12,22,36,0.12) 100%),\n    var(--page-bg) center 58% \/ cover no-repeat,\n    var(--brand);\n}\n\n.page-products .page-hero::after {\n  background:\n    radial-gradient(ellipse 62% 58% at 22% 50%, rgba(12,22,36,0.34), transparent 64%),\n    linear-gradient(180deg, rgba(12,22,36,0.02), rgba(12,22,36,0.34));\n}\n\n.page-products .page-hero-inner {\n  padding-top: clamp(72px, 7vw, 104px);\n  padding-bottom: clamp(74px, 7vw, 110px);\n}\n\n.page-process .page-hero.visual-only {\n  min-height: clamp(260px, 28vw, 330px);\n  background:\n    linear-gradient(90deg, rgba(23,34,51,0.28) 0%, rgba(23,34,51,0.16) 48%, rgba(23,34,51,0.06) 100%),\n    var(--page-bg) center 46% \/ cover no-repeat,\n    var(--brand);\n}\n\n.page-process .news-section {\n  padding-top: clamp(38px, 4vw, 58px);\n}\n\n.erp-site .topbar {\n  background: rgba(255,255,255,0.96);\n  backdrop-filter: blur(14px);\n}\n\n.erp-site .nav {\n  width: min(1180px, calc(100% - 56px));\n}\n\n.erp-site .utility-links {\n  gap: 0;\n}\n\n.erp-site .utility-links > a:not(.conutway-link) {\n  min-height: 42px;\n  display: inline-flex;\n  align-items: center;\n  padding: 0 18px;\n  border-radius: 7px;\n  border: 1px solid rgba(23,34,51,0.1);\n  background: rgba(23,34,51,0.04);\n  color: var(--brand);\n  font-size: 16px;\n  font-weight: 950;\n  text-transform: uppercase;\n  text-decoration: none;\n}\n\n.erp-site .brand-lockup img {\n  width: 184px;\n  height: 62px;\n  filter: none;\n}\n\n.erp-login-shell {\n  gap: clamp(44px, 7vw, 104px);\n}\n\n.erp-login-brand {\n  gap: 18px;\n}\n\n.erp-login-brand .slogan {\n  width: fit-content;\n  margin: 0;\n  padding: 10px 16px;\n  border-radius: 8px;\n  border: 1px solid rgba(143,199,102,0.42);\n  background: rgba(12,22,36,0.56);\n  color: #edf3f0;\n  box-shadow: 0 14px 32px rgba(0,0,0,0.18);\n}\n\n.erp-login-brand .slogan::before {\n  box-shadow: 0 0 0 5px rgba(143,199,102,0.14);\n}\n\n.erp-login-brand h1 {\n  max-width: 620px;\n  text-shadow: 0 18px 48px rgba(0,0,0,0.28);\n}\n\n.erp-login-card {\n  background: rgba(249,251,249,0.97);\n  box-shadow: 0 34px 88px rgba(0,0,0,0.34);\n}\n\n.erp-login-form input[type=\"text\"],\n.erp-login-form input[type=\"password\"] {\n  padding-left: 18px;\n  padding-right: 18px;\n}\n\n@media (max-width: 900px) {\n  .page-process .page-hero.visual-only {\n    min-height: 250px;\n    background-position: center 50%;\n  }\n\n  .page-process .news-section {\n    padding-top: 34px;\n  }\n\n  .page-products .page-hero {\n    background:\n      linear-gradient(90deg, rgba(12,22,36,0.82) 0%, rgba(12,22,36,0.52) 64%, rgba(12,22,36,0.18) 100%),\n      var(--page-bg) center 56% \/ cover no-repeat,\n      var(--brand);\n  }\n\n  .erp-login-shell {\n    gap: 34px;\n  }\n}\n\n@media (max-width: 620px) {\n  :root {\n    --nav-height: 172px;\n  }\n\n  .multipage-site .hero {\n    padding-bottom: 92px;\n  }\n\n  .quick-contact {\n    top: calc(var(--nav-height) + 14px);\n    right: 10px;\n    bottom: auto;\n    transform: none;\n    flex-direction: column;\n    gap: 5px;\n    padding: 5px;\n    border-radius: 8px;\n    background: rgba(255,255,255,0.94);\n  }\n\n  .quick-contact a {\n    width: 36px;\n    height: 36px;\n    border-radius: 7px;\n  }\n\n  .quick-contact svg {\n    width: 17px;\n    height: 17px;\n  }\n\n  .erp-site .quick-contact {\n    display: none !important;\n  }\n\n  .page-products .page-hero {\n    min-height: 390px;\n    background:\n      linear-gradient(180deg, rgba(12,22,36,0.86) 0%, rgba(12,22,36,0.66) 58%, rgba(12,22,36,0.22) 100%),\n      var(--page-bg) center 58% \/ cover no-repeat,\n      var(--brand);\n  }\n\n  .page-process .page-hero.visual-only {\n    min-height: 220px;\n  }\n\n  .page-process .news-section {\n    padding-top: 28px;\n  }\n\n  .news-layout {\n    gap: 22px;\n  }\n\n  .news-index {\n    top: auto;\n  }\n\n  .erp-site .nav {\n    width: calc(100% - 48px);\n    gap: 14px;\n  }\n\n  .erp-site .brand-lockup img {\n    width: 154px;\n    height: 54px;\n  }\n\n  .erp-site .utility-links > a:not(.conutway-link) {\n    min-height: 38px;\n    padding: 0 14px;\n    font-size: 14px;\n  }\n\n  .erp-login-page {\n    padding-bottom: 42px;\n  }\n\n  .erp-login-shell {\n    width: calc(100% - 40px);\n    padding-top: 30px;\n    gap: 26px;\n  }\n\n  .erp-login-brand {\n    gap: 14px;\n    justify-items: center;\n    text-align: center;\n  }\n\n  .erp-login-brand h1 {\n    font-size: clamp(48px, 14vw, 62px);\n  }\n\n  .erp-login-status {\n    justify-self: center;\n  }\n\n  .erp-login-card {\n    padding: 26px 20px;\n  }\n}\n\n\/* CONUTWAY external button polish 2026-07-10: flush flag edge and tighter logo fit. *\/\n.conutway-link {\n  width: 164px;\n  height: 40px;\n  gap: 0;\n  padding: 0;\n  border-radius: 7px;\n  border: 1px solid rgba(16,26,41,0.1);\n  background: #f8fafc;\n  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.72), 0 8px 18px rgba(16,26,41,0.08);\n}\n\n.conutway-link::before {\n  align-self: stretch;\n  flex: 0 0 60px;\n  width: 60px;\n  height: 100%;\n  border-radius: 6px 0 0 6px;\n  box-shadow: none;\n}\n\n.conutway-link img {\n  flex: 1 1 auto;\n  width: calc(100% - 60px);\n  max-width: none;\n  height: 76%;\n  padding: 0 10px;\n  object-fit: contain;\n  box-sizing: border-box;\n}\n\n@media (max-width: 620px) {\n  .conutway-link {\n    width: 150px;\n    height: 38px;\n  }\n\n  .conutway-link::before {\n    flex-basis: 56px;\n    width: 56px;\n  }\n\n  .conutway-link img {\n    width: calc(100% - 56px);\n    height: 74%;\n    padding: 0 9px;\n  }\n}\n\n\/* Header density polish 2026-07-10: wider breathing room, smaller utility controls. *\/\n@media (min-width: 1024px) {\n  .site-shell {\n    padding-top: 78px;\n  }\n\n  .admin-bar .site-shell {\n    padding-top: 110px;\n  }\n\n  .nav {\n    width: min(1880px, calc(100% - 44px));\n    min-height: 78px;\n    gap: 12px;\n  }\n\n  .brand-lockup img {\n    width: 168px;\n    height: 58px;\n  }\n\n  .nav-links {\n    gap: clamp(22px, 2.8vw, 48px);\n    font-size: 17px;\n    font-weight: 820;\n    letter-spacing: 0;\n  }\n\n  .section-links {\n    gap: clamp(22px, 2.5vw, 42px);\n  }\n\n  .utility-links {\n    gap: 18px;\n  }\n\n  .conutway-link {\n    width: 142px;\n    height: 34px;\n    border-radius: 6px;\n  }\n\n  .conutway-link::before {\n    flex-basis: 52px;\n    width: 52px;\n    border-radius: 5px 0 0 5px;\n  }\n\n  .conutway-link img {\n    width: calc(100% - 52px);\n    height: 72%;\n    padding: 0 8px;\n  }\n\n  .erp-link {\n    min-height: 34px;\n    padding: 0 16px;\n    border-radius: 6px;\n    font-size: 16px;\n  }\n\n  .language-switch {\n    padding-left: 8px;\n  }\n\n  .language-switch summary {\n    min-height: 34px;\n    padding: 0 11px;\n    gap: 7px;\n    border-radius: 6px;\n    font-size: 15px;\n  }\n}\n\n@media (min-width: 1024px) and (max-width: 1280px) {\n  .brand-lockup img {\n    width: 154px;\n    height: 54px;\n  }\n\n  .nav-links {\n    gap: 18px;\n    font-size: 15px;\n  }\n\n  .section-links {\n    gap: 20px;\n  }\n\n  .utility-links {\n    gap: 12px;\n  }\n\n  .conutway-link {\n    width: 132px;\n    height: 32px;\n  }\n\n  .conutway-link::before {\n    flex-basis: 48px;\n    width: 48px;\n  }\n\n  .conutway-link img {\n    width: calc(100% - 48px);\n    padding: 0 7px;\n  }\n\n  .erp-link,\n  .language-switch summary {\n    min-height: 32px;\n    font-size: 14px;\n  }\n}\n\n@media (max-width: 620px) {\n  .conutway-link {\n    width: 136px;\n    height: 34px;\n  }\n\n  .conutway-link::before {\n    flex-basis: 50px;\n    width: 50px;\n  }\n\n  .conutway-link img {\n    width: calc(100% - 50px);\n    height: 72%;\n    padding: 0 7px;\n  }\n}\n\n\/* Mobile header compression 2026-07-10: smaller controls, more content above the fold. *\/\n@media (max-width: 620px) {\n  :root {\n    --nav-height: 150px;\n  }\n\n  .site-shell,\n  .admin-bar .site-shell {\n    padding-top: var(--nav-height);\n  }\n\n  .nav {\n    min-height: var(--nav-height);\n    width: calc(100% - 32px);\n    gap: 8px;\n    padding: 6px 0 8px;\n  }\n\n  .brand-lockup img {\n    width: 132px;\n    height: 44px;\n  }\n\n  .nav-links {\n    gap: 8px;\n    font-size: 13px;\n    line-height: 1.15;\n  }\n\n  .section-links {\n    gap: 13px 18px;\n  }\n\n  .utility-links {\n    gap: 10px;\n  }\n\n  .conutway-link {\n    width: 128px;\n    height: 32px;\n    border-radius: 6px;\n  }\n\n  .conutway-link::before {\n    flex-basis: 48px;\n    width: 48px;\n    border-radius: 5px 0 0 5px;\n  }\n\n  .conutway-link img {\n    width: calc(100% - 48px);\n    height: 70%;\n    padding: 0 7px;\n  }\n\n  .erp-link,\n  .language-switch summary {\n    min-height: 30px;\n    font-size: 13px;\n    border-radius: 6px;\n  }\n\n  .erp-link {\n    padding: 0 12px;\n  }\n\n  .language-switch {\n    padding-left: 6px;\n  }\n\n  .language-switch summary {\n    padding: 0 9px;\n    gap: 6px;\n  }\n\n  .quick-contact {\n    top: calc(var(--nav-height) + 12px);\n  }\n}\n\n\/* Full-site upgrade 2026-07-12: restrained industrial brand system. *\/\n:root {\n  --nav-height: 76px;\n  --site-max: 1320px;\n  --site-gutter: clamp(24px, 4.2vw, 64px);\n  --brand: #0d1725;\n  --brand-raised: #142235;\n  --brand-soft: #1a2a40;\n  --green: #8fc766;\n  --green-strong: #9bd874;\n  --text: #f1f5f2;\n  --muted: #bac5c1;\n  --dim: #8f9d99;\n  --line: rgba(235, 244, 240, 0.15);\n  --line-strong: rgba(235, 244, 240, 0.24);\n  --surface-quiet: rgba(241, 245, 242, 0.055);\n  --surface-hover: rgba(241, 245, 242, 0.085);\n  --ease-premium: cubic-bezier(.16, 1, .3, 1);\n  --z-content: 10;\n  --z-contact: 80;\n  --z-nav: 100;\n}\n\nhtml {\n  scroll-padding-top: calc(var(--nav-height) + 24px);\n}\n\n.multipage-site {\n  position: relative;\n  isolation: isolate;\n  min-height: 100dvh;\n  overflow-x: clip;\n  background: var(--brand);\n  color: var(--text);\n}\n\n.multipage-site::before {\n  position: fixed;\n  z-index: 70;\n  inset: 0;\n  pointer-events: none;\n  content: \"\";\n  opacity: 0.025;\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.78'\/%3E%3C\/svg%3E\");\n}\n\n.multipage-site main {\n  position: relative;\n  z-index: var(--z-content);\n}\n\n.skip-link {\n  position: fixed;\n  z-index: 200;\n  top: 10px;\n  left: 10px;\n  padding: 11px 15px;\n  transform: translateY(-160%);\n  border: 1px solid rgba(13, 23, 37, 0.18);\n  border-radius: 6px;\n  background: #f2f6f3;\n  color: #0d1725;\n  font-weight: 700;\n  transition: transform 180ms var(--ease-premium);\n}\n\n.skip-link:focus {\n  transform: translateY(0);\n}\n\n.multipage-site :is(a, button, summary, input):focus-visible {\n  outline: 3px solid rgba(143, 199, 102, 0.86);\n  outline-offset: 3px;\n}\n\n.topbar {\n  z-index: var(--z-nav);\n  min-height: var(--nav-height);\n  border-bottom: 1px solid rgba(13, 23, 37, 0.1);\n  background: rgba(246, 249, 247, 0.97);\n  box-shadow: 0 10px 30px rgba(13, 23, 37, 0.08);\n  backdrop-filter: blur(14px);\n}\n\n.nav {\n  width: min(calc(100% - 36px), 1510px);\n  min-height: var(--nav-height);\n  padding: 0;\n  gap: clamp(24px, 3.4vw, 58px);\n}\n\n.brand-lockup img {\n  width: 158px;\n  height: 52px;\n  object-fit: contain;\n}\n\n.nav-links {\n  min-width: 0;\n  gap: clamp(18px, 2.4vw, 38px);\n  color: #253247;\n  font-size: 14px;\n  line-height: 1;\n}\n\n.section-links {\n  gap: clamp(18px, 2vw, 32px);\n}\n\n.section-links a,\n.erp-link,\n.language-switch summary {\n  min-height: 44px;\n  display: inline-flex;\n  align-items: center;\n  letter-spacing: 0;\n}\n\n.section-links a {\n  position: relative;\n  color: #273348;\n  font-weight: 700;\n}\n\n.section-links a::after {\n  position: absolute;\n  right: 0;\n  bottom: 7px;\n  left: 0;\n  height: 1px;\n  content: \"\";\n  transform: scaleX(0);\n  transform-origin: right;\n  background: #78ad55;\n  transition: transform 180ms var(--ease-premium);\n}\n\n.section-links a:hover::after,\n.section-links a.is-active::after {\n  transform: scaleX(1);\n  transform-origin: left;\n}\n\n.utility-links {\n  gap: 10px;\n}\n\n.conutway-link {\n  width: 132px;\n  height: 40px;\n  border-color: rgba(13, 23, 37, 0.1);\n  border-radius: 6px;\n  box-shadow: 0 5px 14px rgba(13, 23, 37, 0.07);\n}\n\n.conutway-link::before {\n  flex-basis: 48px;\n  width: 48px;\n  border-radius: 5px 0 0 5px;\n}\n\n.conutway-link img {\n  width: calc(100% - 48px);\n  height: 70%;\n  padding: 0 7px;\n}\n\n.erp-link,\n.language-switch summary {\n  border: 1px solid rgba(13, 23, 37, 0.09);\n  border-radius: 6px;\n  background: rgba(13, 23, 37, 0.045);\n  color: #273348;\n  font-size: 13px;\n}\n\n.erp-link {\n  padding: 0 14px;\n  color: #5d8e3f;\n}\n\n.language-switch summary {\n  padding: 0 11px;\n}\n\n.quick-contact {\n  z-index: var(--z-contact);\n  right: 18px;\n  top: calc(var(--nav-height) + 28px);\n  gap: 4px;\n  padding: 5px;\n  border: 1px solid rgba(13, 23, 37, 0.1);\n  border-radius: 8px;\n  background: rgba(246, 249, 247, 0.94);\n  box-shadow: 0 16px 34px rgba(13, 23, 37, 0.14);\n  backdrop-filter: blur(12px);\n}\n\n.quick-contact a {\n  width: 44px;\n  height: 44px;\n  border: 0;\n  border-radius: 6px;\n  background: transparent;\n  color: #6d9f4f;\n}\n\n.quick-contact a:hover {\n  transform: none;\n  background: rgba(143, 199, 102, 0.14);\n}\n\n.hero-stage {\n  min-height: min(760px, calc(100dvh - var(--nav-height)));\n  max-height: 820px;\n  background: #0a1421;\n}\n\n.hero-stage::after {\n  background:\n    radial-gradient(circle at 72% 38%, rgba(13, 23, 37, 0.08), rgba(13, 23, 37, 0.42) 44%, rgba(13, 23, 37, 0.74) 100%),\n    linear-gradient(90deg, rgba(8, 16, 27, 0.8), rgba(8, 16, 27, 0.26) 66%, rgba(8, 16, 27, 0.18));\n}\n\n.hero-bg-video {\n  opacity: 0.86;\n  filter: saturate(0.9) contrast(1.04) brightness(0.94);\n}\n\n.hero {\n  width: min(calc(100% - (var(--site-gutter) * 2)), var(--site-max));\n  min-height: inherit;\n  margin: 0 auto;\n  padding: clamp(92px, 12vh, 142px) 0 76px;\n  display: flex;\n  align-items: center;\n}\n\n.hero > div {\n  width: min(850px, 74vw);\n}\n\n.hero .eyebrow {\n  margin: 0 0 20px;\n  color: #d9e2de;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 0;\n  text-transform: uppercase;\n}\n\n.hero h1 {\n  max-width: 17ch;\n  margin: 0;\n  color: var(--text);\n  font-size: clamp(48px, 5.35vw, 76px);\n  font-weight: 700;\n  line-height: 0.98;\n  letter-spacing: 0;\n  text-wrap: balance;\n}\n\n.hero-copy {\n  max-width: 720px;\n  margin: 28px 0 0;\n  color: #d3ddd9;\n  font-size: clamp(17px, 1.35vw, 20px);\n  line-height: 1.65;\n}\n\n.capability-rail {\n  border-top: 1px solid var(--line);\n  border-bottom: 1px solid var(--line);\n  background: #111f31;\n}\n\n.capability-rail-inner {\n  width: min(calc(100% - (var(--site-gutter) * 2)), var(--site-max));\n  gap: 0;\n  padding: 0;\n}\n\n.capability-rail article {\n  min-height: 128px;\n  padding: 28px clamp(22px, 2.4vw, 38px);\n  border: 0;\n  border-right: 1px solid var(--line);\n  border-radius: 0;\n  background: transparent;\n  box-shadow: none;\n}\n\n.capability-rail article:first-child {\n  padding-left: 0;\n}\n\n.capability-rail article:last-child {\n  padding-right: 0;\n  border-right: 0;\n}\n\n.capability-rail article::before {\n  display: none;\n}\n\n.capability-rail strong {\n  color: var(--text);\n  font-size: 15px;\n  letter-spacing: 0;\n}\n\n.capability-rail span {\n  color: var(--muted);\n  line-height: 1.5;\n}\n\n.home-overview,\n.page-detail-band,\n.news-section,\n.section,\n.product-assurance,\n.oil-flow-section {\n  background: var(--brand);\n}\n\n.section-inner,\n.page-detail-inner,\n.page-hero-inner,\n.footer-inner {\n  width: min(calc(100% - (var(--site-gutter) * 2)), var(--site-max));\n  margin-inline: auto;\n}\n\n.section-inner {\n  padding-block: clamp(76px, 8vw, 112px);\n}\n\n.section-title {\n  max-width: 860px;\n  margin: 0 0 clamp(38px, 5vw, 64px);\n  text-align: left;\n}\n\n.section-title .label,\n.page-kicker,\n.product-video-copy > span,\n.article-label,\n.article-meta {\n  color: var(--green-strong);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0;\n  text-transform: uppercase;\n}\n\n.section-title h2 {\n  max-width: 22ch;\n  margin: 10px 0 0;\n  color: var(--text);\n  font-size: clamp(34px, 4vw, 56px);\n  line-height: 1.04;\n  letter-spacing: 0;\n  text-wrap: balance;\n}\n\n.section-title p {\n  max-width: 72ch;\n  margin-top: 18px;\n  color: var(--muted);\n  font-size: 18px;\n  line-height: 1.68;\n}\n\n.home-stat-strip {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 0;\n  margin: 0 0 48px;\n  border-top: 1px solid var(--line-strong);\n  border-bottom: 1px solid var(--line-strong);\n}\n\n.home-stat-strip div {\n  min-height: 134px;\n  padding: 28px 34px;\n  border: 0;\n  border-right: 1px solid var(--line);\n  border-radius: 0;\n  background: transparent;\n  box-shadow: none;\n}\n\n.home-stat-strip div:first-child {\n  padding-left: 0;\n}\n\n.home-stat-strip div:last-child {\n  padding-right: 0;\n  border-right: 0;\n}\n\n.home-stat-strip strong {\n  color: var(--text);\n  font-size: 22px;\n}\n\n.home-stat-strip span {\n  margin-top: 9px;\n  color: var(--muted);\n  line-height: 1.5;\n}\n\n.workflow-strip {\n  display: grid;\n  grid-template-columns: minmax(230px, .75fr) minmax(0, 2.25fr);\n  gap: 34px;\n  padding: 34px;\n  border: 1px solid var(--line);\n  border-radius: 8px;\n  background: var(--surface-quiet);\n  box-shadow: none;\n}\n\n.workflow-strip > strong {\n  align-self: start;\n  color: var(--text);\n  font-size: 20px;\n  line-height: 1.35;\n}\n\n.workflow-strip > div {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0;\n}\n\n.workflow-strip span {\n  min-width: 0;\n  padding: 0 22px;\n  border-right: 1px solid var(--line);\n  color: var(--muted);\n  line-height: 1.5;\n}\n\n.workflow-strip span:first-child {\n  padding-left: 0;\n}\n\n.workflow-strip span:last-child {\n  padding-right: 0;\n  border-right: 0;\n}\n\n.workflow-strip b {\n  color: var(--green-strong);\n  font-size: 12px;\n}\n\n.workflow-strip em {\n  margin: 7px 0 5px;\n  color: var(--text);\n  font-size: 15px;\n  font-style: normal;\n}\n\n.overview-grid {\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  gap: 16px;\n  margin-top: 48px;\n}\n\n.overview-card {\n  grid-column: span 4;\n  min-height: 210px;\n  padding: 30px;\n  border: 1px solid var(--line);\n  border-radius: 8px;\n  background: var(--surface-quiet);\n  box-shadow: none;\n  transition: background-color 180ms var(--ease-premium), border-color 180ms var(--ease-premium), transform 180ms var(--ease-premium);\n}\n\n.overview-card:nth-child(1),\n.overview-card:nth-child(2) {\n  grid-column: span 6;\n}\n\n.overview-card::after {\n  display: none;\n}\n\n.overview-card:hover {\n  transform: translateY(-3px);\n  border-color: rgba(143, 199, 102, 0.34);\n  background: var(--surface-hover);\n}\n\n.overview-card > span {\n  color: var(--dim);\n  font-size: 12px;\n  letter-spacing: 0;\n  text-transform: uppercase;\n}\n\n.overview-card strong {\n  margin-top: 14px;\n  color: var(--text);\n  font-size: 22px;\n}\n\n.overview-card p {\n  margin-top: 14px;\n  color: var(--muted);\n  line-height: 1.62;\n}\n\n.home-cta {\n  margin-top: 56px;\n  padding: 34px 0;\n  border: 0;\n  border-top: 1px solid var(--line-strong);\n  border-bottom: 1px solid var(--line-strong);\n  border-radius: 0;\n  background: transparent;\n  box-shadow: none;\n}\n\n.home-cta strong {\n  max-width: 760px;\n  color: var(--text);\n  font-size: clamp(23px, 2.3vw, 34px);\n  line-height: 1.2;\n}\n\n.home-cta span {\n  max-width: 760px;\n  margin-top: 9px;\n  color: var(--muted);\n  line-height: 1.6;\n}\n\n.button.primary,\n.news-action,\n.erp-login-submit {\n  min-height: 46px;\n  border: 1px solid rgba(13, 23, 37, 0.08);\n  border-radius: 6px;\n  background: var(--green);\n  color: #102019;\n  box-shadow: 0 10px 24px rgba(93, 142, 63, 0.2);\n  font-weight: 700;\n}\n\n.button.primary:hover,\n.news-action:hover,\n.erp-login-submit:hover {\n  transform: translateY(-2px);\n  background: var(--green-strong);\n  box-shadow: 0 14px 30px rgba(93, 142, 63, 0.25);\n}\n\n.page-hero {\n  min-height: 430px;\n  padding: 0;\n  display: flex;\n  align-items: flex-end;\n  background-position: center;\n}\n\n.page-hero.visual-only {\n  min-height: 360px;\n  background-position: center 42%;\n}\n\n.page-hero::after {\n  background:\n    linear-gradient(90deg, rgba(8, 16, 27, 0.78), rgba(8, 16, 27, 0.33) 64%, rgba(8, 16, 27, 0.12)),\n    linear-gradient(0deg, rgba(8, 16, 27, 0.42), rgba(8, 16, 27, 0.08));\n}\n\n.page-hero-inner {\n  padding: 88px 0 64px;\n}\n\n.page-hero h1 {\n  max-width: 19ch;\n  margin: 12px 0 0;\n  color: var(--text);\n  font-size: clamp(44px, 5.1vw, 68px);\n  line-height: 1;\n  letter-spacing: 0;\n  text-wrap: balance;\n}\n\n.page-hero p {\n  max-width: 68ch;\n  margin-top: 20px;\n  color: #d5dfdb;\n  font-size: 18px;\n  line-height: 1.65;\n}\n\n.mission {\n  display: grid;\n  grid-template-columns: minmax(300px, .9fr) minmax(0, 1.1fr);\n  gap: clamp(48px, 7vw, 96px);\n  align-items: end;\n}\n\n.mission .section-title,\n.mission-text {\n  align-self: stretch;\n}\n\n.mission-text {\n  display: flex;\n  align-items: flex-end;\n}\n\n.mission-story {\n  padding: 34px 0 0;\n  border-top: 1px solid var(--line-strong);\n}\n\n.mission-story p {\n  color: var(--muted);\n  font-size: 17px;\n  line-height: 1.72;\n}\n\n.grid {\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  gap: 16px;\n}\n\n.grid .card {\n  grid-column: span 3;\n  min-height: 190px;\n  padding: 26px 20px 26px 0;\n  border: 0;\n  border-top: 1px solid var(--line-strong);\n  border-radius: 0;\n  background: transparent;\n  box-shadow: none;\n}\n\n.grid .card:nth-child(1),\n.grid .card:nth-child(2) {\n  grid-column: span 6;\n}\n\n.grid .card .number {\n  color: var(--green-strong);\n  font-size: 12px;\n}\n\n.grid .card h3 {\n  margin-top: 26px;\n  color: var(--text);\n  font-size: 22px;\n  line-height: 1.2;\n  white-space: normal;\n  overflow-wrap: anywhere;\n}\n\n.grid .card p {\n  margin-top: 12px;\n  color: var(--muted);\n  line-height: 1.62;\n}\n\n.page-detail-band {\n  border-top: 1px solid var(--line);\n  border-bottom: 1px solid var(--line);\n}\n\n.page-detail-inner {\n  padding-block: 0;\n}\n\n.detail-grid {\n  gap: 0;\n}\n\n.detail-grid article {\n  min-height: 132px;\n  padding: 28px 34px;\n  border: 0;\n  border-right: 1px solid var(--line);\n  border-radius: 0;\n  background: transparent;\n  box-shadow: none;\n}\n\n.detail-grid article:first-child {\n  padding-left: 0;\n}\n\n.detail-grid article:last-child {\n  padding-right: 0;\n  border-right: 0;\n}\n\n.detail-grid article::after {\n  display: none;\n}\n\n.detail-grid strong {\n  color: var(--text);\n  font-size: 17px;\n}\n\n.detail-grid span {\n  margin-top: 8px;\n  color: var(--muted);\n  line-height: 1.5;\n}\n\n.product-video-panel {\n  display: grid;\n  grid-template-columns: minmax(290px, .72fr) minmax(0, 1.28fr);\n  gap: 18px;\n  margin-bottom: 54px;\n}\n\n.product-video-copy,\n.product-video-frame {\n  grid-column: auto;\n  min-width: 0;\n  width: 100%;\n  aspect-ratio: auto;\n  min-height: 430px;\n  border: 1px solid var(--line);\n  border-radius: 8px;\n  background: var(--surface-quiet);\n  box-shadow: none;\n}\n\n.product-video-copy {\n  padding: clamp(30px, 4vw, 52px);\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n}\n\n.product-video-copy h3 {\n  margin-top: 12px;\n  color: var(--text);\n  font-size: clamp(30px, 3vw, 44px);\n  line-height: 1.08;\n}\n\n.product-video-copy p {\n  margin-top: 18px;\n  color: var(--muted);\n  line-height: 1.65;\n}\n\n.product-video-frame {\n  overflow: hidden;\n  background: #101c2b;\n}\n\n.product-video-frame video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.product-grid {\n  gap: 14px;\n}\n\n.product-item {\n  min-height: 166px;\n  padding: 26px 22px 24px 0;\n  border: 0;\n  border-top: 1px solid var(--line-strong);\n  border-radius: 0;\n  background: transparent;\n  box-shadow: none;\n}\n\n.product-item::before,\n.product-item::after {\n  display: none;\n}\n\n.product-item strong {\n  color: var(--text);\n  font-size: 19px;\n}\n\n.product-item span {\n  margin-top: 10px;\n  color: var(--muted);\n  line-height: 1.55;\n}\n\n.product-assurance {\n  border-top: 1px solid var(--line);\n  border-bottom: 1px solid var(--line);\n}\n\n.product-assurance .compact-inner {\n  gap: 0;\n  padding-block: 0;\n}\n\n.product-assurance article {\n  min-height: 132px;\n  padding: 28px 34px;\n  border: 0;\n  border-right: 1px solid var(--line);\n  border-radius: 0;\n  background: transparent;\n  box-shadow: none;\n}\n\n.product-assurance article:first-child {\n  padding-left: 0;\n}\n\n.product-assurance article:last-child {\n  padding-right: 0;\n  border-right: 0;\n}\n\n.oil-flow-section {\n  border-top: 1px solid var(--line);\n}\n\n.oil-flow {\n  gap: 0;\n  border-top: 1px solid var(--line-strong);\n  border-bottom: 1px solid var(--line-strong);\n}\n\n.oil-flow article {\n  min-height: 190px;\n  padding: 28px 24px;\n  border: 0;\n  border-right: 1px solid var(--line);\n  border-radius: 0;\n  background: transparent;\n  box-shadow: none;\n}\n\n.oil-flow article:first-child {\n  padding-left: 0;\n}\n\n.oil-flow article:last-child {\n  padding-right: 0;\n  border-right: 0;\n}\n\n.oil-flow article::after {\n  display: none;\n}\n\n.oil-flow span {\n  color: var(--green-strong);\n}\n\n.oil-flow strong {\n  margin-top: 28px;\n  color: var(--text);\n}\n\n.oil-flow p {\n  color: var(--muted);\n  line-height: 1.55;\n}\n\n.news-layout {\n  grid-template-columns: minmax(230px, .52fr) minmax(0, 1.48fr);\n  gap: clamp(44px, 6vw, 84px);\n  align-items: start;\n}\n\n.news-index {\n  position: sticky;\n  top: calc(var(--nav-height) + 28px);\n  padding: 0;\n  border: 0;\n  border-top: 1px solid var(--line-strong);\n  border-radius: 0;\n  background: transparent;\n  box-shadow: none;\n}\n\n.news-index h2 {\n  padding: 24px 0 18px;\n  color: var(--text);\n  font-size: 24px;\n}\n\n.news-index a {\n  padding: 22px 0;\n  border: 0;\n  border-top: 1px solid var(--line);\n  border-radius: 0;\n  background: transparent;\n}\n\n.news-index a::before {\n  display: none;\n}\n\n.news-index a:hover {\n  padding-left: 8px;\n  background: transparent;\n}\n\n.news-index time {\n  color: var(--green-strong);\n  font-size: 12px;\n}\n\n.news-index strong {\n  margin-top: 8px;\n  color: var(--text);\n  line-height: 1.38;\n}\n\n.news-article {\n  padding: 0 0 clamp(72px, 9vw, 112px);\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  box-shadow: none;\n}\n\n.news-article + .news-article {\n  padding-top: clamp(72px, 9vw, 112px);\n  border-top: 1px solid var(--line-strong);\n}\n\n.news-article h2 {\n  max-width: 24ch;\n  margin: 16px 0 12px;\n  color: var(--text);\n  font-size: clamp(34px, 4.1vw, 56px);\n  line-height: 1.04;\n  letter-spacing: 0;\n  text-wrap: balance;\n}\n\n.article-meta {\n  margin-bottom: 28px;\n}\n\n.news-article p {\n  max-width: 72ch;\n  color: var(--muted);\n  font-size: 17px;\n  line-height: 1.72;\n}\n\n.news-media-grid {\n  gap: 16px;\n  margin-top: 34px;\n}\n\n.news-media {\n  overflow: hidden;\n  border: 1px solid var(--line);\n  border-radius: 8px;\n  background: #101c2b;\n  box-shadow: none;\n}\n\n.news-media img,\n.news-media video {\n  width: 100%;\n  aspect-ratio: 16 \/ 10;\n  object-fit: cover;\n}\n\n.news-media figcaption {\n  padding: 14px 16px 16px;\n  border-top: 1px solid var(--line);\n  color: var(--muted);\n  font-size: 13px;\n  line-height: 1.5;\n}\n\n.news-actions {\n  margin-top: 28px;\n}\n\n.about-merged-contact {\n  border-top: 1px solid var(--line);\n}\n\n.about-contact-panel {\n  padding: 0;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  box-shadow: none;\n}\n\n.about-contact-panel > h3 {\n  margin: 0 0 18px;\n  color: var(--text);\n  font-size: 22px;\n}\n\n.office-contact-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 16px;\n}\n\n.office-contact-card {\n  padding: 28px;\n  border: 1px solid var(--line);\n  border-radius: 8px;\n  background: var(--surface-quiet);\n}\n\n.office-contact-card h4 {\n  margin: 0 0 18px;\n  color: var(--text);\n  font-size: 20px;\n}\n\n.about-contact-list a {\n  min-height: 76px;\n  padding: 16px 0;\n  border: 0;\n  border-top: 1px solid var(--line);\n  border-radius: 0;\n  background: transparent;\n}\n\n.about-contact-list a:hover {\n  padding-left: 8px;\n  background: transparent;\n}\n\n.about-contact-list span {\n  color: var(--dim);\n}\n\n.about-contact-list strong {\n  color: var(--text);\n  line-height: 1.45;\n}\n\n.footer {\n  position: relative;\n  z-index: var(--z-content);\n  border-top: 1px solid var(--line);\n  background: #0a1421;\n}\n\n.footer-inner {\n  min-height: 94px;\n  padding: 24px 0;\n  color: var(--muted);\n}\n\n.footer-inner a {\n  color: var(--text);\n}\n\n\/* ERP refinement remains separate because the generator does not own its HTML. *\/\n.erp-site .topbar {\n  min-height: 76px;\n}\n\n.erp-site .nav {\n  min-height: 76px;\n}\n\n.erp-entry {\n  min-height: calc(100dvh - 76px);\n  padding: clamp(40px, 6vw, 84px) var(--site-gutter);\n}\n\n.erp-entry::after {\n  background:\n    linear-gradient(90deg, rgba(8, 16, 27, 0.84), rgba(8, 16, 27, 0.42) 58%, rgba(8, 16, 27, 0.22)),\n    linear-gradient(0deg, rgba(8, 16, 27, 0.36), rgba(8, 16, 27, 0.1));\n}\n\n.erp-login-shell {\n  width: min(100%, 1180px);\n  gap: clamp(54px, 8vw, 120px);\n}\n\n.erp-login-brand h1 {\n  color: var(--text);\n  font-size: clamp(62px, 8vw, 112px);\n  line-height: 0.92;\n  letter-spacing: 0;\n}\n\n.erp-login-card {\n  width: min(100%, 430px);\n  padding: clamp(32px, 4vw, 46px);\n  border: 1px solid rgba(13, 23, 37, 0.1);\n  border-radius: 8px;\n  background: rgba(246, 249, 247, 0.97);\n  box-shadow: 0 28px 74px rgba(8, 16, 27, 0.3);\n}\n\n.erp-login-heading h2 {\n  color: #172337;\n  letter-spacing: 0;\n}\n\n.erp-login-form {\n  gap: 20px;\n}\n\n.erp-login-form label > span,\n.erp-check span {\n  color: #3e4a5d;\n  letter-spacing: 0;\n}\n\n.erp-login-form input[type=\"text\"],\n.erp-login-form input[type=\"password\"] {\n  min-height: 54px;\n  padding: 0 16px;\n  border: 1px solid rgba(23, 35, 55, 0.16);\n  border-radius: 6px;\n  background: #f8faf9;\n  color: #172337;\n}\n\n.erp-login-options {\n  gap: 16px;\n}\n\n.erp-login-submit {\n  width: 100%;\n  margin: 4px 0 0;\n}\n\nhtml[lang=\"zh-CN\"] .hero h1,\nhtml[lang=\"zh-CN\"] .page-hero h1,\nhtml[lang=\"zh-CN\"] .section-title h2,\nhtml[lang=\"zh-CN\"] .news-article h2 {\n  line-height: 1.14;\n}\n\n@media (max-width: 1100px) {\n  :root {\n    --nav-height: 136px;\n    --site-gutter: clamp(24px, 4vw, 42px);\n  }\n\n  .nav {\n    width: calc(100% - 42px);\n    min-height: var(--nav-height);\n    padding: 8px 0 12px;\n    align-content: center;\n    gap: 6px 20px;\n  }\n\n  .brand-zone {\n    grid-row: 1 \/ 3;\n  }\n\n  .nav-links {\n    gap: 8px;\n  }\n\n  .section-links {\n    gap: 14px 22px;\n  }\n\n  .utility-links {\n    gap: 10px;\n  }\n\n  .quick-contact {\n    top: calc(var(--nav-height) + 18px);\n  }\n\n  .hero-stage {\n    min-height: min(700px, calc(100dvh - var(--nav-height)));\n  }\n\n  .workflow-strip {\n    grid-template-columns: 1fr;\n  }\n\n  .overview-card {\n    grid-column: span 6;\n  }\n\n  .overview-card:last-child {\n    grid-column: span 12;\n  }\n\n  .grid .card {\n    grid-column: span 6;\n  }\n\n  .product-video-panel {\n    grid-template-columns: 1fr 1.2fr;\n  }\n\n  .oil-flow {\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n  .oil-flow article:nth-child(3) {\n    border-right: 0;\n  }\n\n  .oil-flow article:nth-child(n+4) {\n    border-top: 1px solid var(--line);\n  }\n}\n\n@media (max-width: 768px) {\n  :root {\n    --nav-height: 146px;\n    --site-gutter: 24px;\n  }\n\n  .nav {\n    width: calc(100% - 32px);\n  }\n\n  .brand-lockup img {\n    width: 138px;\n    height: 46px;\n  }\n\n  .section-links {\n    gap: 11px 18px;\n    font-size: 13px;\n  }\n\n  .conutway-link {\n    width: 126px;\n    height: 38px;\n  }\n\n  .erp-link,\n  .language-switch summary {\n    min-height: 40px;\n  }\n\n  .hero {\n    padding-top: 82px;\n    align-items: flex-end;\n  }\n\n  .hero > div {\n    width: 100%;\n  }\n\n  .hero h1 {\n    max-width: 15ch;\n    font-size: clamp(42px, 9.6vw, 64px);\n  }\n\n  .hero-copy {\n    max-width: 56ch;\n    font-size: 17px;\n  }\n\n  .capability-rail-inner {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .capability-rail article {\n    padding: 24px;\n    border-bottom: 1px solid var(--line);\n  }\n\n  .capability-rail article:first-child,\n  .capability-rail article:last-child {\n    padding: 24px;\n  }\n\n  .capability-rail article:nth-child(2n) {\n    border-right: 0;\n  }\n\n  .capability-rail article:nth-last-child(-n+2) {\n    border-bottom: 0;\n  }\n\n  .home-stat-strip,\n  .workflow-strip > div,\n  .mission,\n  .office-contact-grid,\n  .product-video-panel,\n  .news-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .home-stat-strip div,\n  .home-stat-strip div:first-child,\n  .home-stat-strip div:last-child,\n  .workflow-strip span,\n  .workflow-strip span:first-child,\n  .workflow-strip span:last-child,\n  .detail-grid article,\n  .detail-grid article:first-child,\n  .detail-grid article:last-child,\n  .product-assurance article,\n  .product-assurance article:first-child,\n  .product-assurance article:last-child {\n    padding: 24px 0;\n    border-right: 0;\n    border-bottom: 1px solid var(--line);\n  }\n\n  .home-stat-strip div:last-child,\n  .workflow-strip span:last-child,\n  .detail-grid article:last-child,\n  .product-assurance article:last-child {\n    border-bottom: 0;\n  }\n\n  .overview-card,\n  .overview-card:nth-child(1),\n  .overview-card:nth-child(2),\n  .overview-card:last-child {\n    grid-column: span 12;\n  }\n\n  .page-hero {\n    min-height: 390px;\n  }\n\n  .page-hero.visual-only {\n    min-height: 300px;\n  }\n\n  .page-hero h1 {\n    max-width: 18ch;\n    font-size: clamp(39px, 8.8vw, 58px);\n  }\n\n  .product-video-copy,\n  .product-video-frame {\n    min-height: 340px;\n  }\n\n  .news-index {\n    position: static;\n  }\n\n  .news-index a {\n    padding: 18px 0;\n  }\n\n  .oil-flow {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .oil-flow article,\n  .oil-flow article:first-child,\n  .oil-flow article:last-child {\n    padding: 24px;\n    border-right: 1px solid var(--line);\n    border-bottom: 1px solid var(--line);\n  }\n\n  .oil-flow article:nth-child(2n) {\n    border-right: 0;\n  }\n\n  .erp-login-shell {\n    grid-template-columns: 1fr;\n    gap: 36px;\n  }\n\n  .erp-login-brand h1 {\n    font-size: clamp(56px, 15vw, 88px);\n  }\n}\n\n@media (max-width: 620px) {\n  :root {\n    --nav-height: 144px;\n    --site-gutter: 20px;\n  }\n\n  .nav {\n    width: calc(100% - 24px);\n    padding: 7px 0 9px;\n    gap: 6px 12px;\n  }\n\n  .brand-lockup img {\n    width: 126px;\n    height: 42px;\n  }\n\n  .section-links {\n    gap: 9px 14px;\n    font-size: 12px;\n  }\n\n  .utility-links {\n    gap: 7px;\n  }\n\n  .conutway-link {\n    width: 116px;\n    height: 36px;\n  }\n\n  .conutway-link::before {\n    flex-basis: 43px;\n    width: 43px;\n  }\n\n  .conutway-link img {\n    width: calc(100% - 43px);\n    padding: 0 6px;\n  }\n\n  .erp-link,\n  .language-switch summary {\n    min-height: 38px;\n    font-size: 12px;\n  }\n\n  .erp-link {\n    padding: 0 10px;\n  }\n\n  .language-switch summary {\n    padding: 0 8px;\n  }\n\n  .quick-contact {\n    right: 10px;\n    top: calc(var(--nav-height) + 10px);\n  }\n\n  .quick-contact a {\n    width: 42px;\n    height: 42px;\n  }\n\n  .hero-stage {\n    min-height: 680px;\n  }\n\n  .hero {\n    min-height: 680px;\n    padding: 82px 0 54px;\n  }\n\n  .hero h1 {\n    max-width: 13ch;\n    font-size: clamp(40px, 11.2vw, 54px);\n  }\n\n  .hero-copy {\n    margin-top: 22px;\n    font-size: 16px;\n    line-height: 1.58;\n  }\n\n  .section-inner {\n    padding-block: 68px;\n  }\n\n  .section-title h2,\n  .news-article h2 {\n    font-size: clamp(32px, 9vw, 44px);\n  }\n\n  .section-title p,\n  .page-hero p {\n    font-size: 16px;\n  }\n\n  .capability-rail-inner {\n    width: 100%;\n  }\n\n  .workflow-strip {\n    padding: 24px;\n  }\n\n  .overview-card {\n    min-height: 190px;\n    padding: 26px;\n  }\n\n  .home-cta {\n    align-items: flex-start;\n  }\n\n  .page-hero {\n    min-height: 370px;\n  }\n\n  .page-hero-inner {\n    padding: 72px 0 48px;\n  }\n\n  .page-hero h1 {\n    font-size: clamp(36px, 10vw, 48px);\n  }\n\n  .grid .card {\n    grid-column: span 12;\n    min-height: 0;\n    padding-right: 0;\n  }\n\n  .product-video-copy,\n  .product-video-frame {\n    min-height: 300px;\n  }\n\n  .product-video-copy {\n    padding: 28px;\n  }\n\n  .product-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .news-media-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .oil-flow {\n    grid-template-columns: 1fr;\n  }\n\n  .oil-flow article,\n  .oil-flow article:first-child,\n  .oil-flow article:last-child,\n  .oil-flow article:nth-child(2n) {\n    padding: 24px 0;\n    border-right: 0;\n  }\n\n  .office-contact-card {\n    padding: 24px;\n  }\n\n  .erp-entry {\n    padding: 36px 20px;\n  }\n\n  .erp-login-card {\n    padding: 28px 24px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .multipage-site *,\n  .multipage-site *::before,\n  .multipage-site *::after {\n    scroll-behavior: auto !important;\n    animation-duration: 0.001ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.001ms !important;\n  }\n\n  .hero-bg-video,\n  .brand-video {\n    filter: none;\n  }\n}\n\n\/* Enterprise mobile navigation 2026-07-12. *\/\n.mobile-menu-toggle {\n  display: none;\n  width: 44px;\n  height: 44px;\n  padding: 0;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  gap: 5px;\n  border: 1px solid rgba(13, 23, 37, 0.12);\n  border-radius: 6px;\n  background: rgba(13, 23, 37, 0.045);\n  color: #253247;\n  cursor: pointer;\n}\n\n.mobile-menu-toggle span {\n  width: 19px;\n  height: 2px;\n  border-radius: 2px;\n  background: currentColor;\n  transform-origin: center;\n  transition: transform 180ms var(--ease-premium), opacity 120ms ease;\n}\n\n@media (max-width: 1100px) {\n  :root {\n    --nav-height: 76px;\n  }\n\n  .site-shell,\n  .admin-bar .site-shell {\n    padding-top: var(--nav-height);\n  }\n\n  .topbar,\n  .nav {\n    min-height: var(--nav-height);\n  }\n\n  .nav {\n    position: relative;\n    width: calc(100% - 32px);\n    padding: 0;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    flex-wrap: nowrap;\n    gap: 16px;\n  }\n\n  .brand-zone {\n    grid-row: auto;\n  }\n\n  .brand-lockup img {\n    width: 146px;\n    height: 48px;\n  }\n\n  .mobile-menu-toggle {\n    display: inline-flex;\n    margin-left: auto;\n    flex: 0 0 44px;\n  }\n\n  .nav.is-menu-open .mobile-menu-toggle span:nth-child(1) {\n    transform: translateY(7px) rotate(45deg);\n  }\n\n  .nav.is-menu-open .mobile-menu-toggle span:nth-child(2) {\n    opacity: 0;\n  }\n\n  .nav.is-menu-open .mobile-menu-toggle span:nth-child(3) {\n    transform: translateY(-7px) rotate(-45deg);\n  }\n\n  .nav-links {\n    position: absolute;\n    z-index: 4;\n    top: calc(100% + 1px);\n    right: 0;\n    left: 0;\n    display: none;\n    grid-template-columns: 1fr;\n    gap: 16px;\n    max-height: calc(100dvh - var(--nav-height) - 20px);\n    padding: 18px;\n    overflow-y: auto;\n    border: 1px solid rgba(13, 23, 37, 0.12);\n    border-top: 0;\n    border-radius: 0 0 8px 8px;\n    background: #f2f6f3;\n    box-shadow: 0 24px 48px rgba(13, 23, 37, 0.2);\n    color: #253247;\n  }\n\n  .nav.is-menu-open .nav-links {\n    display: grid;\n  }\n\n  .section-links {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 0 18px;\n    width: 100%;\n    font-size: 13px;\n  }\n\n  .section-links a {\n    min-height: 48px;\n    justify-content: flex-start;\n    border-bottom: 1px solid rgba(13, 23, 37, 0.1);\n  }\n\n  .section-links a::after {\n    bottom: 0;\n  }\n\n  .utility-links {\n    width: 100%;\n    padding-top: 2px;\n    justify-content: flex-start;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .language-switch {\n    margin-left: auto;\n    padding-left: 0;\n    border-left: 0;\n  }\n\n  .quick-contact {\n    top: calc(var(--nav-height) + 14px);\n  }\n\n  .hero-stage {\n    min-height: min(760px, calc(100dvh - var(--nav-height)));\n  }\n}\n\n@media (max-width: 420px) {\n  .nav {\n    width: calc(100% - 24px);\n  }\n\n  .brand-lockup img {\n    width: 132px;\n    height: 44px;\n  }\n\n  .nav-links {\n    padding: 16px;\n  }\n\n  .section-links {\n    gap: 0 14px;\n    font-size: 12px;\n  }\n}\n\n\/* Final utility-control sizing and viewport-fixed contact position. *\/\n.multipage-site .quick-contact {\n  position: fixed;\n  top: 50%;\n  right: 18px;\n  transform: translateY(-50%);\n}\n\n@media (min-width: 1101px) {\n  .multipage-site .section-links a {\n    font-size: 14px;\n    font-weight: 700;\n  }\n\n  .multipage-site .brand-lockup img {\n    width: 168px;\n    height: 55px;\n  }\n\n  .multipage-site .utility-links {\n    gap: 8px;\n  }\n\n  .multipage-site .conutway-link {\n    width: 112px;\n    height: 34px;\n    min-height: 34px;\n  }\n\n  .multipage-site .conutway-link::before {\n    flex-basis: 41px;\n    width: 41px;\n  }\n\n  .multipage-site .conutway-link img {\n    width: calc(100% - 41px);\n    padding: 0 6px;\n  }\n\n  .multipage-site .erp-link,\n  .multipage-site .language-switch summary {\n    min-height: 33px;\n    height: 33px;\n    font-size: 10px;\n    line-height: 1;\n  }\n\n  .multipage-site .erp-link {\n    padding: 0 8px;\n    border-radius: 5px;\n  }\n\n  .multipage-site .language-switch summary {\n    padding: 0 7px;\n    border-radius: 5px;\n  }\n}\n\n@media (max-width: 620px) {\n  .multipage-site .quick-contact {\n    right: 10px;\n  }\n}\n\n<\/style>\n<script type=\"application\/ld+json\" data-ctwp-organization-schema>{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@graph\": [\n        {\n            \"@type\": \"Organization\",\n            \"@id\": \"https:\\\/\\\/www.conutway-teza.com.br\\\/#organization\",\n            \"name\": \"Conutway Teza\",\n            \"alternateName\": \"CONUTWAY TEZA\",\n            \"legalName\": \"W Teza Global Solutions LTDA.\",\n            \"url\": \"https:\\\/\\\/www.conutway-teza.com.br\\\/\",\n            \"logo\": {\n                \"@type\": \"ImageObject\",\n                \"url\": \"https:\\\/\\\/www.conutway-teza.com.br\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/ctwp-20260702-logo-conutway-teza-transparent.png\"\n            },\n            \"email\": \"comercial@conutway-teza.com.br\",\n            \"telephone\": \"+55 22 98167-9901\",\n            \"address\": [\n                {\n                    \"@type\": \"PostalAddress\",\n                    \"streetAddress\": \"Avenue Jane Maria Martins, 775, Marileia Garden\",\n                    \"addressLocality\": \"Rio das Ostras\",\n                    \"addressRegion\": \"Rio de Janeiro\",\n                    \"addressCountry\": \"BR\"\n                },\n                {\n                    \"@type\": \"PostalAddress\",\n                    \"streetAddress\": \"C105, 1st Floor, Building 3, No. 23, Weixi Road, Suzhou Industrial Park\",\n                    \"addressLocality\": \"Suzhou\",\n                    \"addressRegion\": \"Jiangsu\",\n                    \"addressCountry\": \"CN\"\n                }\n            ],\n            \"contactPoint\": [\n                {\n                    \"@type\": \"ContactPoint\",\n                    \"contactType\": \"commercial and project enquiries\",\n                    \"telephone\": \"+55 22 98167-9901\",\n                    \"email\": \"comercial@conutway-teza.com.br\",\n                    \"areaServed\": \"BR\",\n                    \"availableLanguage\": [\n                        \"pt-BR\",\n                        \"en\",\n                        \"zh-CN\",\n                        \"es\"\n                    ]\n                },\n                {\n                    \"@type\": \"ContactPoint\",\n                    \"contactType\": \"China office\",\n                    \"telephone\": \"+86 187 9544 4902\",\n                    \"email\": \"info@conutway.com\",\n                    \"areaServed\": \"CN\",\n                    \"availableLanguage\": [\n                        \"zh-CN\",\n                        \"en\"\n                    ]\n                }\n            ],\n            \"sameAs\": [\n                \"https:\\\/\\\/www.instagram.com\\\/conutwayteza\\\/\",\n                \"https:\\\/\\\/www.conutway.com\\\/\"\n            ],\n            \"knowsAbout\": [\n                \"China-Brazil supply chain\",\n                \"industrial sourcing\",\n                \"machinery and equipment\",\n                \"offshore oil and gas supply\",\n                \"quality inspection\",\n                \"international logistics\"\n            ]\n        },\n        {\n            \"@type\": \"WebSite\",\n            \"@id\": \"https:\\\/\\\/www.conutway-teza.com.br\\\/#website\",\n            \"url\": \"https:\\\/\\\/www.conutway-teza.com.br\\\/\",\n            \"name\": \"Conutway Teza\",\n            \"publisher\": {\n                \"@id\": \"https:\\\/\\\/www.conutway-teza.com.br\\\/#organization\"\n            },\n            \"inLanguage\": [\n                \"pt-BR\",\n                \"en\",\n                \"zh-CN\",\n                \"es\"\n            ]\n        }\n    ]\n}<\/script>\n<div class=\"site-shell multipage-site page-products\" lang=\"pt-BR\" data-page-title=\"PRODUTOS | Conutway Teza\" data-page-lang=\"pt-BR\" data-canonical=\"https:\/\/www.conutway-teza.com.br\/produtos\/\" data-alternate-pt=\"https:\/\/www.conutway-teza.com.br\/produtos\/\" data-alternate-en=\"https:\/\/www.conutway-teza.com.br\/en\/products-page\/\" data-alternate-zh=\"https:\/\/www.conutway-teza.com.br\/zh\/products\/\" data-alternate-es=\"https:\/\/www.conutway-teza.com.br\/es\/productos\/\">\n    <a class=\"skip-link\" href=\"#main-content-pt-products\">Ir para o conte\u00fado principal<\/a>\n    <header class=\"topbar\">\n      <nav class=\"nav\" aria-label=\"Navega\u00e7\u00e3o principal\">\n        <div class=\"brand-zone\">\n          <a class=\"brand-lockup\" href=\"https:\/\/www.conutway-teza.com.br\/\" aria-label=\"Conutway Teza\">\n            <img decoding=\"async\" src=\"https:\/\/www.conutway-teza.com.br\/wp-content\/uploads\/2026\/07\/ctwp-20260702-logo-conutway-teza-transparent.png\" alt=\"Logotipo Conutway Teza\">\n          <\/a>\n        <\/div>\n        <button class=\"mobile-menu-toggle\" type=\"button\" aria-expanded=\"false\" aria-controls=\"site-nav-pt-products\" aria-label=\"Abrir menu\" data-open-label=\"Abrir menu\" data-close-label=\"Fechar menu\">\n          <span aria-hidden=\"true\"><\/span>\n          <span aria-hidden=\"true\"><\/span>\n          <span aria-hidden=\"true\"><\/span>\n        <\/button>\n        <div class=\"nav-links\" id=\"site-nav-pt-products\">\n          <div class=\"section-links\">\n            <a href=\"https:\/\/www.conutway-teza.com.br\/sobre\/\">SOBRE N\u00d3S<\/a>\n<a href=\"https:\/\/www.conutway-teza.com.br\/servicos\/\">SERVI\u00c7OS<\/a>\n<a class=\"is-active\" aria-current=\"page\" href=\"https:\/\/www.conutway-teza.com.br\/produtos\/\">PRODUTOS<\/a>\n<a href=\"https:\/\/www.conutway-teza.com.br\/oleo-gas\/\">\u00d3LEO E G\u00c1S<\/a>\n<a href=\"https:\/\/www.conutway-teza.com.br\/news\/\">NEWS<\/a>\n          <\/div>\n          <div class=\"utility-links\">\n            <a class=\"conutway-link\" href=\"https:\/\/www.conutway.com\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"CONUTWAY China\">\n              <img decoding=\"async\" src=\"https:\/\/www.conutway-teza.com.br\/wp-content\/uploads\/2026\/06\/ctwp-20260622-logo-conutway-button.png\" alt=\"CONUTWAY\">\n            <\/a>\n            <a class=\"erp-link\" href=\"https:\/\/www.conutway-teza.com.br\/erp\/\">ERP<\/a>\n            <details class=\"language-switch\">\n              <summary aria-label=\"Selecionar idioma\">PT-BR<\/summary>\n              <div class=\"language-menu\">\n                <a class=\"active\" href=\"https:\/\/www.conutway-teza.com.br\/produtos\/\" hreflang=\"pt-BR\">PT-BR<\/a>\n<a class=\"\" href=\"https:\/\/www.conutway-teza.com.br\/en\/products-page\/\" hreflang=\"en\">EN<\/a>\n<a class=\"\" href=\"https:\/\/www.conutway-teza.com.br\/zh\/products\/\" hreflang=\"zh-CN\">\u4e2d\u6587<\/a>\n<a class=\"\" href=\"https:\/\/www.conutway-teza.com.br\/es\/productos\/\" hreflang=\"es\">ES<\/a>\n              <\/div>\n            <\/details>\n          <\/div>\n        <\/div>\n      <\/nav>\n    <\/header>\n    <div class=\"quick-contact\" aria-label=\"Canais de contato direto\">\n      <a href=\"mailto:comercial@conutway-teza.com.br\" aria-label=\"Email comercial@conutway-teza.com.br\" title=\"Email\">\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\n          <path d=\"m3 7 9 6 9-6\"><\/path>\n        <\/svg>\n      <\/a>\n      <a href=\"https:\/\/wa.me\/5522981679901\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp +55 22 98167-9901\" title=\"WhatsApp\">\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.2 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.35 1.9.67 2.8a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.28-1.24a2 2 0 0 1 2.11-.45c.9.32 1.84.54 2.8.67A2 2 0 0 1 22 16.92Z\"><\/path>\n        <\/svg>\n      <\/a>\n      <a href=\"https:\/\/www.instagram.com\/conutwayteza\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram conutwayteza\" title=\"Instagram\">\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"><\/rect>\n          <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\n          <path d=\"M17.5 6.5h.01\"><\/path>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n    <main id=\"main-content-pt-products\" tabindex=\"-1\">\n      <section class=\"page-hero\" style=\"--page-bg: url('https:\/\/www.conutway-teza.com.br\/wp-content\/uploads\/2026\/07\/ctwp-20260702-product-page-clean-background.png');\">\n        <div class=\"page-hero-inner\">\n          <span class=\"page-kicker\">Produtos<\/span>\n          <h1>M\u00e1quinas e equipamentos industriais com fornecimento orientado por projeto.<\/h1>\n          <p>A Conutway Teza apresenta as principais categorias e desenvolve solu\u00e7\u00f5es de fornecimento quando o cliente precisa de m\u00e1quinas, pe\u00e7as ou equipamentos industriais da China.<\/p>\n        <\/div>\n      <\/section>\n\n      <section class=\"section\" id=\"produtos\">\r\n        <div class=\"section-inner\">\r\n          <div class=\"section-title\">\r\n            <span class=\"label\">Produtos<\/span>\r\n            <h2>M\u00e1quinas dispon\u00edveis para venda e fornecimento por projeto<\/h2>\r\n            <p>Estas s\u00e3o as principais categorias de m\u00e1quinas dispon\u00edveis para consulta comercial ou fornecimento orientado por projeto. Modelos, especifica\u00e7\u00f5es e condi\u00e7\u00f5es s\u00e3o avaliados conforme a necessidade do cliente.<\/p>\r\n          <\/div>\r\n          <div class=\"product-video-panel\">\n            <div class=\"product-video-copy\">\n              <span>Video institucional<\/span>\n              <h3>M\u00e1quinas, showroom e capacidade de fornecimento<\/h3>\n              <p>Uma vis\u00e3o da estrutura Conutway Teza para apoiar a avalia\u00e7\u00e3o de m\u00e1quinas, compras t\u00e9cnicas e solu\u00e7\u00f5es de fornecimento China-Brasil.<\/p>\n            <\/div>\n            <div class=\"product-video-frame\" aria-label=\"Video institucional\">\n              <video class=\"brand-video\" src=\"https:\/\/www.conutway-teza.com.br\/wp-content\/uploads\/2026\/06\/ctwp-20260622-conutway-teza-about-muted-720x540-2.mp4\" poster=\"https:\/\/www.conutway-teza.com.br\/wp-content\/uploads\/2026\/06\/ctwp-20260622-conutway-teza-about-poster.jpg\" autoplay muted loop playsinline preload=\"none\" width=\"720\" height=\"540\"><\/video>\n            <\/div>\n          <\/div>\n          <div class=\"product-grid\">\r\n            <article class=\"product-item\" tabindex=\"0\">\r\n  <strong>Escavadeiras e mini escavadeiras<\/strong>\r\n  <span>M\u00e1quinas para obra, manuten\u00e7\u00e3o, terraplenagem, opera\u00e7\u00e3o compacta e apoio em projetos industriais.<\/span>\r\n<\/article>\r\n<article class=\"product-item\" tabindex=\"0\">\r\n  <strong>Empilhadeiras e movimenta\u00e7\u00e3o<\/strong>\r\n  <span>Empilhadeiras diesel, el\u00e9tricas e off-road, paleteiras, stackers e equipamentos de armaz\u00e9m.<\/span>\r\n<\/article>\r\n<article class=\"product-item\" tabindex=\"0\">\r\n  <strong>Carregadeiras e retroescavadeiras<\/strong>\r\n  <span>Equipamentos de apoio para obra, p\u00e1tio, fazenda, ind\u00fastria e movimenta\u00e7\u00e3o pesada.<\/span>\r\n<\/article>\r\n<article class=\"product-item\" tabindex=\"0\">\r\n  <strong>Plataformas e trabalho em altura<\/strong>\r\n  <span>Plataformas a\u00e9reas, elevadores e solu\u00e7\u00f5es de acesso seguro para manuten\u00e7\u00e3o e opera\u00e7\u00e3o.<\/span>\r\n<\/article>\r\n<article class=\"product-item\" tabindex=\"0\">\r\n  <strong>Geradores e energia<\/strong>\r\n  <span>Geradores a diesel, motores, sistemas auxiliares e componentes relacionados.<\/span>\r\n<\/article>\r\n<article class=\"product-item\" tabindex=\"0\">\r\n  <strong>Itens offshore, pe\u00e7as e compras t\u00e9cnicas sob demanda<\/strong>\r\n  <span>V\u00e1lvulas, bombas, tubula\u00e7\u00f5es, instrumentos, itens el\u00e9tricos, mar\u00edtimos, componentes e compras t\u00e9cnicas conforme a necessidade.<\/span>\r\n<\/article>\r\n          <\/div>\r\n          <div class=\"showroom-callout\">\n            <strong>Showroom na sede<\/strong>\n            <span>Clientes podem agendar uma visita para ver m\u00e1quinas de amostra dispon\u00edveis e conversar sobre a aplica\u00e7\u00e3o do projeto no local.<\/span>\n            <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&#038;query=Avenue%20Jane%20Maria%20Martins%2C%20775%2C%20Marileia%20Garden%2C%20Rio%20das%20Ostras%2C%20Rio%20de%20Janeiro%2C%20Brazil\" target=\"_blank\" rel=\"noopener\">Ver endere\u00e7o<\/a>\n          <\/div>\n        <\/div>\r\n      <\/section>\n\n\n<section class=\"product-assurance\">\n        <div class=\"section-inner compact-inner\">\n          <article>\n            <strong>Categorias dispon\u00edveis<\/strong>\n            <span>m\u00e1quinas e equipamentos dispon\u00edveis para consulta comercial<\/span>\n          <\/article>\n<article>\n            <strong>Compra por projeto<\/strong>\n            <span>desenvolvimento t\u00e9cnico quando o item n\u00e3o est\u00e1 no showroom<\/span>\n          <\/article>\n<article>\n            <strong>Entrega acompanhada<\/strong>\n            <span>documentos, embalagem, embarque e chegada ao cliente<\/span>\n          <\/article>\n        <\/div>\n      <\/section>\n\n      <section class=\"page-detail-band\">\n        <div class=\"page-detail-inner\">\n          <div class=\"detail-grid\">\n            <article>\n          <strong>M\u00e1quinas de obra<\/strong>\n          <span>Escavadeiras, carregadeiras, retroescavadeiras e equipamentos de apoio.<\/span>\n        <\/article>\n<article>\n          <strong>Movimenta\u00e7\u00e3o<\/strong>\n          <span>Empilhadeiras, paleteiras, stackers e equipamentos para armaz\u00e9m.<\/span>\n        <\/article>\n<article>\n          <strong>Compras t\u00e9cnicas<\/strong>\n          <span>Pe\u00e7as, v\u00e1lvulas, bombas, instrumentos, itens el\u00e9tricos e mar\u00edtimos.<\/span>\n        <\/article>\n          <\/div>\n        <\/div>\n      <\/section>\n    <\/main>\n\n    <footer class=\"footer\">\n      <div class=\"footer-inner\">\n        <span>Sua solu\u00e7\u00e3o global, um futuro mais verde<\/span>\n        <a href=\"mailto:comercial@conutway-teza.com.br\">comercial@conutway-teza.com.br<\/a>\n      <\/div>\n    <\/footer>\n  <\/div>\n  <script data-motion-policy>\n    (() => {\n      const localShell = document.currentScript?.previousElementSibling;\n      const localNav = localShell?.querySelector(\".nav\");\n      const menuToggle = localNav?.querySelector(\".mobile-menu-toggle\");\n      const closeMobileMenu = () => {\n        if (!localNav || !menuToggle) return;\n        localNav.classList.remove(\"is-menu-open\");\n        menuToggle.setAttribute(\"aria-expanded\", \"false\");\n        menuToggle.setAttribute(\"aria-label\", menuToggle.dataset.openLabel || \"Menu\");\n      };\n      menuToggle?.addEventListener(\"click\", () => {\n        const isOpen = !localNav.classList.contains(\"is-menu-open\");\n        localNav.classList.toggle(\"is-menu-open\", isOpen);\n        menuToggle.setAttribute(\"aria-expanded\", String(isOpen));\n        menuToggle.setAttribute(\n          \"aria-label\",\n          isOpen ? (menuToggle.dataset.closeLabel || \"Close menu\") : (menuToggle.dataset.openLabel || \"Menu\"),\n        );\n      });\n      localNav?.addEventListener(\"click\", (event) => {\n        if (event.target.closest(\"a\")) closeMobileMenu();\n      });\n      document.addEventListener(\"keydown\", (event) => {\n        if (event.key === \"Escape\") closeMobileMenu();\n      });\n      document.addEventListener(\"click\", (event) => {\n        if (localNav?.classList.contains(\"is-menu-open\") && !localNav.contains(event.target)) {\n          closeMobileMenu();\n        }\n      });\n      window.matchMedia(\"(min-width: 1101px)\").addEventListener?.(\"change\", closeMobileMenu);\n\n      const getActivePageShell = () => [...document.querySelectorAll(\".site-shell[data-page-title]\")].find((shell) => {\n          const languageLayer = shell.closest('[class*=\"ctwp-lang-\"]');\n          return !languageLayer || getComputedStyle(languageLayer).display !== \"none\";\n        });\n      const syncPageMetadata = () => {\n        const activePageShell = getActivePageShell();\n        if (!activePageShell) return;\n        if (activePageShell.dataset.pageTitle) document.title = activePageShell.dataset.pageTitle;\n        if (activePageShell.dataset.pageLang) {\n          document.documentElement.lang = activePageShell.dataset.pageLang;\n          let contentLanguage = document.head.querySelector('meta[http-equiv=\"content-language\"]');\n          if (!contentLanguage) {\n            contentLanguage = document.createElement(\"meta\");\n            contentLanguage.setAttribute(\"http-equiv\", \"content-language\");\n            document.head.append(contentLanguage);\n          }\n          contentLanguage.content = activePageShell.dataset.pageLang;\n        }\n\n        const absoluteUrl = (value) => new URL(value, window.location.origin).href;\n        if (activePageShell.dataset.canonical) {\n          let canonical = document.head.querySelector('link[rel=\"canonical\"]');\n          if (!canonical) {\n            canonical = document.createElement(\"link\");\n            canonical.rel = \"canonical\";\n            document.head.append(canonical);\n          }\n          canonical.href = absoluteUrl(activePageShell.dataset.canonical);\n        }\n\n        document.head.querySelectorAll('link[rel=\"alternate\"][hreflang]').forEach((link) => link.remove());\n        const languageLinks = [\n          [\"pt-BR\", activePageShell.dataset.alternatePt],\n          [\"en\", activePageShell.dataset.alternateEn],\n          [\"zh-CN\", activePageShell.dataset.alternateZh],\n          [\"es\", activePageShell.dataset.alternateEs],\n          [\"x-default\", activePageShell.dataset.alternatePt],\n        ];\n        languageLinks.forEach(([hreflang, href]) => {\n          if (!href) return;\n          const alternate = document.createElement(\"link\");\n          alternate.rel = \"alternate\";\n          alternate.hreflang = hreflang;\n          alternate.href = absoluteUrl(href);\n          alternate.setAttribute(\"data-ctwp-hreflang\", \"\");\n          document.head.append(alternate);\n        });\n\n        const localeMap = { \"pt-BR\": \"pt_BR\", en: \"en_US\", \"zh-CN\": \"zh_CN\", es: \"es_ES\" };\n        const activeLocale = localeMap[activePageShell.dataset.pageLang];\n        let ogLocale = document.head.querySelector('meta[property=\"og:locale\"]');\n        if (!ogLocale) {\n          ogLocale = document.createElement(\"meta\");\n          ogLocale.setAttribute(\"property\", \"og:locale\");\n          document.head.append(ogLocale);\n        }\n        if (activeLocale) ogLocale.content = activeLocale;\n        document.head.querySelectorAll('meta[property=\"og:locale:alternate\"]').forEach((meta) => meta.remove());\n        Object.values(localeMap).filter((locale) => locale !== activeLocale).forEach((locale) => {\n          const alternateLocale = document.createElement(\"meta\");\n          alternateLocale.setAttribute(\"property\", \"og:locale:alternate\");\n          alternateLocale.content = locale;\n          document.head.append(alternateLocale);\n        });\n      };\n      syncPageMetadata();\n\n      const reducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n      const videos = [...(localShell?.querySelectorAll(\"video\") || [])];\n      videos.forEach((video) => {\n        if (video.autoplay) video.dataset.autoplay = \"true\";\n      });\n      const isShellActive = () => {\n        const languageLayer = localShell?.closest('[class*=\"ctwp-lang-\"]');\n        return !languageLayer || getComputedStyle(languageLayer).display !== \"none\";\n      };\n      const applyMotionPreference = () => {\n        videos.forEach((video) => {\n          if (reducedMotion.matches || !isShellActive() || document.hidden) {\n            video.pause();\n            video.removeAttribute(\"autoplay\");\n            video.preload = \"none\";\n          } else if (video.dataset.autoplay === \"true\") {\n            video.preload = \"metadata\";\n            if (video.networkState === 0) video.load();\n            video.setAttribute(\"autoplay\", \"\");\n            const playback = video.play();\n            if (playback) playback.catch(() => {});\n          }\n        });\n      };\n      applyMotionPreference();\n      reducedMotion.addEventListener?.(\"change\", applyMotionPreference);\n      document.addEventListener(\"visibilitychange\", applyMotionPreference);\n      new MutationObserver(() => {\n        applyMotionPreference();\n        syncPageMetadata();\n      }).observe(document.body, {\n        attributes: true,\n        attributeFilter: [\"class\"],\n      });\n    })();\n  <\/script>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Ir para o conte\u00fado principal SOBRE N\u00d3S SERVI\u00c7OS PRODUTOS \u00d3LEO E G\u00c1S NEWS ERP PT-BR PT-BR EN \u4e2d\u6587 ES Produtos M\u00e1quinas e equipamentos industriais com fornecimento orientado por projeto. A Conutway Teza apresenta as principais categorias e desenvolve solu\u00e7\u00f5es de fornecimento quando o cliente precisa de m\u00e1quinas, pe\u00e7as ou equipamentos industriais da China. Produtos M\u00e1quinas [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2352","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.conutway-teza.com.br\/en\/wp-json\/wp\/v2\/pages\/2352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.conutway-teza.com.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.conutway-teza.com.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.conutway-teza.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.conutway-teza.com.br\/en\/wp-json\/wp\/v2\/comments?post=2352"}],"version-history":[{"count":34,"href":"https:\/\/www.conutway-teza.com.br\/en\/wp-json\/wp\/v2\/pages\/2352\/revisions"}],"predecessor-version":[{"id":3253,"href":"https:\/\/www.conutway-teza.com.br\/en\/wp-json\/wp\/v2\/pages\/2352\/revisions\/3253"}],"wp:attachment":[{"href":"https:\/\/www.conutway-teza.com.br\/en\/wp-json\/wp\/v2\/media?parent=2352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}