
@font-face{font-family:NetumSans;src:url('assets/NetumSans-client.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--blue:#0079f2;--ink:#101820;--muted:#57636f;--navy:#06131f}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:#edf0f3;color:var(--ink);font-family:NetumSans,"PingFang SC","Microsoft YaHei",sans-serif}body{overflow-x:hidden}
::selection{background:#0079f2;color:white}a{color:inherit;text-decoration:none}
#stage{width:1920px;transform-origin:top left}#board{width:1920px;background:white}
.section{position:relative;overflow:hidden}h1,h2,h3,p{margin:0}.inner{width:1500px;margin:auto;position:relative;height:100%}
.arrow{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none;vertical-align:middle}.arrow.small{width:20px;height:20px}
.text-link{display:inline-flex;align-items:center;gap:18px;font-size:20px;font-weight:500;line-height:1.5}
.blue{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:0 32px;height:64px;background:var(--blue);color:#fff;font-size:20px;font-weight:500;border-radius:3px}
.hero{height:856px;color:#fff;background:#06121e}
.banner-image{position:absolute;inset:0;background:center/cover no-repeat;opacity:0;transition:opacity .45s ease-out}
.banner-image.active{opacity:1}.banner-image:nth-child(1){background-image:url('assets/client/industrial.webp')}.banner-image:nth-child(2){background-image:url('assets/enhanced/rf-hd.webp')}.banner-image:nth-child(3){background-image:url('assets/client/warehouse.webp')}
.banner-image:nth-child(3)::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(3,13,23,.8),transparent 18%,transparent 76%,rgba(3,13,23,.75))}
.hero .inner{z-index:1}.hero-copy[hidden]{display:none}
.hero-copy.product-copy{left:975px;top:160px}.hero-copy.product-copy h2{font-size:84px}.hero-copy.product-copy p{color:#374550}
.hero h2.banner-heading{font-size:84px;letter-spacing:-2px;font-weight:750;line-height:1.23}
.hero.is-light{color:#101820}.hero.is-light .header{border-color:#10182030}.hero.is-light .header nav{border-color:#10182055}.hero.is-light .rail{border-color:#10182055}.hero.is-light .rail a{border-color:#10182045}
.carousel-controls{position:absolute;bottom:144px;left:0;right:0;display:flex;align-items:center;justify-content:space-between}
.carousel-pips{display:flex;gap:12px}.carousel-pips button{width:64px;height:44px;padding:20px 0;background:none;border:0;cursor:pointer}.carousel-pips button::after{content:"";height:3px;background:#ffffff70;display:block}.carousel-pips button[aria-current="true"]::after{background:#008bff}.is-light .carousel-pips button:not([aria-current="true"])::after{background:#10182055}
.carousel-right{display:flex;align-items:center;gap:20px}.carousel-count{font-size:17px;font-variant-numeric:tabular-nums;letter-spacing:2px;margin-right:8px}
.carousel-control{font:inherit;color:inherit;background:transparent;border:1px solid #ffffff60;display:flex;align-items:center;justify-content:center;width:48px;height:48px;cursor:pointer;border-radius:50%}.carousel-control.prev .arrow{transform:rotate(180deg)}.carousel-control.pause{border:0;border-radius:0;width:100px;font-size:16px}.is-light .carousel-control{border-color:#10182055}
.carousel-control:hover{background:#0079f230}.carousel-controls button:focus-visible,.hero a:focus-visible{outline:3px solid #008bff;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.banner-image{transition:none}}
.header{height:104px;display:flex;align-items:center;border-bottom:1px solid #ffffff25;gap:72px}
.brand{display:flex;align-items:center;justify-content:center;width:296px;flex:none;padding:12px 14px;background:transparent}.brand img{display:block;width:268px;height:auto;object-fit:contain}
.header nav{display:flex;gap:56px;align-items:center;padding-left:48px;border-left:1px solid #ffffff55;font-size:18px;font-weight:500;height:28px}
.header .utility{margin-left:auto;display:flex;align-items:center;gap:32px}.header .button{font-size:17px;height:48px;padding:0 24px}
.hero-copy{position:absolute;left:0;top:168px}
.hero h1{font-size:92px;letter-spacing:-2px;font-weight:750;line-height:1.23}
.hero-copy p{font-size:26px;line-height:1.8;color:#d8e2ed;margin:28px 0 48px;font-weight:400}
.hero-actions{display:flex;align-items:center;gap:44px}
.rail{position:absolute;left:0;right:0;bottom:0;height:116px;border-top:1px solid #ffffff70;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}
.rail a{display:flex;justify-content:space-between;align-items:center;padding:0 48px;font-size:22px;font-weight:500;border-right:1px solid #ffffff55}
.rail a:first-child{padding-left:0}.rail a:last-child{border:0;padding-right:0}
.products{height:1020px;background:#fff}
.section-title{font-size:52px;font-weight:700;letter-spacing:-1.4px;line-height:1.4}
.products .heading{position:absolute;top:100px;left:0;right:0;display:flex;justify-content:space-between;align-items:center}
.products .heading .text-link{padding-bottom:8px;border-bottom:1px solid #cdd4db}
.gallery{position:absolute;top:216px;width:1500px;height:640px;display:block;object-fit:contain}
.product-labels{position:absolute;bottom:100px;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr)}
.product-labels>div{padding:0 36px}.product-labels>div:first-child{padding-left:0}
.product-labels h3{font-size:28px;line-height:1.4;font-weight:650;margin-bottom:10px}
.product-labels p{font-size:19px;color:var(--muted);line-height:1.6;margin-bottom:24px}
.spotlight{height:720px;background:#e0e5eb url('assets/enhanced/rf-hd.webp') calc(50% + 120px) center/cover no-repeat}
.spotlight::before{content:'';position:absolute;inset:0 auto 0 0;width:180px;pointer-events:none;background:linear-gradient(to bottom,#dfe5f0 0%,#e2e9f2 25%,#e7ecf5 50%,#dfe5ef 75%,#e2e9f1 100%);mask-image:linear-gradient(to right,#000 120px,transparent 180px)}
.spotlight .copy{position:absolute;left:1095px;top:146px;max-width:405px}
.spotlight h2{font-size:76px;line-height:1.28;font-weight:750;letter-spacing:-1.8px}
.spotlight p{font-size:24px;line-height:1.85;margin:28px 0 42px;color:#374550}
.industry{height:720px;background:#071724 url('assets/client/warehouse.webp') center 54%/cover no-repeat;color:white}
.industry .copy{position:absolute;top:128px;left:0}
.industry h2{font-size:64px;line-height:1.4;letter-spacing:-1.5px;font-weight:700}
.industry p{font-size:24px;line-height:1.9;color:#e1e7ee;margin-top:28px;max-width:660px}
.tabs{position:absolute;bottom:72px;display:flex;border-bottom:1px solid #ffffff65;gap:52px}
.tabs span{font-size:22px;padding:20px 8px 24px;color:#dbe3ed}.tabs span.selected{color:white;border-bottom:3px solid #0090ff}
.about{height:560px}
.about .inner{padding-top:88px}
.about .intro{font-size:23px;line-height:1.8;color:var(--muted);margin-top:22px}
.about-columns{display:grid;grid-template-columns:1fr 1fr;margin-top:54px}
.about-columns article{padding-right:100px}
.about-columns article+article{border-left:1px solid #c8d0d9;padding-left:100px;padding-right:0}
.about-columns h3{font-size:26px;font-weight:600;margin-bottom:14px}
.about-columns p{font-size:20px;line-height:1.9;color:var(--muted);max-width:620px;margin-bottom:22px}
.contact{height:300px;background:#09263e;color:#fff}
.contact .inner{display:flex;align-items:center;justify-content:space-between}
.contact h2{font-size:44px;font-weight:650;letter-spacing:-1px;line-height:1.4}
.contact p{font-size:21px;color:#d0e2ef;line-height:1.8;margin-top:18px}
.contact .button{height:66px;padding:0 36px;min-width:210px}
.footer{height:420px;background:#06131f;color:#c6d1dc}
.footer .inner{padding-top:70px}
.footer-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:80px}

.footer .tagline{font-size:17px;letter-spacing:2px;margin-top:20px;color:#a9bdce}
.footer h3{font-size:18px;font-weight:550;color:white;margin-bottom:20px}
.footer ul{padding:0;margin:0;list-style:none}.footer li{font-size:16px;line-height:2.2;color:#b9c9d7}
.footer-bottom{border-top:1px solid #294052;position:absolute;bottom:38px;left:0;right:0;padding-top:25px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#9eb1c3}
@media print{html,body{background:white}#stage{transform:none!important;width:1920px!important}body{height:auto!important}}
/* Independent white navigation, separate from all three banner slides. */
.home-header{height:104px;background:#fff;color:var(--ink);border-bottom:1px solid #e0e5e9}
.home-header .header{border:0}.home-header nav{border-color:#ccd5de}.home-header nav a{position:relative;white-space:nowrap}
.home-header nav a.current{color:#006bcf}.home-header nav a.current:after{content:"";position:absolute;left:0;right:0;bottom:-38px;height:3px;background:#0079f2}
.home-header .utility>a[aria-label]{display:flex}.home-header a:focus-visible{outline:3px solid #0079f2;outline-offset:5px}
