/* Quiet surfaces, measured brand marks and image-led product layouts. */
:root{--red:#bb3e46;--ink:#252b30;--muted:#747e85;--line:#e8ecee;--pale:#f5f7f7}
body.rn-site{background:#fff}.button{border-radius:9px;background:#303b43;border-color:#303b43;box-shadow:0 5px 12px #25323c08}.button:hover{background:#182a35;border-color:#182a35;box-shadow:0 8px 20px #25323c18}.header-cta{background:#e8f5fb;color:#0076a8!important;border:0;box-shadow:none}.header-cta:hover{background:#d5edf8}.header nav>a[aria-current=page]:after{height:2px;left:35%;right:35%;border-radius:2px}.eyebrow{color:#8b7273;font-weight:550;letter-spacing:2.2px}.hero-copy h1 em{color:#3c505b}.hero-copy>p{color:#758087}.hero-photo>img{border-radius:26px 0 0 26px}.hero-photo figcaption{bottom:25px}.hero-proof strong{color:#3c505b}.home-hero{background:linear-gradient(110deg,#f9faf8,#f0f2f0)}
/* Equalize visible marks, not the source images' large white margins. */
.brand-ribbon{border:0;padding:30px 0 22px;background:white}.brand-ribbon .wrap{grid-template-columns:1fr repeat(5,1fr);gap:25px;min-height:140px}.brand-ribbon p{border:0;line-height:1.6}.brand-ribbon p>span{display:block;font-size:8px;letter-spacing:1.2px;color:#a2aaae;margin-bottom:9px}.brand-ribbon p>strong{display:block;font-size:15px;color:#37444c}.brand-ribbon .ribbon-more{display:inline-block;font-size:10px;color:#8e979d;margin-top:10px}.brand-ribbon .wrap>a{display:flex;flex-direction:column;gap:18px;justify-content:center;min-height:114px;background:#fff}.brand-ribbon .wrap>a:hover .ribbon-name{color:var(--red)}.ribbon-name{font-size:11px;color:#939da4;letter-spacing:1px}.logo-viewport{display:block;position:relative;overflow:hidden;width:min(165px,calc(54px * var(--logo-ratio)));aspect-ratio:var(--logo-ratio);flex-shrink:0}.brand-ribbon .logo-viewport{margin-top:auto;margin-bottom:auto}.brand-ribbon .ribbon-name{margin-top:0}.logo-viewport>img,.brand-logo .logo-viewport>img,.brand-ribbon .logo-viewport>img{position:absolute;display:block;width:var(--logo-width);height:var(--logo-height);max-width:none;max-height:none;left:var(--logo-left);top:var(--logo-top);transform:none;object-fit:fill}.brand-ribbon .wrap>a{display:grid;grid-template-rows:66px 20px;justify-items:center;align-items:center;align-content:center;gap:9px}
/* Product surfaces use asymmetrical image compositions instead of wireframe boxes. */
.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.product-panel{position:relative;min-height:276px;padding:34px 30px;overflow:hidden;border:0;border-radius:20px;background:#f3f5f4;box-shadow:0 2px 3px #24323c02}.product-panel:nth-child(2){background:#eef2f4}.product-panel:nth-child(3){background:#f4f2ef}.product-panel:nth-child(4){background:#f0f3f2}.product-panel:hover{transform:translateY(-4px);box-shadow:0 18px 35px #2636400c}.product-art{position:absolute;right:0;top:0;width:45%;height:100%;background-image:url('/wp-content/uploads/runxin/v3/components.png');background-repeat:no-repeat;mix-blend-mode:multiply;opacity:.9;mask-image:linear-gradient(90deg,transparent,#000 23%);transition:transform .4s}.product-panel:hover .product-art{transform:scale(1.045)}.art-0{background-size:auto 180%;background-position:100% 0}.art-1{background-size:auto 220%;background-position:53% 68%}.art-2{background-size:auto 170%;background-position:100% 95%}.art-3{background-size:auto 185%;background-position:0% 72%}.product-panel .panel-top,.product-panel h3,.product-panel>p,.product-panel .panel-bottom{position:relative;z-index:1;max-width:62%}.product-panel .panel-top{margin-bottom:43px}.product-panel .panel-top small{font-size:9px;letter-spacing:1px;color:#929da4}.product-panel h3{font-size:22px;margin-bottom:12px}.product-panel>p{font-size:11px;min-height:0;color:#7c878e}.panel-bottom{border:0;padding:0;margin-top:30px;min-height:25px;gap:10px;color:#8b969d}.panel-bottom svg{color:#5d747f;width:20px}.service-preview-list>div{border-color:#e5eaeb}.service-preview-list>div>span{color:#8e9ba2}.section-heading h2{line-height:1.45}.section-heading>p{color:#818c93}.pale{background:#f5f7f7}.service-preview-list h3{color:#36454e}.experience{background:linear-gradient(145deg,#eaf0ef,#dde6e6);border-radius:24px;color:#425961;box-shadow:inset 0 1px #fff;min-height:430px}.experience .eyebrow{color:#8a9ca1}.experience>strong{color:#405b64;font-size:150px;font-weight:350}.experience>p,.about-preview .experience>p{color:#788d94!important;font-size:12px}.experience>div{border-color:#c5d3d5;color:#667e86}.experience:after{color:#cedbdd;right:-3px;bottom:-30px;font-size:95px}.experience:before{content:'';position:absolute;width:290px;height:290px;border:1px solid #fff9;border-radius:50%;right:-125px;top:-100px;box-shadow:0 0 0 40px #ffffff15,0 0 0 80px #ffffff0a;pointer-events:none}.principles-inline span:before{color:#99adb4}.cta-band{background:#fff;color:var(--ink);padding:0 0 52px}.cta-band>.wrap{background:linear-gradient(115deg,#f1f4f3,#e9efef);border-radius:22px;min-height:165px;padding:38px 46px;max-width:1224px;position:relative;overflow:hidden}.cta-band>.wrap:before{content:'';position:absolute;left:0;top:38px;bottom:38px;width:3px;background:#b56d70;border-radius:3px}.cta-band span{color:#8c9aa0}.cta-band h2{font-size:29px;color:#34464f}.cta-band .button-white{background:#34474f!important;border-color:#34474f!important;color:#fff!important;box-shadow:none}.cta-band .button-white:hover{background:#213740!important}.footer{background:#f7f9f8}.footer-bottom{border-color:#e3e9e8}.brand-grid{gap:24px}.brand-card{border:0;border-radius:18px;background:#fff;box-shadow:0 3px 18px #213a4810;overflow:hidden}.brand-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #213a4819}.brand-directory{background:linear-gradient(#fff,#f7f9f9)}.brand-logo{height:152px;border:0;background:#fff;position:relative}.brand-logo:after{content:'';position:absolute;bottom:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,#e8edef,transparent)}.brand-info{padding:24px}.brand-info>a{border:0;background:#f3f6f5;border-radius:8px;margin-top:20px;padding:10px 12px;color:#61767e}.brand-info>a svg{color:#61767e}.tag{color:#74858d;background:#f2f5f5;border-radius:5px;padding:5px 8px}.brand-info h3{font-weight:600}.filters button{border-radius:20px;border:0;padding:10px 16px}.filters button.active{background:#3d535e}.filters button:hover{background:#edf2f3}.filters button.active:hover{background:#2d434d}.brand-search{border:0;border-radius:24px;background:#f3f6f5;padding:11px 17px}.brand-toolbar{flex-wrap:wrap;gap:18px;border:0;background:#fff;padding-bottom:18px}.page-title,.about-title,.contact-title{background:linear-gradient(115deg,#f7f9f8,#edf2f2);border:0}.title-grid h1,.contact-title h1{color:#31424b}.title-grid .eyebrow,.contact-title .eyebrow{color:#85999f}.title-note{color:#8a9aa1}.inline-years strong{color:#57757e}.red-caption{color:#7b929a}.product-catalog figure{border-radius:22px;overflow:hidden}.product-catalog article>span{color:#95a5ac}.product-catalog a{color:#617d88}.capability-grid article{border:0;border-radius:17px;box-shadow:0 3px 18px #29404e04;padding:32px;background:#fff}.serial{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;background:#eef3f3;color:#6b858f;border-radius:12px}.capability-grid h3{margin-top:25px}.values-grid{gap:22px}.values-grid article{border:0;background:white;border-radius:17px;padding:28px}.values-grid article>span{color:#9aadb4}.values-grid h3{font-size:22px}.industry-tags>span{border:0;background:#f1f5f4;border-radius:12px;color:#50666f}.industry-tags small{color:#a1b2b8}.process li:before{background:#99adb4}.process span{color:#8a9da4}.inquiry-panel{border:0;border-radius:23px;background:#f2f5f4}.inquiry-panel input,.inquiry-panel textarea{border:1px solid #e4eae9;border-radius:9px;padding:12px 14px}.contact-phone strong{color:#3d5964}.contact-phone>span svg,.contact-detail>span svg{color:#90a5ad}.wechat-inline>img{border-radius:13px;border-color:#edf1f0}.footer-qr img{border:0;border-radius:10px}#qr-dialog{border:0;border-radius:20px;box-shadow:0 25px 100px #20354433}.copy-button{color:#7c9099}.button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#92acb5}
@media(min-width:1600px){.cta-band>.wrap{max-width:1364px}.brand-ribbon .logo-viewport{width:min(184px,calc(59px * var(--logo-ratio)))}}
@media(max-width:1100px){.brand-ribbon .wrap{gap:18px}.brand-ribbon .logo-viewport{width:min(135px,calc(47px * var(--logo-ratio)))}.cta-band>.wrap{margin:0 30px}.product-panel{padding:28px 25px}.product-panel h3{font-size:20px}.brand-toolbar{flex-direction:row;align-items:center}.filters{gap:2px}.filters button{font-size:11px;padding:9px 13px}}
@media(max-width:767px){.hero-copy h1 em{color:#435d67}.hero-photo>img{border-radius:0}.hero-photo figcaption{bottom:14px}.brand-ribbon{padding:16px 0 10px}.brand-ribbon .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px;padding-top:14px;padding-bottom:20px}.brand-ribbon .wrap>p{grid-column:1/-1;display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:6px}.brand-ribbon p>span{display:none}.brand-ribbon p>strong{font-size:16px}.brand-ribbon .ribbon-more{margin:0 0 0 auto;font-size:11px}.brand-ribbon .wrap>a{min-height:100px;grid-template-rows:62px 20px;gap:8px;background:#fff}.brand-ribbon .wrap>a:last-child{grid-column:1/-1}.brand-ribbon .logo-viewport{width:min(152px,calc(50px * var(--logo-ratio)))}.ribbon-name{font-size:11px}.product-grid{grid-template-columns:1fr;gap:15px}.product-panel{min-height:245px;padding:27px 24px;border-radius:18px}.product-panel h3{font-size:21px;min-height:0}.product-panel .panel-top{margin-bottom:33px}.product-panel>p{font-size:11px;line-height:1.9}.product-panel .panel-bottom{font-size:10px;margin-top:27px}.product-art{width:43%;opacity:.7}.product-panel .panel-top,.product-panel h3,.product-panel>p,.product-panel .panel-bottom{max-width:68%}.experience{min-height:335px;padding:30px}.experience>strong{font-size:115px}.experience:after{font-size:80px}.experience .eyebrow{font-size:9px}.cta-band{padding:0 0 30px}.cta-band>.wrap{margin:0 17px;padding:30px 26px;border-radius:18px;min-height:0}.cta-band h2{font-size:25px;line-height:1.5}.cta-band .button-white{font-size:12px}.brand-grid{gap:15px}.brand-logo{height:115px;padding:15px}.brand-logo .logo-viewport{width:min(125px,calc(47px * var(--logo-ratio)))}.brand-info{padding:18px 13px}.brand-info h3{font-size:16px}.brand-info>a{padding:9px 8px}.brand-card{border-radius:14px;box-shadow:0 4px 14px #213a4810}.brand-toolbar{flex-direction:column;align-items:stretch}.filters{gap:4px}.filters button{font-size:11px;padding:9px 12px}.brand-info>p{min-height:78px}.capability-grid article{padding:26px}.values-grid{gap:14px}.values-grid article{padding:23px 18px}.values-grid h3{font-size:20px}.values-grid p{font-size:12px}.inquiry-panel{padding:25px 20px;border-radius:18px}.footer-contact .footer-phone{color:#3d5964}.hero-copy .button{background:#354b55}.industry-tags>span{border-radius:10px}.brand-ribbon .wrap>a:hover{background:#f9fbfa;border-radius:12px}}

/* Featured marks and their product scope share a consistent baseline. */
.brand-ribbon .wrap>a{grid-template-rows:66px 20px minmax(48px,auto);align-self:start;gap:9px}
.ribbon-products{display:block;max-width:185px;font-size:10px;line-height:1.7;text-align:center;color:#89949b;font-weight:400;align-self:start;overflow-wrap:anywhere}
@media(max-width:767px){.brand-ribbon .wrap>a{grid-template-rows:62px 20px minmax(48px,auto)}.ribbon-products{max-width:170px}}

/* A little more breathing room around the homepage brand marks. */
.brand-ribbon .logo-viewport{scale:.85}

/* Keep the company mark balanced with the shared navigation. */
.header .logo img{width:161px;height:auto}
@media(max-width:767px){.header .logo img{width:136px}}