body.home { background: #fff; }
body.home * { font-family: 'Noto Sans', -apple-system, sans-serif; }
body.home .t1-nav {
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 48px; height: 72px; background: #fff;
  border-bottom: 1px solid #eee; position: sticky; top: 56px; z-index: 100;
}
body.home .t1-logo {
  font-family: 'Space Grotesk', sans-serif; font-size: 22px; font-weight: 700;
  color: #1a1a1a; display: flex; align-items: center; gap: 10px;
}
body.home .t1-logo .logo-mark {
  width: 36px; height: 36px; background: #DB5F11; border-radius: 8px;
  display: flex; align-items: center; justify-content: center; color: #fff;
  font-weight: 700; font-size: 16px;
}
body.home .t1-menu { display: flex; gap: 36px; list-style: none; }
body.home .t1-menu a {
  text-decoration: none; color: #444; font-size: 14px; font-weight: 500;
  transition: color 0.2s;
}
body.home .t1-menu a:hover { color: #DB5F11; }
body.home .t1-nav-right { display: flex; align-items: center; gap: 20px; }
body.home .t1-lang { font-size: 13px; color: #666; cursor: pointer; }
body.home .t1-quote-btn {
  padding: 10px 24px; background: #DB5F11; color: #fff; border: none;
  border-radius: 6px; font-size: 14px; font-weight: 600; cursor: pointer;
  transition: background 0.2s;
}
body.home .t1-quote-btn:hover { background: #c44e0a; }

body.home .t1-hero {
  position: relative; height: 560px; overflow: hidden;
  display: flex; align-items: center;
}
body.home .t1-hero-bg {
  position: absolute; inset: 0;
  background: url('assets/images/industrial-automation-hero-v2.png') center/cover no-repeat;
}
body.home .t1-hero-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.1) 100%);
}
body.home .t1-hero-content {
  position: relative; z-index: 2; padding: 0 48px; max-width: 640px;
}
body.home .t1-hero-tag {
  display: inline-block; padding: 6px 16px; background: rgba(219,95,17,0.1);
  color: #DB5F11; font-size: 12px; font-weight: 600; border-radius: 20px;
  margin-bottom: 20px; letter-spacing: 0.5px; text-transform: uppercase;
}
body.home .t1-hero h1 {
  font-family: 'Space Grotesk', sans-serif; font-size: 48px; font-weight: 700;
  color: #1a1a1a; line-height: 1.15; margin-bottom: 20px;
}
body.home .t1-hero p {
  font-size: 17px; color: #555; margin-bottom: 32px; line-height: 1.7;
}
body.home .t1-hero-cta { display: flex; gap: 16px; }
body.home .t1-btn-primary {
  padding: 14px 32px; background: #DB5F11; color: #fff; border: none;
  border-radius: 8px; font-size: 15px; font-weight: 600; cursor: pointer;
  transition: all 0.2s;
}
body.home .t1-btn-primary:hover { background: #c44e0a; transform: translateY(-1px); }
body.home .t1-btn-outline {
  padding: 14px 32px; background: transparent; color: #1a1a1a;
  border: 2px solid #ddd; border-radius: 8px; font-size: 15px; font-weight: 600;
  cursor: pointer; transition: all 0.2s;
}
body.home .t1-btn-outline:hover { border-color: #DB5F11; color: #DB5F11; }

body.home .t1-section { padding: 80px 48px; }
body.home .t1-section-header { text-align: center; margin-bottom: 56px; }
body.home .t1-section-tag {
  display: inline-block; font-size: 12px; font-weight: 600; color: #DB5F11;
  text-transform: uppercase; letter-spacing: 2px; margin-bottom: 12px;
}
body.home .t1-section-title {
  font-family: 'Space Grotesk', sans-serif; font-size: 36px; font-weight: 700;
  color: #1a1a1a; margin-bottom: 16px;
}
body.home .t1-section-desc { font-size: 16px; color: #666; max-width: 600px; margin: 0 auto; }

body.home .t1-categories {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
}
body.home .t1-cat-card {
  padding: 36px 28px; background: #fafafa; border-radius: 12px;
  border: 1px solid #eee; transition: all 0.3s; cursor: pointer;
}
body.home .t1-cat-card:hover {
  border-color: #DB5F11; background: #fff;
  box-shadow: 0 12px 32px rgba(219,95,17,0.1); transform: translateY(-4px);
}
body.home .t1-cat-icon {
  width: 52px; height: 52px; background: rgba(219,95,17,0.1); border-radius: 10px;
  display: flex; align-items: center; justify-content: center; margin-bottom: 20px;
  color: #DB5F11;
}
body.home .t1-cat-card h3 {
  font-family: 'Space Grotesk', sans-serif; font-size: 18px; font-weight: 600;
  color: #1a1a1a; margin-bottom: 10px;
}
body.home .t1-cat-card p { font-size: 14px; color: #777; line-height: 1.6; }

body.home .t1-products { background: #f8f8f8; }
body.home .t1-product-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
}
body.home .t1-product-card {
  background: #fff; border-radius: 12px; overflow: hidden;
  border: 1px solid #eee; transition: all 0.3s;
}
body.home .t1-product-card:hover {
  box-shadow: 0 16px 40px rgba(0,0,0,0.08); transform: translateY(-4px);
}
body.home .t1-product-img {
  height: 180px; background: #f0f0f0;
  display: flex; align-items: center; justify-content: center;
  position: relative; overflow: hidden;
}
body.home .t1-product-img img { width: 80%; height: 80%; object-fit: contain; }
body.home .t1-product-badge {
  position: absolute; top: 12px; left: 12px; padding: 4px 10px;
  background: #DB5F11; color: #fff; font-size: 11px; font-weight: 600;
  border-radius: 4px;
}
body.home .t1-product-info { padding: 20px; }
body.home .t1-product-brand { font-size: 11px; color: #999; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; }
body.home .t1-product-name {
  font-family: 'Space Grotesk', sans-serif; font-size: 15px; font-weight: 600;
  color: #1a1a1a; margin-bottom: 8px;
}
body.home .t1-product-desc { font-size: 13px; color: #888; margin-bottom: 16px; line-height: 1.5; }
body.home .t1-inquiry-btn {
  width: 100%; padding: 10px; background: transparent; color: #DB5F11;
  border: 1px solid #DB5F11; border-radius: 6px; font-size: 13px; font-weight: 600;
  cursor: pointer; transition: all 0.2s;
}
body.home .t1-inquiry-btn:hover { background: #DB5F11; color: #fff; }

body.home .t1-advantages { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
body.home .t1-adv-item { text-align: center; }
body.home .t1-adv-icon {
  width: 64px; height: 64px; margin: 0 auto 20px; background: #fff;
  border: 2px solid #DB5F11; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; color: #DB5F11;
}
body.home .t1-adv-item h4 {
  font-family: 'Space Grotesk', sans-serif; font-size: 16px; font-weight: 600;
  color: #1a1a1a; margin-bottom: 8px;
}
body.home .t1-adv-item p { font-size: 13px; color: #777; line-height: 1.6; }

body.home .t1-brands { background: #f8f8f8; padding: 48px; }
body.home .t1-brands-title {
  text-align: center; font-size: 13px; color: #999; text-transform: uppercase;
  letter-spacing: 2px; margin-bottom: 32px;
}
body.home .t1-brand-list {
  display: flex; justify-content: center; align-items: center; gap: 48px;
  flex-wrap: wrap;
}
body.home .t1-brand-item {
  font-family: 'Space Grotesk', sans-serif; font-size: 20px; font-weight: 700;
  color: #bbb; transition: color 0.2s;
}
body.home .t1-brand-item:hover { color: #DB5F11; }

body.home .t1-cta-band {
  background: #DB5F11; padding: 56px 48px;
  display: flex; align-items: center; justify-content: space-between;
}
body.home .t1-cta-band h3 {
  font-family: 'Space Grotesk', sans-serif; font-size: 28px; font-weight: 700; color: #fff;
}
body.home .t1-cta-band p { font-size: 15px; color: rgba(255,255,255,0.85); margin-top: 6px; }
body.home .t1-cta-band .t1-btn-white {
  padding: 14px 36px; background: #fff; color: #DB5F11; border: none;
  border-radius: 8px; font-size: 15px; font-weight: 700; cursor: pointer;
  transition: all 0.2s;
}
body.home .t1-cta-band .t1-btn-white:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.15); }

body.home .t1-footer { background: #1a1a1a; color: #999; padding: 64px 48px 32px; }
body.home .t1-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 48px; margin-bottom: 48px; }
body.home .t1-footer h5 {
  font-family: 'Space Grotesk', sans-serif; font-size: 14px; font-weight: 600;
  color: #fff; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px;
}
body.home .t1-footer p, body.home .t1-footer li { font-size: 13px; line-height: 2; color: #888; }
body.home .t1-footer ul { list-style: none; }
body.home .t1-footer a { color: #888; text-decoration: none; transition: color 0.2s; }
body.home .t1-footer a:hover { color: #DB5F11; }
body.home .t1-footer-bottom {
  border-top: 1px solid #333; padding-top: 24px;
  display: flex; justify-content: space-between; font-size: 12px; color: #666;
}


/* Layout compatibility and complete-image requirement. */
body.home{background:white;color:#333;font-family:'Noto Sans',Arial,sans-serif;line-height:1.6}
body.home h1,body.home h2,body.home h3,body.home h4,body.home h5{letter-spacing:normal}
body.home .site-header{height:72px;padding:0 48px;top:0;border-bottom:1px solid #eee;box-shadow:none}
body.home .site-header .logo img{width:205px;max-height:54px}
body.home .site-nav{gap:36px;justify-content:center;font-size:14px;font-weight:500}
body.home .site-nav a{color:#444}
body.home .header-cta{padding:10px 24px;border-radius:6px;background:#DB5F11;color:white;font-size:14px;font-weight:600}
body.home .t1-hero h1{letter-spacing:normal}
body.home .t1-btn-primary,body.home .t1-btn-outline,body.home .t1-btn-white,body.home .t1-inquiry-btn{display:inline-block;text-align:center;text-decoration:none;line-height:1.5}
body.home .t1-hero{isolation:isolate}
body.home .t1-hero-overlay{z-index:1}
body.home .zx-scene-label{z-index:3}
body.home .t1-cat-icon .icon{width:24px;height:24px}
body.home .t1-product-img{height:auto;aspect-ratio:1;background:white;overflow:visible}
body.home .t1-product-img img{width:100%;height:100%;padding:12px;object-fit:contain;transform:none}
body.home .t1-product-card{display:flex;flex-direction:column}
body.home .t1-product-info{flex:1;display:flex;flex-direction:column}
body.home .t1-product-name{overflow-wrap:anywhere}
body.home .t1-inquiry-btn{margin-top:auto}
body.home .t1-adv-item h4{margin:0 0 8px}
body.home .t1-cta-band h3{margin:0}
body.home .t1-cta-band p{margin-bottom:0}
body.home footer.t1-footer{display:block}
body.home footer p:last-child{text-align:left}
body.home .t1-footer-grid ul{list-style:none;margin:0;padding:0}
body.home .t1-footer-grid h5{margin:0 0 20px}
body.home .t1-footer-grid a{overflow-wrap:anywhere}
body.home .t1-footer-grid .logo img{width:195px;background:white;padding:10px;border-radius:6px;margin-bottom:20px}
body.home .t1-footer-grid .logo{background:none;padding:0}
body.home .t1-footer-bottom a{padding:6px}
@media(max-width:1100px){body.home .site-nav{gap:22px}body.home .site-header{padding:0 24px;gap:16px}body.home .site-header .logo img{width:170px}}
@media(max-width:1024px){body.home .t1-categories,body.home .t1-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.home .t1-advantages{grid-template-columns:repeat(2,1fr);gap:40px}body.home .t1-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){body.home .site-header{padding:0 18px}body.home .site-nav{display:none}body.home .header-cta{font-size:12px;padding:11px 14px}body.home .t1-hero-content{padding:0 28px;max-width:620px}body.home .t1-hero h1{font-size:42px}body.home .t1-section{padding:60px 28px}body.home .t1-hero-overlay{background:linear-gradient(90deg,#ffffffeb,#ffffffad 65%,#ffffff40)}body.home .t1-cta-band{padding:40px 28px;gap:24px}body.home .t1-cta-band h3{font-size:25px}body.home .t1-brands{padding:40px 28px}body.home .t1-brand-list{gap:25px}body.home .t1-footer{padding:48px 28px 25px}}
@media(max-width:520px){body.home .site-header .logo img{width:130px}body.home .header-cta{font-size:10px;padding:11px 10px}body.home .t1-hero{height:auto;min-height:555px}body.home .t1-hero-content{padding:42px 20px 64px}body.home .t1-hero h1{font-size:36px}body.home .t1-hero p{font-size:15px}body.home .t1-hero-tag{font-size:9px;padding:7px 10px}body.home .t1-hero-cta{gap:12px;flex-wrap:wrap}body.home .t1-btn-primary,body.home .t1-btn-outline{padding:13px 20px;font-size:14px}body.home .t1-section{padding:48px 20px}body.home .t1-section-header{margin-bottom:32px}body.home .t1-section-title{font-size:28px}body.home .t1-section-desc{font-size:14px}body.home .t1-categories{grid-template-columns:1fr}body.home .t1-product-grid{gap:12px}body.home .t1-product-info{padding:14px}body.home .t1-product-name{font-size:14px}body.home .t1-product-desc{font-size:12px}body.home .t1-inquiry-btn{font-size:11px;padding:11px 4px}body.home .t1-advantages{grid-template-columns:1fr;gap:28px}body.home .t1-cta-band{display:block;padding:35px 20px}body.home .t1-btn-white{margin-top:20px}body.home .t1-footer-grid{grid-template-columns:1fr;gap:28px}body.home .t1-footer-bottom{display:block}body.home .t1-brand-item{font-size:17px}}



/* Approved integration: original RFQ section and warm light footer. */
body.home .quote{padding:64px 48px;background:#242729;color:#fff;display:grid;grid-template-columns:.85fr 1.25fr;gap:64px;align-items:start}
body.home .quote .eyebrow{font:11px monospace;color:#f2a36f;letter-spacing:1.2px}
body.home .quote h2{font-family:'Space Grotesk',Arial,sans-serif;font-size:40px;line-height:1.12;letter-spacing:-1px;color:white;margin:0 0 20px}
body.home .quote>div>p:not(.eyebrow){font-size:14px;line-height:1.75;color:#c5ccca}
body.home .quote .contact-direct{display:grid;grid-template-columns:85px minmax(0,1fr);row-gap:14px;margin-top:48px;font-size:13px}
body.home .quote .contact-direct span{color:#adb7b3}
body.home .quote .contact-direct a{color:white;overflow-wrap:anywhere}
body.home .quote-form{background:#fff;border-top:3px solid #db5f11;border-radius:5px;padding:32px;color:#242729;box-shadow:0 18px 50px #0002}
body.home .quote-form label{font-size:12px;font-weight:600}
body.home .quote-form input,body.home .quote-form textarea{background:#fffcf8;border:1px solid #d9d2c8;font:16px Arial,sans-serif}
body.home .quote-form .button-primary{background:#db5f11;color:white;border-radius:3px;min-height:44px}
body.home .quote-form .form-note{font-size:11px;line-height:1.7;color:#62686b}
body.home footer.zx-integrated-footer{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:20px;background:#ece4da;padding:35px 48px;border-top:1px solid #d9d2c8;color:#62686b;font-size:11px}
body.home footer.zx-integrated-footer p{font-size:11px;line-height:1.6;margin:0;color:#62686b}
body.home footer.zx-integrated-footer p:last-child{text-align:left}
body.home footer.zx-integrated-footer .logo-horizontal{display:inline-flex;align-items:center;background:white;padding:8px 10px;justify-self:start;border-radius:8px}
body.home footer.zx-integrated-footer .logo-horizontal img{width:190px;max-height:52px;object-fit:contain}
body.home footer.zx-integrated-footer .legal-links{grid-column:1/-1;border-top:1px solid #d9d2c8;padding-top:14px;display:flex;flex-wrap:wrap;gap:20px}
@media(max-width:900px){body.home .quote{grid-template-columns:1fr;gap:32px;padding:48px 28px}body.home .quote .contact-direct{margin-top:25px}body.home footer.zx-integrated-footer{padding:30px 28px;grid-template-columns:1fr 1fr}}
@media(max-width:520px){body.home .quote{padding:42px 20px}body.home .quote h2{font-size:32px}body.home .quote-form{padding:22px 18px}body.home .quote-form .form-row{grid-template-columns:1fr}body.home .quote .contact-direct{grid-template-columns:75px minmax(0,1fr);font-size:12px}body.home footer.zx-integrated-footer{padding:28px 20px;grid-template-columns:1fr}body.home footer.zx-integrated-footer p{text-align:left}}


/* Single designed page ending: RFQ, brand, contacts and legal information share one footer. */
body.home footer.zx-unified-footer{display:block;background:#242729;color:#fff;border:0;padding:0}
body.home footer.zx-unified-footer .quote{margin:0;padding:56px 48px 40px;gap:64px;background:transparent;border:0;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr)}
body.home .zx-unified-footer .zx-footer-intro{padding-top:4px}
body.home .zx-footer-brand{display:inline-flex;align-items:center;padding:10px 14px;background:#fff;border-radius:5px;margin-bottom:30px}
body.home .zx-footer-brand img{display:block;width:180px;height:auto;max-height:52px;object-fit:contain}
body.home .zx-unified-footer .quote .eyebrow{margin:0 0 14px}
body.home .zx-unified-footer .quote h2{font-size:38px;line-height:1.15;margin-bottom:18px}
body.home .zx-unified-footer .quote .contact-direct{margin-top:30px;row-gap:12px}
body.home .zx-unified-footer .quote-form{box-shadow:none;margin:0}
body.home .zx-unified-footer .zx-footer-meta{margin:0 48px;padding:24px 0 28px;border-top:1px solid #ffffff24;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
body.home .zx-unified-footer .zx-footer-company strong{display:block;font-size:12px;font-weight:500;color:#e0e4e1;margin:0 0 6px}
body.home .zx-unified-footer .zx-footer-company p{font-size:11px;line-height:1.6;color:#aeb7b3;margin:0 0 5px;text-align:left}
body.home .zx-unified-footer .zx-footer-company small{font-size:11px;color:#9da8a2}
body.home .zx-footer-legal{display:flex;flex-wrap:wrap;gap:22px;font-size:11px;color:#bec6c2}
body.home .zx-footer-legal a{padding:8px 0;text-decoration:underline;text-underline-offset:4px}
body.home .zx-footer-legal a:hover{color:#ffaf7b}
@media(max-width:900px){body.home footer.zx-unified-footer .quote{grid-template-columns:1fr;gap:30px;padding:42px 28px 32px}body.home .zx-unified-footer .zx-footer-meta{margin:0 28px}.zx-footer-intro{max-width:650px}}
@media(max-width:520px){body.home footer.zx-unified-footer .quote{padding:36px 20px 28px}body.home .zx-footer-brand{margin-bottom:24px}body.home .zx-footer-brand img{width:165px}body.home .zx-unified-footer .quote h2{font-size:31px}body.home .zx-unified-footer .zx-footer-meta{margin:0 20px;padding:22px 0 25px;display:block}body.home .zx-footer-legal{margin-top:14px;gap:24px}body.home .zx-footer-legal a{padding:12px 0}}