/* Reference-site visual reconstruction. Content and routes remain project-owned. */
:root{--blue:#16479d;--blue2:#061a3d;--ink:#151a22;--muted:#727985;--line:#e5e7eb;--soft:#f5f5f5;--max:1440px}
body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#171b23;overflow-x:hidden}
html,body{touch-action:pan-x pan-y}
.site-header{height:82px;padding:0 max(38px,calc((100vw - 1440px)/2));background:#fff;border:0;box-shadow:none}.site-header.scrolled{height:72px}.brand{min-width:230px}.brand img{width:126px;height:48px;object-fit:contain}.brand span{display:none}.main-nav a{padding:0 21px;font-size:15px;font-weight:600}.main-nav a:after{height:2px;left:21px;right:21px}.header-contact{display:none}.header-search{width:42px;height:42px;margin-left:7px;border:0;background:transparent;font-size:27px;color:inherit;cursor:pointer}.menu-btn i{background:currentColor}
.is-home .site-header{background:linear-gradient(180deg,rgba(0,13,31,.78),transparent);color:#fff;border:0}.is-home .site-header.scrolled{background:rgba(3,18,40,.94);box-shadow:0 10px 24px rgba(0,0,0,.18)}.is-home .brand img{filter:brightness(0) invert(1)}
.hero{height:100vh;min-height:720px;overflow:hidden}.hero-slides{position:absolute;inset:0}.hero-media{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,13,30,.62),rgba(3,18,39,.15)),var(--hero) center/cover;opacity:0;transform:scale(1.1);transition:opacity .8s cubic-bezier(.65,.01,.45,1)}.hero-media.active{opacity:1;animation:banscaleDraw 20s ease-in-out infinite}.hero-copy{max-width:1440px;padding:27vh 38px 0;opacity:0;transform:translateY(35px)}.hero-copy.active{animation:fadeInUp .5s .2s both}.hero-copy small,.hero-copy p,.hero-copy .btn{display:none}.hero-copy h1{font-size:60px;line-height:1.45;margin:0;font-weight:700;letter-spacing:1px}.hero-copy em{color:#fff}.hero-stats{display:none}.hero-controls{position:absolute;right:max(38px,calc((100vw - 1440px)/2));bottom:50px;z-index:4;display:flex;align-items:center;gap:13px;color:#fff}.hero-controls button,.product-arrows button{width:48px;height:48px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:transparent;color:inherit;font-size:21px;cursor:pointer;transition:.3s}.hero-controls button:hover{background:#16479d;border-color:#16479d}.hero-controls span{min-width:54px;font-size:12px;letter-spacing:2px}@keyframes banscaleDraw{0%{transform:scale(1)}50%,100%{transform:scale(1.1)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}
.industry-showcase{height:920px;background:#fff;padding:110px 0}.industry-scene{height:700px;max-width:1440px;margin:auto;position:relative;color:#fff;background:#061a3d;overflow:hidden}.industry-pictures,.industry-picture{position:absolute;inset:0}.industry-picture{background:linear-gradient(rgba(4,24,51,.5),rgba(4,24,51,.54)),var(--scene) center/cover;opacity:0;transform:scale(1.1);transition:opacity .7s cubic-bezier(.65,.01,.45,1),transform 4s cubic-bezier(.65,.01,.45,1)}.industry-picture.active{opacity:1;transform:scale(1)}.industry-title{position:absolute;z-index:2;top:44px;left:55px;display:flex;align-items:center;gap:18px}.industry-title>b{font-size:64px;font-weight:300}.industry-title>span{font-size:20px}.industry-title small{display:block;font-size:10px;letter-spacing:3px;margin-top:7px;color:#fff}.industry-orbit{position:absolute;z-index:3;inset:0}.industry-dot{position:absolute;width:118px;height:118px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(7,26,55,.12);color:#fff;cursor:pointer;transition:.35s}.industry-dot span{display:block;font-size:11px;opacity:.7}.industry-dot b{display:block;font-size:15px;margin-top:6px}.industry-dot.active{width:150px;height:150px;background:rgba(13,59,132,.7);border-color:#fff;box-shadow:0 0 0 18px rgba(255,255,255,.08)}.industry-dot:nth-child(1){left:20%;top:45%}.industry-dot:nth-child(2){left:37%;top:21%}.industry-dot:nth-child(3){right:35%;top:21%}.industry-dot:nth-child(4){right:18%;top:44%}.industry-dot:nth-child(5){left:44%;bottom:8%}.industry-focus{position:absolute;z-index:2;left:50%;top:46%;width:420px;opacity:0;transform:translate(-50%,calc(-50% + 30px));text-align:center;transition:opacity .5s ease,transform .5s ease}.industry-focus.active{opacity:1;transform:translate(-50%,-50%)}.industry-focus small{font-size:11px;letter-spacing:3px}.industry-focus h2{font-size:36px;margin:12px 0}.industry-focus p{font-size:14px;line-height:2;color:#eef4fb}.industry-focus a{display:inline-block;margin-top:12px;font-size:14px}
.product-showcase{padding:105px max(38px,calc((100% - 1440px)/2)) 85px;background:#f5f5f5;text-align:center}.product-kicker{font-size:34px;font-weight:700}.product-kicker small{display:block;margin-top:8px;color:#8c939d;font-size:11px;letter-spacing:4px;font-weight:500}.product-stage{height:600px;display:flex;align-items:center;justify-content:center}.product-stage-link{width:100%;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;text-align:left;opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}.product-stage-link.active{opacity:1;transform:none}.product-stage img{width:100%;height:500px;object-fit:contain;transition:.35s}.product-stage-link>div{padding:40px}.product-stage small{color:var(--blue);letter-spacing:3px}.product-stage h2{font-size:38px;margin:16px 0}.product-stage p{color:var(--muted);max-width:420px}.product-tabs-wrap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}.product-tabs{display:flex;border-bottom:1px solid #d7dae0;overflow-x:auto;scrollbar-width:none}.product-tabs::-webkit-scrollbar{display:none}.product-tabs button{flex:1;min-width:120px;padding:19px 10px;border:0;border-bottom:2px solid transparent;background:transparent;color:#9b9fa7;cursor:pointer;white-space:nowrap}.product-tabs button.active{color:#124697;border-color:#124697}.product-arrows{display:flex;gap:10px;color:#16479d}.product-arrows button{border-color:#b9c0ca}.product-arrows button:hover{background:#16479d;border-color:#16479d;color:#fff}.product-arrows button:disabled{opacity:.28;cursor:default}.product-showcase>.center{margin-top:28px}
.reveal{opacity:0;transform:translateY(60px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,.61,.36,1)}.reveal.in-view{opacity:1;transform:none}
.about-home{max-width:1440px;margin:auto;background:#fff;grid-template-columns:1fr 1fr}.about-image{min-height:650px}.about-copy{padding:110px 80px}.about-copy h2{font-size:45px}.about-copy>p{font-size:15px;line-height:2}.num-row{border-top:1px solid #e4e6e9;padding-top:34px}.num-row b{font-size:48px;font-weight:400}.news{padding-top:100px;padding-bottom:110px}.news-grid{gap:0}.news-grid a{border-top:1px solid #e2e4e7;padding:36px}.news-grid a:hover{background:#f5f5f5}
.contact-strip{min-height:330px;background:linear-gradient(90deg,rgba(5,20,42,.7),rgba(5,20,42,.15)),url('/images/reference/9220420ca558ec17.png') center 42%/cover;padding:60px max(38px,calc((100% - 1440px)/2));color:#fff}.contact-strip small{color:#fff}.contact-strip h2{font-size:36px}.contact-strip .btn{border:1px solid #fff;background:transparent;color:#fff}
.footer{background:#f5f5f5;color:#747b85;padding:70px max(38px,calc((100% - 1440px)/2)) 0}.footer-grid{grid-template-columns:1.35fr .75fr .85fr 1.25fr;gap:70px}.footer h3{color:#242932;font-size:15px}.footer a{font-size:13px;margin:11px 0}.footer-brand img{filter:none;width:128px}.footer-bottom{margin:55px calc(-1 * max(38px,calc((100vw - 1440px)/2))) 0;padding:20px max(38px,calc((100vw - 1440px)/2));background:#16479d;color:#fff;border:0}
.page-hero{margin-top:82px;height:430px;background:linear-gradient(90deg,rgba(3,20,44,.72),rgba(5,26,52,.25)),url('/images/reference/9220420ca558ec17.png') center/cover}.page-hero>div{max-width:1440px;padding:0 38px 62px}.page-hero h1{font-size:48px}.page-hero span{font-size:11px;color:#fff}.page-hero p{font-size:14px}.section{max-width:1440px;padding:100px 38px}.section-head h2,.about-copy h2,.about-main h2,.values h2,.case-intro h2,.contact-page h2,.detail-layout h2{font-size:38px}.btn{border-radius:0;background:#16479d;padding:15px 25px;font-size:14px;box-shadow:none}
.industry-systems{max-width:1440px;padding:90px 38px}.industry-system{border:0;box-shadow:none;background:#f5f5f5;margin-bottom:45px}.system-copy{padding:55px}.process-route{background:#123f8d}.products-home,.project-showcase,.project-stories,.catalog-gallery,.values{background:#071c3d}.product-detail-hero{margin-top:82px;background:#f3f5f7;padding-left:max(38px,calc((100% - 1440px)/2));padding-right:max(38px,calc((100% - 1440px)/2))}.product-detail-hero.enriched>img{background:#fff}.gallery-grid figcaption{background:#123f8d}.selection-section{background:#f2f3f5}.filters a{border:1px solid #dedfe2;background:#fff}.filters a.active{background:#16479d}.light-grid .product-card{border-color:#e3e5e8}.back-to-top{background:#16479d;border-radius:0;width:50px;height:50px}
@media(max-width:1000px){.site-header{padding:0 24px}.main-nav a{padding:0 10px}.header-search{display:none}.industry-showcase{height:auto;padding:70px 0}.industry-scene{height:620px}.industry-dot{width:96px;height:96px}.industry-dot.active{width:120px;height:120px}.industry-focus{width:360px}.product-showcase{padding-left:24px;padding-right:24px}.product-stage-link{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid>div:nth-child(3){display:block}}
@media(max-width:900px){.menu-btn{display:flex;margin-left:auto;width:44px;height:44px;flex-direction:column;justify-content:center;gap:6px}.menu-btn i{display:block;width:26px;height:2px}.main-nav{position:absolute;top:72px;left:0;right:0;height:auto;display:none;background:#071c3d;color:#fff;padding:12px 24px 25px;box-shadow:0 20px 30px rgba(0,0,0,.18)}.site-header.open .main-nav{display:block}.main-nav a{height:auto;padding:14px 5px;border-bottom:1px solid rgba(255,255,255,.15)}.main-nav a:after{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.site-header,.is-home .site-header{height:68px;padding:0 18px;background:rgba(3,18,40,.96);color:#fff}.brand img{width:108px;filter:brightness(0) invert(1)}.main-nav{top:68px;background:#071c3d;color:#fff}.hero{height:700px;min-height:0}.hero-copy{padding:190px 24px 0}.hero-copy h1{font-size:30px;line-height:1.6;white-space:nowrap}.hero-controls{right:18px;bottom:28px}.hero-controls button{width:42px;height:42px}.industry-showcase{padding:0}.industry-scene{height:740px}.industry-title{top:34px;left:24px}.industry-title>b{font-size:48px}.industry-orbit{display:grid;grid-template-columns:repeat(5,1fr);position:absolute;left:18px;right:18px;bottom:28px;top:auto}.industry-dot,.industry-dot.active,.industry-dot:nth-child(n){position:static;width:auto;height:72px;border-radius:0;border:0;border-top:1px solid rgba(255,255,255,.4);box-shadow:none;background:transparent;padding:8px 3px}.industry-dot.active{background:rgba(22,71,157,.75)}.industry-dot span{display:none}.industry-dot b{font-size:12px}.industry-focus{top:43%;width:calc(100% - 48px)}.industry-focus h2{font-size:32px}.product-showcase{padding:72px 18px}.product-kicker{font-size:28px}.product-stage{height:auto}.product-stage-link{grid-template-columns:1fr;text-align:center}.product-stage img{height:330px}.product-stage-link>div{padding:15px 0 30px}.product-stage h2{font-size:30px}.product-stage p{margin:auto}.product-tabs-wrap{grid-template-columns:1fr}.product-tabs button{min-width:135px}.product-arrows{justify-content:center}.about-home{grid-template-columns:1fr}.about-image{min-height:320px}.about-copy{padding:60px 22px}.product-grid{grid-template-columns:1fr}.news{padding-left:20px;padding-right:20px}.contact-strip{min-height:380px}.footer{padding:55px 20px 0}.footer-grid{grid-template-columns:1fr}.footer-grid>div:nth-child(2),.footer-grid>div:nth-child(3){display:none}.footer-bottom{margin:45px -20px 0;padding:20px}.footer-bottom div{display:flex;flex-wrap:wrap;gap:5px 14px}.page-hero{margin-top:68px}.product-detail-hero{margin-top:68px}.page-hero h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.hero-media.active,.hero-copy.active{animation:none}.hero-copy,.hero-copy.active,.industry-focus,.industry-focus.active,.product-stage-link,.product-stage-link.active,.reveal,.reveal.in-view{opacity:1;transform:none}.industry-picture,.product-stage-link,.reveal{transition:none}}

/* Motion fidelity pass: timings and staging measured from the reference site. */
@media(min-width:761px){.hero-copy{padding:41vh max(80px,calc((100vw - 1440px)/2 + 80px)) 0}.hero-copy h1{font-size:42px;line-height:1.55;letter-spacing:0}.hero-controls{display:none}.is-home .main-nav a.active{color:#00a9e9}.is-home .main-nav a.active:after{display:none}}
.hero-media{transition-duration:1s}.hero-copy.active{animation-duration:.5s;animation-delay:.2s}
.industry-scene:before,.industry-scene:after{content:"";position:absolute;z-index:1;left:50%;top:48%;border-radius:50%;pointer-events:none}.industry-scene:before{width:420px;height:420px;margin:-210px;border:1px solid rgba(255,255,255,.2);animation:loopCir 10s linear infinite}.industry-scene:after{width:310px;height:310px;margin:-155px;border:1px dashed rgba(255,255,255,.25);animation:loopCir 10s linear infinite reverse}.industry-dot:before{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid transparent;transition:border-color .6s,transform .6s}.industry-dot:hover:before,.industry-dot.active:before{border-color:rgba(255,255,255,.7);transform:scale(1.12)}.industry-dot.active{transition:width .6s,height .6s,background-color .6s,box-shadow .6s}.industry-focus.active small{animation:ani1 2s both}.industry-focus.active h2{animation:ani1 2s .1s both}.industry-focus.active p,.industry-focus.active a{animation:ani1 2s .2s both}
.reveal.in-view .section-head>*,.reveal.in-view .product-kicker,.reveal.in-view>header>*{animation:fadeInUp .8s both}.reveal.in-view .section-head>*:nth-child(2),.reveal.in-view>header>*:nth-child(2){animation-delay:.1s}.reveal.in-view .section-head>*:nth-child(3),.reveal.in-view>header>*:nth-child(3){animation-delay:.2s}.about-home.reveal.in-view .about-image{animation:revealLeft 1s both}.about-home.reveal.in-view .about-copy{animation:fadeInUp .9s .15s both}.news.reveal.in-view .news-grid>a{animation:fadeInUp .8s both}.news.reveal.in-view .news-grid>a:nth-child(2){animation-delay:.12s}.news.reveal.in-view .news-grid>a:nth-child(3){animation-delay:.24s}
@keyframes loopCir{to{transform:rotate(360deg)}}@keyframes ani1{0%{opacity:0;transform:translateY(-8px)}45%,100%{opacity:1;transform:none}}@keyframes revealLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:none}}
@media(max-width:760px){.industry-scene:before{width:330px;height:330px;margin:-165px}.industry-scene:after{width:240px;height:240px;margin:-120px}.hero-controls{display:none}.industry-dot,.industry-dot.active,.industry-dot:nth-child(n){position:relative}}
@media(prefers-reduced-motion:reduce){.industry-scene:before,.industry-scene:after,.industry-focus.active small,.industry-focus.active h2,.industry-focus.active p,.industry-focus.active a,.reveal.in-view *{animation:none!important}}

.back-to-top{width:50px;height:50px;border-radius:50%;background:rgba(31,48,70,.82);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 24px rgba(7,24,48,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .3s,transform .3s,background-color .3s,box-shadow .3s}.back-to-top:hover{background:rgba(22,71,157,.88);transform:translateY(-3px);box-shadow:0 11px 28px rgba(7,24,48,.26)}.back-to-top span{font-size:18px;line-height:16px}.back-to-top b{font-size:10px;font-weight:500}
.industry-showcase{height:700px;padding:0;background:#061a3d}.industry-scene{width:100%;max-width:none;height:700px;margin:0}
.industry-showcase.reveal,.industry-showcase.reveal.in-view{opacity:1;transform:none}
@media(max-width:1000px){.industry-showcase{height:620px;padding:0}.industry-scene{height:620px}}
@media(max-width:760px){.industry-showcase{height:740px}.industry-scene{height:740px}}
[data-route="solutions"] .page-hero{background-image:linear-gradient(90deg,rgba(3,20,44,.76),rgba(5,26,52,.28)),url('/images/catalog-extracted/industry-chemical.webp');background-position:center 52%}
[data-route="products"] .page-hero{background-image:linear-gradient(90deg,rgba(3,20,44,.78),rgba(5,26,52,.3)),url('/images/catalog-extracted/reactor-detail.webp');background-position:center 48%}
[data-route="cases"] .page-hero{background-image:linear-gradient(90deg,rgba(3,20,44,.76),rgba(5,26,52,.25)),url('/images/cases/production-line-system.jpg');background-position:center 48%}
[data-route="news"] .page-hero{background-image:linear-gradient(90deg,rgba(3,20,44,.8),rgba(5,26,52,.3)),url('/images/cases/process-piping-enhanced.webp');background-position:center 50%}
[data-route="about"] .page-hero{background-image:linear-gradient(90deg,rgba(3,20,44,.78),rgba(5,26,52,.25)),url('/images/reference/64973efdc3fa2275.png');background-position:center 45%}
[data-route="contact"] .page-hero{background-image:linear-gradient(90deg,rgba(3,20,44,.78),rgba(5,26,52,.28)),url('/images/catalog-extracted/industry-energy.webp');background-position:center 48%}