:root{--blue:#0866ef;--navy:#081e36;--muted:#667589;--line:#e4ebf2}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#10243b;background:white}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #51a6ff;outline-offset:4px}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100% - 1200px)/2));gap:35px;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.brand{font-size:31px;letter-spacing:-1.5px;font-weight:850;color:#0759b8;white-space:nowrap}.brand span{font-size:13px;letter-spacing:0;color:#24364b;margin-left:18px;vertical-align:middle}nav{display:flex;gap:34px;height:100%;align-items:center}nav a{font-size:14px;height:100%;display:grid;align-items:center;border-bottom:3px solid transparent;padding-top:3px;white-space:nowrap}nav a.active{color:var(--blue);border-color:var(--blue)}.menu{display:none}.wrap{max-width:1200px;margin:auto;padding-left:24px;padding-right:24px}.section{padding-top:76px;padding-bottom:76px}.soft{background:#f4f8fc}.blue-soft{background:#eaf4fd}.eyebrow{color:var(--blue);font-size:12px;letter-spacing:2px;font-weight:650;text-transform:uppercase;margin-bottom:12px}h1{font-size:46px;line-height:1.3;margin:12px 0 20px;letter-spacing:1px}h2{font-size:31px;margin:0 0 28px;line-height:1.4}h3{font-size:20px;margin:0 0 15px}p{line-height:1.95;color:var(--muted);margin:0 0 16px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.section-head h2{margin-bottom:0}.more{color:var(--blue);font-size:14px}.hero{min-height:490px;background:#102e4b url('assets/hero.jpg') center/cover no-repeat;display:flex;align-items:center;position:relative}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,39,.94),rgba(3,20,39,.52) 44%,transparent 75%)}.hero .wrap{width:100%;position:relative;color:white}.hero p{color:#d7e5f3;font-size:21px}.hero .eyebrow{color:#8bc7ff}.btn{display:inline-block;border:1px solid var(--blue);border-radius:5px;background:var(--blue);color:white;padding:13px 24px;font-size:14px;font-weight:550}.btn.outline{border-color:#b5c6d8;background:transparent;margin-left:12px}.intro-strip{padding:25px 24px;border-bottom:1px solid var(--line);display:flex;gap:18px;justify-content:space-between;font-size:14px;color:#425a73}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid.four{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--line);border-radius:7px;background:#fff;overflow:hidden;transition:transform .2s,box-shadow .2s;position:relative}.card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #17334f12}.card img{width:100%;height:210px;object-fit:cover;display:block;background:#eaf0f6}.card-body{padding:22px}.card h3{font-size:18px}.card p{font-size:14px}.card button{border:0;background:none;color:var(--blue);padding:0;font-size:14px}.badge{position:absolute;top:12px;left:12px;padding:5px 10px;background:#0866ef;color:white;font-size:11px;border-radius:3px}.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.split>img{width:100%;height:355px;object-fit:cover;border-radius:7px}.split p{font-size:15px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mini{padding:34px;background:#f3f7fb;border:1px solid var(--line);border-radius:7px}.page-banner{background:linear-gradient(115deg,#071c33,#174a7a);color:white;padding:53px 0}.page-banner h1{font-size:38px;margin:5px 0 10px}.page-banner p{color:#bfd4e9;margin:0}.crumb{padding:16px 24px;font-size:12px;color:#7a8898}.filters{display:flex;gap:10px;margin-bottom:32px;flex-wrap:wrap}.filters button{padding:11px 23px;border:1px solid var(--line);border-radius:4px;background:#f4f7fa;color:#4a5b70}.filters button[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}.note{font-size:12px;color:#7c8998}.tech{border-left:3px solid var(--blue);padding:10px 25px;margin-top:42px;background:#f4f8fc}.tech p{margin:8px 0}.fields{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.field{padding:30px 22px;border:1px solid var(--line);border-radius:6px}.field b{color:var(--blue);display:block;font-size:30px;font-weight:450;margin-bottom:20px}.field h3{font-size:18px}.field p{font-size:14px}.job{padding:40px;border:1px solid var(--line);border-radius:8px;background:#fff}.job ol{padding-left:23px;line-height:2.3;color:#56687c}.job h3{font-size:28px}.contact-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:24px}.contact-box{padding:30px;border:1px solid var(--line);border-radius:7px}.contact-box strong{font-size:23px;color:#12355e}.contact-box p{font-size:14px;margin:10px 0 0}.callout{padding:45px 0;background:#0860c8;color:white}.callout .wrap{display:flex;align-items:center;justify-content:space-between}.callout h2{margin-bottom:8px}.callout p{color:#d9eaff;margin:0}.callout .btn{background:white;color:#0860c8;border-color:white}footer{background:var(--navy);color:#d5e1ed;padding:48px 0 20px;font-size:13px}.footer-grid{display:grid;grid-template-columns:1fr 1.5fr .6fr;gap:60px}footer .brand{color:white}footer p{color:#b4c4d4;margin:6px 0;font-size:13px}footer h3{font-size:15px;color:white}.copyright{border-top:1px solid #ffffff20;padding-top:20px;margin-top:34px;font-size:11px;color:#8fa3b8;display:flex;justify-content:space-between;gap:20px}dialog{border:none;border-radius:12px;padding:36px;width:min(660px,92vw);box-shadow:0 24px 100px #071c3350}dialog::backdrop{background:#061629a8}dialog img{width:100%;height:260px;object-fit:contain;background:#f0f4f8;border-radius:6px;margin-bottom:20px}.close{position:absolute;right:12px;top:7px;border:0;background:none;font-size:30px;color:#647489}.empty{padding:50px}.reveal{animation:appear .3s ease}@keyframes appear{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}@media(min-width:1500px){.hero{min-height:550px}}@media(max-width:1050px){.brand span{display:none}nav{gap:23px}.grid.four{grid-template-columns:repeat(2,1fr)}.fields{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr 1fr}.contact-box:last-child{grid-column:1/-1}.hero h1{font-size:37px}}@media(max-width:700px){header{height:70px;padding:0 22px}.brand{font-size:27px}.menu{display:block;border:0;background:#f0f5fa;font-size:22px;padding:5px 10px;border-radius:4px}nav{display:none;position:absolute;left:0;right:0;top:70px;background:white;height:auto;padding:15px 24px;box-shadow:0 10px 20px #10243b15}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav a{padding:14px 0;border:0}h1,.hero h1{font-size:30px}.hero{min-height:440px;background-position:65%}.hero:before{background:linear-gradient(90deg,#051d35f2,#051d3570)}.hero p{font-size:17px}.hero h1{max-width:330px}.intro-strip{flex-wrap:wrap;font-size:12px;gap:12px}.section{padding-top:45px;padding-bottom:45px}h2{font-size:26px}.grid,.grid.four{grid-template-columns:repeat(2,1fr);gap:14px}.card img{height:140px}.card-body{padding:16px}.card h3{font-size:16px}.card p{font-size:12px}.split,.mini-grid{grid-template-columns:1fr;gap:25px}.split>img{height:255px}.fields{gap:12px}.field{padding:22px 16px}.section-head{align-items:flex-end}.section-head .more{white-space:nowrap;font-size:12px}.page-banner{padding:35px 0}.page-banner h1{font-size:30px}.page-banner p{font-size:13px}.filters{gap:7px}.filters button{padding:9px 13px;font-size:12px}.job{padding:25px}.job ol{font-size:14px}.contact-grid{grid-template-columns:1fr}.contact-box:last-child{grid-column:auto}.footer-grid{grid-template-columns:1fr;gap:28px}.copyright{display:block;line-height:2}.copyright span{display:block}.callout .wrap{align-items:flex-start;gap:20px;flex-direction:column}.badge{font-size:10px}.mini{padding:25px}dialog{padding:30px 22px}.note{line-height:1.8}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.hero{background-color:#071d34;background-size:auto 100%;background-position:right center}.hero:before{background:linear-gradient(90deg,#071d34 0%,#071d34 35%,#071d34b3 48%,transparent 70%)}@media(max-width:700px){.hero{background-position:65% center}.hero:before{background:linear-gradient(90deg,#071d34f5,#071d34b8 58%,#071d3450)}}
/* Reference-matched desktop layouts */
:root{--navy:#071b30;--muted:#596778}body{color:#061b36}header{height:74px;padding-left:max(5.5%,calc((100% - 1200px)/2));padding-right:max(5.5%,calc((100% - 1200px)/2))}.wrap{max-width:1248px;padding-left:32px;padding-right:32px}.brand{font-size:34px;letter-spacing:-1px}.brand span{font-size:15px;margin-left:20px}nav{gap:36px}h2{font-size:34px;font-weight:750;letter-spacing:.5px}h3{font-weight:650}p{line-height:1.9}.section{padding-top:48px;padding-bottom:48px}.section-head{margin-bottom:28px}.section-head h2:after,.about-copy h2:after,.bottom-pair h2:after,.location-panel h3:after{content:"";display:block;width:29px;height:3px;background:#0878ff;margin-top:13px}.design-hero{height:clamp(390px,37.2vw,570px);background:#08263f url('assets/hero-clean.jpg') right center/auto 100% no-repeat;position:relative;display:flex;align-items:center}.design-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#09263f 0%,#09263f 30%,#09263fe8 36%,#09263f66 48%,transparent 62%)}.design-hero .wrap{width:100%;position:relative;color:white}.design-hero h1{font-size:clamp(30px,3.15vw,47px);margin:0 0 17px;letter-spacing:.7px;max-width:64%}.design-hero p{font-size:25px;color:white}.actions{margin-top:25px}.btn{padding:14px 25px;border-radius:4px}.btn.outline{margin-left:16px}.grid{gap:24px}.card{border-radius:5px;border-color:#e4ebf2}.card img{height:215px;object-fit:cover}.compact-card .card-body{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px}.compact-card h3{font-size:18px;margin:0}.compact-card button{font-size:0}.compact-card button:after{content:'→';font-size:18px}.home-products .badge{display:none}.home-products{padding-top:43px;padding-bottom:52px}.auto-section{background:linear-gradient(110deg,#e8f5ff,#f1f9ff)}.auto-section .section{padding-top:43px;padding-bottom:48px}.eyebrow{letter-spacing:0;font-size:15px;font-weight:550;margin-bottom:4px}.auto-section h2{margin:0}.auto-section .card{border:0;background:#ffffffa8}.auto-card img{height:185px;object-fit:contain;background:#f8fcff}.auto-card .card-body{padding:18px 20px}.auto-card h3{font-size:18px;margin-bottom:10px}.auto-card p{font-size:14px;line-height:1.65;margin-bottom:10px}.auto-card button{font-size:12px}.home-about{padding-top:45px;padding-bottom:20px}.home-about>.wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.about-copy p{font-size:16px}.home-about img{width:100%;height:310px;object-fit:cover}.bottom-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-bottom:36px}.bottom-pair article{padding:32px;min-height:250px;position:relative}.bottom-pair h2,.bottom-pair p,.bottom-pair a{position:relative}.bottom-tech{background:linear-gradient(90deg,#f0f6fc 36%,#eff5fbd9 53%,transparent),url('assets/chip.jpg') right center/auto 100% no-repeat}.bottom-careers{background:linear-gradient(90deg,#f0f6fc 37%,#f0f6fcb0 60%,transparent),url('assets/recruit-bg.jpg') right center/auto 100% no-repeat}.bottom-pair h2{font-size:31px;margin-bottom:18px}.bottom-pair p{font-size:15px;max-width:80%;margin-bottom:8px}.bottom-pair .btn{margin-top:10px}.bottom-pair .more{font-size:12px}.design-banner{position:relative;height:235px;color:white;display:flex;align-items:center;background-color:#09233e;background-position:right center;background-size:auto 100%;background-repeat:no-repeat}.design-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08233e 0%,#08233e 28%,#08233eb0 49%,transparent 80%)}.design-banner .wrap{position:relative;width:100%}.design-banner h1{font-size:46px;margin:0 0 12px}.design-banner p{color:#fff;font-size:17px;margin:0;max-width:70%}.banner-about{background-image:url('assets/banner-about.jpg')}.banner-products{background-image:url('assets/banner-products.jpg')}.banner-careers{height:280px;background-image:url('assets/banner-careers.jpg')}.banner-contact{height:300px;background-image:url('assets/banner-contact.jpg')}.breadcrumb{background:#f2f6fa;color:#8190a4;font-size:13px;padding:13px 0}.about-intro{gap:38px;padding-top:36px;padding-bottom:30px}.about-intro h2:before,.fields-section h2:before,.research h2:before{content:"";display:block;width:30px;height:4px;background:#0878ff;margin-bottom:13px}.about-intro p{font-size:16px;color:#303f52}.about-intro>img{height:275px}.fields-section{padding-top:0}.fields-section h2{margin-bottom:20px}.field-card{background:#f5f8fc;border-radius:4px;overflow:hidden}.field-card>img{width:100%;height:150px;object-fit:cover;display:block}.field-card>div{padding:17px 20px}.field-card h3{font-size:19px;margin:0 0 12px}.field-card h3 span{color:#0878ff;margin-right:13px}.field-card p{font-size:14px;margin:0}.research{padding-top:30px;padding-bottom:32px}.research h2{margin-bottom:18px}.research article>img{width:100%;height:210px;object-fit:cover;border-radius:5px}.research h3{font-size:18px;margin:10px 0 3px}.research p{font-size:13px;margin:0}.about-cta{background:linear-gradient(110deg,#063568,#0873f4);color:#fff;padding:28px 0}.about-cta>.wrap{display:flex;align-items:center;justify-content:space-between}.about-cta h2{font-size:36px;margin:0 0 6px}.about-cta p{color:#d9eaff;font-size:15px;margin:0}.about-cta .btn{border-radius:28px;padding:16px 35px}.catalog{padding-top:36px;padding-bottom:38px}.catalog h2{margin-bottom:28px}.filters{display:inline-flex;gap:0;background:#f1f4f8;border-radius:6px;margin-bottom:35px;padding:0;overflow:hidden}.filters button{border:0;border-radius:5px;min-width:140px;padding:15px 24px;font-size:14px;background:transparent}.catalog .grid{gap:24px}.catalog .card img{height:225px}.catalog .compact-card .card-body{display:block;text-align:center;padding:18px 16px 22px}.catalog .card h3{font-size:19px;margin-bottom:20px}.catalog .compact-card button{font-size:13px;border:1px solid #a1c6ff;border-radius:25px;padding:7px 20px}.catalog .compact-card button:after{content:none}.catalog .badge{font-size:12px;padding:7px 10px}.design-tech{background:#eef5fc url('assets/chip.jpg') right center/auto 100% no-repeat;position:relative;padding:42px 0}.design-tech:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f1f7fd 0%,#f1f7fd 41%,#f1f7fdc4 53%,transparent 75%)}.design-tech>.wrap{position:relative}.design-tech h2{margin-bottom:22px}.design-tech p{font-size:15px;color:#283d56;max-width:53%;margin:0;line-height:1.9}.career-lead>.wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;padding-top:0}.career-lead h2{font-size:54px;margin:15px 0 12px}.career-lead h3{font-size:26px;font-weight:450;margin-bottom:22px}.career-lead p{font-size:15px;line-height:1.9}.career-lead img{width:100%;height:365px;object-fit:cover}.vacancy{padding-bottom:32px}.job{position:relative;overflow:hidden;padding:32px;background:#fff;box-shadow:0 8px 32px #10335708;border:1px solid #eef1f5}.job>*{position:relative}.job-photo{position:absolute;top:22px;right:22px;width:34%;height:70%;background:linear-gradient(90deg,white,transparent 60%),url('assets/job.jpg') center/cover}.job-label{display:inline-block;background:#0664ec;color:white;padding:8px 21px;border-radius:4px;font-size:16px;margin-bottom:16px}.job h3{font-size:33px;margin-bottom:22px}.job hr{border:0;border-top:1px solid #d1dbe7;margin:0 40% 30px 0}.job h4{margin:0 0 12px}.job ol{font-size:15px;line-height:2.15;margin:0;padding-left:23px;color:#27374a}.job ol li:nth-child(-n+2){max-width:66%}.recruit-contact{display:flex;align-items:center;justify-content:center;gap:26px;background:#edf6ff;padding:28px 35px;border-radius:6px;margin-top:25px}.round-icon{display:inline-grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#e7f2ff;color:#0863d7;font-size:31px;flex-shrink:0}.recruit-contact h3{font-size:18px;margin:0 0 3px}.recruit-contact p{color:#153250;font-size:19px;margin:0}.hours{margin-left:30px;padding-left:35px;border-left:1px solid #acc9e9;font-size:15px}.contact-section{padding-top:36px;padding-bottom:20px}.contact-section h2{margin-bottom:15px}.contact-section>p{font-size:14px;margin-bottom:18px}.contact-grid{grid-template-columns:1fr 1fr 1.25fr;gap:14px}.contact-box{display:flex;align-items:center;gap:17px;padding:25px 20px}.contact-box h3{font-size:17px;margin-bottom:5px}.contact-box strong{font-size:21px;white-space:nowrap}.contact-box p{margin:0;font-size:14px}.contact-box .round-icon{width:58px;height:58px;font-size:30px}.contact-location{display:grid;grid-template-columns:1.22fr 1fr;gap:14px;margin-top:20px}.contact-location figure{margin:0;position:relative}.contact-location figure>img{width:100%;height:400px;object-fit:cover;display:block}.contact-location figcaption{position:absolute;bottom:18px;left:22px;font-size:13px;color:white;text-shadow:0 1px 6px #000}.location-panel{background:#edf5fe;padding:25px 28px 0;overflow:hidden}.location-panel h3{font-size:25px;margin-bottom:10px}.location-panel p{font-size:15px;margin:0}.location-panel>img{width:100%;height:275px;object-fit:contain;mix-blend-mode:multiply;display:block}.consultation{padding-top:22px;padding-bottom:32px}.consultation h2{margin-bottom:13px}.consultation>p{font-size:14px;margin-bottom:18px}.consultation .mini-grid{gap:22px}.consult-card{padding:28px;min-height:165px;background-color:#eaf3ff;background-repeat:no-repeat;background-position:right center;background-size:auto 100%}.consult-0{background-image:linear-gradient(90deg,#eaf3ff 30%,#eaf3ffb0 53%,transparent),url('assets/consult-product.jpg')}.consult-1{background-image:linear-gradient(90deg,#eaf3ff 30%,#eaf3ffb0 53%,transparent),url('assets/consult-office.jpg')}.consult-card h3{font-size:25px;margin-bottom:8px}.consult-card p{font-size:14px;max-width:70%;margin-bottom:10px}.consult-card a{font-size:24px;font-weight:650;color:#0b2d53}footer{padding-top:34px;padding-bottom:15px}footer .footer-grid{grid-template-columns:1fr 1.2fr;gap:65px}footer .footer-grid>div:last-child{display:none}footer .footer-grid>div:nth-child(2){border-left:1px solid #ffffff26;padding-left:50px}.copyright{font-size:11px;margin-top:26px;padding-top:15px;display:block;text-align:center}.copyright span{display:block;font-size:10px;margin-top:5px;color:#7991a9}.footer-grid h3{margin-bottom:9px}.footer-grid p{line-height:1.8}body[data-page=about] footer{padding-top:22px}.reveal{animation:none}
@media(max-width:1050px){.brand span{display:inline;font-size:12px}.brand{font-size:27px}nav{gap:20px}.grid.four{grid-template-columns:repeat(4,1fr)}.auto-card img{height:140px}.auto-card .card-body{padding:15px 12px}.auto-card h3{font-size:15px}.auto-card p{font-size:12px}.contact-box{padding:20px 15px;gap:10px}.contact-box .round-icon{width:40px;height:40px;font-size:23px}.contact-box strong{font-size:17px}.filters button{min-width:115px}.design-hero p{font-size:21px}.career-lead h3{font-size:21px}.career-lead h2{font-size:44px}.contact-location figure>img{height:360px}.location-panel>img{height:240px}}
@media(max-width:700px){header{height:70px;padding:0 20px}.brand span{display:none}.wrap{padding-left:22px;padding-right:22px}.section{padding-top:32px;padding-bottom:32px}.grid.four{grid-template-columns:repeat(2,1fr)}h2{font-size:27px}.design-hero{height:420px;background-position:right center;background-size:auto 85%}.design-hero:before{background:linear-gradient(90deg,#09263ff5,#09263fd9 40%,#09263f5c)}.design-hero h1{font-size:30px;max-width:100%;max-width:340px}.design-hero p{font-size:16px;max-width:260px}.actions{display:flex;gap:10px}.actions .btn{font-size:12px;padding:12px 19px}.actions .outline{margin:0}.home-products{padding-top:30px;padding-bottom:32px}.card img,.catalog .card img{height:145px}.compact-card .card-body{padding:14px 12px}.compact-card h3{font-size:14px}.grid{gap:14px}.auto-section .section{padding-top:32px;padding-bottom:32px}.auto-section h2{font-size:24px}.auto-section .eyebrow{font-size:12px}.auto-card img{height:150px}.home-about>.wrap{grid-template-columns:1fr;gap:15px}.home-about{padding-top:32px}.home-about img{height:235px}.about-copy p{font-size:14px}.bottom-pair{grid-template-columns:1fr;gap:15px;padding-bottom:25px}.bottom-pair article{min-height:230px;padding:25px}.bottom-pair h2{font-size:27px}.design-banner,.banner-careers,.banner-contact{height:205px;background-size:auto 100%}.design-banner:before{background:linear-gradient(90deg,#08233ef2,#08233ea0 60%,transparent)}.design-banner h1{font-size:33px}.design-banner p{font-size:13px;max-width:85%}.breadcrumb{font-size:11px}.about-intro{gap:20px}.about-intro p{font-size:14px}.about-intro>img{height:230px}.field-card>img{height:120px}.field-card>div{padding:14px 12px}.field-card h3{font-size:15px}.field-card h3 span{margin-right:5px}.field-card p{font-size:12px}.research .grid{grid-template-columns:1fr}.research article>img{height:235px}.research h3{font-size:18px}.research p{font-size:13px}.about-cta>.wrap{align-items:flex-start;flex-direction:column;gap:18px}.about-cta h2{font-size:29px}.about-cta p{font-size:13px}.about-cta .btn{font-size:13px;padding:12px 24px}.filters{display:flex;flex-wrap:wrap;overflow:visible;background:none;gap:7px}.filters button{min-width:0;padding:10px 13px;font-size:12px;background:#f1f4f8}.catalog .card h3{font-size:14px;margin-bottom:12px}.catalog .compact-card .card-body{padding:14px 10px}.catalog .compact-card button{font-size:11px;padding:6px 12px}.catalog .badge{font-size:10px;padding:5px 7px;left:7px;top:7px}.design-tech{padding:30px 0}.design-tech:before{background:linear-gradient(90deg,#f1f7fdf5,#f1f7fddd)}.design-tech h2{margin-bottom:15px}.design-tech p{max-width:100%;font-size:13px}.career-lead>.wrap{grid-template-columns:1fr;padding-top:30px}.career-lead h2{font-size:38px}.career-lead h3{font-size:21px}.career-lead p{font-size:13px}.career-lead img{height:240px}.vacancy{padding-top:20px}.job{padding:24px}.job h3{font-size:27px}.job-photo{display:none}.job hr{margin:0 0 20px}.job ol{font-size:13px}.job ol li:nth-child(-n+2){max-width:100%}.job-label{font-size:13px;padding:7px 15px}.recruit-contact{gap:15px;padding:20px;flex-wrap:wrap;justify-content:flex-start}.recruit-contact .round-icon{width:45px;height:45px;font-size:25px}.recruit-contact p{font-size:16px}.hours{width:100%;padding:12px 0 0;margin:0;border-left:0;border-top:1px solid #acc9e9;font-size:13px}.contact-grid{grid-template-columns:1fr}.contact-box{padding:20px;gap:20px}.contact-box strong{font-size:20px}.contact-box:last-child{grid-column:auto}.contact-location{grid-template-columns:1fr}.contact-location figure>img{height:290px}.location-panel{padding:25px 22px 0}.location-panel>img{height:250px}.consultation{padding-top:12px}.consult-card{min-height:170px;padding:25px}.consult-card h3{font-size:23px}.consult-card a{font-size:21px}.consultation .mini-grid{grid-template-columns:1fr}.consult-card p{font-size:12px}.contact-section>p,.consultation>p{font-size:13px}footer .footer-grid{grid-template-columns:1fr;gap:22px}footer .footer-grid>div:nth-child(2){border:0;padding-left:0}.copyright{font-size:10px;text-align:left}.copyright span{font-size:9px}.section-head .more{font-size:11px}nav{top:70px}}
.home-products .card img{object-fit:contain;background:#f1f5f9;height:210px}
@media(max-width:700px){.home-products .card img{height:145px}}
body[data-page=careers] footer,body[data-page=products] footer,body[data-page=contact] footer{background:linear-gradient(90deg,#071b30 0%,#071b30 50%,#071b30b0 74%,#071b3060),url('assets/banner-careers.jpg') right center/auto 100% no-repeat}body[data-page=home] footer .footer-grid>div:first-child{order:2}body[data-page=home] footer .footer-grid>div:nth-child(2){order:1;padding:0;border:0}body[data-page=home] footer .footer-grid>div:first-child{border-left:1px solid #ffffff26;padding-left:50px}body[data-page=home] footer .footer-grid{grid-template-columns:1.1fr 1fr}
@media(max-width:700px){body[data-page=home] footer .footer-grid{grid-template-columns:1fr}body[data-page=home] footer .footer-grid>div:first-child{order:0;border:0;padding:0}}
.design-banner{background-size:65% 100%}.design-banner:before{background:linear-gradient(90deg,#08233e 0%,#08233e 35%,#08233ee8 40%,#08233e65 57%,transparent 78%)}
@media(max-width:700px){.design-banner{background-size:auto 100%}.design-banner:before{background:linear-gradient(90deg,#08233ef2,#08233ea0 60%,transparent)}}
/* V4: seamless image opacity masks and one shared footer. */
.design-hero{isolation:isolate;background:#08243d;overflow:hidden}
.design-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:url('assets/hero-clean.jpg') right center/auto 100% no-repeat;mask-image:linear-gradient(90deg,transparent 24%,#000 66%);-webkit-mask-image:linear-gradient(90deg,transparent 24%,#000 66%)}
.design-hero .wrap{z-index:1}
.home-about img{mask-image:linear-gradient(90deg,transparent 0%,#000 35%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 35%)}
body[data-page] footer{padding-top:34px;padding-bottom:15px;background:linear-gradient(90deg,#071b30 0%,#071b30 45%,#071b30ba 70%,#071b3070),url('assets/banner-careers.jpg') right center/auto 100% no-repeat}
body[data-page] footer .footer-grid{grid-template-columns:1fr 1.2fr;gap:65px}
body[data-page] footer .footer-grid>div:first-child{order:0;border:0;padding-left:0}
body[data-page] footer .footer-grid>div:nth-child(2){order:0;border-left:1px solid #ffffff26;padding-left:50px}
@media(max-width:700px){.design-hero:before{background-size:auto 100%;mask-image:linear-gradient(90deg,transparent,#0009 55%,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#0009 55%,#000)}.home-about img{mask-image:linear-gradient(180deg,transparent,#000 28%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 28%)}body[data-page] footer .footer-grid{grid-template-columns:1fr;gap:22px}body[data-page] footer .footer-grid>div:nth-child(2){border:0;padding-left:0}}
.design-hero:before{background-size:cover;mask-image:linear-gradient(90deg,transparent 0%,#0003 22%,#000a 48%,#000 72%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#0003 22%,#000a 48%,#000 72%)}
.design-banner{background-size:cover}
@media(max-width:700px){.design-hero:before{background-size:auto 100%;background-position:65% center;mask-image:linear-gradient(90deg,#0003,#0008 55%,#000);-webkit-mask-image:linear-gradient(90deg,#0003,#0008 55%,#000)}}
/* V5: requested layout, content and image corrections. */
.breadcrumb .wrap{display:flex;align-items:center;gap:12px}.breadcrumb a{display:inline-flex;align-items:center;gap:9px}.breadcrumb svg{width:17px;height:17px;flex:none;color:#72879f}.home-products .card img{object-fit:cover;width:100%;height:235px}.home-products .card-body button{font-size:0}.home-products .card-body button:after{content:'→';font-size:18px}
body[data-page] footer{position:relative;isolation:isolate;overflow:hidden;background:#071b30}
body[data-page] footer:before{content:"";position:absolute;inset:0;z-index:-1;background:url('assets/banner-careers.jpg') right 48%/cover no-repeat;mask-image:linear-gradient(90deg,transparent 22%,#0001 42%,#0008 72%,#000b 100%);-webkit-mask-image:linear-gradient(90deg,transparent 22%,#0001 42%,#0008 72%,#000b 100%)}
.design-banner,.banner-about,.banner-products,.banner-careers,.banner-contact{height:265px;background-size:cover;background-repeat:no-repeat}
.banner-about{background-image:url('assets/lab.jpg');background-position:center 38%}.banner-products{background-image:url('assets/chip.jpg');background-position:center 55%}.banner-careers{background-image:url('assets/team.jpg');background-position:center 32%}.banner-contact{background-image:url('assets/office.jpg');background-position:center 42%}
.design-banner:before{background:linear-gradient(90deg,#08233ef5 0%,#08233eda 30%,#08233e88 52%,#08233e10 85%)}
.bottom-careers{background:linear-gradient(90deg,#f0f6fc 36%,#eff5fbd9 53%,transparent),url('assets/recruit-bg.jpg') right center/auto 100% no-repeat}
.vacancy{padding-top:55px;padding-bottom:65px}.job ol li:nth-child(-n+2){max-width:100%}.job hr{margin-right:0}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-box{min-height:135px;padding:24px;align-items:center;gap:18px}.contact-box>div{min-width:0}.contact-box .round-icon{width:54px;height:54px;background:#eaf3ff;flex-shrink:0}.round-icon svg{width:25px;height:25px}.contact-box h3{font-size:16px;line-height:1.4;margin:0 0 9px;font-weight:600;color:#52667d}.contact-box strong,.contact-box>div>p{display:block;margin:0;font-size:18px;line-height:1.6;font-weight:600;color:#143352;white-space:normal;overflow-wrap:anywhere}
@media(max-width:1050px){.contact-grid{grid-template-columns:1fr}.contact-box:last-child{grid-column:auto}}
@media(max-width:700px){.home-products .card img{height:150px}.design-banner,.banner-about,.banner-products,.banner-careers,.banner-contact{height:215px}.banner-careers{background-position:60% 32%}.banner-contact{background-position:65% 42%}.vacancy{padding-top:35px;padding-bottom:40px}.contact-box{min-height:115px;padding:22px}.contact-box strong{font-size:17px}.breadcrumb .wrap{gap:9px}.breadcrumb svg{width:16px;height:16px}}
/* V6: matching opacity masks, consistent domain icons, readable details. */
.bottom-pair article{isolation:isolate;overflow:hidden;background:#f0f6fc}
.bottom-pair article:before{content:"";position:absolute;inset:0;z-index:-1;background-position:right center;background-repeat:no-repeat;background-size:auto 100%;mask-image:linear-gradient(90deg,transparent 24%,#0003 45%,#000a 68%,#000 90%);-webkit-mask-image:linear-gradient(90deg,transparent 24%,#0003 45%,#000a 68%,#000 90%)}
.bottom-tech:before{background-image:url('assets/chip.jpg')}.bottom-careers:before{background-image:url('assets/recruit-bg.jpg')}
.field-card h3{display:flex;align-items:center;gap:10px}.field-card h3 span{display:inline-flex;margin:0;color:#0878ff}.field-card h3 svg{width:24px;height:24px;flex-shrink:0}.field-card>img{object-fit:cover}
.contact-box:has(.address-value){background:linear-gradient(120deg,#f5f9ff,#fff);border-color:#d8e7fa}.address-value>span{display:block}.address-value .address-floor{font-size:15px;font-weight:500;color:#64768d;margin-top:3px}.contact-box:has(.address-value) .round-icon{background:#e4efff}
dialog{max-height:90vh;overflow-y:auto;width:min(760px,94vw);padding:36px}.detail-intro{color:#344d67;font-size:16px}.detail-features{padding-left:22px;color:#52667b;line-height:1.9;margin-bottom:25px}dialog h3{font-size:18px;border-left:3px solid #0878ff;padding-left:12px;margin:24px 0 12px}dialog .note{margin-top:24px;padding:14px;background:#f3f7fb}dialog img{height:240px}dialog .close{position:sticky;float:right;top:0;background:#fff;border-radius:50%;width:32px;line-height:32px;z-index:2}
@media(max-width:700px){.field-card h3{font-size:14px;gap:7px}.field-card h3 svg{width:20px;height:20px}dialog{padding:24px}.bottom-pair article:before{mask-image:linear-gradient(90deg,transparent 22%,#0004 50%,#000 95%);-webkit-mask-image:linear-gradient(90deg,transparent 22%,#0004 50%,#000 95%)}}
.design-hero:before{background-image:url('assets/hero-v6.png');background-size:cover;background-position:center}
@media(max-width:700px){.design-hero:before{background-size:auto 100%;background-position:64% center}}
.bottom-pair article:before{background-size:cover;mask-image:linear-gradient(90deg,transparent 0%,transparent 23%,#0002 38%,#0007 57%,#000d 78%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 23%,#0002 38%,#0007 57%,#000d 78%,#000 100%)}
/* V7: retain the approved hero scene, refine small-screen composition. */
.design-hero:before{background-image:url('assets/hero-clean.jpg');background-position:center;background-size:cover}
.address-panel{display:flex;flex-direction:column;padding:28px 32px;background:linear-gradient(140deg,#f1f7ff,#e8f1fc);position:relative;overflow:hidden;border:1px solid #e1ebf8}
.address-heading{display:flex;align-items:center;gap:13px}.address-symbol{width:46px;height:46px;display:grid;place-items:center;background:#fff;border:1px solid #d9e7fa;border-radius:12px;color:#0866ef}.address-symbol svg{width:23px;height:23px}.address-kicker{font-size:10px;letter-spacing:2px;color:#7189a5;margin-bottom:4px}.address-heading h3{font-size:20px;margin:0}.address-heading h3:after{display:none}.address-main{padding:25px 0 20px}.city-label{font-size:12px;color:#5c789b}.address-main h4{font-size:30px;letter-spacing:1px;margin:8px 0 12px}.floor-pill{display:inline-flex;gap:13px;align-items:center;border-radius:5px;padding:8px 14px;background:#fff;color:#155392;font-size:16px;font-weight:600}.floor-pill span{color:#c6d5e6;font-weight:400}.address-main p{font-size:12px;color:#6e8197;margin:13px 0 0}.address-bottom{margin-top:auto;padding-top:20px;border-top:1px solid #d4e1ef;display:flex;align-items:center;gap:15px}.address-bottom>img{width:100px;height:100px;object-fit:cover;border-radius:12px;mix-blend-mode:multiply}.address-bottom>div{flex:1}.address-bottom span{font-size:12px;color:#637c98}.address-bottom a{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:650;color:#0c3a6c;margin:8px 0}.address-bottom a svg{width:16px;height:16px}.address-bottom small{font-size:11px;color:#6c8198}
@media(max-width:700px){.design-hero{height:560px;display:block;padding-top:38px}.design-hero .wrap{position:relative}.design-hero h1{font-size:28px;max-width:100%;margin-bottom:12px}.design-hero p{max-width:100%;font-size:16px}.design-hero .actions{margin-top:22px}.design-hero:before{inset:210px 0 0;background-image:url('assets/hero-clean.jpg');background-size:auto 100%;background-position:81% bottom;mask-image:linear-gradient(180deg,transparent 0%,#0005 14%,#000 34%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#0005 14%,#000 34%)}.address-panel{padding:25px}.address-main{padding:22px 0}.address-main h4{font-size:27px}.address-bottom>img{width:80px;height:85px}.address-bottom a{font-size:17px}}
.contact-location figure{min-height:400px}.contact-location figure>img{height:100%;position:absolute;inset:0;object-fit:cover}
@media(max-width:700px){.contact-location figure{min-height:290px}}
/* V8: corrected instrument data and legible HMI labels. */
.design-hero:before{background-image:url('assets/hero-v8.png')}