/* Bright blue/white manufacturing system, inspired by the glove reference. */
:root,body[data-page]{--ink:#294358;--muted:#587186;--blue:#187fd9;--blue-deep:#246aab;--pale:#f2f7fd;--line:#e1eaf3;--red:#1680e1;--max:1300px}
body[data-page]{background:#fff;color:var(--ink);font-family:'Segoe UI',Arial,'Microsoft YaHei',sans-serif}
body[data-page] .container{max-width:var(--max);padding-inline:40px}
body[data-page] h1,body[data-page] h2,body[data-page] h3{color:#294358;letter-spacing:-.027em;font-weight:650}
body[data-page] p{color:#587186}
body[data-page] .topline{background:#f3f8fd;color:#517693;border:0;font-size:9px;letter-spacing:.035em}
body[data-page] .topline-inner{min-height:26px}
body[data-page] .header{background:#fffffff8;border-color:#e8eff6}
body[data-page] .nav-inner{min-height:72px;gap:28px}
body[data-page] .brand{flex-basis:128px}
body[data-page] .logo{width:128px;height:45px}
body[data-page] .nav-inner nav{gap:25px}
body[data-page] .nav-item>a{color:#4f6b80;font-size:12px;font-weight:600}
body[data-page] .nav-item>a:after{bottom:15px;background:#1680e1;height:2px}
body[data-page] .nav-actions{gap:15px}
body[data-page] .lang-switch{color:#517693;border-color:#e1ebf4;font-size:11px}
body[data-page] .dropdown{background:#fff;border:1px solid #e3edf6;border-radius:0 0 14px 14px;box-shadow:0 12px 28px #356e9810}
body[data-page] .dropdown a{color:#55788f;font-size:12px}
body[data-page] .dropdown a:hover{color:#1680e1}
body[data-page] .dropdown-title{color:#517693}
body[data-page] .button{border-radius:999px;border:1px solid transparent;min-height:47px;padding:13px 25px;font-size:12px;gap:17px;font-weight:550;letter-spacing:0;box-shadow:none}
body[data-page] .button.red{background:#1680e1;border-color:#1680e1;color:#fff;box-shadow:0 5px 14px #1680e115}
body[data-page] .button.red:hover{background:#096ec9;border-color:#096ec9;color:#fff;transform:translateY(-1px)}
body[data-page] .button.outline{background:#eaf3ff;border-color:#eaf3ff;color:#2677ba}
body[data-page] .button.outline:hover{background:#dcecff;border-color:#dcecff;color:#196eaf;transform:translateY(-1px)}
body[data-page] .button.small{min-height:38px;padding:10px 18px;font-size:10px}
body[data-page] .button:focus-visible{outline:3px solid #a8d5ff;outline-offset:4px}
body[data-page] .text-link{color:#287fca;font-weight:550;font-size:12px}
body[data-page] .eyebrow{color:#517693;letter-spacing:.12em;font-size:10px}
body[data-page] .section{padding-block:88px}
body[data-page] .pale{background:#f5f9fe}
body[data-page] .section-head{max-width:830px;margin:0 auto;text-align:center}
body[data-page] .section-head h2{font-size:clamp(31px,3vw,42px);line-height:1.19;text-transform:none;margin:0 auto 19px;color:#294358;max-width:780px}
body[data-page] .section-head h2:before,body[data-page] .section-head h2:after{content:none;display:none}
body[data-page] .section-head .eyebrow{display:block;margin-bottom:18px;font-size:9px;color:#517693}
body[data-page] .section-head p{font-size:14px;line-height:1.85;max-width:660px;margin:0 auto 22px;color:#587186}
body[data-page] .section-heading-row{display:block;text-align:center;margin-bottom:39px}
body[data-page] .section-heading-row>.text-link{display:inline-flex;border:0;background:none;border-radius:0;padding:0;margin:6px auto 0;font-size:12px;color:#468ac1;text-decoration:underline;text-underline-offset:7px;text-decoration-color:#a9c6dc}

/* Preserve the real banner composition and the requested right-middle controls. */
body[data-page] .hero{background:#f3f8fd;border-bottom:0}
body[data-page] .hero-slides{height:clamp(570px,44vw,650px)}
body[data-page] .hero-container{align-items:center;padding-block:45px}
body[data-page] .hero-copy{width:57%;max-width:670px;margin:0;padding-right:20px}
body[data-page] .hero-copy .hero-title{font-size:clamp(46px,4.35vw,65px);color:#254866;line-height:1.08;font-weight:650;letter-spacing:-.04em;text-transform:none;max-width:650px;margin-bottom:25px}
body[data-page][data-language="zh"] .hero-copy .hero-title{font-size:clamp(43px,4.1vw,57px);line-height:1.18;letter-spacing:-.02em}
body[data-page] .hero-copy .eyebrow{font-size:9px;color:#517693;letter-spacing:.14em;margin-bottom:24px}
body[data-page] .hero-copy .eyebrow i{background:#1680e1}
body[data-page] .hero-copy p{font-size:16px;line-height:1.85;max-width:485px;color:#587186;margin-bottom:29px}
body[data-page] .hero-art{inset:0}
body[data-page] .hero-art img{height:100%;width:100%;min-width:100%;margin:0;object-fit:cover;object-position:center}
body[data-page] .hero-art:after{background:linear-gradient(90deg,#f4f9fde0 0%,#f4f9fd70 33%,#f4f9fd00 61%)}
body[data-page] .hero-buttons{gap:13px}
body[data-page] .hero-buttons .button{padding:14px 25px;font-size:11px;min-height:49px}
body[data-page] .hero-tags{gap:9px;margin-top:26px}
body[data-page] .hero-tags>*{padding:6px 10px;border:1px solid #d9e9f5;border-radius:999px;background:#ffffff9c;color:#517693;font-size:9px;line-height:1.5}
body[data-page] .hero-controls.container{inset:50% 23px auto auto;width:53px;max-width:none;padding:17px 8px 11px;margin:0;transform:translateY(-50%);background:#ffffffd9;border:1px solid #edf6fe;border-radius:29px;box-shadow:0 6px 20px #5196cc0b;z-index:4}
body[data-page] .slide-dot{background:#eef6ff;color:#517693}
body[data-page] .slide-dot i{border-color:#d5e7f5;background:transparent}
body[data-page] .slide-dot.active{background:#1680e1;color:#fff}
body[data-page] .slide-dot.active i{border-color:#1680e1;background:transparent}
body[data-page] .slide-dots:before{background:#dceaf6}
body[data-page] .slide-pause{background:#fff;border-color:#dceaf6;color:#517693}
body[data-page] .value-strip{background:#fff;border-color:#eaf2f9}
body[data-page] .value-inner{min-height:86px}
body[data-page] .value-inner>div{font-size:11px;font-weight:500;color:#517693;border-color:#e7f0f7}
body[data-page] .value-icon{color:#8fb7d5;font-size:22px}

/* Four tab choices and a substantial product-application panel. */
body[data-page] .application-section{padding:80px 0 91px;background:#fff}
body[data-page] .application-tabs{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:29px auto 39px}
body[data-page] .application-tab{border:1px solid transparent;border-radius:999px;padding:12px 23px;background:#f1f6fc;color:#517693;font-size:12px;line-height:1.4;font-weight:550;transition:background .2s,color .2s}
body[data-page] .application-tab:hover{background:#e5f1ff;color:#2276bd}
body[data-page] .application-tab[aria-selected="true"],body[data-page] .application-tab.active{background:#1680e1;color:#fff;box-shadow:0 4px 12px #1680e118}
body[data-page] .application-panel{display:grid;grid-template-columns:.95fr 1.15fr;min-height:432px;background:#f5f8fc;border-radius:25px;overflow:hidden}
body[data-page] .application-panel[hidden],body[data-page] .application-panel[aria-hidden="true"]{display:none}
body[data-page] .application-image{min-width:0;background:linear-gradient(145deg,#edf6ff,#f8fbfe);display:flex;align-items:center;justify-content:center}
body[data-page] .application-image img{height:100%;max-height:490px;width:100%;object-fit:contain;padding:29px}
body[data-page] .application-copy{align-self:center;padding:50px 49px}
body[data-page] .application-copy .eyebrow{font-size:9px;color:#517693;margin-bottom:18px}
body[data-page] .application-copy h3,body[data-page] .application-copy h2{font-size:32px;color:#2e506a;line-height:1.18;margin-bottom:23px}
body[data-page] .application-copy p{font-size:15px;color:#587186;line-height:1.85;margin-bottom:30px;max-width:505px}
body[data-page] .application-copy>a:not(.button){color:#3486c9;font-size:12px;font-weight:550}
body[data-page] .application-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
body[data-page] .application-links>.button{max-width:100%}

body[data-page] .home-about{position:relative;background:linear-gradient(180deg,#edf6ff 0%,#f5faff 78%,#fff 100%);overflow:hidden}
body[data-page] .about-split{grid-template-columns:1fr 1.08fr;gap:77px;align-items:center}
body[data-page] .about-copy{order:1}
body[data-page] .about-photo{order:2;padding:0}
body[data-page] .about-photo:before{display:none}
body[data-page] .about-photo>img{border-radius:24px;aspect-ratio:1.36;object-fit:cover}
body[data-page] .about-copy h2{font-size:39px;line-height:1.2;color:#30526b;text-transform:none;margin-bottom:25px}
body[data-page] .about-copy p{font-size:14px;line-height:1.9;color:#587186}
body[data-page] .about-photo .photo-caption{left:23px;bottom:23px;padding:11px 17px;border-radius:999px;font-size:8px;background:#ffffffeb;color:#517693;box-shadow:none}
body[data-page] .check-list li{font-size:12px;color:#587186}
body[data-page] .check-list li:before{color:#1680e1}
body[data-page] .support-section{padding:79px 0 85px;background:#fff}
body[data-page] .support-layout{display:grid;grid-template-columns:1.2fr .85fr .85fr;gap:23px;align-items:center;margin-top:40px}
body[data-page] .support-photo{min-height:350px;overflow:hidden;border-radius:24px;background:#edf5fd}
body[data-page] .support-photo img{width:100%;height:350px;object-fit:cover}
body[data-page] .support-card{min-height:284px;border-radius:21px;padding:35px 27px;background:#fff;border:1px solid #e8f0f7;box-shadow:0 12px 35px #6c98b814}
body[data-page] .support-card h3{font-size:23px;line-height:1.22;color:#3b5d77;margin-bottom:20px}
body[data-page] .support-card p{font-size:13px;line-height:1.9;color:#587186;min-height:72px;margin-bottom:28px}
body[data-page] .support-card>a{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#eaf3ff;color:#297dc1;font-size:11px;line-height:1.5;padding:11px 19px;border:0}

/* Matching product, engineering and information cards. */
body[data-page] .home-showcase{background:#fff}
body[data-page] .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
body[data-page] .product-card{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #e6eef6;border-radius:21px;background:#f8fbfe;overflow:hidden;min-height:248px;box-shadow:none}
body[data-page] .product-card:hover{transform:translateY(-3px);border-color:#c4e0f7;box-shadow:0 9px 23px #5593c40a}
body[data-page] .product-image{height:100%;aspect-ratio:auto;background:#eff6fd}
body[data-page] .product-image img{height:100%;width:100%;object-fit:contain;padding:22px}
body[data-page] .product-copy{padding:30px 27px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;opacity:1;visibility:visible}
body[data-page] .product-copy .eyebrow{font-size:8px;color:#517693;letter-spacing:.1em;margin-bottom:13px}
body[data-page] .product-copy h3{font-size:24px;line-height:1.2;color:#367da9;margin-bottom:23px;min-height:0}
body[data-page] .product-copy .text-link{font-size:11px;color:#4a91c4;margin:0}
body[data-page] .home-showcase .micro-note{font-size:10px;text-align:center;max-width:760px;margin:26px auto 0;color:#517693}
body[data-page] .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
body[data-page] .service-card{display:grid;grid-template-columns:.9fr 1.1fr;border-radius:20px;border:1px solid #e3edf6;background:#fff;min-height:258px;overflow:hidden;box-shadow:none}
body[data-page] .service-card:hover{border-color:#c7e0f4;box-shadow:0 9px 23px #6397be0b;transform:translateY(-3px)}
body[data-page] .card-image{aspect-ratio:auto;height:100%;background:#eff6fd}
body[data-page] .card-image img{height:100%;object-fit:cover}
body[data-page] .card-copy{padding:28px 25px}
body[data-page] .card-copy h3{font-size:22px;min-height:0;color:#3e6886;line-height:1.24}
body[data-page] .card-copy p{font-size:12px;line-height:1.8;color:#587186;min-height:0}
body[data-page] .card-number{color:#517693;font-size:9px}
body[data-page] .card-copy .text-link{font-size:11px}
body[data-page] .process{gap:23px;margin-top:38px}
body[data-page] .process li{padding:27px 24px;border:1px solid #e5eff7;border-radius:18px;background:#fff}
body[data-page] .step-no{color:#8bb7d8;font-size:29px}
body[data-page] .process h3{color:#426c8a;font-size:19px}
body[data-page] .process p{color:#587186;font-size:12px;line-height:1.8}
body[data-page] .quality-split{grid-template-columns:1fr 1.05fr;gap:76px}
body[data-page] .quality-split h2{color:#335b78;font-size:39px}
body[data-page] .quality-split p{color:#587186;font-size:14px;line-height:1.9}
body[data-page] .quality-photo>img{border-radius:23px;aspect-ratio:1.45}
body[data-page] .quality-photo .photo-caption{border-radius:999px;font-size:8px;color:#517693;background:#ffffffeb;padding:11px 17px}
body[data-page] .article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
body[data-page] .article-card{display:block;border-radius:20px;border:1px solid #e3eef7;background:#fff;overflow:hidden}
body[data-page] .article-card>img{aspect-ratio:1.65;height:auto}
body[data-page] .article-card>div{padding:28px}
body[data-page] .article-card h3{font-size:22px;color:#426f8f;min-height:52px;line-height:1.25}
body[data-page] .article-card p{font-size:12px;line-height:1.8;color:#587186}
body[data-page] .article-card .eyebrow{font-size:8px;color:#517693}
body[data-page] .project-prompt{background:#f0f7ff;border-color:#e4effa;padding-block:34px}
body[data-page] .project-prompt h2,body[data-page] .project-prompt h3{font-size:25px;color:#3b698a}
body[data-page] .project-prompt p{font-size:12px;color:#587186}
body[data-page] .cta-section{background:#f0f7ff;border-color:#e4effa}
body[data-page] .cta-inner h2{font-size:37px;color:#3b6787}
body[data-page] footer{background:#fff;border-top:1px solid #e9f2f9}
body[data-page] .footer-grid h3{color:#5e87a6}
body[data-page] .footer-grid a,body[data-page] .footer-grid p{color:#587186}
body[data-page] .footer-bottom{color:#517693;border-color:#e7f1f9}
body[data-page] .floating-contact a{background:#1680e1;color:#fff;border:0;border-radius:999px;padding:13px 21px;box-shadow:0 5px 16px #1680e121}

/* Interior pages and directly submitted enquiry forms share the same palette. */
body[data-page] .page-hero{background:linear-gradient(135deg,#f1f7ff,#f8fbff);border-color:#e6f0f9;padding:43px 0 51px}
body[data-page] .page-hero-inner{grid-template-columns:1.18fr 1fr;gap:65px;min-height:275px}
body[data-page] .page-hero h1{font-size:46px;color:#305775;line-height:1.17;text-transform:none}
body[data-page][data-language="zh"] .page-hero h1{font-size:41px}
body[data-page] .page-hero p{font-size:14px;line-height:1.85;color:#587186}
body[data-page] .page-hero-image img{border-radius:21px;padding:15px;background:#fff;aspect-ratio:1.5}
body[data-page] .breadcrumb{color:#517693;font-size:10px}
body[data-page] .side-nav{border-radius:17px;border-color:#deedf8;background:#f3f8fe;padding:25px}
body[data-page] .side-nav h3{color:#5986a6}
body[data-page] .side-nav>a:not(.button){font-size:12px;color:#517693;border-color:#e0edf8}
body[data-page] .side-nav>a.selected{color:#1680e1}
body[data-page] .side-nav .button{font-size:10px;padding:12px 16px}
body[data-page] .detail-content h2,body[data-page] .reading-width h2{color:#3e7399;font-size:29px}
body[data-page] .detail-content>p,body[data-page] .reading-width p{font-size:14px;color:#587186;line-height:1.95}
body[data-page] .feature-row>div{border-radius:11px;border-color:#e0edf8;background:#f5faff}
body[data-page] .feature-row h3{color:#517693;font-size:14px}
body[data-page] .gallery figure,body[data-page] .image-comparison figure{border-radius:15px;overflow:hidden;border-color:#e0edf8}
body[data-page] .image-open{background:#f2f8fe}
body[data-page] .image-open img{padding:11px}
body[data-page] .gallery figcaption{color:#517693;padding:14px 16px;font-size:10px}
body[data-page] .gallery-enquire{color:#3687c3}
body[data-page] .brief-box{border:1px solid #dcecf8;border-radius:15px;background:#f1f8ff;padding:33px}
body[data-page] .brief-box h3{color:#5284a7}
body[data-page] .quality-grid article{border-radius:18px;border-color:#e1edf8;background:#f4f9fe}
body[data-page] .quality-grid h2{color:#467dA5}
body[data-page] .buyer-faq summary{color:#4f87af}
body[data-page] .inquiry-box{border-radius:20px;border-color:#deedf9;background:#f4f9ff;padding:38px}
body[data-page] .contact-layout h2{color:#3d759e;font-size:30px}
body[data-page] .contact-card a,body[data-page] .contact-card p{color:#5c83a2;font-size:15px}
body[data-page] label{color:#5b7d99;font-weight:550}
body[data-page] input,body[data-page] select,body[data-page] textarea{background:#fff;border:1px solid #d6e8f7;border-radius:7px;color:#3d6280;padding:13px}
body[data-page] input:focus,body[data-page] select:focus,body[data-page] textarea:focus{outline:2px solid #bcdeff;outline-offset:2px;border-color:#98c9f6}
body[data-page] .form-note,body[data-page] #inquiry-form .field-hint{color:#517693}
body[data-page] .enquiry-context{border-color:#1680e1;background:#e7f3ff;color:#517693;border-radius:5px}
body[data-page] #inquiry-form .submit-spinner{border-color:#ffffff75;border-top-color:#fff}
body[data-page] .lightbox{border-color:#e1eef8;border-radius:15px}
body[data-page] .lightbox::backdrop{background:#e8f3fce8}

@media(min-width:1550px){body[data-page] .hero-slides{height:700px}}
@media(max-width:1150px){
 body[data-page] .container{padding-inline:32px}body[data-page] .nav-inner{gap:19px}body[data-page] .nav-inner nav{gap:17px}body[data-page] .nav-item>a{font-size:11px}body[data-page] .brand{flex-basis:115px}body[data-page] .logo{width:115px}
 body[data-page] .hero-copy{width:59%}body[data-page] .hero-copy .hero-title{font-size:51px}body[data-page][data-language="zh"] .hero-copy .hero-title{font-size:47px}body[data-page] .hero-copy p{font-size:15px;max-width:410px}
 body[data-page] .application-copy{padding:38px}body[data-page] .application-copy h3{font-size:29px}body[data-page] .about-split,body[data-page] .quality-split{gap:52px}body[data-page] .support-layout{gap:18px}body[data-page] .support-card{padding:30px 22px}body[data-page] .support-card h3{font-size:21px}
 body[data-page] .product-copy{padding:26px 22px}body[data-page] .product-copy h3{font-size:22px}body[data-page] .card-copy{padding:26px 22px}
}
@media(max-width:900px){
 body[data-page] .nav-inner nav{top:72px;padding:18px 32px}body[data-page] .nav-item>a{font-size:13px}body[data-page] .nav-item>a:after{bottom:8px}body[data-page] .dropdown{border:0;border-radius:0;background:#f7fbff;box-shadow:none}
 body[data-page] .section{padding-block:68px}body[data-page] .section-head h2{font-size:34px}body[data-page] .hero-slides{height:590px}body[data-page] .hero-copy{width:65%}body[data-page] .hero-copy .hero-title{font-size:45px}body[data-page][data-language="zh"] .hero-copy .hero-title{font-size:41px}body[data-page] .hero-copy p{font-size:14px;max-width:350px}body[data-page] .hero-buttons .button{padding:13px 20px;font-size:10px}body[data-page] .hero-controls.container{right:16px;width:48px;padding-inline:6px}
 body[data-page] .application-section,body[data-page] .support-section{padding-block:68px}body[data-page] .application-tabs{gap:9px;margin-bottom:30px}body[data-page] .application-tab{padding:11px 17px;font-size:11px}body[data-page] .application-panel{min-height:365px}body[data-page] .application-image img{padding:22px}body[data-page] .application-copy{padding:29px}body[data-page] .application-copy h3{font-size:27px}body[data-page] .application-copy p{font-size:13px}
 body[data-page] .about-split,body[data-page] .quality-split{gap:35px}body[data-page] .about-copy h2,body[data-page] .quality-split h2{font-size:33px}body[data-page] .about-copy p{font-size:13px}body[data-page] .support-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}body[data-page] .support-photo{grid-column:1/-1;min-height:300px}body[data-page] .support-photo img{height:310px}body[data-page] .support-card{min-height:255px;padding:31px}
 body[data-page] .product-card{display:flex;flex-direction:column}body[data-page] .product-image{aspect-ratio:1.4;height:auto}body[data-page] .product-copy{padding:27px}body[data-page] .product-copy h3{font-size:23px}body[data-page] .service-card{display:flex;flex-direction:column}body[data-page] .card-image{aspect-ratio:1.7;height:auto}body[data-page] .card-copy{padding:28px}body[data-page] .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-page] .page-hero h1{font-size:38px}body[data-page][data-language="zh"] .page-hero h1{font-size:36px}body[data-page] .page-hero-inner{gap:36px}body[data-page] .detail-layout{grid-template-columns:1fr;gap:37px}body[data-page] .side-nav{padding:20px}body[data-page] .inquiry-box{padding:28px}
}
@media(max-width:600px){
 body[data-page] .container{padding-inline:23px}body[data-page] .topline{display:none}body[data-page] .nav-inner{min-height:72px;gap:10px}body[data-page] .nav-inner nav{top:72px;padding-inline:23px}body[data-page] .brand{flex-basis:107px}body[data-page] .logo{width:107px;height:41px}body[data-page] .nav-actions{gap:11px}body[data-page] .button.small{padding:9px 12px;font-size:9px;min-height:35px}body[data-page] .lang-switch{font-size:10px}
 body[data-page] .section,body[data-page] .application-section,body[data-page] .support-section{padding-block:55px}body[data-page] .section-head h2{font-size:30px;line-height:1.24}body[data-page] .section-head p{font-size:12px}body[data-page] .section-heading-row{margin-bottom:30px}body[data-page] .section-heading-row>.text-link{font-size:11px}
 body[data-page] .hero-slides{height:744px}body[data-page] .hero-container{align-items:flex-start;padding-top:44px;padding-bottom:0}body[data-page] .hero-copy{width:100%;padding-right:0;max-width:none}body[data-page] .hero-copy .hero-title{font-size:39px;line-height:1.1;max-width:420px;margin-bottom:22px}body[data-page][data-language="zh"] .hero-copy .hero-title{font-size:36px;line-height:1.2}body[data-page] .hero-copy .eyebrow{font-size:8px;letter-spacing:.11em;margin-bottom:22px}body[data-page] .hero-copy p{font-size:13px;line-height:1.85;max-width:330px;margin-bottom:26px}body[data-page] .hero-buttons{gap:10px}body[data-page] .hero-buttons .button{font-size:9px;padding:12px 18px;min-height:44px}body[data-page] .hero-tags{margin-top:22px;gap:7px}body[data-page] .hero-tags>*{font-size:8px;padding:6px 9px}
 body[data-page] .hero-art{top:410px;bottom:0}body[data-page] .hero-art img{width:170%;min-width:170%;margin-left:-70%;object-position:78% center}body[data-page] .hero-art:after{background:linear-gradient(180deg,#f3f8fd 0%,#f3f8fd3d 26%,#f3f8fd00 49%)}body[data-page] .hero-controls.container{top:77%;right:12px;width:43px;padding:14px 4px 10px}body[data-page] .value-inner{min-height:105px;padding-block:15px;gap:7px 17px}body[data-page] .value-inner>div{font-size:9px;gap:8px}body[data-page] .value-icon{font-size:19px}
 body[data-page] .application-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:25px 0 27px}body[data-page] .application-tab{padding:11px 8px;font-size:10px}body[data-page] .application-panel{grid-template-columns:1fr;min-height:0;border-radius:20px}body[data-page] .application-image{min-height:250px}body[data-page] .application-image img{height:265px;max-height:300px;padding:22px}body[data-page] .application-copy{padding:30px 27px 33px}body[data-page] .application-copy h3,body[data-page] .application-copy h2{font-size:28px;margin-bottom:19px}body[data-page] .application-copy p{font-size:13px;line-height:1.9;margin-bottom:26px}body[data-page] .application-links{gap:14px 18px}
 body[data-page] .about-split,body[data-page] .quality-split{grid-template-columns:1fr;gap:32px}body[data-page] .about-copy h2,body[data-page] .quality-split h2{font-size:32px}body[data-page] .about-photo>img{border-radius:20px}body[data-page] .about-photo .photo-caption{left:17px;bottom:18px;font-size:8px;padding:10px 15px}body[data-page] .support-layout{grid-template-columns:1fr;gap:21px;margin-top:30px}body[data-page] .support-photo{grid-column:auto;min-height:0;border-radius:20px}body[data-page] .support-photo img{height:265px}body[data-page] .support-card{min-height:0;padding:31px;border-radius:18px}body[data-page] .support-card h3{font-size:24px}body[data-page] .support-card p{min-height:0;font-size:13px;margin-bottom:24px}
 body[data-page] .product-grid,body[data-page] .service-grid{grid-template-columns:1fr;gap:23px}body[data-page] .product-card{display:grid;grid-template-columns:.85fr 1.15fr;min-height:225px;border-radius:18px}body[data-page] .product-image{height:100%;aspect-ratio:auto}body[data-page] .product-image img{padding:15px}body[data-page] .product-copy{padding:25px 22px}body[data-page] .product-copy h3{font-size:21px;min-height:0}body[data-page] .product-copy .eyebrow{font-size:7px}body[data-page] .product-copy .text-link{font-size:10px}body[data-page] .card-copy{padding:27px}body[data-page] .card-copy h3{font-size:23px}body[data-page] .card-copy p{font-size:12px}body[data-page] .card-image{aspect-ratio:1.7}
 body[data-page] .process{grid-template-columns:1fr;gap:18px}body[data-page] .process li{padding:27px}body[data-page] .process h3{font-size:21px}body[data-page] .process p{font-size:12px;max-width:none}body[data-page] .article-grid{grid-template-columns:1fr;gap:22px}body[data-page] .article-card>div{padding:28px}body[data-page] .article-card h3{font-size:23px;min-height:0}body[data-page] .article-card p{font-size:12px}body[data-page] .project-prompt h2,body[data-page] .project-prompt h3{font-size:24px}body[data-page] .cta-inner h2{font-size:30px}
 body[data-page] .page-hero{padding:33px 0 42px}body[data-page] .page-hero-inner{grid-template-columns:1fr;gap:30px;min-height:auto}body[data-page] .page-hero h1{font-size:33px}body[data-page][data-language="zh"] .page-hero h1{font-size:32px}body[data-page] .page-hero p{font-size:13px}body[data-page] .page-hero-image img{max-height:250px;border-radius:17px}body[data-page] .side-nav{padding:22px}body[data-page] .detail-content h2,body[data-page] .reading-width h2{font-size:26px}body[data-page] .detail-content>p,body[data-page] .reading-width p{font-size:13px}body[data-page] .gallery{gap:17px}body[data-page] .gallery figcaption{padding:12px;font-size:9px}body[data-page] .feature-row h3{font-size:12px}body[data-page] .brief-box{padding:27px}body[data-page] .contact-layout{grid-template-columns:1fr;gap:38px}body[data-page] .inquiry-box{padding:27px}body[data-page] .contact-layout h2{font-size:28px}body[data-page] .floating-contact a{padding:12px 18px;font-size:9px}
}
@media(max-width:420px){body[data-page] .container{padding-inline:22px}body[data-page] .nav-inner{gap:9px}body[data-page] .brand{flex-basis:102px}body[data-page] .logo{width:102px}body[data-page] .nav-actions{gap:9px}body[data-page] .button.small{padding-inline:11px}body[data-page] .hero-copy .hero-title{font-size:37px}body[data-page][data-language="zh"] .hero-copy .hero-title{font-size:34px}body[data-page] .hero-buttons .button{padding-inline:15px}body[data-page] .product-copy{padding-inline:19px}body[data-page] .product-copy h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){body[data-page] .application-tab,body[data-page] .product-card,body[data-page] .service-card,body[data-page] .button{transition:none}}