:root{--blue:#06346b;--navy:#06264a;--ink:#152d46;--muted:#637487;--line:#dfe6ed;--light:#f3f6f9;--cyan:#258cbb}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.65 Arial,'Microsoft Yahei',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}img{display:block;max-width:100%}.wrap{width:min(1280px,90%);margin:auto}.top{background:var(--navy);color:#d4e2f1;font-size:13px;padding:7px 0}.top .wrap{display:flex;justify-content:space-between}header{position:sticky;top:0;background:white;z-index:20;border-bottom:1px solid var(--line)}.head{height:92px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:12px;min-width:215px}.brand img{width:66px;height:66px;object-fit:contain}.brand b{font-size:24px;letter-spacing:1px}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:1px}nav{display:flex;gap:25px;align-items:center;margin-left:auto}nav a{font-size:14px;font-weight:600;padding:32px 0;border-bottom:3px solid transparent}nav a.active{border-color:var(--blue);color:var(--blue)}select{border:0;background:white;color:var(--blue);font-size:14px}.menu{display:none;border:0;background:none;font-size:25px}.btn{display:inline-block;background:var(--blue);color:white;border:1px solid var(--blue);padding:13px 25px;font-weight:600;font-size:14px}.btn.white{background:white;color:var(--blue);border-color:white}.btn.outline{background:transparent;color:var(--blue)}.hero{position:relative;min-height:600px;background:var(--navy);overflow:hidden;color:white;display:flex;align-items:center}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,27,55,.94),rgba(3,27,55,.73) 47%,rgba(3,27,55,.12))}.hero .wrap{position:relative;z-index:1;padding:70px 0}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:bold;color:var(--cyan);margin:0 0 17px}.hero .eyebrow{color:#8ed4f1}h1{font-size:clamp(38px,4.5vw,66px);line-height:1.1;letter-spacing:-1.8px;max-width:730px;margin:0 0 25px}h2{font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-1px;margin:0 0 22px}h3{font-size:22px;line-height:1.3;margin:15px 0 12px}p{margin:0 0 22px;color:var(--muted)}.hero p{max-width:550px;color:#d6e0ed;font-size:18px}.actions{display:flex;gap:14px;flex-wrap:wrap}.caption{font-size:12px;opacity:.75;margin-top:30px;color:#fff}.stats{background:var(--blue);color:white}.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0}.stats div div{padding-left:35px;border-left:1px solid #ffffff35}.stats strong{font-size:38px;display:block;line-height:1.2}.stats span{font-size:14px;color:#cbd9e9}section{padding:88px 0}.light{background:var(--light)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px;gap:30px}.section-head h2{margin-bottom:0}.section-head p{max-width:440px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.card{background:white;border:1px solid var(--line);transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 10px 35px #052a4c12}.card img{height:225px;width:100%;object-fit:cover}.card-body{padding:26px}.card-body p{font-size:15px}.card small{color:var(--cyan);text-transform:uppercase;letter-spacing:1px;font-weight:700;font-size:12px}.card a.text{color:var(--blue);font-size:14px;font-weight:bold;border-bottom:1px solid #afc6dc}.sector-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line)}.sector{padding:34px 23px;border-right:1px solid var(--line);position:relative}.sector:hover{background:var(--blue);color:white}.sector:hover p{color:#d4e1ee}.sector:last-child{border:0}.sector b{font-size:33px;color:#92acc7;font-weight:400}.sector h3{font-size:19px}.sector p{font-size:14px;margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split img{width:100%;height:410px;object-fit:cover}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.step{border-top:2px solid #86acc9;padding-top:20px}.step b{color:#84a2c1;font-size:34px}.step p{font-size:15px}.band{background:var(--blue);color:white;padding:55px 0}.band .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.band h2{margin:0;font-size:30px}.band p{color:#d4e1ee;margin:10px 0 0}.page-hero{position:relative;background:var(--navy);color:white;padding:72px 0;overflow:hidden}.page-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22}.page-hero .wrap{position:relative}.page-hero h1{font-size:48px;margin-bottom:17px}.page-hero p{color:#c6d8e8;max-width:600px}.crumb{font-size:13px;margin-bottom:20px;color:#c5d5e8}.catalog{display:grid;grid-template-columns:250px 1fr;gap:42px}.sidebar{align-self:start;position:sticky;top:115px;border:1px solid var(--line)}.sidebar h3{font-size:18px;padding:22px;margin:0;background:var(--blue);color:#fff}.filter{display:block;padding:17px 22px;width:100%;border:0;border-bottom:1px solid var(--line);text-align:left;background:white;color:var(--ink);font-size:15px}.filter.active{background:#e8eff7;color:var(--blue);font-weight:bold}.catalog .grid{grid-template-columns:repeat(2,1fr)}.note{padding:15px 20px;background:#edf3f9;color:#64798d;font-size:14px;margin:0 0 25px;border-left:3px solid #6689ac}.count{font-size:14px;color:var(--muted);margin-bottom:20px}.photo-note{font-size:12px;color:var(--muted);margin-top:10px}.case-row{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:50px 0;border-bottom:1px solid var(--line)}.case-row:nth-child(even) .case-image{order:2}.case-image img{height:360px;width:100%;object-fit:cover}.tag{display:inline-block;background:#e7eef6;padding:5px 11px;color:var(--blue);font-size:12px;margin-bottom:16px}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.contact-item{padding:22px 0;border-bottom:1px solid var(--line)}.contact-item strong{display:block;margin-bottom:7px}.contact-item span{color:var(--muted)}form{background:var(--light);padding:38px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:14px;font-weight:bold}input,textarea{display:block;width:100%;border:1px solid #ccd6df;background:white;padding:12px;margin:7px 0 20px;color:var(--ink);border-radius:0}textarea{height:130px;resize:vertical}.full{grid-column:1/-1}.form-status{margin:20px 0 0;color:var(--blue)}footer{background:#041c35;color:white;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px}footer p{color:#aebed1;font-size:14px}footer h3{font-size:16px;margin:0 0 19px}footer a{display:block;color:#aebed1;margin-bottom:9px;font-size:14px}.copyright{border-top:1px solid #ffffff20;padding-top:20px;margin-top:35px;font-size:12px;color:#8da4be;display:flex;justify-content:space-between}.float{position:fixed;bottom:22px;right:22px;z-index:30;box-shadow:0 5px 25px #00183233}.checks{list-style:none;padding:0}.checks li{padding:10px 0;border-bottom:1px solid var(--line)}.checks li:before{content:'✓';color:var(--blue);margin-right:13px}.detail{display:grid;grid-template-columns:1.2fr 1fr;gap:55px}.detail img{width:100%;height:400px;object-fit:cover}.info{border-collapse:collapse;width:100%;margin:25px 0}.info th,.info td{padding:13px;border-bottom:1px solid var(--line);text-align:left;font-size:15px}.info th{width:38%;background:var(--light)}[dir=rtl] .hero:after{background:linear-gradient(270deg,rgba(3,27,55,.94),rgba(3,27,55,.2))}@media(max-width:1000px){nav{gap:14px}.head{gap:14px}.brand{min-width:170px}.brand b{font-size:20px}.brand small{font-size:9px}.grid{gap:18px}.sector-grid{grid-template-columns:repeat(3,1fr)}.split{gap:35px}.footer-grid{grid-template-columns:2fr 1fr}.catalog{grid-template-columns:210px 1fr;gap:25px}}@media(max-width:760px){.top .wrap span:last-child{display:none}.head{height:75px}.brand img{width:48px;height:48px}.brand{margin-right:auto}.menu{display:block}.head select{max-width:92px}nav{display:none;position:absolute;top:75px;left:0;width:100%;background:white;padding:15px 5%;box-shadow:0 10px 15px #0001}nav.open{display:grid;gap:0}nav a{padding:12px}.hero{min-height:570px}.hero .wrap{padding:55px 0}.hero:after{background:rgba(3,27,55,.76)}h1{letter-spacing:-1px}.hero p{font-size:16px}.stats .wrap{grid-template-columns:1fr 1fr;gap:25px}.stats div div{padding-left:20px}.stats strong{font-size:30px}section{padding:58px 0}.section-head{display:block}.section-head p{margin-top:20px}.grid,.catalog .grid,.split,.contact,.detail,.case-row{grid-template-columns:1fr}.sector-grid{grid-template-columns:1fr 1fr}.sector{padding:23px}.steps{grid-template-columns:1fr 1fr;gap:25px}.split img{height:290px}.band .wrap{display:block}.band .btn{margin-top:25px}.page-hero{padding:50px 0}.page-hero h1{font-size:36px}.catalog{display:block}.sidebar{position:static;margin-bottom:30px}.sidebar h3{padding:15px}.filter{padding:12px 18px}.case-row{gap:25px;padding:30px 0}.case-row:nth-child(even) .case-image{order:0}.case-image img{height:250px}.fields{grid-template-columns:1fr}.contact{gap:30px}form{padding:24px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{display:block}.float{padding:10px 17px;font-size:13px}.detail img{height:280px}}
.category-count{float:right;color:#7890a7;font-size:13px;margin-left:8px}.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.catalog-heading h2{font-size:30px;margin:0}.catalog-heading .count{white-space:nowrap;margin:0}.equipment-placeholder{height:205px;background:linear-gradient(135deg,#eff3f7,#e2e9ef);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);color:#71859b;font-size:14px}.equipment-placeholder.large{height:400px;border:1px solid var(--line)}.equipment-card h3{font-size:20px;min-height:52px}.equipment-card small{font-size:11px;letter-spacing:.5px}.catalog{grid-template-columns:280px 1fr}.catalog .grid{grid-template-columns:repeat(3,1fr)}@media(max-width:1100px){.catalog .grid{grid-template-columns:repeat(2,1fr)}.catalog{gap:25px;grid-template-columns:250px 1fr}}@media(max-width:760px){.catalog .grid{grid-template-columns:1fr}.catalog-heading{align-items:start}.catalog-heading h2{font-size:26px}.equipment-card h3{min-height:0}.equipment-placeholder.large{height:270px}}
/* Industrial motion system */
header{transition:box-shadow .35s,background .35s}header.scrolled{box-shadow:0 6px 28px #03234016}nav a{position:relative;transition:color .25s,border-color .25s}nav a:after{content:'';position:absolute;bottom:20px;left:0;width:100%;height:1px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a:hover:after{transform:scaleX(1)}.btn{position:relative;overflow:hidden;transition:background .25s,box-shadow .25s,transform .25s}.btn:hover{background:#09538e;border-color:#09538e;box-shadow:0 7px 22px #04326626;transform:translateY(-2px)}.btn.white:hover{background:#eaf4fb;color:var(--blue);border-color:#eaf4fb}.btn.outline:hover{color:white}.btn:active{transform:translateY(0)}.hero.cinematic-hero{min-height:660px}.hero-scenes{position:absolute;inset:0;z-index:0}.hero-scene{position:absolute;inset:0;opacity:0;transition:opacity 1.3s ease;overflow:hidden}.hero-scene.current{opacity:1}.hero-scene img{height:100%;width:100%;object-fit:cover;transform:scale(1.04)}.hero-scene.current img{animation:scene-drift 8s ease-out both}.slideshow-paused .hero-scene.current img{animation-play-state:paused}.hero.cinematic-hero>.wrap:not(.hero-rail){padding:65px 0 145px}.hero.cinematic-hero h1{animation:hero-copy .8s ease both}.hero.cinematic-hero .eyebrow{animation:hero-copy .7s ease both}.hero.cinematic-hero p{animation:hero-copy .8s .12s ease both}.hero.cinematic-hero .actions{animation:hero-copy .8s .2s ease both}.hero-rail.wrap{position:absolute;left:5%;bottom:28px;z-index:2;padding:0;display:flex;align-items:center;justify-content:space-between;gap:22px}.scene-buttons{display:flex;gap:26px;max-width:900px;width:85%}.scene-choice{position:relative;text-align:left;flex:1;padding:16px 0 18px;background:none;border:0;border-top:1px solid #ffffff45;color:#b6c8dc;display:flex;align-items:center;gap:13px;font-size:14px}.scene-number{font-size:24px;font-weight:400;opacity:.7}.scene-label{max-width:180px;line-height:1.35}.scene-choice.selected{color:white;border-top-color:#79d6ff}.scene-choice.selected .scene-number{opacity:1;color:#91d8f3}.scene-progress{position:absolute;top:-1px;left:0;height:2px;width:100%;background:#77cfea;transform:scaleX(0);transform-origin:left}.scene-choice.selected .scene-progress{animation:scene-progress 6.5s linear both}.slideshow-paused .scene-progress{animation-play-state:paused}.scene-pause{color:#e5eef8;border:1px solid #ffffff40;background:#ffffff0a;padding:9px 14px;font-size:12px;min-width:62px}.scene-pause:hover{background:#ffffff20}.hero:after{pointer-events:none}.card{transition:transform .35s,box-shadow .35s,border-color .35s}.card:hover{transform:translateY(-7px);border-color:#a8c4db;box-shadow:0 17px 42px #052a4c17}.card>a:first-child{display:block;overflow:hidden}.card img{transition:transform .65s cubic-bezier(.2,.65,.3,1)}.card:hover img{transform:scale(1.055)}.card a.text{transition:color .2s,border-color .2s}.card a.text:hover{color:var(--cyan);border-color:var(--cyan)}.equipment-placeholder{position:relative;overflow:hidden;transition:background .35s,color .35s}.equipment-placeholder:after{content:'';position:absolute;width:50%;height:200%;top:-50%;left:-70%;background:linear-gradient(90deg,transparent,#ffffff65,transparent);transform:rotate(20deg);transition:left .75s}.equipment-card:hover .equipment-placeholder:after{left:130%}.equipment-card:hover .equipment-placeholder{color:var(--blue);background:#e4edf5}.filter{transition:background .25s,color .25s,padding .25s;position:relative}.filter:hover{background:#f0f5fa;color:var(--blue);padding-left:27px}.filter.active{box-shadow:inset 3px 0 var(--cyan)}.sector{transition:background .35s,color .35s}.sector b{transition:color .35s,transform .35s;display:block}.sector:hover b{color:#80c6e4;transform:translateY(-4px)}.sector p{transition:color .35s}.step{position:relative}.step:before{content:'';position:absolute;top:-2px;left:0;height:2px;width:100%;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform 1s .2s}.step.revealed:before{transform:scaleX(1)}.case-image{overflow:hidden}.case-image img{transition:transform .7s}.case-image:hover img{transform:scale(1.035)}.page-hero h1{animation:hero-copy .65s ease both}.page-hero p{animation:hero-copy .65s .12s ease both}.motion-ready .reveal{opacity:0;transform:translateY(27px);transition:opacity .7s ease var(--reveal-delay,0ms),transform .7s cubic-bezier(.2,.65,.3,1) var(--reveal-delay,0ms)}.motion-ready .reveal.revealed{opacity:1;transform:translateY(0)}.motion-ready .card.revealed:hover{transform:translateY(-7px)}.float{transition:box-shadow .3s,transform .3s}.float:hover{box-shadow:0 10px 32px #00183240}.band{position:relative;overflow:hidden}.band:after{content:'';position:absolute;top:0;right:0;width:22%;height:100%;background:linear-gradient(130deg,transparent,#218abb30);pointer-events:none}.band .wrap{position:relative;z-index:1}@keyframes scene-drift{from{transform:scale(1.04)}to{transform:scale(1.13)}}@keyframes hero-copy{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes scene-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(min-width:1422px){.hero-rail.wrap{left:calc((100% - 1280px)/2)}}@media(max-width:760px){.hero.cinematic-hero{min-height:660px}.hero.cinematic-hero>.wrap:not(.hero-rail){padding:55px 0 150px}.hero-rail.wrap{bottom:24px;align-items:end;gap:12px}.scene-buttons{gap:15px;width:100%}.scene-choice{display:block;padding:10px 0 12px}.scene-number{font-size:18px}.scene-label{display:block;font-size:11px;max-width:100px;margin-top:6px}.scene-pause{padding:8px;min-width:50px}.hero-scene.current img{animation:none;transform:scale(1.04)}.filter:hover{padding-left:18px}.motion-ready .reveal{transform:translateY(18px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .reveal{opacity:1;transform:none}.hero-scene.current img{transform:none}.scene-choice.selected .scene-progress{transform:scaleX(1)}.card:hover,.motion-ready .card.revealed:hover,.btn:hover{transform:none}}

.hero-rail.wrap{justify-content:flex-end}

/* Installation card title: direct selector also covers existing imported pages. */
.steps > .step:nth-child(3) h3{white-space:nowrap!important;font-size:clamp(12px,6cqw,22px)!important;letter-spacing:-.3px!important;overflow-wrap:normal!important;word-break:normal!important}
.steps > .step:nth-child(3) h3 br{display:none!important}
@supports not (font-size:1cqw){.steps > .step:nth-child(3) h3{font-size:14px!important}}

/* Equal service cards and original, uniform heading size. */
.steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr))!important;gap:24px 12px!important;align-items:stretch}
.steps>.step{container-type:normal;min-width:0;height:100%}
.steps>.step h3,.steps>.step:nth-child(3) h3,.steps>.step .cg-install-title{font-size:22px!important;line-height:1.3!important;letter-spacing:normal!important;white-space:nowrap!important;margin-top:15px!important;margin-bottom:12px!important}
