:root{
  --ink:#13202a;
  --navy:#0b2235;
  --navy-2:#123a58;
  --steel:#60717e;
  --steel-2:#8d9aa3;
  --line:#dce3e7;
  --paper:#ffffff;
  --mist:#f3f6f7;
  --mist-2:#e8eef1;
  --orange:#d98918;
  --green:#2f785d;
  --shadow:0 20px 60px rgba(10,34,53,.11);
  --radius:18px;
  --container:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.container{width:min(calc(100% - 48px),var(--container));margin-inline:auto}
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:60;
  transition:.25s ease;
  border-bottom:1px solid rgba(255,255,255,.13);
}
.site-header.is-scrolled{
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
  border-color:var(--line);
  box-shadow:0 10px 30px rgba(10,34,53,.06);
}
.header-shell{
  width:min(calc(100% - 48px),1380px);height:88px;margin:auto;
  display:flex;align-items:center;justify-content:space-between;gap:26px;
}
.brand-logo{width:310px;height:58px;object-fit:contain;object-position:left center}
.brand-logo-dark{display:none}
.site-header.is-scrolled .brand-logo-dark,
.page-products .brand-logo-dark,.page-solutions .brand-logo-dark,.page-applications .brand-logo-dark,.page-about .brand-logo-dark,.page-contact .brand-logo-dark{display:block}
.site-header.is-scrolled .brand-logo-light,
.page-products .brand-logo-light,.page-solutions .brand-logo-light,.page-applications .brand-logo-light,.page-about .brand-logo-light,.page-contact .brand-logo-light{display:none}
.main-nav{display:flex;align-items:center;gap:5px}
.nav-link{padding:11px 13px;color:#f5f7f8;font-size:14px;border-radius:7px;transition:.2s}
.site-header.is-scrolled .nav-link,
.page-products .nav-link,.page-solutions .nav-link,.page-applications .nav-link,.page-about .nav-link,.page-contact .nav-link{color:#31424e}
.nav-link:hover,.nav-link.is-active{background:rgba(255,255,255,.13)}
.site-header.is-scrolled .nav-link:hover,
.site-header.is-scrolled .nav-link.is-active,
.page-products .nav-link:hover,.page-products .nav-link.is-active,
.page-solutions .nav-link:hover,.page-solutions .nav-link.is-active,
.page-applications .nav-link:hover,.page-applications .nav-link.is-active,
.page-about .nav-link:hover,.page-about .nav-link.is-active,
.page-contact .nav-link:hover,.page-contact .nav-link.is-active{background:var(--mist);color:var(--navy)}
.nav-link.is-active{font-weight:700}
.nav-contact{
  margin-left:8px;padding:11px 17px;border:1px solid rgba(255,255,255,.58);
  color:#fff;border-radius:7px;font-size:14px;font-weight:700
}
.site-header.is-scrolled .nav-contact,
.page-products .nav-contact,.page-solutions .nav-contact,.page-applications .nav-contact,.page-about .nav-contact,.page-contact .nav-contact{
  color:var(--navy);border-color:#b8c7d0
}
.menu-toggle{display:none;width:44px;height:44px;background:none;border:0;padding:8px}
.menu-toggle span{display:block;height:2px;background:#fff;margin:6px 0}
.site-header.is-scrolled .menu-toggle span,
.page-products .menu-toggle span,.page-solutions .menu-toggle span,.page-applications .menu-toggle span,.page-about .menu-toggle span,.page-contact .menu-toggle span{background:var(--navy)}
.hero{
  min-height:760px;
  display:flex;align-items:flex-end;
  position:relative;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(5,20,32,.86) 0%,rgba(5,20,32,.72) 44%,rgba(5,20,32,.18) 78%,rgba(5,20,32,.06) 100%),
    url('../img/hero-workshop.webp') center/cover no-repeat;
}
.hero:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:220px;
  background:linear-gradient(to top,rgba(4,16,26,.52),transparent)
}
.hero-content{position:relative;z-index:2;padding:190px 0 112px;max-width:870px}
.kicker{
  display:inline-flex;align-items:center;gap:12px;
  font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-2)
}
.kicker:before{content:"";width:32px;height:2px;background:var(--orange)}
.kicker.light{color:#edf3f5}
.hero h1{
  margin:20px 0 22px;font-size:62px;line-height:1.12;letter-spacing:-.035em;max-width:900px
}
.hero p{font-size:20px;color:#dbe5ea;max-width:760px;margin:0}
.hero-actions{display:flex;gap:14px;margin-top:34px}
.btn{
  min-height:50px;padding:0 23px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;
  font-weight:750;font-size:15px;border:1px solid transparent;transition:.2s ease
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:#fff;color:var(--navy)}
.btn-ghost{border-color:rgba(255,255,255,.56);color:#fff;background:rgba(255,255,255,.04)}
.btn-dark{background:var(--navy);color:#fff}
.btn-line{border-color:#b8c7d0;color:var(--navy);background:#fff}
.hero-index{
  position:absolute;z-index:3;right:max(24px,calc((100vw - 1240px)/2));bottom:36px;
  color:#dce5ea;font-size:12px;letter-spacing:.12em;writing-mode:vertical-rl
}
.brand-strip{background:var(--navy);color:#fff}
.brand-strip-grid{display:grid;grid-template-columns:1.2fr repeat(4,1fr)}
.brand-intro{padding:30px 34px 30px 0;border-right:1px solid rgba(255,255,255,.13)}
.brand-intro strong{display:block;font-size:20px;margin-bottom:6px}
.brand-intro span{color:#b9c8d1;font-size:13px}
.brand-stat{padding:30px;border-right:1px solid rgba(255,255,255,.13)}
.brand-stat strong{display:block;font-size:18px}
.brand-stat span{font-size:12px;color:#aebec8}
.section{padding:96px 0}
.section-soft{background:var(--mist)}
.section-navy{background:var(--navy);color:#fff}
.section-head{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:end;margin-bottom:46px
}
.section-head h2{font-size:42px;line-height:1.22;margin:10px 0 0;color:var(--navy);letter-spacing:-.025em}
.section-head p{margin:0;color:var(--steel);font-size:16px}
.section-navy .section-head h2{color:#fff}
.section-navy .section-head p{color:#b8c7d0}
.capability-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.capability{
  min-height:245px;padding:28px 25px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line)
}
.capability-no{font-size:12px;letter-spacing:.14em;color:var(--steel-2)}
.capability h3{font-size:20px;line-height:1.35;margin:42px 0 13px;color:var(--navy)}
.capability p{font-size:14px;color:var(--steel);margin:0}
.system-list{display:grid;gap:18px}
.system-row{
  display:grid;grid-template-columns:1.05fr .95fr;min-height:340px;
  border:1px solid var(--line);background:#fff;overflow:hidden
}
.system-row:nth-child(even) .system-image{order:2}
.system-image{min-height:340px;background-size:cover;background-position:center;position:relative}
.system-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,34,53,.08),rgba(11,34,53,.32))}
.system-copy{padding:48px 50px;display:flex;flex-direction:column;justify-content:center}
.system-copy .serial{font-size:12px;letter-spacing:.16em;color:var(--orange);font-weight:800}
.system-copy h3{font-size:30px;line-height:1.25;margin:10px 0 14px;color:var(--navy)}
.system-copy p{color:var(--steel);margin:0}
.product-tags{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}
.product-tags span{font-size:13px;padding:7px 10px;background:var(--mist);color:#42535f}
.text-link{font-weight:800;color:var(--navy-2);font-size:14px;display:inline-flex;gap:10px;align-items:center}
.text-link:after{content:"→";transition:.2s}
.text-link:hover:after{transform:translateX(4px)}
.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.scene-card{position:relative;min-height:390px;overflow:hidden;background:#1b2d3a;color:#fff}
.scene-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.5s}
.scene-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,20,32,.88),rgba(5,20,32,.05) 64%)}
.scene-card:hover img{transform:scale(1.035)}
.scene-copy{position:absolute;z-index:2;left:26px;right:26px;bottom:24px}
.scene-copy span{font-size:12px;color:#d3dee4;letter-spacing:.08em}
.scene-copy h3{font-size:22px;line-height:1.35;margin:8px 0 0}
.solution-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:repeat(2,270px);gap:18px}
.solution-card{position:relative;overflow:hidden;padding:30px;color:#fff;background:var(--navy-2)}
.solution-card:first-child{grid-row:1/3}
.solution-card:nth-child(4){grid-column:2/4}
.solution-card:before{
  content:"";position:absolute;inset:0;background-size:cover;background-position:center;opacity:.37;transform:scale(1.03)
}
.solution-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(5,20,32,.9),rgba(5,20,32,.35))}
.solution-card > *{position:relative;z-index:2}
.solution-card .serial{font-size:12px;color:#d3dee4;letter-spacing:.14em}
.solution-card h3{font-size:26px;line-height:1.3;margin:70px 0 10px}
.solution-card:first-child h3{font-size:34px;margin-top:195px}
.solution-card p{font-size:14px;color:#d6e0e5;margin:0;max-width:520px}
.solution-card.s1:before{background-image:url('../img/app-scene-profile.webp')}
.solution-card.s2:before{background-image:url('../img/app-scene-die-casting.webp')}
.solution-card.s3:before{background-image:url('../img/app-scene-ultrasonic.webp')}
.solution-card.s4:before{background-image:url('../img/app-scene-spray-line.webp')}
.advantage-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.advantage-image{position:sticky;top:118px}
.advantage-image img{width:100%;height:590px;object-fit:cover}
.advantage-list{border-top:1px solid var(--line)}
.advantage-item{display:grid;grid-template-columns:70px 1fr;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}
.advantage-item strong{font-size:13px;color:var(--orange);letter-spacing:.12em}
.advantage-item h3{font-size:21px;margin:0 0 7px;color:var(--navy)}
.advantage-item p{font-size:14px;color:var(--steel);margin:0}
.about-band{
  position:relative;min-height:520px;display:flex;align-items:center;color:#fff;
  background:
   linear-gradient(90deg,rgba(5,20,32,.9),rgba(5,20,32,.52)),
   url('../img/app-scene-stainless.webp') center/cover no-repeat
}
.about-copy{max-width:700px}
.about-copy h2{font-size:42px;line-height:1.25;margin:13px 0 20px}
.about-copy p{font-size:17px;color:#d7e1e6}
.contact-band{padding:72px 0;background:#eef2f4}
.contact-band-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.contact-band h2{font-size:34px;color:var(--navy);margin:8px 0 12px}
.contact-band p{color:var(--steel);margin:0}
.contact-actions{display:flex;justify-content:flex-end;gap:12px}
.subhero{
  position:relative;min-height:520px;display:flex;align-items:end;color:#fff;
  background:var(--subhero-image) center/cover no-repeat;
  margin-top:0
}
.subhero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,32,.9),rgba(5,20,32,.35))}
.subhero-content{position:relative;z-index:2;padding:185px 0 75px;max-width:830px}
.subhero h1{font-size:48px;line-height:1.2;margin:18px 0 15px}
.subhero p{font-size:18px;color:#dbe5ea;max-width:760px}
.breadcrumb-wrap{padding-top:88px;background:#fff;border-bottom:1px solid var(--line)}
.breadcrumb{padding-top:17px;padding-bottom:17px;display:flex;gap:8px;color:#788792;font-size:13px}
.page-products .site-header,.page-solutions .site-header,.page-applications .site-header,.page-about .site-header,.page-contact .site-header{background:#fff;border-bottom:1px solid var(--line)}
.intro-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.intro-layout h2{font-size:38px;color:var(--navy);margin:10px 0}
.intro-layout p{color:var(--steel)}
.category-section{padding:82px 0;border-top:1px solid var(--line)}
.category-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:60px;align-items:center}
.category-grid.reverse .category-media{order:2}
.category-media img{width:100%;height:420px;object-fit:cover}
.category-copy h2{font-size:36px;line-height:1.25;color:var(--navy);margin:12px 0}
.category-copy p{color:var(--steel)}
.representative-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line);margin-top:26px}
.representative-list div{padding:13px 0;border-bottom:1px solid var(--line);font-size:14px;color:#42535f}
.representative-list div:nth-child(odd){padding-right:16px}
.parameter-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  padding:18px;
  background:
    linear-gradient(135deg,rgba(7,24,39,.98),rgba(12,54,83,.92)),
    linear-gradient(90deg,rgba(92,170,210,.12) 1px,transparent 1px) 0 0/82px 82px;
  border:1px solid rgba(120,165,190,.2);
}
.parameter-grid article{
  min-height:220px;
  padding:28px 26px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
  border:1px solid rgba(180,211,226,.18);
  box-shadow:none;
}
.parameter-grid span{
  color:var(--orange);
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
}
.parameter-grid h3{
  margin:42px 0 10px;
  color:#fff;
  font-size:20px;
}
.parameter-grid p{
  margin:0;
  color:#c8d8df;
  font-size:14px;
}
.parameter-note{
  display:grid;
  grid-template-columns:128px 1fr;
  gap:18px;
  margin-top:24px;
  padding:18px 20px;
  border-left:3px solid var(--orange);
  background:linear-gradient(90deg,rgba(240,166,41,.11),rgba(7,24,39,.035));
}
.parameter-note strong{
  color:var(--navy);
  font-size:14px;
}
.parameter-note span{
  color:#4d5e69;
  font-size:14px;
}
.solution-list{display:grid;gap:24px}
.solution-detail{
  display:grid;grid-template-columns:340px 1fr;border:1px solid var(--line);background:#fff;min-height:290px
}
.solution-detail img{width:100%;height:100%;object-fit:cover}
.solution-detail-copy{padding:38px 42px}
.solution-detail .serial{font-size:12px;color:var(--orange);letter-spacing:.13em;font-weight:800}
.solution-detail h2{font-size:28px;color:var(--navy);margin:10px 0 12px}
.solution-detail p{color:var(--steel);margin:0 0 18px}
.solution-meta{display:flex;flex-wrap:wrap;gap:8px}
.solution-meta span{padding:6px 10px;background:var(--mist);font-size:12px;color:#4c5f6b}
.process-visual{
  position:relative;
  margin:0 0 34px;
  overflow:hidden;
  border:1px solid rgba(196,216,228,.22);
  background:#061523;
}
.process-visual img{
  display:block;
  width:100%;
  min-height:360px;
  object-fit:cover;
  opacity:.92;
}
.process-copy{
  position:absolute;
  left:34px;
  bottom:30px;
  max-width:520px;
  padding:26px 28px;
  background:rgba(5,18,31,.78);
  border:1px solid rgba(156,205,226,.22);
  backdrop-filter:blur(10px);
}
.process-copy h3{
  margin:8px 0 10px;
  color:#fff;
  font-size:28px;
  line-height:1.25;
}
.process-copy p{margin:0;color:#c7d7df}
.industry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.industry-card{position:relative;min-height:420px;overflow:hidden;color:#fff}
.industry-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.industry-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,20,32,.92),rgba(5,20,32,.08) 70%)}
.industry-card-copy{position:absolute;z-index:2;left:30px;right:30px;bottom:28px}
.industry-card h2{font-size:27px;margin:7px 0}
.industry-card p{color:#dbe4e9;margin:0;font-size:14px}
.about-lead{font-size:21px!important;line-height:1.8;color:#334651!important}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.value-card{padding:30px;background:#fff;border-top:3px solid var(--navy)}
.value-card h3{font-size:21px;color:var(--navy);margin:0 0 10px}
.value-card p{font-size:14px;color:var(--steel);margin:0}
.timeline{border-left:1px solid #aebdc6;padding-left:34px;display:grid;gap:35px}
.timeline-item{position:relative}
.timeline-item:before{content:"";position:absolute;left:-41px;top:9px;width:13px;height:13px;border-radius:50%;background:var(--orange);border:3px solid #fff;box-shadow:0 0 0 1px var(--orange)}
.timeline-item h3{font-size:20px;color:var(--navy);margin:0 0 6px}
.timeline-item p{margin:0;color:var(--steel)}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}
.contact-panel{padding:36px;background:var(--navy);color:#fff}
.contact-panel h2{font-size:30px;margin:0 0 15px}
.contact-panel p{color:#cbd8df}
.contact-item{padding:17px 0;border-top:1px solid rgba(255,255,255,.15)}
.contact-item strong{display:block;font-size:12px;letter-spacing:.08em;color:#aebec8;margin-bottom:5px}
.contact-form{background:rgba(10,30,45,.88);border:1px solid var(--line);padding:36px;border-radius:6px}
.contact-form h2{font-size:30px;color:#edf4f7;margin:0 0 10px}
.contact-form > p{color:var(--steel);margin:0 0 26px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.form-group{display:flex;flex-direction:column;gap:7px}
.form-group.full{grid-column:1/-1}
.form-honeypot{display:none!important}
label{font-size:13px;font-weight:700;color:#dce8ee}
input,select,textarea{
  width:100%;padding:13px 14px;border:1px solid rgba(196,216,228,.22);background:rgba(5,17,27,.72);color:#edf4f7;outline:none;border-radius:4px
}
textarea{min-height:130px;resize:vertical}
.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27%238da3af%27%3E%3Cpath d=%27M2 4l4 4 4-4%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;appearance:none;padding-right:40px}

::placeholder{color:#8da3af;opacity:1}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:#edf4f7;-webkit-box-shadow:0 0 0 1000px rgba(5,17,27,.95) inset;transition:background-color 5000s ease-in-out 0s}
input:focus,select:focus,textarea:focus{border-color:#7fc7f2;box-shadow:0 0 0 3px rgba(57,150,212,.15)}
.form-note{font-size:12px;color:#8da3af;margin:12px 0 0}
.form-status{display:none;margin-top:14px;padding:12px;font-size:13px}
.form-status.ok{display:block;background:rgba(40,100,76,.25);color:#8dd4b0}
.form-status.bad{display:block;background:rgba(139,49,49,.25);color:#f4a0a0}
.contact-form button:disabled{opacity:.7;cursor:not-allowed;transform:none}
.site-footer{background:#081b2a;color:#c6d1d7;padding:68px 0 26px}
.footer-main{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.15fr;gap:48px}
.footer-brand img{width:285px;margin-bottom:22px}
.footer-brand p{max-width:430px}
.site-footer h3{font-size:14px;color:#fff;margin:0 0 16px}
.site-footer a,.site-footer p{display:block;margin:7px 0;color:#b3c0c8;font-size:13px}
.site-footer a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #28404f;margin-top:48px;padding-top:22px;font-size:12px;color:#8195a1}
.footer-bottom a{display:inline;margin:0;color:inherit;font-size:inherit}
.footer-bottom a:hover{color:#fff}
@media(max-width:1120px){
  .main-nav{display:none;position:absolute;left:0;right:0;top:88px;background:#fff;padding:18px 24px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
  .main-nav.open{display:flex}
  .nav-link,.nav-contact{color:#31424e!important;border-color:#c6d2d9!important}
  .menu-toggle{display:block}
  .hero h1{font-size:52px}
  .capability-grid{grid-template-columns:repeat(3,1fr)}
  .solution-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .solution-card,.solution-card:first-child,.solution-card:nth-child(4){grid-column:auto;grid-row:auto;min-height:320px}
  .solution-card:first-child h3,.solution-card h3{margin-top:140px}
}
@media(max-width:860px){
  .container{width:min(calc(100% - 32px),var(--container))}
  .header-shell{width:calc(100% - 32px);height:76px}
  .brand-logo{width:240px;height:50px}
  .main-nav{top:76px}
  .hero{min-height:690px}
  .hero-content{padding:150px 0 90px}
  .hero h1{font-size:43px}
  .hero p{font-size:17px}
  .brand-strip-grid{grid-template-columns:1fr 1fr}
  .brand-intro{grid-column:1/-1;padding-left:0}
  .brand-stat{border-top:1px solid rgba(255,255,255,.13)}
  .section{padding:72px 0}
  .section-head,.advantage-layout,.intro-layout,.category-grid,.contact-layout,.contact-band-inner{grid-template-columns:1fr;gap:35px}
  .section-head h2{font-size:34px}
  .capability-grid{grid-template-columns:repeat(2,1fr)}
  .system-row{grid-template-columns:1fr}
  .system-row:nth-child(even) .system-image{order:0}
  .scene-grid{grid-template-columns:1fr 1fr}
  .advantage-image{position:static}
  .advantage-image img{height:440px}
  .contact-actions{justify-content:flex-start}
  .solution-detail{grid-template-columns:1fr}
  .solution-detail img{height:310px}
  .process-copy{position:static;max-width:none;margin:0;border-left:0;border-right:0;border-bottom:0}
  .process-visual img{min-height:300px}
  .industry-grid{grid-template-columns:1fr}
  .parameter-grid{grid-template-columns:repeat(2,1fr)}
  .value-grid{grid-template-columns:1fr 1fr}
  .footer-main{grid-template-columns:1fr 1fr}
  .subhero-content{padding-top:145px}
}
@media(max-width:560px){
  .hero{min-height:660px}
  .hero h1{font-size:36px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-index{display:none}
  .brand-strip-grid,.capability-grid,.scene-grid,.solution-grid,.value-grid,.footer-main{grid-template-columns:1fr}
  .brand-intro,.brand-stat{padding:23px 0;border-right:0}
  .capability{min-height:auto}
  .system-copy{padding:34px 26px}
  .system-image{min-height:260px}
  .section{padding:58px 0}
  .section-head{margin-bottom:32px}
  .section-head h2,.about-copy h2{font-size:30px}
  .scene-card{min-height:330px}
  .solution-card,.solution-card:first-child,.solution-card:nth-child(4){min-height:320px}
  .solution-card:first-child h3,.solution-card h3{font-size:25px;margin-top:135px}
  .advantage-item{grid-template-columns:48px 1fr}
  .about-band{min-height:500px}
  .contact-band{padding:56px 0}
  .contact-actions{flex-direction:column}
  .subhero{min-height:470px}
  .subhero h1{font-size:36px}
  .subhero-content{padding-top:130px}
  .category-media img{height:280px}
  .representative-list{grid-template-columns:1fr}
  .parameter-grid{grid-template-columns:1fr}
  .parameter-note{grid-template-columns:1fr;gap:8px}
  .solution-detail-copy{padding:28px 24px}
  .process-copy{padding:24px 22px}
  .process-copy h3{font-size:24px}
  .industry-card{min-height:350px}
  .contact-form{padding:28px 22px}
  .form-grid{grid-template-columns:1fr}
  .form-group.full{grid-column:auto}
  .footer-bottom{display:block}
  .footer-bottom span{display:block;margin:6px 0}
}

/* Industrial refinement pass */
:root{
  --ink:#101820;
  --navy:#071827;
  --navy-2:#0d3762;
  --steel:#596a76;
  --steel-2:#7d8c96;
  --line:#cfd8de;
  --paper:#f7f9fa;
  --mist:#eef2f4;
  --mist-2:#e2e8ec;
  --orange:#f0a629;
  --green:#2d7f73;
  --shadow:0 22px 58px rgba(4,18,30,.14);
  --radius:8px;
}
body{
  background:
    linear-gradient(90deg,rgba(7,24,39,.035) 1px,transparent 1px) 0 0/84px 84px,
    linear-gradient(180deg,#f8fafb 0%,#eef3f6 100%);
}
.site-header{
  border-bottom:1px solid rgba(206,221,230,.22);
}
.site-header.is-scrolled,
.page-products .site-header,.page-solutions .site-header,.page-applications .site-header,.page-about .site-header,.page-contact .site-header{
  background:rgba(247,249,250,.95);
  border-bottom:1px solid #cfd8de;
}
.brand{
  display:flex;
  align-items:center;
  width:270px;
  height:56px;
  padding:7px 12px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.74);
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}
.site-header.is-scrolled .brand,
.page-products .brand,.page-solutions .brand,.page-applications .brand,.page-about .brand,.page-contact .brand{
  background:#fff;
  border-color:#d5dde3;
  box-shadow:0 8px 24px rgba(9,28,43,.08);
}
.brand-logo{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
}
.brand-logo-light{display:none!important}
.brand-logo-dark{display:block!important}
.nav-link{
  color:#eef5f8;
  border-radius:4px;
}
.nav-link:hover,.nav-link.is-active{
  background:rgba(22,96,153,.28);
}
.site-header.is-scrolled .nav-link:hover,
.site-header.is-scrolled .nav-link.is-active,
.page-products .nav-link:hover,.page-products .nav-link.is-active,
.page-solutions .nav-link:hover,.page-solutions .nav-link.is-active,
.page-applications .nav-link:hover,.page-applications .nav-link.is-active,
.page-about .nav-link:hover,.page-about .nav-link.is-active,
.page-contact .nav-link:hover,.page-contact .nav-link.is-active{
  background:#e4edf3;
}
.nav-contact{
  border-radius:4px;
  background:rgba(255,255,255,.08);
}
.hero{
  min-height:780px;
  align-items:center;
  background:
    radial-gradient(circle at 72% 50%,rgba(26,113,191,.12),transparent 32%),
    linear-gradient(90deg,rgba(3,14,24,.96) 0%,rgba(4,17,28,.88) 39%,rgba(4,17,28,.44) 66%,rgba(4,17,28,.16) 100%),
    url('../img/industrial-bg.svg') center/cover no-repeat;
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/82px 82px,
    linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/82px 82px;
  opacity:.35;
}
.hero:after{
  height:260px;
  background:linear-gradient(to top,rgba(3,13,22,.72),transparent);
}
.hero-content{
  padding:155px 0 86px;
  max-width:760px;
}
.hero h1{
  max-width:760px;
  font-size:58px;
  letter-spacing:0;
}
.hero p{
  color:#d9e4ea;
  max-width:690px;
}
.btn{
  border-radius:4px;
  box-shadow:none;
}
.btn-primary{
  background:#0b66b2;
  color:#fff;
  border-color:#2a91d8;
}
.btn-primary:hover{background:#0a5a9e}
.btn-ghost{
  background:rgba(255,255,255,.06);
  border-color:rgba(203,224,235,.68);
}
.btn-dark{
  background:#0b66b2;
  border-color:#0b66b2;
}
.btn-line{
  background:transparent;
  border-color:#7d929f;
}
.brand-strip{
  background:#071827;
  border-top:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.section-soft{
  background:
    linear-gradient(90deg,rgba(7,24,39,.05) 1px,transparent 1px) 0 0/76px 76px,
    #e8eef2;
}
.section-head h2,
.system-copy h3,
.advantage-item h3,
.contact-band h2,
.intro-layout h2,
.category-copy h2,
.solution-detail h2,
.value-card h3,
.timeline-item h3,
.contact-form h2{
  letter-spacing:0;
}
.capability,
.system-row,
.value-card,
.contact-form{
  background:rgba(255,255,255,.88);
  border-color:#cfd8de;
}
.capability{
  min-height:255px;
  position:relative;
}
.capability:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg,#0b66b2,#f0a629);
  opacity:.74;
}
.system-row{
  min-height:370px;
  box-shadow:0 18px 46px rgba(8,25,38,.08);
}
.system-image{
  min-height:370px;
  background-color:#111f2b;
}
.system-row:nth-child(1) .system-image{background-image:url('../img/app-scene-profile.webp')!important}
.system-row:nth-child(2) .system-image{background-image:url('../img/app-scene-ultrasonic.webp')!important}
.system-row:nth-child(3) .system-image{background-image:url('../img/app-scene-stainless.webp')!important}
.system-row:nth-child(4) .system-image{background-image:url('../img/app-scene-mechanical.webp')!important}
.system-row:nth-child(5) .system-image{background-image:url('../img/product-battery-terminal-passivation.webp')!important}
.system-row:nth-child(6) .system-image{background-image:url('../img/product-battery-terminal-polishing.webp')!important}
.system-row:nth-child(7) .system-image{background-image:url('../img/product-phosphating.webp')!important}
.system-image:after{
  background:
    linear-gradient(90deg,rgba(7,24,39,.02),rgba(7,24,39,.38)),
    linear-gradient(0deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/64px 64px;
}
.product-tags span,
.solution-meta span{
  background:#e6edf2;
  border:1px solid #d2dde4;
  color:#334955;
}
.scene-card,
.industry-card,
.solution-card{
  border:1px solid rgba(197,213,222,.18);
  box-shadow:0 18px 42px rgba(5,18,30,.12);
}
.scene-card:after,
.industry-card:after{
  background:linear-gradient(to top,rgba(4,16,27,.94),rgba(4,16,27,.1) 66%);
}
.section-navy{
  background:
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px) 0 0/86px 86px,
    linear-gradient(135deg,#061523 0%,#0a2338 55%,#071827 100%);
}
.solution-card:after{
  background:linear-gradient(135deg,rgba(4,15,25,.94),rgba(6,34,55,.55));
}
.advantage-image img,
.category-media img,
.solution-detail img{
  border:1px solid #cfd8de;
  box-shadow:0 20px 45px rgba(8,25,38,.12);
}
.about-band{
  background:
    linear-gradient(90deg,rgba(4,15,25,.94),rgba(4,15,25,.55)),
    url('../img/product-stainless-passivation.webp') center/cover no-repeat;
}
.contact-band{
  background:
    linear-gradient(90deg,rgba(7,24,39,.055) 1px,transparent 1px) 0 0/76px 76px,
    #edf2f5;
  border-top:1px solid #d2dde4;
}
.subhero{
  background:var(--subhero-image) center/cover no-repeat;
}
.subhero-overlay{
  background:
    linear-gradient(90deg,rgba(4,15,25,.94),rgba(4,15,25,.48)),
    linear-gradient(0deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/76px 76px;
}
.breadcrumb-wrap{
  background:#f7f9fa;
}
.category-section{
  background:rgba(255,255,255,.36);
}
.contact-panel{
  background:
    linear-gradient(135deg,#071827,#0d3762);
}
.footer-brand img{
  width:310px;
  max-width:100%;
}
@media(max-width:1120px){
  .brand{width:245px;height:52px}
  .main-nav.open{
    background:#f7f9fa;
    border-bottom:1px solid #cfd8de;
  }
}
@media(max-width:860px){
  .brand{width:216px;height:48px;padding:7px 10px}
  .hero{
    min-height:700px;
    background:
      linear-gradient(180deg,rgba(3,14,24,.76),rgba(3,14,24,.94)),
      url('../img/industrial-bg.svg') center/cover no-repeat;
  }
  .hero h1{font-size:42px}
}
@media(max-width:560px){
  .brand{width:190px;height:44px}
  .hero h1{font-size:34px}
  .hero-content{padding:130px 0 70px}
  .system-image{min-height:285px}
}

/* Unified dark industrial background system */
:root{
  --ink:#edf4f7;
  --navy:#edf4f7;
  --navy-2:#7fc7f2;
  --steel:#b7c6cf;
  --steel-2:#8da3af;
  --line:rgba(196,216,228,.18);
  --paper:#081724;
  --mist:#0d2030;
  --mist-2:#132c40;
  --orange:#f0a629;
  --shadow:0 22px 60px rgba(0,0,0,.32);
}
body{
  color:#edf4f7;
  background:
    linear-gradient(rgba(6,17,28,.88),rgba(6,17,28,.88)),
    url('../img/industrial-bg.svg') center top/cover fixed no-repeat;
}
.site-header,
.site-header.is-scrolled,
.page-products .site-header,.page-solutions .site-header,.page-applications .site-header,.page-about .site-header,.page-contact .site-header{
  background:rgba(6,17,28,.86);
  border-bottom:1px solid rgba(196,216,228,.18);
  backdrop-filter:blur(16px);
}
.brand,
.site-header.is-scrolled .brand,
.page-products .brand,.page-solutions .brand,.page-applications .brand,.page-about .brand,.page-contact .brand{
  background:rgba(7,24,39,.88);
  border-color:rgba(126,199,242,.28);
  box-shadow:0 12px 28px rgba(0,0,0,.28);
}
.brand-logo-dark{display:none!important}
.brand-logo-light{display:block!important}
.nav-link,
.site-header.is-scrolled .nav-link,
.page-products .nav-link,.page-solutions .nav-link,.page-applications .nav-link,.page-about .nav-link,.page-contact .nav-link{
  color:#dce8ee;
}
.nav-link:hover,.nav-link.is-active,
.site-header.is-scrolled .nav-link:hover,
.site-header.is-scrolled .nav-link.is-active,
.page-products .nav-link:hover,.page-products .nav-link.is-active,
.page-solutions .nav-link:hover,.page-solutions .nav-link.is-active,
.page-applications .nav-link:hover,.page-applications .nav-link.is-active,
.page-about .nav-link:hover,.page-about .nav-link.is-active,
.page-contact .nav-link:hover,.page-contact .nav-link.is-active{
  color:#fff;
  background:rgba(57,150,212,.22);
}
.nav-contact,
.site-header.is-scrolled .nav-contact,
.page-products .nav-contact,.page-solutions .nav-contact,.page-applications .nav-contact,.page-about .nav-contact,.page-contact .nav-contact{
  color:#fff;
  border-color:rgba(126,199,242,.45);
  background:rgba(57,150,212,.14);
}
.menu-toggle span,
.site-header.is-scrolled .menu-toggle span,
.page-products .menu-toggle span,.page-solutions .menu-toggle span,.page-applications .menu-toggle span,.page-about .menu-toggle span,.page-contact .menu-toggle span{
  background:#edf4f7;
}
.hero{
  background:
    linear-gradient(90deg,rgba(6,17,28,.96) 0%,rgba(6,17,28,.82) 45%,rgba(6,17,28,.54) 100%),
    url('../img/industrial-bg.svg') center/cover no-repeat;
}
.hero:before{
  background:
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px) 0 0/82px 82px,
    linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/82px 82px;
}
.hero h1,
.section-head h2,
.system-copy h3,
.advantage-item h3,
.contact-band h2,
.intro-layout h2,
.category-copy h2,
.solution-detail h2,
.industry-card h2,
.value-card h3,
.timeline-item h3,
.contact-form h2,
.contact-panel h2{
  color:#f5fbff;
}
.hero p,
.section-head p,
.system-copy p,
.advantage-item p,
.contact-band p,
.intro-layout p,
.category-copy p,
.solution-detail p,
.industry-card p,
.value-card p,
.timeline-item p,
.contact-form > p,
.about-lead{
  color:#b7c6cf!important;
}
.kicker{
  color:#7fc7f2;
}
.kicker.light{
  color:#dce8ee;
}
.section,
.section-soft,
.section-navy,
.category-section,
.contact-band,
.brand-strip,
.breadcrumb-wrap{
  background:
    linear-gradient(rgba(6,17,28,.88),rgba(6,17,28,.88)),
    url('../img/industrial-bg.svg') center top/cover fixed no-repeat;
}
.section,
.category-section{
  border-top:1px solid rgba(196,216,228,.12);
}
.brand-strip{
  border-top:1px solid rgba(196,216,228,.18);
  border-bottom:1px solid rgba(196,216,228,.16);
}
.brand-intro,
.brand-stat{
  border-color:rgba(196,216,228,.16);
}
.brand-intro span,
.brand-stat span,
.site-footer a,.site-footer p{
  color:#aebfca;
}
.capability,
.system-row,
.value-card,
.contact-form,
.solution-detail,
.contact-panel{
  background:rgba(10,30,45,.84);
  border:1px solid rgba(196,216,228,.18);
  box-shadow:0 22px 60px rgba(0,0,0,.2);
}
.capability-grid,
.advantage-list,
.advantage-item,
.representative-list,
.representative-list div{
  border-color:rgba(196,216,228,.16);
}
.capability p{
  color:#b7c6cf;
}
.product-tags span,
.solution-meta span{
  background:rgba(126,199,242,.1);
  border-color:rgba(126,199,242,.22);
  color:#cfe4ef;
}
.text-link{
  color:#8ed1f5;
}
.scene-card,
.industry-card,
.solution-card{
  background:#0a1e2d;
  border:1px solid rgba(196,216,228,.18);
}
.advantage-image img,
.category-media img,
.solution-detail img{
  border-color:rgba(196,216,228,.2);
}
.about-band,
.subhero{
  background:
    linear-gradient(90deg,rgba(6,17,28,.94),rgba(6,17,28,.68)),
    url('../img/industrial-bg.svg') center/cover no-repeat!important;
}
.subhero-overlay{
  background:
    linear-gradient(90deg,rgba(6,17,28,.78),rgba(6,17,28,.28)),
    linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/76px 76px;
}
.breadcrumb{
  color:#aebfca;
}
.contact-actions .btn-line{
  color:#edf4f7;
  border-color:rgba(196,216,228,.36);
}
input,select,textarea{
  background:rgba(5,17,27,.72);
  border-color:rgba(196,216,228,.22);
  color:#edf4f7;
}
label{
  color:#dce8ee;
}
.form-note{
  color:#8da3af;
}
.site-footer{
  background:#06111c;
  border-top:1px solid rgba(196,216,228,.16);
}
.footer-bottom{
  border-top-color:rgba(196,216,228,.16);
}
@media(max-width:1120px){
  .main-nav.open{
    background:#081724;
    border-bottom:1px solid rgba(196,216,228,.18);
  }
  .nav-link,.nav-contact{
    color:#dce8ee!important;
    border-color:rgba(196,216,228,.24)!important;
  }
}
@media(max-width:860px){
  body,
  .section,
  .section-soft,
  .section-navy,
  .category-section,
  .contact-band,
  .brand-strip,
  .breadcrumb-wrap{
    background:
      linear-gradient(rgba(6,17,28,.9),rgba(6,17,28,.9)),
      url('../img/industrial-bg.svg') center top/cover no-repeat;
  }
  .hero{
    background:
      linear-gradient(180deg,rgba(6,17,28,.78),rgba(6,17,28,.96)),
      url('../img/industrial-bg.svg') center/cover no-repeat;
  }
}

/* Header logo integration */
.header-shell{
  height:96px;
}
.brand,
.site-header.is-scrolled .brand,
.page-products .brand,.page-solutions .brand,.page-applications .brand,.page-about .brand,.page-contact .brand{
  position:relative;
  width:430px;
  height:72px;
  padding:0;
  overflow:hidden;
  background:transparent;
  border:0;
  box-shadow:none;
  isolation:isolate;
}
.brand:before{
  content:"";
  position:absolute;
  inset:-18px -32px -18px -18px;
  z-index:-1;
  background:
    radial-gradient(circle at 24% 50%,rgba(28,145,218,.22),transparent 58%),
    linear-gradient(90deg,rgba(6,17,28,.74),rgba(6,17,28,.3),transparent);
  filter:blur(2px);
}
.brand:after{
  content:"";
  position:absolute;
  left:4px;
  right:42px;
  bottom:5px;
  height:1px;
  background:linear-gradient(90deg,rgba(126,199,242,.68),rgba(126,199,242,.1),transparent);
}
.brand-logo{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  mix-blend-mode:screen;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.34));
  transform:scale(1.08);
}
.brand-logo-dark{display:none!important}
.brand-logo-light{display:block!important}
.site-header{
  background:
    linear-gradient(90deg,rgba(6,17,28,.96),rgba(6,17,28,.82) 52%,rgba(6,17,28,.66)),
    url('../img/industrial-bg.svg') center top/cover no-repeat;
}
.site-header.is-scrolled,
.page-products .site-header,.page-solutions .site-header,.page-applications .site-header,.page-about .site-header,.page-contact .site-header{
  background:
    linear-gradient(90deg,rgba(6,17,28,.98),rgba(6,17,28,.9)),
    url('../img/industrial-bg.svg') center top/cover no-repeat;
}
@media(max-width:1120px){
  .header-shell{height:86px}
  .brand,
  .site-header.is-scrolled .brand,
  .page-products .brand,.page-solutions .brand,.page-applications .brand,.page-about .brand,.page-contact .brand{
    width:330px;
    height:62px;
  }
  .main-nav{top:86px}
}
@media(max-width:860px){
  .header-shell{height:78px}
  .brand,
  .site-header.is-scrolled .brand,
  .page-products .brand,.page-solutions .brand,.page-applications .brand,.page-about .brand,.page-contact .brand{
    width:250px;
    height:52px;
  }
  .brand:after{right:20px}
  .main-nav{top:78px}
}
@media(max-width:560px){
  .brand,
  .site-header.is-scrolled .brand,
  .page-products .brand,.page-solutions .brand,.page-applications .brand,.page-about .brand,.page-contact .brand{
    width:214px;
    height:48px;
  }
}

/* Transparent header logo, no image frame */
.brand,
.site-header.is-scrolled .brand,
.page-products .brand,.page-solutions .brand,.page-applications .brand,.page-about .brand,.page-contact .brand{
  width:395px;
  height:66px;
  overflow:visible;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
.brand:before,
.brand:after{
  display:none!important;
}
.brand-logo{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
  mix-blend-mode:normal;
  transform:none;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.36));
}
.brand-logo-light{
  display:block!important;
}
.brand-logo-dark{
  display:none!important;
}
@media(max-width:1120px){
  .brand,
  .site-header.is-scrolled .brand,
  .page-products .brand,.page-solutions .brand,.page-applications .brand,.page-about .brand,.page-contact .brand{
    width:318px;
    height:58px;
  }
}
@media(max-width:860px){
  .brand,
  .site-header.is-scrolled .brand,
  .page-products .brand,.page-solutions .brand,.page-applications .brand,.page-about .brand,.page-contact .brand{
    width:245px;
    height:48px;
  }
}
@media(max-width:560px){
  .brand,
  .site-header.is-scrolled .brand,
  .page-products .brand,.page-solutions .brand,.page-applications .brand,.page-about .brand,.page-contact .brand{
    width:210px;
    height:44px;
  }
}

/* Application image framing */
.scene-card:nth-child(1) img,.industry-card:nth-child(1) img{object-position:center 52%}
.scene-card:nth-child(2) img,.industry-card:nth-child(2) img{object-position:center 48%}
.scene-card:nth-child(3) img,.industry-card:nth-child(3) img{object-position:center 58%}
.scene-card:nth-child(4) img,.industry-card:nth-child(4) img{object-position:center 52%}
.scene-card:nth-child(5) img,.industry-card:nth-child(5) img{object-position:center 55%}
.scene-card:nth-child(6) img,.industry-card:nth-child(6) img{object-position:center 50%}
.scene-card:after{
  background:linear-gradient(to top,rgba(5,20,32,.86),rgba(5,20,32,.28) 42%,rgba(5,20,32,.04) 74%);
}
.industry-card:after{
  background:linear-gradient(to top,rgba(5,20,32,.86),rgba(5,20,32,.28) 44%,rgba(5,20,32,.04) 74%);
}

/* Homepage solution and advantage imagery */
.solution-card.s1:before{background-image:url('../img/app-scene-profile.webp')!important}
.solution-card.s2:before{background-image:url('../img/app-scene-die-casting.webp')!important}
.solution-card.s3:before{background-image:url('../img/app-scene-ultrasonic.webp')!important}
.solution-card.s4:before{background-image:url('../img/app-scene-spray-line.webp')!important}
.solution-card.s5:before{background-image:url('../img/app-scene-stainless.webp')!important}
.solution-card.s6:before{background-image:url('../img/product-battery-terminal-passivation.webp')!important}
.solution-card.s7:before{background-image:url('../img/product-battery-terminal-polishing.webp')!important}
.solution-card.s8:before{background-image:url('../img/product-phosphating.webp')!important}
.solution-card.s9:before{background-image:url('../img/app-scene-wheel-hub-passivation.webp')!important}
.solution-grid-extended{
  grid-template-columns:repeat(4,1fr);
  grid-template-rows:none;
}
.solution-grid-extended .solution-card,
.solution-grid-extended .solution-card:first-child,
.solution-grid-extended .solution-card:nth-child(4){
  grid-column:auto;
  grid-row:auto;
  min-height:285px;
}
.solution-grid-extended .solution-card h3,
.solution-grid-extended .solution-card:first-child h3{
  margin-top:108px;
  font-size:24px;
}
.solution-card:before{
  opacity:.72;
  filter:saturate(.92) contrast(1.04);
}
.solution-card:after{
  background:linear-gradient(135deg,rgba(4,15,25,.88),rgba(6,34,55,.42) 58%,rgba(4,15,25,.22));
}
.advantage-image img{
  object-position:center center;
  filter:saturate(.96) contrast(1.03);
}
.advantage-image img[src$="enterprise-advantage-info.webp"]{
  object-fit:cover;
  object-position:center 42%;
}
.category-media img[src*="about-development-roadmap.webp"]{
  height:auto!important;
  object-fit:contain;
  object-position:center center;
  background:#071522;
}

.advantage-image img[src*="enterprise-advantage-info.webp"]{
  height:auto!important;
  object-fit:contain;
  object-position:center center;
  background:#061523;
  padding:0;
}

.category-media img[src*="about-development-roadmap.webp"]{
  padding:0;
}

/* Tighter inner-page hero layout */
.subhero{
  min-height:430px!important;
  align-items:center!important;
}
.subhero-content{
  padding:118px 0 56px!important;
  max-width:900px;
}
.subhero h1{
  font-size:46px;
  margin:14px 0 12px;
}
.subhero p{
  max-width:720px;
}

.system-row:nth-child(5) .system-image{background-image:url('../img/product-battery-terminal-passivation.webp')!important}
.system-row:nth-child(6) .system-image{background-image:url('../img/product-battery-terminal-polishing.webp')!important}

@media(max-width:860px){
  .subhero{min-height:390px!important}
  .subhero-content{padding:108px 0 46px!important}
}

@media(max-width:560px){
  .subhero{min-height:360px!important}
  .subhero h1{font-size:34px}
}

/* Keep process diagram readable: no text overlay on the image */
.process-visual{
  display:grid;
  overflow:hidden;
  background:#061523;
}
.process-visual img{
  width:100%;
  height:auto;
  min-height:0;
  object-fit:contain;
  opacity:1;
}
.process-copy{
  position:static!important;
  left:auto;
  bottom:auto;
  max-width:none;
  padding:24px 30px;
  background:#071827;
  border:0;
  border-top:1px solid rgba(156,205,226,.22);
  backdrop-filter:none;
}
.process-copy h3{
  font-size:24px;
}

.process-flow-html{
  padding:34px;
  color:#fff;
  border-color:rgba(156,205,226,.22);
  background:
    linear-gradient(135deg,rgba(7,24,39,.96),rgba(11,55,88,.88)),
    linear-gradient(90deg,rgba(92,170,210,.12) 1px,transparent 1px) 0 0/78px 78px,
    linear-gradient(180deg,rgba(92,170,210,.1) 1px,transparent 1px) 0 0/78px 78px;
}
.process-flow-head{
  max-width:820px;
  margin-bottom:28px;
}
.process-flow-head h3{
  margin:10px 0 10px;
  font-size:30px;
  line-height:1.25;
}
.process-flow-head p{
  margin:0;
  color:#c6d7df;
}
.process-steps{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px;
}
.process-steps article{
  position:relative;
  min-height:188px;
  padding:22px 18px;
  border:1px solid rgba(174,208,224,.26);
  background:rgba(5,18,31,.62);
}
.process-steps article:after{
  content:"";
  position:absolute;
  top:50%;
  right:-17px;
  width:21px;
  height:1px;
  background:rgba(240,166,41,.72);
}
.process-steps article:last-child:after{display:none}
.process-steps span{
  display:block;
  color:var(--orange);
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
}
.process-steps h4{
  margin:36px 0 9px;
  color:#fff;
  font-size:18px;
}
.process-steps p{
  margin:0;
  color:#c6d7df;
  font-size:13px;
  line-height:1.7;
}

.service-flow{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
  padding:18px;
  background:
    linear-gradient(135deg,rgba(7,24,39,.98),rgba(12,54,83,.92)),
    linear-gradient(90deg,rgba(92,170,210,.12) 1px,transparent 1px) 0 0/82px 82px;
  border:1px solid rgba(120,165,190,.2);
}
.service-flow article{
  min-height:230px;
  padding:28px 24px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
  border:1px solid rgba(180,211,226,.18);
  color:#fff;
}
.service-flow span{
  color:var(--orange);
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
}
.service-flow h3{
  margin:42px 0 10px;
  color:#fff;
  font-size:20px;
}
.service-flow p{
  margin:0;
  color:#c8d8df;
  font-size:14px;
}

@media(max-width:1120px){
  .solution-grid-extended{grid-template-columns:repeat(2,1fr)}
  .process-steps{grid-template-columns:repeat(3,1fr)}
  .process-steps article:nth-child(3):after{display:none}
  .service-flow{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:860px){
  .process-flow-html{padding:26px}
  .process-steps{grid-template-columns:repeat(2,1fr)}
  .process-steps article:nth-child(3):after{display:block}
  .process-steps article:nth-child(2n):after{display:none}
  .service-flow{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:560px){
  .solution-grid-extended{grid-template-columns:1fr}
  .process-flow-head h3{font-size:24px}
  .process-steps,
  .service-flow{grid-template-columns:1fr}
  .process-steps article:after{display:none!important}
}

/* Final no-crop rules for image posters with built-in text */
.advantage-image,
.category-media{
  overflow:visible;
}
.advantage-image img[src*="enterprise-advantage-info.webp"],
.category-media img[src*="about-development-roadmap.webp"]{
  display:block;
  width:100%;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
}